From 92f7fd1e8d2a05b95e5080af633f4c40250d8855 Mon Sep 17 00:00:00 2001 From: Andrew Holloway Date: Thu, 30 May 2024 17:17:04 -0500 Subject: [PATCH] feat!: update tier 1 and 2 typography tokens - add new tokens - headline-secondary-lg-* - headline-secondary-md-* - headline-secondary-sm-* - update existing tokens - preset-secondary-001-light - preset-secondary-001 - preset-secondary-001-bold - preset-secondary-mobile-002-light - preset-secondary-mobile-002 - preset-secondary-mobile-002-bold - preset-secondary-003-light - preset-secondary-003 - preset-secondary-003-bold - update mobile headline token mappings --- .storybook/data/tokens.json | 29 ++++++++----- .../tier-1-definitions/typography.json | 29 ++++++++----- .../tier-2-usage/typography.json | 30 ++++++++++++-- src/tokens-dist/css/variables.css | 29 ++++++++----- src/tokens-dist/json/variables-nested.json | 41 +++++++++++++------ 5 files changed, 112 insertions(+), 46 deletions(-) diff --git a/.storybook/data/tokens.json b/.storybook/data/tokens.json index 7fc625f7f..a39769284 100644 --- a/.storybook/data/tokens.json +++ b/.storybook/data/tokens.json @@ -13,10 +13,10 @@ "eds-typography-preset-002": "var(--eds-font-weight-medium) 2rem/1.25 var(--eds-font-family-primary)", "eds-typography-preset-002-light": "var(--eds-font-weight-light) 2rem/1.25 var(--eds-font-family-primary)", "eds-typography-preset-002-bold": "var(--eds-font-weight-bold) 2rem/1.25 var(--eds-font-family-primary)", - "eds-typography-preset-002-mobile": "var(--eds-font-weight-bold) 1.75rem/1.2857 var(--eds-font-family-primary)", - "eds-typography-preset-003": "var(--eds-font-weight-medium) 1.375rem/1.45454545 var(--eds-font-family-primary)", - "eds-typography-preset-003-light": "var(--eds-font-weight-light) 1.375rem/1.45454545 var(--eds-font-family-primary)", - "eds-typography-preset-003-bold": "var(--eds-font-weight-bold) 1.375rem/1.45454545 var(--eds-font-family-primary)", + "eds-typography-preset-002-mobile": "var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-primary)", + "eds-typography-preset-003": "var(--eds-font-weight-medium) 1.5rem/1.333333333 var(--eds-font-family-primary)", + "eds-typography-preset-003-light": "var(--eds-font-weight-light) 1.5rem/1.333333333 var(--eds-font-family-primary)", + "eds-typography-preset-003-bold": "var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-primary)", "eds-typography-preset-003-mobile": "var(--eds-font-weight-bold) 1.25rem/1.4 var(--eds-font-family-primary)", "eds-typography-preset-004": "var(--eds-font-weight-medium) 1.125rem/1.55555556 var(--eds-font-family-primary)", "eds-typography-preset-004-light": "var(--eds-font-weight-light) 1.125rem/1.55555556 var(--eds-font-family-primary)", @@ -45,12 +45,14 @@ "eds-typography-preset-012": "var(--eds-font-weight-medium) 0.6875rem/1.272727272 var(--eds-font-family-primary)", "eds-typography-preset-012-light": "var(--eds-font-weight-light) 0.6875rem/1.272727272 var(--eds-font-family-primary)", "eds-typography-preset-012-bold": "var(--eds-font-weight-bold) 0.6875rem/1.272727272 var(--eds-font-family-primary)", - "eds-typography-preset-secondary-001": "var(--eds-font-weight-medium) 2rem/1.25 var(--eds-font-family-secondary)", - "eds-typography-preset-secondary-001-light": "var(--eds-font-weight-light) 2rem/1.25 var(--eds-font-family-secondary)", + "eds-typography-preset-secondary-001": "var(--eds-font-weight-medium) 2.5rem/1.2 var(--eds-font-family-secondary)", + "eds-typography-preset-secondary-001-light": "var(--eds-font-weight-light) 2.5rem/1.2 var(--eds-font-family-secondary)", + "eds-typography-preset-secondary-001-bold": "var(--eds-font-weight-bold) 2.5rem/1.2 var(--eds-font-family-secondary)", "eds-typography-preset-secondary-002": "var(--eds-font-weight-medium) 1.75rem/1.28571429 var(--eds-font-family-secondary)", "eds-typography-preset-secondary-002-light": "var(--eds-font-weight-light) 1.75rem/1.28571429 var(--eds-font-family-secondary)", - "eds-typography-preset-secondary-003": "var(--eds-font-weight-medium) 1.25rem/1.4 var(--eds-font-family-secondary)", - "eds-typography-preset-secondary-003-light": "var(--eds-font-weight-light) 1.25rem/1.4 var(--eds-font-family-secondary)", + "eds-typography-preset-secondary-003": "var(--eds-font-weight-medium) 1.5rem/1.333333333 var(--eds-font-family-secondary)", + "eds-typography-preset-secondary-003-light": "var(--eds-font-weight-light) 1.5rem/1.333333333 var(--eds-font-family-secondary)", + "eds-typography-preset-secondary-003-bold": "var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-secondary)", "eds-typography-preset-secondary-004": "var(--eds-font-weight-medium) 1rem/1.5 var(--eds-font-family-secondary)", "eds-typography-preset-secondary-004-light": "var(--eds-font-weight-light) 1rem/1.5 var(--eds-font-family-secondary)", "eds-typography-preset-secondary-005": "var(--eds-font-weight-medium) 0.875rem/1.57142857 var(--eds-font-family-secondary)", @@ -63,8 +65,9 @@ "eds-typography-preset-secondary-008-light": "var(--eds-font-weight-light) 0.75rem/1.33333333 var(--eds-font-family-secondary)", "eds-typography-preset-secondary-mobile-001-light": "var(--eds-font-weight-light) 2rem/1.25 var(--eds-font-family-secondary)", "eds-typography-preset-secondary-mobile-001": "var(--eds-font-weight-medium) 2rem/1.25 var(--eds-font-family-secondary)", - "eds-typography-preset-secondary-mobile-002-light": "var(--eds-font-weight-light) 1.75rem/1.28571429 var(--eds-font-family-secondary)", - "eds-typography-preset-secondary-mobile-002": "var(--eds-font-weight-medium) 1.75rem/1.28571429 var(--eds-font-family-secondary)", + "eds-typography-preset-secondary-mobile-002-light": "var(--eds-font-weight-light) 1.5rem/1.333333333 var(--eds-font-family-secondary)", + "eds-typography-preset-secondary-mobile-002": "var(--eds-font-weight-medium) 1.5rem/1.333333333 var(--eds-font-family-secondary)", + "eds-typography-preset-secondary-mobile-002-bold": "var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-secondary)", "eds-typography-preset-secondary-mobile-003-light": "var(--eds-font-weight-light) 1.25rem/1.4 var(--eds-font-family-secondary)", "eds-typography-preset-secondary-mobile-003": "var(--eds-font-weight-medium) 1.25rem/1.4 var(--eds-font-family-secondary)", "eds-typography-preset-mobile-001-light": "var(--eds-font-weight-light) 2rem/1.25 var(--eds-font-family-primary)", @@ -90,10 +93,16 @@ "eds-theme-typography-headline-sm-mobile": "var(--eds-typography-preset-mobile-003-light)", "eds-theme-typography-headline-secondary-lg": "var(--eds-typography-preset-secondary-001-light)", "eds-theme-typography-headline-secondary-lg-bold": "var(--eds-typography-preset-secondary-001)", + "eds-theme-typography-headline-secondary-lg-bold-mobile": "var(--eds-typography-preset-secondary-mobile-001-bold)", + "eds-theme-typography-headline-secondary-lg-mobile": "var(--eds-typography-preset-secondary-mobile-001-light)", "eds-theme-typography-headline-secondary-md": "var(--eds-typography-preset-secondary-002-light)", "eds-theme-typography-headline-secondary-md-bold": "var(--eds-typography-preset-secondary-002)", + "eds-theme-typography-headline-secondary-md-bold-mobile": "var(--eds-typography-secondary-mobile-002-bold)", + "eds-theme-typography-headline-secondary-md-mobile": "var(--eds-typography-preset-mobile-002-light)", "eds-theme-typography-headline-secondary-sm": "var(--eds-typography-preset-secondary-003-light)", "eds-theme-typography-headline-secondary-sm-bold": "var(--eds-typography-preset-secondary-003)", + "eds-theme-typography-headline-secondary-sm-bold-mobile": "var(--eds-typography-preset-secondary-mobile-003-bold)", + "eds-theme-typography-headline-secondary-sm-mobile": "var(--eds-typography-preset-secondary-mobile-003-light)", "eds-theme-typography-title-lg": "var(--eds-typography-preset-004)", "eds-theme-typography-title-lg-bold": "var(--eds-typography-preset-004-bold)", "eds-theme-typography-title-md": "var(--eds-typography-preset-004)", diff --git a/src/design-tokens/tier-1-definitions/typography.json b/src/design-tokens/tier-1-definitions/typography.json index 95e498ccb..aa543bfe1 100644 --- a/src/design-tokens/tier-1-definitions/typography.json +++ b/src/design-tokens/tier-1-definitions/typography.json @@ -59,19 +59,19 @@ "value": "var(--eds-font-weight-bold) 2rem/1.25 var(--eds-font-family-primary)" }, "mobile": { - "value": "var(--eds-font-weight-bold) 1.75rem/1.2857 var(--eds-font-family-primary)", + "value": "var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-primary)", "comment": "@deprecated This should not be used in code or design. It will be removed in a future version of EDS." } }, "003": { "@": { - "value": "var(--eds-font-weight-medium) 1.375rem/1.45454545 var(--eds-font-family-primary)" + "value": "var(--eds-font-weight-medium) 1.5rem/1.333333333 var(--eds-font-family-primary)" }, "light": { - "value": "var(--eds-font-weight-light) 1.375rem/1.45454545 var(--eds-font-family-primary)" + "value": "var(--eds-font-weight-light) 1.5rem/1.333333333 var(--eds-font-family-primary)" }, "bold": { - "value": "var(--eds-font-weight-bold) 1.375rem/1.45454545 var(--eds-font-family-primary)" + "value": "var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-primary)" }, "mobile": { "value": "var(--eds-font-weight-bold) 1.25rem/1.4 var(--eds-font-family-primary)", @@ -186,10 +186,13 @@ "secondary": { "001": { "@": { - "value": "var(--eds-font-weight-medium) 2rem/1.25 var(--eds-font-family-secondary)" + "value": "var(--eds-font-weight-medium) 2.5rem/1.2 var(--eds-font-family-secondary)" }, "light": { - "value": "var(--eds-font-weight-light) 2rem/1.25 var(--eds-font-family-secondary)" + "value": "var(--eds-font-weight-light) 2.5rem/1.2 var(--eds-font-family-secondary)" + }, + "bold": { + "value": "var(--eds-font-weight-bold) 2.5rem/1.2 var(--eds-font-family-secondary)" } }, "002": { @@ -202,10 +205,13 @@ }, "003": { "@": { - "value": "var(--eds-font-weight-medium) 1.25rem/1.4 var(--eds-font-family-secondary)" + "value": "var(--eds-font-weight-medium) 1.5rem/1.333333333 var(--eds-font-family-secondary)" }, "light": { - "value": "var(--eds-font-weight-light) 1.25rem/1.4 var(--eds-font-family-secondary)" + "value": "var(--eds-font-weight-light) 1.5rem/1.333333333 var(--eds-font-family-secondary)" + }, + "bold": { + "value": "var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-secondary)" } }, "004": { @@ -259,10 +265,13 @@ }, "002": { "light": { - "value": "var(--eds-font-weight-light) 1.75rem/1.28571429 var(--eds-font-family-secondary)" + "value": "var(--eds-font-weight-light) 1.5rem/1.333333333 var(--eds-font-family-secondary)" }, "@": { - "value": "var(--eds-font-weight-medium) 1.75rem/1.28571429 var(--eds-font-family-secondary)" + "value": "var(--eds-font-weight-medium) 1.5rem/1.333333333 var(--eds-font-family-secondary)" + }, + "bold": { + "value": "var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-secondary)" } }, "003": { diff --git a/src/design-tokens/tier-2-usage/typography.json b/src/design-tokens/tier-2-usage/typography.json index ffec882c2..5b9a9ccc6 100644 --- a/src/design-tokens/tier-2-usage/typography.json +++ b/src/design-tokens/tier-2-usage/typography.json @@ -57,7 +57,15 @@ "value": "var(--eds-typography-preset-secondary-001-light)" }, "bold": { - "value": "var(--eds-typography-preset-secondary-001)" + "@": { + "value": "var(--eds-typography-preset-secondary-001)" + }, + "mobile": { + "value": "var(--eds-typography-preset-secondary-mobile-001-bold)" + } + }, + "mobile": { + "value": "var(--eds-typography-preset-secondary-mobile-001-light)" } }, "md": { @@ -65,7 +73,15 @@ "value": "var(--eds-typography-preset-secondary-002-light)" }, "bold": { - "value": "var(--eds-typography-preset-secondary-002)" + "@": { + "value": "var(--eds-typography-preset-secondary-002)" + }, + "mobile": { + "value": "var(--eds-typography-secondary-mobile-002-bold)" + } + }, + "mobile": { + "value": "var(--eds-typography-preset-mobile-002-light)" } }, "sm": { @@ -73,7 +89,15 @@ "value": "var(--eds-typography-preset-secondary-003-light)" }, "bold": { - "value": "var(--eds-typography-preset-secondary-003)" + "@": { + "value": "var(--eds-typography-preset-secondary-003)" + }, + "mobile": { + "value": "var(--eds-typography-preset-secondary-mobile-003-bold)" + } + }, + "mobile": { + "value": "var(--eds-typography-preset-secondary-mobile-003-light)" } } } diff --git a/src/tokens-dist/css/variables.css b/src/tokens-dist/css/variables.css index 14059864c..d53f3f1ce 100644 --- a/src/tokens-dist/css/variables.css +++ b/src/tokens-dist/css/variables.css @@ -314,10 +314,16 @@ --eds-theme-typography-title-md: var(--eds-typography-preset-004); --eds-theme-typography-title-lg-bold: var(--eds-typography-preset-004-bold); --eds-theme-typography-title-lg: var(--eds-typography-preset-004); + --eds-theme-typography-headline-secondary-sm-mobile: var(--eds-typography-preset-secondary-mobile-003-light); + --eds-theme-typography-headline-secondary-sm-bold-mobile: var(--eds-typography-preset-secondary-mobile-003-bold); --eds-theme-typography-headline-secondary-sm-bold: var(--eds-typography-preset-secondary-003); --eds-theme-typography-headline-secondary-sm: var(--eds-typography-preset-secondary-003-light); + --eds-theme-typography-headline-secondary-md-mobile: var(--eds-typography-preset-mobile-002-light); + --eds-theme-typography-headline-secondary-md-bold-mobile: var(--eds-typography-secondary-mobile-002-bold); --eds-theme-typography-headline-secondary-md-bold: var(--eds-typography-preset-secondary-002); --eds-theme-typography-headline-secondary-md: var(--eds-typography-preset-secondary-002-light); + --eds-theme-typography-headline-secondary-lg-mobile: var(--eds-typography-preset-secondary-mobile-001-light); + --eds-theme-typography-headline-secondary-lg-bold-mobile: var(--eds-typography-preset-secondary-mobile-001-bold); --eds-theme-typography-headline-secondary-lg-bold: var(--eds-typography-preset-secondary-001); --eds-theme-typography-headline-secondary-lg: var(--eds-typography-preset-secondary-001-light); --eds-theme-typography-headline-sm-mobile: var(--eds-typography-preset-mobile-003-light); @@ -343,8 +349,9 @@ --eds-typography-preset-mobile-001-light: var(--eds-font-weight-light) 2rem/1.25 var(--eds-font-family-primary); --eds-typography-preset-secondary-mobile-003: var(--eds-font-weight-medium) 1.25rem/1.4 var(--eds-font-family-secondary); --eds-typography-preset-secondary-mobile-003-light: var(--eds-font-weight-light) 1.25rem/1.4 var(--eds-font-family-secondary); - --eds-typography-preset-secondary-mobile-002: var(--eds-font-weight-medium) 1.75rem/1.28571429 var(--eds-font-family-secondary); - --eds-typography-preset-secondary-mobile-002-light: var(--eds-font-weight-light) 1.75rem/1.28571429 var(--eds-font-family-secondary); + --eds-typography-preset-secondary-mobile-002-bold: var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-secondary); + --eds-typography-preset-secondary-mobile-002: var(--eds-font-weight-medium) 1.5rem/1.333333333 var(--eds-font-family-secondary); + --eds-typography-preset-secondary-mobile-002-light: var(--eds-font-weight-light) 1.5rem/1.333333333 var(--eds-font-family-secondary); --eds-typography-preset-secondary-mobile-001: var(--eds-font-weight-medium) 2rem/1.25 var(--eds-font-family-secondary); --eds-typography-preset-secondary-mobile-001-light: var(--eds-font-weight-light) 2rem/1.25 var(--eds-font-family-secondary); --eds-typography-preset-secondary-008-light: var(--eds-font-weight-light) 0.75rem/1.33333333 var(--eds-font-family-secondary); @@ -357,12 +364,14 @@ --eds-typography-preset-secondary-005: var(--eds-font-weight-medium) 0.875rem/1.57142857 var(--eds-font-family-secondary); --eds-typography-preset-secondary-004-light: var(--eds-font-weight-light) 1rem/1.5 var(--eds-font-family-secondary); --eds-typography-preset-secondary-004: var(--eds-font-weight-medium) 1rem/1.5 var(--eds-font-family-secondary); - --eds-typography-preset-secondary-003-light: var(--eds-font-weight-light) 1.25rem/1.4 var(--eds-font-family-secondary); - --eds-typography-preset-secondary-003: var(--eds-font-weight-medium) 1.25rem/1.4 var(--eds-font-family-secondary); + --eds-typography-preset-secondary-003-bold: var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-secondary); + --eds-typography-preset-secondary-003-light: var(--eds-font-weight-light) 1.5rem/1.333333333 var(--eds-font-family-secondary); + --eds-typography-preset-secondary-003: var(--eds-font-weight-medium) 1.5rem/1.333333333 var(--eds-font-family-secondary); --eds-typography-preset-secondary-002-light: var(--eds-font-weight-light) 1.75rem/1.28571429 var(--eds-font-family-secondary); --eds-typography-preset-secondary-002: var(--eds-font-weight-medium) 1.75rem/1.28571429 var(--eds-font-family-secondary); - --eds-typography-preset-secondary-001-light: var(--eds-font-weight-light) 2rem/1.25 var(--eds-font-family-secondary); - --eds-typography-preset-secondary-001: var(--eds-font-weight-medium) 2rem/1.25 var(--eds-font-family-secondary); + --eds-typography-preset-secondary-001-bold: var(--eds-font-weight-bold) 2.5rem/1.2 var(--eds-font-family-secondary); + --eds-typography-preset-secondary-001-light: var(--eds-font-weight-light) 2.5rem/1.2 var(--eds-font-family-secondary); + --eds-typography-preset-secondary-001: var(--eds-font-weight-medium) 2.5rem/1.2 var(--eds-font-family-secondary); --eds-typography-preset-012-bold: var(--eds-font-weight-bold) 0.6875rem/1.272727272 var(--eds-font-family-primary); /* For 012, add a text-transform treatment for uppercase (font-variant is limited to CSS 2.1 values) */ --eds-typography-preset-012-light: var(--eds-font-weight-light) 0.6875rem/1.272727272 var(--eds-font-family-primary); /* For 012, add a text-transform treatment for uppercase (font-variant is limited to CSS 2.1 values) */ --eds-typography-preset-012: var(--eds-font-weight-medium) 0.6875rem/1.272727272 var(--eds-font-family-primary); /* For 012, add a text-transform treatment for uppercase (font-variant is limited to CSS 2.1 values) */ @@ -391,10 +400,10 @@ --eds-typography-preset-004-light: var(--eds-font-weight-light) 1.125rem/1.55555556 var(--eds-font-family-primary); --eds-typography-preset-004: var(--eds-font-weight-medium) 1.125rem/1.55555556 var(--eds-font-family-primary); --eds-typography-preset-003-mobile: var(--eds-font-weight-bold) 1.25rem/1.4 var(--eds-font-family-primary); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */ - --eds-typography-preset-003-bold: var(--eds-font-weight-bold) 1.375rem/1.45454545 var(--eds-font-family-primary); - --eds-typography-preset-003-light: var(--eds-font-weight-light) 1.375rem/1.45454545 var(--eds-font-family-primary); - --eds-typography-preset-003: var(--eds-font-weight-medium) 1.375rem/1.45454545 var(--eds-font-family-primary); - --eds-typography-preset-002-mobile: var(--eds-font-weight-bold) 1.75rem/1.2857 var(--eds-font-family-primary); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */ + --eds-typography-preset-003-bold: var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-primary); + --eds-typography-preset-003-light: var(--eds-font-weight-light) 1.5rem/1.333333333 var(--eds-font-family-primary); + --eds-typography-preset-003: var(--eds-font-weight-medium) 1.5rem/1.333333333 var(--eds-font-family-primary); + --eds-typography-preset-002-mobile: var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-primary); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */ --eds-typography-preset-002-bold: var(--eds-font-weight-bold) 2rem/1.25 var(--eds-font-family-primary); --eds-typography-preset-002-light: var(--eds-font-weight-light) 2rem/1.25 var(--eds-font-family-primary); --eds-typography-preset-002: var(--eds-font-weight-medium) 2rem/1.25 var(--eds-font-family-primary); diff --git a/src/tokens-dist/json/variables-nested.json b/src/tokens-dist/json/variables-nested.json index 5cb2f9d32..ce0a00178 100644 --- a/src/tokens-dist/json/variables-nested.json +++ b/src/tokens-dist/json/variables-nested.json @@ -27,12 +27,12 @@ "@": "var(--eds-font-weight-medium) 2rem/1.25 var(--eds-font-family-primary)", "light": "var(--eds-font-weight-light) 2rem/1.25 var(--eds-font-family-primary)", "bold": "var(--eds-font-weight-bold) 2rem/1.25 var(--eds-font-family-primary)", - "mobile": "var(--eds-font-weight-bold) 1.75rem/1.2857 var(--eds-font-family-primary)" + "mobile": "var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-primary)" }, "003": { - "@": "var(--eds-font-weight-medium) 1.375rem/1.45454545 var(--eds-font-family-primary)", - "light": "var(--eds-font-weight-light) 1.375rem/1.45454545 var(--eds-font-family-primary)", - "bold": "var(--eds-font-weight-bold) 1.375rem/1.45454545 var(--eds-font-family-primary)", + "@": "var(--eds-font-weight-medium) 1.5rem/1.333333333 var(--eds-font-family-primary)", + "light": "var(--eds-font-weight-light) 1.5rem/1.333333333 var(--eds-font-family-primary)", + "bold": "var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-primary)", "mobile": "var(--eds-font-weight-bold) 1.25rem/1.4 var(--eds-font-family-primary)" }, "004": { @@ -82,16 +82,18 @@ }, "secondary": { "001": { - "@": "var(--eds-font-weight-medium) 2rem/1.25 var(--eds-font-family-secondary)", - "light": "var(--eds-font-weight-light) 2rem/1.25 var(--eds-font-family-secondary)" + "@": "var(--eds-font-weight-medium) 2.5rem/1.2 var(--eds-font-family-secondary)", + "light": "var(--eds-font-weight-light) 2.5rem/1.2 var(--eds-font-family-secondary)", + "bold": "var(--eds-font-weight-bold) 2.5rem/1.2 var(--eds-font-family-secondary)" }, "002": { "@": "var(--eds-font-weight-medium) 1.75rem/1.28571429 var(--eds-font-family-secondary)", "light": "var(--eds-font-weight-light) 1.75rem/1.28571429 var(--eds-font-family-secondary)" }, "003": { - "@": "var(--eds-font-weight-medium) 1.25rem/1.4 var(--eds-font-family-secondary)", - "light": "var(--eds-font-weight-light) 1.25rem/1.4 var(--eds-font-family-secondary)" + "@": "var(--eds-font-weight-medium) 1.5rem/1.333333333 var(--eds-font-family-secondary)", + "light": "var(--eds-font-weight-light) 1.5rem/1.333333333 var(--eds-font-family-secondary)", + "bold": "var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-secondary)" }, "004": { "@": "var(--eds-font-weight-medium) 1rem/1.5 var(--eds-font-family-secondary)", @@ -119,8 +121,9 @@ "@": "var(--eds-font-weight-medium) 2rem/1.25 var(--eds-font-family-secondary)" }, "002": { - "light": "var(--eds-font-weight-light) 1.75rem/1.28571429 var(--eds-font-family-secondary)", - "@": "var(--eds-font-weight-medium) 1.75rem/1.28571429 var(--eds-font-family-secondary)" + "light": "var(--eds-font-weight-light) 1.5rem/1.333333333 var(--eds-font-family-secondary)", + "@": "var(--eds-font-weight-medium) 1.5rem/1.333333333 var(--eds-font-family-secondary)", + "bold": "var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-secondary)" }, "003": { "light": "var(--eds-font-weight-light) 1.25rem/1.4 var(--eds-font-family-secondary)", @@ -177,15 +180,27 @@ "secondary": { "lg": { "@": "var(--eds-typography-preset-secondary-001-light)", - "bold": "var(--eds-typography-preset-secondary-001)" + "bold": { + "@": "var(--eds-typography-preset-secondary-001)", + "mobile": "var(--eds-typography-preset-secondary-mobile-001-bold)" + }, + "mobile": "var(--eds-typography-preset-secondary-mobile-001-light)" }, "md": { "@": "var(--eds-typography-preset-secondary-002-light)", - "bold": "var(--eds-typography-preset-secondary-002)" + "bold": { + "@": "var(--eds-typography-preset-secondary-002)", + "mobile": "var(--eds-typography-secondary-mobile-002-bold)" + }, + "mobile": "var(--eds-typography-preset-mobile-002-light)" }, "sm": { "@": "var(--eds-typography-preset-secondary-003-light)", - "bold": "var(--eds-typography-preset-secondary-003)" + "bold": { + "@": "var(--eds-typography-preset-secondary-003)", + "mobile": "var(--eds-typography-preset-secondary-mobile-003-bold)" + }, + "mobile": "var(--eds-typography-preset-secondary-mobile-003-light)" } } },