From f969987a2bf0eff5ef8724b8085bfe374810c6d6 Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Tue, 17 Sep 2024 08:29:04 +0200 Subject: [PATCH 01/14] chore: :fire: Remove autogenerated typography classes resolves #2392 --- packages/cli/src/tokens/build/formats/css.ts | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/packages/cli/src/tokens/build/formats/css.ts b/packages/cli/src/tokens/build/formats/css.ts index 9cb48b618d..af7e819b8e 100644 --- a/packages/cli/src/tokens/build/formats/css.ts +++ b/packages/cli/src/tokens/build/formats/css.ts @@ -192,7 +192,10 @@ export const typography: Format = { ${letterSpacingVar ? `letter-spacing: ${letterSpacingVar};` : ''} }`; - return Object.assign(acc, { classes: [className, ...acc.classes] }); + return Object.assign(acc, { + classes: [className, ...acc.classes], + variables: [...acc.variables, format(token)], + }); } return Object.assign(acc, { variables: [...acc.variables, format(token)] }); From c4f4f81bf619598d04c117d8745304c339eec82d Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Tue, 17 Sep 2024 12:05:04 +0200 Subject: [PATCH 02/14] first working example --- packages/cli/src/tokens/build/configs.ts | 12 + packages/cli/src/tokens/build/formats/css.ts | 5 +- packages/theme/brand/altinn.css | 730 ++++++------------ .../theme/brand/altinn/typography/primary.css | 365 +++------ .../brand/altinn/typography/secondary.css | 365 +++------ packages/theme/brand/digdir.css | 730 ++++++------------ .../theme/brand/digdir/typography/primary.css | 365 +++------ .../brand/digdir/typography/secondary.css | 365 +++------ packages/theme/brand/portal.css | 730 ++++++------------ .../theme/brand/portal/typography/primary.css | 365 +++------ .../brand/portal/typography/secondary.css | 365 +++------ packages/theme/brand/uutilsynet.css | 730 ++++++------------ .../brand/uutilsynet/typography/primary.css | 365 +++------ .../brand/uutilsynet/typography/secondary.css | 365 +++------ 14 files changed, 1999 insertions(+), 3858 deletions(-) diff --git a/packages/cli/src/tokens/build/configs.ts b/packages/cli/src/tokens/build/configs.ts index ff87dfffb3..33e02f6604 100644 --- a/packages/cli/src/tokens/build/configs.ts +++ b/packages/cli/src/tokens/build/configs.ts @@ -208,6 +208,18 @@ export const typographyCSS: GetConfig = ({ outPath, theme, typography }) => { usesDtcg: true, log: { verbosity: 'silent' }, preprocessors: ['tokens-studio'], + expand: { + include: ['typography'], + // // more info about typesMap later... + // typesMap: { + // // all width props are mapped to 'dimension' type + // width: 'dimension', + // typography: { + // // fontSize prop is mapped to 'dimension' type if inside a typography composite type token + // fontSize: 'dimension', + // }, + // }, + }, platforms: { css: { prefix, diff --git a/packages/cli/src/tokens/build/formats/css.ts b/packages/cli/src/tokens/build/formats/css.ts index af7e819b8e..ca3ac2383b 100644 --- a/packages/cli/src/tokens/build/formats/css.ts +++ b/packages/cli/src/tokens/build/formats/css.ts @@ -204,9 +204,10 @@ export const typography: Format = { ), )(sortedTokens); - const classes = formattedTokens.classes.join('\n'); + // const classes = formattedTokens.classes.join('\n'); + const classes = ''; const variables = formattedTokens.variables.join('\n'); - const content = selector ? `${selector} {\n${variables}\n${classes}\n}` : classes; + const content = selector ? `${selector} {\n${variables}\n}` : classes; const body = R.isNotNil(layer) ? `@layer ${layer} {\n${content}\n}` : content; return header + body; diff --git a/packages/theme/brand/altinn.css b/packages/theme/brand/altinn.css index 40cb52a4f9..accd989a8c 100644 --- a/packages/theme/brand/altinn.css +++ b/packages/theme/brand/altinn.css @@ -634,6 +634,130 @@ color-scheme: light; --ds-font-weight-medium: 400; --ds-font-weight-semibold: 700; --ds-font-weight-regular: 400; + --ds-typography-heading-2xl-font-family: IBM Plex Mono; + --ds-typography-heading-2xl-font-weight: 400; + --ds-typography-heading-2xl-font-size: 3.75rem; + --ds-typography-heading-2xl-letter-spacing: -1%; + --ds-typography-heading-xl-font-family: IBM Plex Mono; + --ds-typography-heading-xl-font-weight: 400; + --ds-typography-heading-xl-font-size: 3rem; + --ds-typography-heading-xl-letter-spacing: -1%; + --ds-typography-heading-lg-font-family: IBM Plex Mono; + --ds-typography-heading-lg-font-weight: 400; + --ds-typography-heading-lg-font-size: 2.25rem; + --ds-typography-heading-lg-letter-spacing: -0.5%; + --ds-typography-heading-md-font-family: IBM Plex Mono; + --ds-typography-heading-md-font-weight: 400; + --ds-typography-heading-md-font-size: 1.875rem; + --ds-typography-heading-md-letter-spacing: -0.25%; + --ds-typography-heading-sm-font-family: IBM Plex Mono; + --ds-typography-heading-sm-font-weight: 400; + --ds-typography-heading-sm-font-size: 1.5rem; + --ds-typography-heading-sm-letter-spacing: 0%; + --ds-typography-heading-xs-font-family: IBM Plex Mono; + --ds-typography-heading-xs-font-weight: 400; + --ds-typography-heading-xs-font-size: 1.3125rem; + --ds-typography-heading-xs-letter-spacing: 0.15%; + --ds-typography-heading-2xs-font-family: IBM Plex Mono; + --ds-typography-heading-2xs-font-weight: 400; + --ds-typography-heading-2xs-font-size: 1.125rem; + --ds-typography-heading-2xs-letter-spacing: 0.15%; + --ds-typography-ingress-lg-font-family: IBM Plex Mono; + --ds-typography-ingress-lg-font-weight: 400; + --ds-typography-ingress-lg-font-size: 1.875rem; + --ds-typography-ingress-lg-letter-spacing: 0.5%; + --ds-typography-ingress-md-font-family: IBM Plex Mono; + --ds-typography-ingress-md-font-weight: 400; + --ds-typography-ingress-md-font-size: 1.5rem; + --ds-typography-ingress-md-letter-spacing: 0.5%; + --ds-typography-ingress-sm-font-family: IBM Plex Mono; + --ds-typography-ingress-sm-font-weight: 400; + --ds-typography-ingress-sm-font-size: 1.3125rem; + --ds-typography-ingress-sm-letter-spacing: 0.25%; + --ds-typography-ingress-xs-font-family: IBM Plex Mono; + --ds-typography-ingress-xs-font-weight: 400; + --ds-typography-ingress-xs-font-size: 1.125rem; + --ds-typography-ingress-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-lg-font-family: IBM Plex Mono; + --ds-typography-paragraph-lg-font-weight: 400; + --ds-typography-paragraph-lg-font-size: 1.3125rem; + --ds-typography-paragraph-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-md-font-family: IBM Plex Mono; + --ds-typography-paragraph-md-font-weight: 400; + --ds-typography-paragraph-md-font-size: 1.125rem; + --ds-typography-paragraph-md-letter-spacing: 0.5%; + --ds-typography-paragraph-sm-font-family: IBM Plex Mono; + --ds-typography-paragraph-sm-font-weight: 400; + --ds-typography-paragraph-sm-font-size: 1rem; + --ds-typography-paragraph-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-xs-font-family: IBM Plex Mono; + --ds-typography-paragraph-xs-font-weight: 400; + --ds-typography-paragraph-xs-font-size: 0.875rem; + --ds-typography-paragraph-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-short-lg-font-family: IBM Plex Mono; + --ds-typography-paragraph-short-lg-font-weight: 400; + --ds-typography-paragraph-short-lg-font-size: 1.3125rem; + --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-short-md-font-family: IBM Plex Mono; + --ds-typography-paragraph-short-md-font-weight: 400; + --ds-typography-paragraph-short-md-font-size: 1.125rem; + --ds-typography-paragraph-short-md-letter-spacing: 0.5%; + --ds-typography-paragraph-short-sm-font-family: IBM Plex Mono; + --ds-typography-paragraph-short-sm-font-weight: 400; + --ds-typography-paragraph-short-sm-font-size: 1rem; + --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-short-xs-font-family: IBM Plex Mono; + --ds-typography-paragraph-short-xs-font-weight: 400; + --ds-typography-paragraph-short-xs-font-size: 0.875rem; + --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-long-lg-font-family: IBM Plex Mono; + --ds-typography-paragraph-long-lg-font-weight: 400; + --ds-typography-paragraph-long-lg-font-size: 1.3125rem; + --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-long-md-font-family: IBM Plex Mono; + --ds-typography-paragraph-long-md-font-weight: 400; + --ds-typography-paragraph-long-md-font-size: 1.125rem; + --ds-typography-paragraph-long-md-letter-spacing: 0.5%; + --ds-typography-paragraph-long-sm-font-family: IBM Plex Mono; + --ds-typography-paragraph-long-sm-font-weight: 400; + --ds-typography-paragraph-long-sm-font-size: 1rem; + --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-long-xs-font-family: IBM Plex Mono; + --ds-typography-paragraph-long-xs-font-weight: 400; + --ds-typography-paragraph-long-xs-font-size: 0.875rem; + --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; + --ds-typography-label-lg-font-family: IBM Plex Mono; + --ds-typography-label-lg-font-weight: 400; + --ds-typography-label-lg-font-size: 1.3125rem; + --ds-typography-label-lg-letter-spacing: 0.5%; + --ds-typography-label-md-font-family: IBM Plex Mono; + --ds-typography-label-md-font-weight: 400; + --ds-typography-label-md-font-size: 1.125rem; + --ds-typography-label-md-letter-spacing: 0.5%; + --ds-typography-label-sm-font-family: IBM Plex Mono; + --ds-typography-label-sm-font-weight: 400; + --ds-typography-label-sm-font-size: 1rem; + --ds-typography-label-sm-letter-spacing: 0.25%; + --ds-typography-label-xs-font-family: IBM Plex Mono; + --ds-typography-label-xs-font-weight: 400; + --ds-typography-label-xs-font-size: 0.875rem; + --ds-typography-label-xs-letter-spacing: 0.15%; + --ds-typography-error_message-lg-font-family: IBM Plex Mono; + --ds-typography-error_message-lg-font-weight: 400; + --ds-typography-error_message-lg-font-size: 1.3125rem; + --ds-typography-error_message-lg-letter-spacing: 0.5%; + --ds-typography-error_message-md-font-family: IBM Plex Mono; + --ds-typography-error_message-md-font-weight: 400; + --ds-typography-error_message-md-font-size: 1.125rem; + --ds-typography-error_message-md-letter-spacing: 0.5%; + --ds-typography-error_message-sm-font-family: IBM Plex Mono; + --ds-typography-error_message-sm-font-weight: 400; + --ds-typography-error_message-sm-font-size: 1rem; + --ds-typography-error_message-sm-letter-spacing: 0.25%; + --ds-typography-error_message-xs-font-family: IBM Plex Mono; + --ds-typography-error_message-xs-font-weight: 400; + --ds-typography-error_message-xs-font-size: 0.875rem; + --ds-typography-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; --ds-line-height-md: 1.5; --ds-line-height-lg: 1.7; @@ -657,247 +781,6 @@ color-scheme: light; --ds-letter-spacing-7: 0.25%; --ds-letter-spacing-8: 0.5%; --ds-letter-spacing-9: 1.5%; - - .ds-error_message--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-error_message--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-error_message--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-error_message--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-label--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-label--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-label--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-label--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-long--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph-long--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph-long--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-long--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-short--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph-short--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph-short--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-short--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-ingress--xs { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-ingress--sm { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-ingress--md { - font-size: var(--ds-font-size-7); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-ingress--lg { - font-size: var(--ds-font-size-8); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-heading--2xs { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-heading--xs { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-heading--sm { - font-size: var(--ds-font-size-7); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-5); - } - - .ds-heading--md { - font-size: var(--ds-font-size-8); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-3); - } - - .ds-heading--lg { - font-size: var(--ds-font-size-9); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-2); - } - - .ds-heading--xl { - font-size: var(--ds-font-size-10); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-1); - } - - .ds-heading--2xl { - font-size: var(--ds-font-size-11); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-1); - } - - .ds-font-weight--medium { - font-weight: 400; - } - - .ds-font-weight--semibold { - font-weight: 700; - } - - .ds-font-weight--regular { - font-weight: 400; - } - - .ds-line-height--sm { - line-height: 1.3; - } - - .ds-line-height--md { - line-height: 1.5; - } - - .ds-line-height--lg { - line-height: 1.7; - } } } /** @@ -1632,6 +1515,130 @@ color-scheme: dark; --ds-font-weight-medium: 500; --ds-font-weight-semibold: 700; --ds-font-weight-regular: 400; + --ds-typography-heading-2xl-font-family: Helvetica Neue; + --ds-typography-heading-2xl-font-weight: 500; + --ds-typography-heading-2xl-font-size: 3.75rem; + --ds-typography-heading-2xl-letter-spacing: -1%; + --ds-typography-heading-xl-font-family: Helvetica Neue; + --ds-typography-heading-xl-font-weight: 500; + --ds-typography-heading-xl-font-size: 3rem; + --ds-typography-heading-xl-letter-spacing: -1%; + --ds-typography-heading-lg-font-family: Helvetica Neue; + --ds-typography-heading-lg-font-weight: 500; + --ds-typography-heading-lg-font-size: 2.25rem; + --ds-typography-heading-lg-letter-spacing: -0.5%; + --ds-typography-heading-md-font-family: Helvetica Neue; + --ds-typography-heading-md-font-weight: 500; + --ds-typography-heading-md-font-size: 1.875rem; + --ds-typography-heading-md-letter-spacing: -0.25%; + --ds-typography-heading-sm-font-family: Helvetica Neue; + --ds-typography-heading-sm-font-weight: 500; + --ds-typography-heading-sm-font-size: 1.5rem; + --ds-typography-heading-sm-letter-spacing: 0%; + --ds-typography-heading-xs-font-family: Helvetica Neue; + --ds-typography-heading-xs-font-weight: 500; + --ds-typography-heading-xs-font-size: 1.3125rem; + --ds-typography-heading-xs-letter-spacing: 0.15%; + --ds-typography-heading-2xs-font-family: Helvetica Neue; + --ds-typography-heading-2xs-font-weight: 500; + --ds-typography-heading-2xs-font-size: 1.125rem; + --ds-typography-heading-2xs-letter-spacing: 0.15%; + --ds-typography-ingress-lg-font-family: Helvetica Neue; + --ds-typography-ingress-lg-font-weight: 400; + --ds-typography-ingress-lg-font-size: 1.875rem; + --ds-typography-ingress-lg-letter-spacing: 0.5%; + --ds-typography-ingress-md-font-family: Helvetica Neue; + --ds-typography-ingress-md-font-weight: 400; + --ds-typography-ingress-md-font-size: 1.5rem; + --ds-typography-ingress-md-letter-spacing: 0.5%; + --ds-typography-ingress-sm-font-family: Helvetica Neue; + --ds-typography-ingress-sm-font-weight: 400; + --ds-typography-ingress-sm-font-size: 1.3125rem; + --ds-typography-ingress-sm-letter-spacing: 0.25%; + --ds-typography-ingress-xs-font-family: Helvetica Neue; + --ds-typography-ingress-xs-font-weight: 400; + --ds-typography-ingress-xs-font-size: 1.125rem; + --ds-typography-ingress-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-lg-font-family: Helvetica Neue; + --ds-typography-paragraph-lg-font-weight: 400; + --ds-typography-paragraph-lg-font-size: 1.3125rem; + --ds-typography-paragraph-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-md-font-family: Helvetica Neue; + --ds-typography-paragraph-md-font-weight: 400; + --ds-typography-paragraph-md-font-size: 1.125rem; + --ds-typography-paragraph-md-letter-spacing: 0.5%; + --ds-typography-paragraph-sm-font-family: Helvetica Neue; + --ds-typography-paragraph-sm-font-weight: 400; + --ds-typography-paragraph-sm-font-size: 1rem; + --ds-typography-paragraph-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-xs-font-family: Helvetica Neue; + --ds-typography-paragraph-xs-font-weight: 400; + --ds-typography-paragraph-xs-font-size: 0.875rem; + --ds-typography-paragraph-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-short-lg-font-family: Helvetica Neue; + --ds-typography-paragraph-short-lg-font-weight: 400; + --ds-typography-paragraph-short-lg-font-size: 1.3125rem; + --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-short-md-font-family: Helvetica Neue; + --ds-typography-paragraph-short-md-font-weight: 400; + --ds-typography-paragraph-short-md-font-size: 1.125rem; + --ds-typography-paragraph-short-md-letter-spacing: 0.5%; + --ds-typography-paragraph-short-sm-font-family: Helvetica Neue; + --ds-typography-paragraph-short-sm-font-weight: 400; + --ds-typography-paragraph-short-sm-font-size: 1rem; + --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-short-xs-font-family: Helvetica Neue; + --ds-typography-paragraph-short-xs-font-weight: 400; + --ds-typography-paragraph-short-xs-font-size: 0.875rem; + --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-long-lg-font-family: Helvetica Neue; + --ds-typography-paragraph-long-lg-font-weight: 400; + --ds-typography-paragraph-long-lg-font-size: 1.3125rem; + --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-long-md-font-family: Helvetica Neue; + --ds-typography-paragraph-long-md-font-weight: 400; + --ds-typography-paragraph-long-md-font-size: 1.125rem; + --ds-typography-paragraph-long-md-letter-spacing: 0.5%; + --ds-typography-paragraph-long-sm-font-family: Helvetica Neue; + --ds-typography-paragraph-long-sm-font-weight: 400; + --ds-typography-paragraph-long-sm-font-size: 1rem; + --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-long-xs-font-family: Helvetica Neue; + --ds-typography-paragraph-long-xs-font-weight: 400; + --ds-typography-paragraph-long-xs-font-size: 0.875rem; + --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; + --ds-typography-label-lg-font-family: Helvetica Neue; + --ds-typography-label-lg-font-weight: 500; + --ds-typography-label-lg-font-size: 1.3125rem; + --ds-typography-label-lg-letter-spacing: 0.5%; + --ds-typography-label-md-font-family: Helvetica Neue; + --ds-typography-label-md-font-weight: 500; + --ds-typography-label-md-font-size: 1.125rem; + --ds-typography-label-md-letter-spacing: 0.5%; + --ds-typography-label-sm-font-family: Helvetica Neue; + --ds-typography-label-sm-font-weight: 500; + --ds-typography-label-sm-font-size: 1rem; + --ds-typography-label-sm-letter-spacing: 0.25%; + --ds-typography-label-xs-font-family: Helvetica Neue; + --ds-typography-label-xs-font-weight: 500; + --ds-typography-label-xs-font-size: 0.875rem; + --ds-typography-label-xs-letter-spacing: 0.15%; + --ds-typography-error_message-lg-font-family: Helvetica Neue; + --ds-typography-error_message-lg-font-weight: 400; + --ds-typography-error_message-lg-font-size: 1.3125rem; + --ds-typography-error_message-lg-letter-spacing: 0.5%; + --ds-typography-error_message-md-font-family: Helvetica Neue; + --ds-typography-error_message-md-font-weight: 400; + --ds-typography-error_message-md-font-size: 1.125rem; + --ds-typography-error_message-md-letter-spacing: 0.5%; + --ds-typography-error_message-sm-font-family: Helvetica Neue; + --ds-typography-error_message-sm-font-weight: 400; + --ds-typography-error_message-sm-font-size: 1rem; + --ds-typography-error_message-sm-letter-spacing: 0.25%; + --ds-typography-error_message-xs-font-family: Helvetica Neue; + --ds-typography-error_message-xs-font-weight: 400; + --ds-typography-error_message-xs-font-size: 0.875rem; + --ds-typography-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; --ds-line-height-md: 1.5; --ds-line-height-lg: 1.7; @@ -1655,246 +1662,5 @@ color-scheme: dark; --ds-letter-spacing-7: 0.25%; --ds-letter-spacing-8: 0.5%; --ds-letter-spacing-9: 1.5%; - - .ds-error_message--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-error_message--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-error_message--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-error_message--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-label--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-label--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-label--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-label--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-long--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph-long--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph-long--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-long--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-short--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph-short--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph-short--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-short--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-ingress--xs { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-ingress--sm { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-ingress--md { - font-size: var(--ds-font-size-7); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-ingress--lg { - font-size: var(--ds-font-size-8); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-heading--2xs { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-heading--xs { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-heading--sm { - font-size: var(--ds-font-size-7); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-5); - } - - .ds-heading--md { - font-size: var(--ds-font-size-8); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-3); - } - - .ds-heading--lg { - font-size: var(--ds-font-size-9); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-2); - } - - .ds-heading--xl { - font-size: var(--ds-font-size-10); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-1); - } - - .ds-heading--2xl { - font-size: var(--ds-font-size-11); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-1); - } - - .ds-font-weight--medium { - font-weight: 500; - } - - .ds-font-weight--semibold { - font-weight: 700; - } - - .ds-font-weight--regular { - font-weight: 400; - } - - .ds-line-height--sm { - line-height: 1.3; - } - - .ds-line-height--md { - line-height: 1.5; - } - - .ds-line-height--lg { - line-height: 1.7; - } } } \ No newline at end of file diff --git a/packages/theme/brand/altinn/typography/primary.css b/packages/theme/brand/altinn/typography/primary.css index 7ae41bf981..6e620de445 100644 --- a/packages/theme/brand/altinn/typography/primary.css +++ b/packages/theme/brand/altinn/typography/primary.css @@ -8,6 +8,130 @@ --ds-font-weight-medium: 500; --ds-font-weight-semibold: 700; --ds-font-weight-regular: 400; + --ds-typography-heading-2xl-font-family: Helvetica Neue; + --ds-typography-heading-2xl-font-weight: 500; + --ds-typography-heading-2xl-font-size: 3.75rem; + --ds-typography-heading-2xl-letter-spacing: -1%; + --ds-typography-heading-xl-font-family: Helvetica Neue; + --ds-typography-heading-xl-font-weight: 500; + --ds-typography-heading-xl-font-size: 3rem; + --ds-typography-heading-xl-letter-spacing: -1%; + --ds-typography-heading-lg-font-family: Helvetica Neue; + --ds-typography-heading-lg-font-weight: 500; + --ds-typography-heading-lg-font-size: 2.25rem; + --ds-typography-heading-lg-letter-spacing: -0.5%; + --ds-typography-heading-md-font-family: Helvetica Neue; + --ds-typography-heading-md-font-weight: 500; + --ds-typography-heading-md-font-size: 1.875rem; + --ds-typography-heading-md-letter-spacing: -0.25%; + --ds-typography-heading-sm-font-family: Helvetica Neue; + --ds-typography-heading-sm-font-weight: 500; + --ds-typography-heading-sm-font-size: 1.5rem; + --ds-typography-heading-sm-letter-spacing: 0%; + --ds-typography-heading-xs-font-family: Helvetica Neue; + --ds-typography-heading-xs-font-weight: 500; + --ds-typography-heading-xs-font-size: 1.3125rem; + --ds-typography-heading-xs-letter-spacing: 0.15%; + --ds-typography-heading-2xs-font-family: Helvetica Neue; + --ds-typography-heading-2xs-font-weight: 500; + --ds-typography-heading-2xs-font-size: 1.125rem; + --ds-typography-heading-2xs-letter-spacing: 0.15%; + --ds-typography-ingress-lg-font-family: Helvetica Neue; + --ds-typography-ingress-lg-font-weight: 400; + --ds-typography-ingress-lg-font-size: 1.875rem; + --ds-typography-ingress-lg-letter-spacing: 0.5%; + --ds-typography-ingress-md-font-family: Helvetica Neue; + --ds-typography-ingress-md-font-weight: 400; + --ds-typography-ingress-md-font-size: 1.5rem; + --ds-typography-ingress-md-letter-spacing: 0.5%; + --ds-typography-ingress-sm-font-family: Helvetica Neue; + --ds-typography-ingress-sm-font-weight: 400; + --ds-typography-ingress-sm-font-size: 1.3125rem; + --ds-typography-ingress-sm-letter-spacing: 0.25%; + --ds-typography-ingress-xs-font-family: Helvetica Neue; + --ds-typography-ingress-xs-font-weight: 400; + --ds-typography-ingress-xs-font-size: 1.125rem; + --ds-typography-ingress-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-lg-font-family: Helvetica Neue; + --ds-typography-paragraph-lg-font-weight: 400; + --ds-typography-paragraph-lg-font-size: 1.3125rem; + --ds-typography-paragraph-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-md-font-family: Helvetica Neue; + --ds-typography-paragraph-md-font-weight: 400; + --ds-typography-paragraph-md-font-size: 1.125rem; + --ds-typography-paragraph-md-letter-spacing: 0.5%; + --ds-typography-paragraph-sm-font-family: Helvetica Neue; + --ds-typography-paragraph-sm-font-weight: 400; + --ds-typography-paragraph-sm-font-size: 1rem; + --ds-typography-paragraph-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-xs-font-family: Helvetica Neue; + --ds-typography-paragraph-xs-font-weight: 400; + --ds-typography-paragraph-xs-font-size: 0.875rem; + --ds-typography-paragraph-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-short-lg-font-family: Helvetica Neue; + --ds-typography-paragraph-short-lg-font-weight: 400; + --ds-typography-paragraph-short-lg-font-size: 1.3125rem; + --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-short-md-font-family: Helvetica Neue; + --ds-typography-paragraph-short-md-font-weight: 400; + --ds-typography-paragraph-short-md-font-size: 1.125rem; + --ds-typography-paragraph-short-md-letter-spacing: 0.5%; + --ds-typography-paragraph-short-sm-font-family: Helvetica Neue; + --ds-typography-paragraph-short-sm-font-weight: 400; + --ds-typography-paragraph-short-sm-font-size: 1rem; + --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-short-xs-font-family: Helvetica Neue; + --ds-typography-paragraph-short-xs-font-weight: 400; + --ds-typography-paragraph-short-xs-font-size: 0.875rem; + --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-long-lg-font-family: Helvetica Neue; + --ds-typography-paragraph-long-lg-font-weight: 400; + --ds-typography-paragraph-long-lg-font-size: 1.3125rem; + --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-long-md-font-family: Helvetica Neue; + --ds-typography-paragraph-long-md-font-weight: 400; + --ds-typography-paragraph-long-md-font-size: 1.125rem; + --ds-typography-paragraph-long-md-letter-spacing: 0.5%; + --ds-typography-paragraph-long-sm-font-family: Helvetica Neue; + --ds-typography-paragraph-long-sm-font-weight: 400; + --ds-typography-paragraph-long-sm-font-size: 1rem; + --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-long-xs-font-family: Helvetica Neue; + --ds-typography-paragraph-long-xs-font-weight: 400; + --ds-typography-paragraph-long-xs-font-size: 0.875rem; + --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; + --ds-typography-label-lg-font-family: Helvetica Neue; + --ds-typography-label-lg-font-weight: 500; + --ds-typography-label-lg-font-size: 1.3125rem; + --ds-typography-label-lg-letter-spacing: 0.5%; + --ds-typography-label-md-font-family: Helvetica Neue; + --ds-typography-label-md-font-weight: 500; + --ds-typography-label-md-font-size: 1.125rem; + --ds-typography-label-md-letter-spacing: 0.5%; + --ds-typography-label-sm-font-family: Helvetica Neue; + --ds-typography-label-sm-font-weight: 500; + --ds-typography-label-sm-font-size: 1rem; + --ds-typography-label-sm-letter-spacing: 0.25%; + --ds-typography-label-xs-font-family: Helvetica Neue; + --ds-typography-label-xs-font-weight: 500; + --ds-typography-label-xs-font-size: 0.875rem; + --ds-typography-label-xs-letter-spacing: 0.15%; + --ds-typography-error_message-lg-font-family: Helvetica Neue; + --ds-typography-error_message-lg-font-weight: 400; + --ds-typography-error_message-lg-font-size: 1.3125rem; + --ds-typography-error_message-lg-letter-spacing: 0.5%; + --ds-typography-error_message-md-font-family: Helvetica Neue; + --ds-typography-error_message-md-font-weight: 400; + --ds-typography-error_message-md-font-size: 1.125rem; + --ds-typography-error_message-md-letter-spacing: 0.5%; + --ds-typography-error_message-sm-font-family: Helvetica Neue; + --ds-typography-error_message-sm-font-weight: 400; + --ds-typography-error_message-sm-font-size: 1rem; + --ds-typography-error_message-sm-letter-spacing: 0.25%; + --ds-typography-error_message-xs-font-family: Helvetica Neue; + --ds-typography-error_message-xs-font-weight: 400; + --ds-typography-error_message-xs-font-size: 0.875rem; + --ds-typography-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; --ds-line-height-md: 1.5; --ds-line-height-lg: 1.7; @@ -31,246 +155,5 @@ --ds-letter-spacing-7: 0.25%; --ds-letter-spacing-8: 0.5%; --ds-letter-spacing-9: 1.5%; - - .ds-error_message--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-error_message--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-error_message--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-error_message--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-label--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-label--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-label--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-label--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-long--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph-long--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph-long--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-long--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-short--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph-short--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph-short--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-short--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-ingress--xs { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-ingress--sm { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-ingress--md { - font-size: var(--ds-font-size-7); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-ingress--lg { - font-size: var(--ds-font-size-8); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-heading--2xs { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-heading--xs { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-heading--sm { - font-size: var(--ds-font-size-7); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-5); - } - - .ds-heading--md { - font-size: var(--ds-font-size-8); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-3); - } - - .ds-heading--lg { - font-size: var(--ds-font-size-9); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-2); - } - - .ds-heading--xl { - font-size: var(--ds-font-size-10); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-1); - } - - .ds-heading--2xl { - font-size: var(--ds-font-size-11); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-1); - } - - .ds-font-weight--medium { - font-weight: 500; - } - - .ds-font-weight--semibold { - font-weight: 700; - } - - .ds-font-weight--regular { - font-weight: 400; - } - - .ds-line-height--sm { - line-height: 1.3; - } - - .ds-line-height--md { - line-height: 1.5; - } - - .ds-line-height--lg { - line-height: 1.7; - } } } \ No newline at end of file diff --git a/packages/theme/brand/altinn/typography/secondary.css b/packages/theme/brand/altinn/typography/secondary.css index fe81fe4ef7..9f65caf759 100644 --- a/packages/theme/brand/altinn/typography/secondary.css +++ b/packages/theme/brand/altinn/typography/secondary.css @@ -8,6 +8,130 @@ --ds-font-weight-medium: 400; --ds-font-weight-semibold: 700; --ds-font-weight-regular: 400; + --ds-typography-heading-2xl-font-family: IBM Plex Mono; + --ds-typography-heading-2xl-font-weight: 400; + --ds-typography-heading-2xl-font-size: 3.75rem; + --ds-typography-heading-2xl-letter-spacing: -1%; + --ds-typography-heading-xl-font-family: IBM Plex Mono; + --ds-typography-heading-xl-font-weight: 400; + --ds-typography-heading-xl-font-size: 3rem; + --ds-typography-heading-xl-letter-spacing: -1%; + --ds-typography-heading-lg-font-family: IBM Plex Mono; + --ds-typography-heading-lg-font-weight: 400; + --ds-typography-heading-lg-font-size: 2.25rem; + --ds-typography-heading-lg-letter-spacing: -0.5%; + --ds-typography-heading-md-font-family: IBM Plex Mono; + --ds-typography-heading-md-font-weight: 400; + --ds-typography-heading-md-font-size: 1.875rem; + --ds-typography-heading-md-letter-spacing: -0.25%; + --ds-typography-heading-sm-font-family: IBM Plex Mono; + --ds-typography-heading-sm-font-weight: 400; + --ds-typography-heading-sm-font-size: 1.5rem; + --ds-typography-heading-sm-letter-spacing: 0%; + --ds-typography-heading-xs-font-family: IBM Plex Mono; + --ds-typography-heading-xs-font-weight: 400; + --ds-typography-heading-xs-font-size: 1.3125rem; + --ds-typography-heading-xs-letter-spacing: 0.15%; + --ds-typography-heading-2xs-font-family: IBM Plex Mono; + --ds-typography-heading-2xs-font-weight: 400; + --ds-typography-heading-2xs-font-size: 1.125rem; + --ds-typography-heading-2xs-letter-spacing: 0.15%; + --ds-typography-ingress-lg-font-family: IBM Plex Mono; + --ds-typography-ingress-lg-font-weight: 400; + --ds-typography-ingress-lg-font-size: 1.875rem; + --ds-typography-ingress-lg-letter-spacing: 0.5%; + --ds-typography-ingress-md-font-family: IBM Plex Mono; + --ds-typography-ingress-md-font-weight: 400; + --ds-typography-ingress-md-font-size: 1.5rem; + --ds-typography-ingress-md-letter-spacing: 0.5%; + --ds-typography-ingress-sm-font-family: IBM Plex Mono; + --ds-typography-ingress-sm-font-weight: 400; + --ds-typography-ingress-sm-font-size: 1.3125rem; + --ds-typography-ingress-sm-letter-spacing: 0.25%; + --ds-typography-ingress-xs-font-family: IBM Plex Mono; + --ds-typography-ingress-xs-font-weight: 400; + --ds-typography-ingress-xs-font-size: 1.125rem; + --ds-typography-ingress-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-lg-font-family: IBM Plex Mono; + --ds-typography-paragraph-lg-font-weight: 400; + --ds-typography-paragraph-lg-font-size: 1.3125rem; + --ds-typography-paragraph-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-md-font-family: IBM Plex Mono; + --ds-typography-paragraph-md-font-weight: 400; + --ds-typography-paragraph-md-font-size: 1.125rem; + --ds-typography-paragraph-md-letter-spacing: 0.5%; + --ds-typography-paragraph-sm-font-family: IBM Plex Mono; + --ds-typography-paragraph-sm-font-weight: 400; + --ds-typography-paragraph-sm-font-size: 1rem; + --ds-typography-paragraph-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-xs-font-family: IBM Plex Mono; + --ds-typography-paragraph-xs-font-weight: 400; + --ds-typography-paragraph-xs-font-size: 0.875rem; + --ds-typography-paragraph-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-short-lg-font-family: IBM Plex Mono; + --ds-typography-paragraph-short-lg-font-weight: 400; + --ds-typography-paragraph-short-lg-font-size: 1.3125rem; + --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-short-md-font-family: IBM Plex Mono; + --ds-typography-paragraph-short-md-font-weight: 400; + --ds-typography-paragraph-short-md-font-size: 1.125rem; + --ds-typography-paragraph-short-md-letter-spacing: 0.5%; + --ds-typography-paragraph-short-sm-font-family: IBM Plex Mono; + --ds-typography-paragraph-short-sm-font-weight: 400; + --ds-typography-paragraph-short-sm-font-size: 1rem; + --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-short-xs-font-family: IBM Plex Mono; + --ds-typography-paragraph-short-xs-font-weight: 400; + --ds-typography-paragraph-short-xs-font-size: 0.875rem; + --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-long-lg-font-family: IBM Plex Mono; + --ds-typography-paragraph-long-lg-font-weight: 400; + --ds-typography-paragraph-long-lg-font-size: 1.3125rem; + --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-long-md-font-family: IBM Plex Mono; + --ds-typography-paragraph-long-md-font-weight: 400; + --ds-typography-paragraph-long-md-font-size: 1.125rem; + --ds-typography-paragraph-long-md-letter-spacing: 0.5%; + --ds-typography-paragraph-long-sm-font-family: IBM Plex Mono; + --ds-typography-paragraph-long-sm-font-weight: 400; + --ds-typography-paragraph-long-sm-font-size: 1rem; + --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-long-xs-font-family: IBM Plex Mono; + --ds-typography-paragraph-long-xs-font-weight: 400; + --ds-typography-paragraph-long-xs-font-size: 0.875rem; + --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; + --ds-typography-label-lg-font-family: IBM Plex Mono; + --ds-typography-label-lg-font-weight: 400; + --ds-typography-label-lg-font-size: 1.3125rem; + --ds-typography-label-lg-letter-spacing: 0.5%; + --ds-typography-label-md-font-family: IBM Plex Mono; + --ds-typography-label-md-font-weight: 400; + --ds-typography-label-md-font-size: 1.125rem; + --ds-typography-label-md-letter-spacing: 0.5%; + --ds-typography-label-sm-font-family: IBM Plex Mono; + --ds-typography-label-sm-font-weight: 400; + --ds-typography-label-sm-font-size: 1rem; + --ds-typography-label-sm-letter-spacing: 0.25%; + --ds-typography-label-xs-font-family: IBM Plex Mono; + --ds-typography-label-xs-font-weight: 400; + --ds-typography-label-xs-font-size: 0.875rem; + --ds-typography-label-xs-letter-spacing: 0.15%; + --ds-typography-error_message-lg-font-family: IBM Plex Mono; + --ds-typography-error_message-lg-font-weight: 400; + --ds-typography-error_message-lg-font-size: 1.3125rem; + --ds-typography-error_message-lg-letter-spacing: 0.5%; + --ds-typography-error_message-md-font-family: IBM Plex Mono; + --ds-typography-error_message-md-font-weight: 400; + --ds-typography-error_message-md-font-size: 1.125rem; + --ds-typography-error_message-md-letter-spacing: 0.5%; + --ds-typography-error_message-sm-font-family: IBM Plex Mono; + --ds-typography-error_message-sm-font-weight: 400; + --ds-typography-error_message-sm-font-size: 1rem; + --ds-typography-error_message-sm-letter-spacing: 0.25%; + --ds-typography-error_message-xs-font-family: IBM Plex Mono; + --ds-typography-error_message-xs-font-weight: 400; + --ds-typography-error_message-xs-font-size: 0.875rem; + --ds-typography-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; --ds-line-height-md: 1.5; --ds-line-height-lg: 1.7; @@ -31,246 +155,5 @@ --ds-letter-spacing-7: 0.25%; --ds-letter-spacing-8: 0.5%; --ds-letter-spacing-9: 1.5%; - - .ds-error_message--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-error_message--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-error_message--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-error_message--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-label--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-label--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-label--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-label--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-long--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph-long--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph-long--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-long--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-short--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph-short--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph-short--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-short--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-ingress--xs { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-ingress--sm { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-ingress--md { - font-size: var(--ds-font-size-7); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-ingress--lg { - font-size: var(--ds-font-size-8); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-heading--2xs { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-heading--xs { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-heading--sm { - font-size: var(--ds-font-size-7); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-5); - } - - .ds-heading--md { - font-size: var(--ds-font-size-8); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-3); - } - - .ds-heading--lg { - font-size: var(--ds-font-size-9); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-2); - } - - .ds-heading--xl { - font-size: var(--ds-font-size-10); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-1); - } - - .ds-heading--2xl { - font-size: var(--ds-font-size-11); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-1); - } - - .ds-font-weight--medium { - font-weight: 400; - } - - .ds-font-weight--semibold { - font-weight: 700; - } - - .ds-font-weight--regular { - font-weight: 400; - } - - .ds-line-height--sm { - line-height: 1.3; - } - - .ds-line-height--md { - line-height: 1.5; - } - - .ds-line-height--lg { - line-height: 1.7; - } } } \ No newline at end of file diff --git a/packages/theme/brand/digdir.css b/packages/theme/brand/digdir.css index cc9611f501..587ed380e0 100644 --- a/packages/theme/brand/digdir.css +++ b/packages/theme/brand/digdir.css @@ -634,6 +634,130 @@ color-scheme: light; --ds-font-weight-medium: 500; --ds-font-weight-semibold: 600; --ds-font-weight-regular: 400; + --ds-typography-heading-2xl-font-family: IBM Plex Mono; + --ds-typography-heading-2xl-font-weight: 500; + --ds-typography-heading-2xl-font-size: 3.75rem; + --ds-typography-heading-2xl-letter-spacing: -1%; + --ds-typography-heading-xl-font-family: IBM Plex Mono; + --ds-typography-heading-xl-font-weight: 500; + --ds-typography-heading-xl-font-size: 3rem; + --ds-typography-heading-xl-letter-spacing: -1%; + --ds-typography-heading-lg-font-family: IBM Plex Mono; + --ds-typography-heading-lg-font-weight: 500; + --ds-typography-heading-lg-font-size: 2.25rem; + --ds-typography-heading-lg-letter-spacing: -0.5%; + --ds-typography-heading-md-font-family: IBM Plex Mono; + --ds-typography-heading-md-font-weight: 500; + --ds-typography-heading-md-font-size: 1.875rem; + --ds-typography-heading-md-letter-spacing: -0.25%; + --ds-typography-heading-sm-font-family: IBM Plex Mono; + --ds-typography-heading-sm-font-weight: 500; + --ds-typography-heading-sm-font-size: 1.5rem; + --ds-typography-heading-sm-letter-spacing: 0%; + --ds-typography-heading-xs-font-family: IBM Plex Mono; + --ds-typography-heading-xs-font-weight: 500; + --ds-typography-heading-xs-font-size: 1.3125rem; + --ds-typography-heading-xs-letter-spacing: 0.15%; + --ds-typography-heading-2xs-font-family: IBM Plex Mono; + --ds-typography-heading-2xs-font-weight: 500; + --ds-typography-heading-2xs-font-size: 1.125rem; + --ds-typography-heading-2xs-letter-spacing: 0.15%; + --ds-typography-ingress-lg-font-family: IBM Plex Mono; + --ds-typography-ingress-lg-font-weight: 400; + --ds-typography-ingress-lg-font-size: 1.875rem; + --ds-typography-ingress-lg-letter-spacing: 0.5%; + --ds-typography-ingress-md-font-family: IBM Plex Mono; + --ds-typography-ingress-md-font-weight: 400; + --ds-typography-ingress-md-font-size: 1.5rem; + --ds-typography-ingress-md-letter-spacing: 0.5%; + --ds-typography-ingress-sm-font-family: IBM Plex Mono; + --ds-typography-ingress-sm-font-weight: 400; + --ds-typography-ingress-sm-font-size: 1.3125rem; + --ds-typography-ingress-sm-letter-spacing: 0.25%; + --ds-typography-ingress-xs-font-family: IBM Plex Mono; + --ds-typography-ingress-xs-font-weight: 400; + --ds-typography-ingress-xs-font-size: 1.125rem; + --ds-typography-ingress-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-lg-font-family: IBM Plex Mono; + --ds-typography-paragraph-lg-font-weight: 400; + --ds-typography-paragraph-lg-font-size: 1.3125rem; + --ds-typography-paragraph-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-md-font-family: IBM Plex Mono; + --ds-typography-paragraph-md-font-weight: 400; + --ds-typography-paragraph-md-font-size: 1.125rem; + --ds-typography-paragraph-md-letter-spacing: 0.5%; + --ds-typography-paragraph-sm-font-family: IBM Plex Mono; + --ds-typography-paragraph-sm-font-weight: 400; + --ds-typography-paragraph-sm-font-size: 1rem; + --ds-typography-paragraph-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-xs-font-family: IBM Plex Mono; + --ds-typography-paragraph-xs-font-weight: 400; + --ds-typography-paragraph-xs-font-size: 0.875rem; + --ds-typography-paragraph-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-short-lg-font-family: IBM Plex Mono; + --ds-typography-paragraph-short-lg-font-weight: 400; + --ds-typography-paragraph-short-lg-font-size: 1.3125rem; + --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-short-md-font-family: IBM Plex Mono; + --ds-typography-paragraph-short-md-font-weight: 400; + --ds-typography-paragraph-short-md-font-size: 1.125rem; + --ds-typography-paragraph-short-md-letter-spacing: 0.5%; + --ds-typography-paragraph-short-sm-font-family: IBM Plex Mono; + --ds-typography-paragraph-short-sm-font-weight: 400; + --ds-typography-paragraph-short-sm-font-size: 1rem; + --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-short-xs-font-family: IBM Plex Mono; + --ds-typography-paragraph-short-xs-font-weight: 400; + --ds-typography-paragraph-short-xs-font-size: 0.875rem; + --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-long-lg-font-family: IBM Plex Mono; + --ds-typography-paragraph-long-lg-font-weight: 400; + --ds-typography-paragraph-long-lg-font-size: 1.3125rem; + --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-long-md-font-family: IBM Plex Mono; + --ds-typography-paragraph-long-md-font-weight: 400; + --ds-typography-paragraph-long-md-font-size: 1.125rem; + --ds-typography-paragraph-long-md-letter-spacing: 0.5%; + --ds-typography-paragraph-long-sm-font-family: IBM Plex Mono; + --ds-typography-paragraph-long-sm-font-weight: 400; + --ds-typography-paragraph-long-sm-font-size: 1rem; + --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-long-xs-font-family: IBM Plex Mono; + --ds-typography-paragraph-long-xs-font-weight: 400; + --ds-typography-paragraph-long-xs-font-size: 0.875rem; + --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; + --ds-typography-label-lg-font-family: IBM Plex Mono; + --ds-typography-label-lg-font-weight: 500; + --ds-typography-label-lg-font-size: 1.3125rem; + --ds-typography-label-lg-letter-spacing: 0.5%; + --ds-typography-label-md-font-family: IBM Plex Mono; + --ds-typography-label-md-font-weight: 500; + --ds-typography-label-md-font-size: 1.125rem; + --ds-typography-label-md-letter-spacing: 0.5%; + --ds-typography-label-sm-font-family: IBM Plex Mono; + --ds-typography-label-sm-font-weight: 500; + --ds-typography-label-sm-font-size: 1rem; + --ds-typography-label-sm-letter-spacing: 0.25%; + --ds-typography-label-xs-font-family: IBM Plex Mono; + --ds-typography-label-xs-font-weight: 500; + --ds-typography-label-xs-font-size: 0.875rem; + --ds-typography-label-xs-letter-spacing: 0.15%; + --ds-typography-error_message-lg-font-family: IBM Plex Mono; + --ds-typography-error_message-lg-font-weight: 400; + --ds-typography-error_message-lg-font-size: 1.3125rem; + --ds-typography-error_message-lg-letter-spacing: 0.5%; + --ds-typography-error_message-md-font-family: IBM Plex Mono; + --ds-typography-error_message-md-font-weight: 400; + --ds-typography-error_message-md-font-size: 1.125rem; + --ds-typography-error_message-md-letter-spacing: 0.5%; + --ds-typography-error_message-sm-font-family: IBM Plex Mono; + --ds-typography-error_message-sm-font-weight: 400; + --ds-typography-error_message-sm-font-size: 1rem; + --ds-typography-error_message-sm-letter-spacing: 0.25%; + --ds-typography-error_message-xs-font-family: IBM Plex Mono; + --ds-typography-error_message-xs-font-weight: 400; + --ds-typography-error_message-xs-font-size: 0.875rem; + --ds-typography-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; --ds-line-height-md: 1.5; --ds-line-height-lg: 1.7; @@ -657,247 +781,6 @@ color-scheme: light; --ds-letter-spacing-7: 0.25%; --ds-letter-spacing-8: 0.5%; --ds-letter-spacing-9: 1.5%; - - .ds-error_message--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-error_message--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-error_message--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-error_message--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-label--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-label--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-label--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-label--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-long--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph-long--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph-long--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-long--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-short--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph-short--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph-short--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-short--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-ingress--xs { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-ingress--sm { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-ingress--md { - font-size: var(--ds-font-size-7); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-ingress--lg { - font-size: var(--ds-font-size-8); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-heading--2xs { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-heading--xs { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-heading--sm { - font-size: var(--ds-font-size-7); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-5); - } - - .ds-heading--md { - font-size: var(--ds-font-size-8); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-3); - } - - .ds-heading--lg { - font-size: var(--ds-font-size-9); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-2); - } - - .ds-heading--xl { - font-size: var(--ds-font-size-10); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-1); - } - - .ds-heading--2xl { - font-size: var(--ds-font-size-11); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-1); - } - - .ds-font-weight--medium { - font-weight: 500; - } - - .ds-font-weight--semibold { - font-weight: 600; - } - - .ds-font-weight--regular { - font-weight: 400; - } - - .ds-line-height--sm { - line-height: 1.3; - } - - .ds-line-height--md { - line-height: 1.5; - } - - .ds-line-height--lg { - line-height: 1.7; - } } } /** @@ -1632,6 +1515,130 @@ color-scheme: dark; --ds-font-weight-medium: 500; --ds-font-weight-semibold: 600; --ds-font-weight-regular: 400; + --ds-typography-heading-2xl-font-family: Inter; + --ds-typography-heading-2xl-font-weight: 500; + --ds-typography-heading-2xl-font-size: 3.75rem; + --ds-typography-heading-2xl-letter-spacing: -1%; + --ds-typography-heading-xl-font-family: Inter; + --ds-typography-heading-xl-font-weight: 500; + --ds-typography-heading-xl-font-size: 3rem; + --ds-typography-heading-xl-letter-spacing: -1%; + --ds-typography-heading-lg-font-family: Inter; + --ds-typography-heading-lg-font-weight: 500; + --ds-typography-heading-lg-font-size: 2.25rem; + --ds-typography-heading-lg-letter-spacing: -0.5%; + --ds-typography-heading-md-font-family: Inter; + --ds-typography-heading-md-font-weight: 500; + --ds-typography-heading-md-font-size: 1.875rem; + --ds-typography-heading-md-letter-spacing: -0.25%; + --ds-typography-heading-sm-font-family: Inter; + --ds-typography-heading-sm-font-weight: 500; + --ds-typography-heading-sm-font-size: 1.5rem; + --ds-typography-heading-sm-letter-spacing: 0%; + --ds-typography-heading-xs-font-family: Inter; + --ds-typography-heading-xs-font-weight: 500; + --ds-typography-heading-xs-font-size: 1.3125rem; + --ds-typography-heading-xs-letter-spacing: 0.15%; + --ds-typography-heading-2xs-font-family: Inter; + --ds-typography-heading-2xs-font-weight: 500; + --ds-typography-heading-2xs-font-size: 1.125rem; + --ds-typography-heading-2xs-letter-spacing: 0.15%; + --ds-typography-ingress-lg-font-family: Inter; + --ds-typography-ingress-lg-font-weight: 400; + --ds-typography-ingress-lg-font-size: 1.875rem; + --ds-typography-ingress-lg-letter-spacing: 0.5%; + --ds-typography-ingress-md-font-family: Inter; + --ds-typography-ingress-md-font-weight: 400; + --ds-typography-ingress-md-font-size: 1.5rem; + --ds-typography-ingress-md-letter-spacing: 0.5%; + --ds-typography-ingress-sm-font-family: Inter; + --ds-typography-ingress-sm-font-weight: 400; + --ds-typography-ingress-sm-font-size: 1.3125rem; + --ds-typography-ingress-sm-letter-spacing: 0.25%; + --ds-typography-ingress-xs-font-family: Inter; + --ds-typography-ingress-xs-font-weight: 400; + --ds-typography-ingress-xs-font-size: 1.125rem; + --ds-typography-ingress-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-lg-font-family: Inter; + --ds-typography-paragraph-lg-font-weight: 400; + --ds-typography-paragraph-lg-font-size: 1.3125rem; + --ds-typography-paragraph-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-md-font-family: Inter; + --ds-typography-paragraph-md-font-weight: 400; + --ds-typography-paragraph-md-font-size: 1.125rem; + --ds-typography-paragraph-md-letter-spacing: 0.5%; + --ds-typography-paragraph-sm-font-family: Inter; + --ds-typography-paragraph-sm-font-weight: 400; + --ds-typography-paragraph-sm-font-size: 1rem; + --ds-typography-paragraph-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-xs-font-family: Inter; + --ds-typography-paragraph-xs-font-weight: 400; + --ds-typography-paragraph-xs-font-size: 0.875rem; + --ds-typography-paragraph-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-short-lg-font-family: Inter; + --ds-typography-paragraph-short-lg-font-weight: 400; + --ds-typography-paragraph-short-lg-font-size: 1.3125rem; + --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-short-md-font-family: Inter; + --ds-typography-paragraph-short-md-font-weight: 400; + --ds-typography-paragraph-short-md-font-size: 1.125rem; + --ds-typography-paragraph-short-md-letter-spacing: 0.5%; + --ds-typography-paragraph-short-sm-font-family: Inter; + --ds-typography-paragraph-short-sm-font-weight: 400; + --ds-typography-paragraph-short-sm-font-size: 1rem; + --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-short-xs-font-family: Inter; + --ds-typography-paragraph-short-xs-font-weight: 400; + --ds-typography-paragraph-short-xs-font-size: 0.875rem; + --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-long-lg-font-family: Inter; + --ds-typography-paragraph-long-lg-font-weight: 400; + --ds-typography-paragraph-long-lg-font-size: 1.3125rem; + --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-long-md-font-family: Inter; + --ds-typography-paragraph-long-md-font-weight: 400; + --ds-typography-paragraph-long-md-font-size: 1.125rem; + --ds-typography-paragraph-long-md-letter-spacing: 0.5%; + --ds-typography-paragraph-long-sm-font-family: Inter; + --ds-typography-paragraph-long-sm-font-weight: 400; + --ds-typography-paragraph-long-sm-font-size: 1rem; + --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-long-xs-font-family: Inter; + --ds-typography-paragraph-long-xs-font-weight: 400; + --ds-typography-paragraph-long-xs-font-size: 0.875rem; + --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; + --ds-typography-label-lg-font-family: Inter; + --ds-typography-label-lg-font-weight: 500; + --ds-typography-label-lg-font-size: 1.3125rem; + --ds-typography-label-lg-letter-spacing: 0.5%; + --ds-typography-label-md-font-family: Inter; + --ds-typography-label-md-font-weight: 500; + --ds-typography-label-md-font-size: 1.125rem; + --ds-typography-label-md-letter-spacing: 0.5%; + --ds-typography-label-sm-font-family: Inter; + --ds-typography-label-sm-font-weight: 500; + --ds-typography-label-sm-font-size: 1rem; + --ds-typography-label-sm-letter-spacing: 0.25%; + --ds-typography-label-xs-font-family: Inter; + --ds-typography-label-xs-font-weight: 500; + --ds-typography-label-xs-font-size: 0.875rem; + --ds-typography-label-xs-letter-spacing: 0.15%; + --ds-typography-error_message-lg-font-family: Inter; + --ds-typography-error_message-lg-font-weight: 400; + --ds-typography-error_message-lg-font-size: 1.3125rem; + --ds-typography-error_message-lg-letter-spacing: 0.5%; + --ds-typography-error_message-md-font-family: Inter; + --ds-typography-error_message-md-font-weight: 400; + --ds-typography-error_message-md-font-size: 1.125rem; + --ds-typography-error_message-md-letter-spacing: 0.5%; + --ds-typography-error_message-sm-font-family: Inter; + --ds-typography-error_message-sm-font-weight: 400; + --ds-typography-error_message-sm-font-size: 1rem; + --ds-typography-error_message-sm-letter-spacing: 0.25%; + --ds-typography-error_message-xs-font-family: Inter; + --ds-typography-error_message-xs-font-weight: 400; + --ds-typography-error_message-xs-font-size: 0.875rem; + --ds-typography-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; --ds-line-height-md: 1.5; --ds-line-height-lg: 1.7; @@ -1655,246 +1662,5 @@ color-scheme: dark; --ds-letter-spacing-7: 0.25%; --ds-letter-spacing-8: 0.5%; --ds-letter-spacing-9: 1.5%; - - .ds-error_message--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-error_message--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-error_message--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-error_message--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-label--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-label--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-label--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-label--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-long--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph-long--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph-long--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-long--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-short--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph-short--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph-short--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-short--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-ingress--xs { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-ingress--sm { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-ingress--md { - font-size: var(--ds-font-size-7); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-ingress--lg { - font-size: var(--ds-font-size-8); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-heading--2xs { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-heading--xs { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-heading--sm { - font-size: var(--ds-font-size-7); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-5); - } - - .ds-heading--md { - font-size: var(--ds-font-size-8); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-3); - } - - .ds-heading--lg { - font-size: var(--ds-font-size-9); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-2); - } - - .ds-heading--xl { - font-size: var(--ds-font-size-10); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-1); - } - - .ds-heading--2xl { - font-size: var(--ds-font-size-11); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-1); - } - - .ds-font-weight--medium { - font-weight: 500; - } - - .ds-font-weight--semibold { - font-weight: 600; - } - - .ds-font-weight--regular { - font-weight: 400; - } - - .ds-line-height--sm { - line-height: 1.3; - } - - .ds-line-height--md { - line-height: 1.5; - } - - .ds-line-height--lg { - line-height: 1.7; - } } } \ No newline at end of file diff --git a/packages/theme/brand/digdir/typography/primary.css b/packages/theme/brand/digdir/typography/primary.css index c180df3fae..9e964929b6 100644 --- a/packages/theme/brand/digdir/typography/primary.css +++ b/packages/theme/brand/digdir/typography/primary.css @@ -8,6 +8,130 @@ --ds-font-weight-medium: 500; --ds-font-weight-semibold: 600; --ds-font-weight-regular: 400; + --ds-typography-heading-2xl-font-family: Inter; + --ds-typography-heading-2xl-font-weight: 500; + --ds-typography-heading-2xl-font-size: 3.75rem; + --ds-typography-heading-2xl-letter-spacing: -1%; + --ds-typography-heading-xl-font-family: Inter; + --ds-typography-heading-xl-font-weight: 500; + --ds-typography-heading-xl-font-size: 3rem; + --ds-typography-heading-xl-letter-spacing: -1%; + --ds-typography-heading-lg-font-family: Inter; + --ds-typography-heading-lg-font-weight: 500; + --ds-typography-heading-lg-font-size: 2.25rem; + --ds-typography-heading-lg-letter-spacing: -0.5%; + --ds-typography-heading-md-font-family: Inter; + --ds-typography-heading-md-font-weight: 500; + --ds-typography-heading-md-font-size: 1.875rem; + --ds-typography-heading-md-letter-spacing: -0.25%; + --ds-typography-heading-sm-font-family: Inter; + --ds-typography-heading-sm-font-weight: 500; + --ds-typography-heading-sm-font-size: 1.5rem; + --ds-typography-heading-sm-letter-spacing: 0%; + --ds-typography-heading-xs-font-family: Inter; + --ds-typography-heading-xs-font-weight: 500; + --ds-typography-heading-xs-font-size: 1.3125rem; + --ds-typography-heading-xs-letter-spacing: 0.15%; + --ds-typography-heading-2xs-font-family: Inter; + --ds-typography-heading-2xs-font-weight: 500; + --ds-typography-heading-2xs-font-size: 1.125rem; + --ds-typography-heading-2xs-letter-spacing: 0.15%; + --ds-typography-ingress-lg-font-family: Inter; + --ds-typography-ingress-lg-font-weight: 400; + --ds-typography-ingress-lg-font-size: 1.875rem; + --ds-typography-ingress-lg-letter-spacing: 0.5%; + --ds-typography-ingress-md-font-family: Inter; + --ds-typography-ingress-md-font-weight: 400; + --ds-typography-ingress-md-font-size: 1.5rem; + --ds-typography-ingress-md-letter-spacing: 0.5%; + --ds-typography-ingress-sm-font-family: Inter; + --ds-typography-ingress-sm-font-weight: 400; + --ds-typography-ingress-sm-font-size: 1.3125rem; + --ds-typography-ingress-sm-letter-spacing: 0.25%; + --ds-typography-ingress-xs-font-family: Inter; + --ds-typography-ingress-xs-font-weight: 400; + --ds-typography-ingress-xs-font-size: 1.125rem; + --ds-typography-ingress-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-lg-font-family: Inter; + --ds-typography-paragraph-lg-font-weight: 400; + --ds-typography-paragraph-lg-font-size: 1.3125rem; + --ds-typography-paragraph-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-md-font-family: Inter; + --ds-typography-paragraph-md-font-weight: 400; + --ds-typography-paragraph-md-font-size: 1.125rem; + --ds-typography-paragraph-md-letter-spacing: 0.5%; + --ds-typography-paragraph-sm-font-family: Inter; + --ds-typography-paragraph-sm-font-weight: 400; + --ds-typography-paragraph-sm-font-size: 1rem; + --ds-typography-paragraph-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-xs-font-family: Inter; + --ds-typography-paragraph-xs-font-weight: 400; + --ds-typography-paragraph-xs-font-size: 0.875rem; + --ds-typography-paragraph-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-short-lg-font-family: Inter; + --ds-typography-paragraph-short-lg-font-weight: 400; + --ds-typography-paragraph-short-lg-font-size: 1.3125rem; + --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-short-md-font-family: Inter; + --ds-typography-paragraph-short-md-font-weight: 400; + --ds-typography-paragraph-short-md-font-size: 1.125rem; + --ds-typography-paragraph-short-md-letter-spacing: 0.5%; + --ds-typography-paragraph-short-sm-font-family: Inter; + --ds-typography-paragraph-short-sm-font-weight: 400; + --ds-typography-paragraph-short-sm-font-size: 1rem; + --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-short-xs-font-family: Inter; + --ds-typography-paragraph-short-xs-font-weight: 400; + --ds-typography-paragraph-short-xs-font-size: 0.875rem; + --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-long-lg-font-family: Inter; + --ds-typography-paragraph-long-lg-font-weight: 400; + --ds-typography-paragraph-long-lg-font-size: 1.3125rem; + --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-long-md-font-family: Inter; + --ds-typography-paragraph-long-md-font-weight: 400; + --ds-typography-paragraph-long-md-font-size: 1.125rem; + --ds-typography-paragraph-long-md-letter-spacing: 0.5%; + --ds-typography-paragraph-long-sm-font-family: Inter; + --ds-typography-paragraph-long-sm-font-weight: 400; + --ds-typography-paragraph-long-sm-font-size: 1rem; + --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-long-xs-font-family: Inter; + --ds-typography-paragraph-long-xs-font-weight: 400; + --ds-typography-paragraph-long-xs-font-size: 0.875rem; + --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; + --ds-typography-label-lg-font-family: Inter; + --ds-typography-label-lg-font-weight: 500; + --ds-typography-label-lg-font-size: 1.3125rem; + --ds-typography-label-lg-letter-spacing: 0.5%; + --ds-typography-label-md-font-family: Inter; + --ds-typography-label-md-font-weight: 500; + --ds-typography-label-md-font-size: 1.125rem; + --ds-typography-label-md-letter-spacing: 0.5%; + --ds-typography-label-sm-font-family: Inter; + --ds-typography-label-sm-font-weight: 500; + --ds-typography-label-sm-font-size: 1rem; + --ds-typography-label-sm-letter-spacing: 0.25%; + --ds-typography-label-xs-font-family: Inter; + --ds-typography-label-xs-font-weight: 500; + --ds-typography-label-xs-font-size: 0.875rem; + --ds-typography-label-xs-letter-spacing: 0.15%; + --ds-typography-error_message-lg-font-family: Inter; + --ds-typography-error_message-lg-font-weight: 400; + --ds-typography-error_message-lg-font-size: 1.3125rem; + --ds-typography-error_message-lg-letter-spacing: 0.5%; + --ds-typography-error_message-md-font-family: Inter; + --ds-typography-error_message-md-font-weight: 400; + --ds-typography-error_message-md-font-size: 1.125rem; + --ds-typography-error_message-md-letter-spacing: 0.5%; + --ds-typography-error_message-sm-font-family: Inter; + --ds-typography-error_message-sm-font-weight: 400; + --ds-typography-error_message-sm-font-size: 1rem; + --ds-typography-error_message-sm-letter-spacing: 0.25%; + --ds-typography-error_message-xs-font-family: Inter; + --ds-typography-error_message-xs-font-weight: 400; + --ds-typography-error_message-xs-font-size: 0.875rem; + --ds-typography-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; --ds-line-height-md: 1.5; --ds-line-height-lg: 1.7; @@ -31,246 +155,5 @@ --ds-letter-spacing-7: 0.25%; --ds-letter-spacing-8: 0.5%; --ds-letter-spacing-9: 1.5%; - - .ds-error_message--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-error_message--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-error_message--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-error_message--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-label--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-label--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-label--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-label--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-long--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph-long--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph-long--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-long--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-short--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph-short--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph-short--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-short--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-ingress--xs { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-ingress--sm { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-ingress--md { - font-size: var(--ds-font-size-7); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-ingress--lg { - font-size: var(--ds-font-size-8); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-heading--2xs { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-heading--xs { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-heading--sm { - font-size: var(--ds-font-size-7); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-5); - } - - .ds-heading--md { - font-size: var(--ds-font-size-8); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-3); - } - - .ds-heading--lg { - font-size: var(--ds-font-size-9); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-2); - } - - .ds-heading--xl { - font-size: var(--ds-font-size-10); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-1); - } - - .ds-heading--2xl { - font-size: var(--ds-font-size-11); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-1); - } - - .ds-font-weight--medium { - font-weight: 500; - } - - .ds-font-weight--semibold { - font-weight: 600; - } - - .ds-font-weight--regular { - font-weight: 400; - } - - .ds-line-height--sm { - line-height: 1.3; - } - - .ds-line-height--md { - line-height: 1.5; - } - - .ds-line-height--lg { - line-height: 1.7; - } } } \ No newline at end of file diff --git a/packages/theme/brand/digdir/typography/secondary.css b/packages/theme/brand/digdir/typography/secondary.css index 1bb2f8b2f6..cc893539c2 100644 --- a/packages/theme/brand/digdir/typography/secondary.css +++ b/packages/theme/brand/digdir/typography/secondary.css @@ -8,6 +8,130 @@ --ds-font-weight-medium: 500; --ds-font-weight-semibold: 600; --ds-font-weight-regular: 400; + --ds-typography-heading-2xl-font-family: IBM Plex Mono; + --ds-typography-heading-2xl-font-weight: 500; + --ds-typography-heading-2xl-font-size: 3.75rem; + --ds-typography-heading-2xl-letter-spacing: -1%; + --ds-typography-heading-xl-font-family: IBM Plex Mono; + --ds-typography-heading-xl-font-weight: 500; + --ds-typography-heading-xl-font-size: 3rem; + --ds-typography-heading-xl-letter-spacing: -1%; + --ds-typography-heading-lg-font-family: IBM Plex Mono; + --ds-typography-heading-lg-font-weight: 500; + --ds-typography-heading-lg-font-size: 2.25rem; + --ds-typography-heading-lg-letter-spacing: -0.5%; + --ds-typography-heading-md-font-family: IBM Plex Mono; + --ds-typography-heading-md-font-weight: 500; + --ds-typography-heading-md-font-size: 1.875rem; + --ds-typography-heading-md-letter-spacing: -0.25%; + --ds-typography-heading-sm-font-family: IBM Plex Mono; + --ds-typography-heading-sm-font-weight: 500; + --ds-typography-heading-sm-font-size: 1.5rem; + --ds-typography-heading-sm-letter-spacing: 0%; + --ds-typography-heading-xs-font-family: IBM Plex Mono; + --ds-typography-heading-xs-font-weight: 500; + --ds-typography-heading-xs-font-size: 1.3125rem; + --ds-typography-heading-xs-letter-spacing: 0.15%; + --ds-typography-heading-2xs-font-family: IBM Plex Mono; + --ds-typography-heading-2xs-font-weight: 500; + --ds-typography-heading-2xs-font-size: 1.125rem; + --ds-typography-heading-2xs-letter-spacing: 0.15%; + --ds-typography-ingress-lg-font-family: IBM Plex Mono; + --ds-typography-ingress-lg-font-weight: 400; + --ds-typography-ingress-lg-font-size: 1.875rem; + --ds-typography-ingress-lg-letter-spacing: 0.5%; + --ds-typography-ingress-md-font-family: IBM Plex Mono; + --ds-typography-ingress-md-font-weight: 400; + --ds-typography-ingress-md-font-size: 1.5rem; + --ds-typography-ingress-md-letter-spacing: 0.5%; + --ds-typography-ingress-sm-font-family: IBM Plex Mono; + --ds-typography-ingress-sm-font-weight: 400; + --ds-typography-ingress-sm-font-size: 1.3125rem; + --ds-typography-ingress-sm-letter-spacing: 0.25%; + --ds-typography-ingress-xs-font-family: IBM Plex Mono; + --ds-typography-ingress-xs-font-weight: 400; + --ds-typography-ingress-xs-font-size: 1.125rem; + --ds-typography-ingress-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-lg-font-family: IBM Plex Mono; + --ds-typography-paragraph-lg-font-weight: 400; + --ds-typography-paragraph-lg-font-size: 1.3125rem; + --ds-typography-paragraph-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-md-font-family: IBM Plex Mono; + --ds-typography-paragraph-md-font-weight: 400; + --ds-typography-paragraph-md-font-size: 1.125rem; + --ds-typography-paragraph-md-letter-spacing: 0.5%; + --ds-typography-paragraph-sm-font-family: IBM Plex Mono; + --ds-typography-paragraph-sm-font-weight: 400; + --ds-typography-paragraph-sm-font-size: 1rem; + --ds-typography-paragraph-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-xs-font-family: IBM Plex Mono; + --ds-typography-paragraph-xs-font-weight: 400; + --ds-typography-paragraph-xs-font-size: 0.875rem; + --ds-typography-paragraph-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-short-lg-font-family: IBM Plex Mono; + --ds-typography-paragraph-short-lg-font-weight: 400; + --ds-typography-paragraph-short-lg-font-size: 1.3125rem; + --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-short-md-font-family: IBM Plex Mono; + --ds-typography-paragraph-short-md-font-weight: 400; + --ds-typography-paragraph-short-md-font-size: 1.125rem; + --ds-typography-paragraph-short-md-letter-spacing: 0.5%; + --ds-typography-paragraph-short-sm-font-family: IBM Plex Mono; + --ds-typography-paragraph-short-sm-font-weight: 400; + --ds-typography-paragraph-short-sm-font-size: 1rem; + --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-short-xs-font-family: IBM Plex Mono; + --ds-typography-paragraph-short-xs-font-weight: 400; + --ds-typography-paragraph-short-xs-font-size: 0.875rem; + --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-long-lg-font-family: IBM Plex Mono; + --ds-typography-paragraph-long-lg-font-weight: 400; + --ds-typography-paragraph-long-lg-font-size: 1.3125rem; + --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-long-md-font-family: IBM Plex Mono; + --ds-typography-paragraph-long-md-font-weight: 400; + --ds-typography-paragraph-long-md-font-size: 1.125rem; + --ds-typography-paragraph-long-md-letter-spacing: 0.5%; + --ds-typography-paragraph-long-sm-font-family: IBM Plex Mono; + --ds-typography-paragraph-long-sm-font-weight: 400; + --ds-typography-paragraph-long-sm-font-size: 1rem; + --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-long-xs-font-family: IBM Plex Mono; + --ds-typography-paragraph-long-xs-font-weight: 400; + --ds-typography-paragraph-long-xs-font-size: 0.875rem; + --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; + --ds-typography-label-lg-font-family: IBM Plex Mono; + --ds-typography-label-lg-font-weight: 500; + --ds-typography-label-lg-font-size: 1.3125rem; + --ds-typography-label-lg-letter-spacing: 0.5%; + --ds-typography-label-md-font-family: IBM Plex Mono; + --ds-typography-label-md-font-weight: 500; + --ds-typography-label-md-font-size: 1.125rem; + --ds-typography-label-md-letter-spacing: 0.5%; + --ds-typography-label-sm-font-family: IBM Plex Mono; + --ds-typography-label-sm-font-weight: 500; + --ds-typography-label-sm-font-size: 1rem; + --ds-typography-label-sm-letter-spacing: 0.25%; + --ds-typography-label-xs-font-family: IBM Plex Mono; + --ds-typography-label-xs-font-weight: 500; + --ds-typography-label-xs-font-size: 0.875rem; + --ds-typography-label-xs-letter-spacing: 0.15%; + --ds-typography-error_message-lg-font-family: IBM Plex Mono; + --ds-typography-error_message-lg-font-weight: 400; + --ds-typography-error_message-lg-font-size: 1.3125rem; + --ds-typography-error_message-lg-letter-spacing: 0.5%; + --ds-typography-error_message-md-font-family: IBM Plex Mono; + --ds-typography-error_message-md-font-weight: 400; + --ds-typography-error_message-md-font-size: 1.125rem; + --ds-typography-error_message-md-letter-spacing: 0.5%; + --ds-typography-error_message-sm-font-family: IBM Plex Mono; + --ds-typography-error_message-sm-font-weight: 400; + --ds-typography-error_message-sm-font-size: 1rem; + --ds-typography-error_message-sm-letter-spacing: 0.25%; + --ds-typography-error_message-xs-font-family: IBM Plex Mono; + --ds-typography-error_message-xs-font-weight: 400; + --ds-typography-error_message-xs-font-size: 0.875rem; + --ds-typography-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; --ds-line-height-md: 1.5; --ds-line-height-lg: 1.7; @@ -31,246 +155,5 @@ --ds-letter-spacing-7: 0.25%; --ds-letter-spacing-8: 0.5%; --ds-letter-spacing-9: 1.5%; - - .ds-error_message--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-error_message--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-error_message--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-error_message--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-label--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-label--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-label--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-label--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-long--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph-long--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph-long--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-long--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-short--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph-short--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph-short--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-short--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-ingress--xs { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-ingress--sm { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-ingress--md { - font-size: var(--ds-font-size-7); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-ingress--lg { - font-size: var(--ds-font-size-8); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-heading--2xs { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-heading--xs { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-heading--sm { - font-size: var(--ds-font-size-7); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-5); - } - - .ds-heading--md { - font-size: var(--ds-font-size-8); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-3); - } - - .ds-heading--lg { - font-size: var(--ds-font-size-9); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-2); - } - - .ds-heading--xl { - font-size: var(--ds-font-size-10); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-1); - } - - .ds-heading--2xl { - font-size: var(--ds-font-size-11); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-1); - } - - .ds-font-weight--medium { - font-weight: 500; - } - - .ds-font-weight--semibold { - font-weight: 600; - } - - .ds-font-weight--regular { - font-weight: 400; - } - - .ds-line-height--sm { - line-height: 1.3; - } - - .ds-line-height--md { - line-height: 1.5; - } - - .ds-line-height--lg { - line-height: 1.7; - } } } \ No newline at end of file diff --git a/packages/theme/brand/portal.css b/packages/theme/brand/portal.css index ca22e90524..2b5207d8e9 100644 --- a/packages/theme/brand/portal.css +++ b/packages/theme/brand/portal.css @@ -634,6 +634,130 @@ color-scheme: light; --ds-font-weight-medium: 400; --ds-font-weight-semibold: 700; --ds-font-weight-regular: 400; + --ds-typography-heading-2xl-font-family: IBM Plex Mono; + --ds-typography-heading-2xl-font-weight: 400; + --ds-typography-heading-2xl-font-size: 3.75rem; + --ds-typography-heading-2xl-letter-spacing: -1%; + --ds-typography-heading-xl-font-family: IBM Plex Mono; + --ds-typography-heading-xl-font-weight: 400; + --ds-typography-heading-xl-font-size: 3rem; + --ds-typography-heading-xl-letter-spacing: -1%; + --ds-typography-heading-lg-font-family: IBM Plex Mono; + --ds-typography-heading-lg-font-weight: 400; + --ds-typography-heading-lg-font-size: 2.25rem; + --ds-typography-heading-lg-letter-spacing: -0.5%; + --ds-typography-heading-md-font-family: IBM Plex Mono; + --ds-typography-heading-md-font-weight: 400; + --ds-typography-heading-md-font-size: 1.875rem; + --ds-typography-heading-md-letter-spacing: -0.25%; + --ds-typography-heading-sm-font-family: IBM Plex Mono; + --ds-typography-heading-sm-font-weight: 400; + --ds-typography-heading-sm-font-size: 1.5rem; + --ds-typography-heading-sm-letter-spacing: 0%; + --ds-typography-heading-xs-font-family: IBM Plex Mono; + --ds-typography-heading-xs-font-weight: 400; + --ds-typography-heading-xs-font-size: 1.3125rem; + --ds-typography-heading-xs-letter-spacing: 0.15%; + --ds-typography-heading-2xs-font-family: IBM Plex Mono; + --ds-typography-heading-2xs-font-weight: 400; + --ds-typography-heading-2xs-font-size: 1.125rem; + --ds-typography-heading-2xs-letter-spacing: 0.15%; + --ds-typography-ingress-lg-font-family: IBM Plex Mono; + --ds-typography-ingress-lg-font-weight: 400; + --ds-typography-ingress-lg-font-size: 1.875rem; + --ds-typography-ingress-lg-letter-spacing: 0.5%; + --ds-typography-ingress-md-font-family: IBM Plex Mono; + --ds-typography-ingress-md-font-weight: 400; + --ds-typography-ingress-md-font-size: 1.5rem; + --ds-typography-ingress-md-letter-spacing: 0.5%; + --ds-typography-ingress-sm-font-family: IBM Plex Mono; + --ds-typography-ingress-sm-font-weight: 400; + --ds-typography-ingress-sm-font-size: 1.3125rem; + --ds-typography-ingress-sm-letter-spacing: 0.25%; + --ds-typography-ingress-xs-font-family: IBM Plex Mono; + --ds-typography-ingress-xs-font-weight: 400; + --ds-typography-ingress-xs-font-size: 1.125rem; + --ds-typography-ingress-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-lg-font-family: IBM Plex Mono; + --ds-typography-paragraph-lg-font-weight: 400; + --ds-typography-paragraph-lg-font-size: 1.3125rem; + --ds-typography-paragraph-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-md-font-family: IBM Plex Mono; + --ds-typography-paragraph-md-font-weight: 400; + --ds-typography-paragraph-md-font-size: 1.125rem; + --ds-typography-paragraph-md-letter-spacing: 0.5%; + --ds-typography-paragraph-sm-font-family: IBM Plex Mono; + --ds-typography-paragraph-sm-font-weight: 400; + --ds-typography-paragraph-sm-font-size: 1rem; + --ds-typography-paragraph-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-xs-font-family: IBM Plex Mono; + --ds-typography-paragraph-xs-font-weight: 400; + --ds-typography-paragraph-xs-font-size: 0.875rem; + --ds-typography-paragraph-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-short-lg-font-family: IBM Plex Mono; + --ds-typography-paragraph-short-lg-font-weight: 400; + --ds-typography-paragraph-short-lg-font-size: 1.3125rem; + --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-short-md-font-family: IBM Plex Mono; + --ds-typography-paragraph-short-md-font-weight: 400; + --ds-typography-paragraph-short-md-font-size: 1.125rem; + --ds-typography-paragraph-short-md-letter-spacing: 0.5%; + --ds-typography-paragraph-short-sm-font-family: IBM Plex Mono; + --ds-typography-paragraph-short-sm-font-weight: 400; + --ds-typography-paragraph-short-sm-font-size: 1rem; + --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-short-xs-font-family: IBM Plex Mono; + --ds-typography-paragraph-short-xs-font-weight: 400; + --ds-typography-paragraph-short-xs-font-size: 0.875rem; + --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-long-lg-font-family: IBM Plex Mono; + --ds-typography-paragraph-long-lg-font-weight: 400; + --ds-typography-paragraph-long-lg-font-size: 1.3125rem; + --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-long-md-font-family: IBM Plex Mono; + --ds-typography-paragraph-long-md-font-weight: 400; + --ds-typography-paragraph-long-md-font-size: 1.125rem; + --ds-typography-paragraph-long-md-letter-spacing: 0.5%; + --ds-typography-paragraph-long-sm-font-family: IBM Plex Mono; + --ds-typography-paragraph-long-sm-font-weight: 400; + --ds-typography-paragraph-long-sm-font-size: 1rem; + --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-long-xs-font-family: IBM Plex Mono; + --ds-typography-paragraph-long-xs-font-weight: 400; + --ds-typography-paragraph-long-xs-font-size: 0.875rem; + --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; + --ds-typography-label-lg-font-family: IBM Plex Mono; + --ds-typography-label-lg-font-weight: 400; + --ds-typography-label-lg-font-size: 1.3125rem; + --ds-typography-label-lg-letter-spacing: 0.5%; + --ds-typography-label-md-font-family: IBM Plex Mono; + --ds-typography-label-md-font-weight: 400; + --ds-typography-label-md-font-size: 1.125rem; + --ds-typography-label-md-letter-spacing: 0.5%; + --ds-typography-label-sm-font-family: IBM Plex Mono; + --ds-typography-label-sm-font-weight: 400; + --ds-typography-label-sm-font-size: 1rem; + --ds-typography-label-sm-letter-spacing: 0.25%; + --ds-typography-label-xs-font-family: IBM Plex Mono; + --ds-typography-label-xs-font-weight: 400; + --ds-typography-label-xs-font-size: 0.875rem; + --ds-typography-label-xs-letter-spacing: 0.15%; + --ds-typography-error_message-lg-font-family: IBM Plex Mono; + --ds-typography-error_message-lg-font-weight: 400; + --ds-typography-error_message-lg-font-size: 1.3125rem; + --ds-typography-error_message-lg-letter-spacing: 0.5%; + --ds-typography-error_message-md-font-family: IBM Plex Mono; + --ds-typography-error_message-md-font-weight: 400; + --ds-typography-error_message-md-font-size: 1.125rem; + --ds-typography-error_message-md-letter-spacing: 0.5%; + --ds-typography-error_message-sm-font-family: IBM Plex Mono; + --ds-typography-error_message-sm-font-weight: 400; + --ds-typography-error_message-sm-font-size: 1rem; + --ds-typography-error_message-sm-letter-spacing: 0.25%; + --ds-typography-error_message-xs-font-family: IBM Plex Mono; + --ds-typography-error_message-xs-font-weight: 400; + --ds-typography-error_message-xs-font-size: 0.875rem; + --ds-typography-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; --ds-line-height-md: 1.5; --ds-line-height-lg: 1.7; @@ -657,247 +781,6 @@ color-scheme: light; --ds-letter-spacing-7: 0.25%; --ds-letter-spacing-8: 0.5%; --ds-letter-spacing-9: 1.5%; - - .ds-error_message--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-error_message--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-error_message--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-error_message--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-label--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-label--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-label--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-label--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-long--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph-long--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph-long--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-long--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-short--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph-short--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph-short--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-short--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-ingress--xs { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-ingress--sm { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-ingress--md { - font-size: var(--ds-font-size-7); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-ingress--lg { - font-size: var(--ds-font-size-8); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-heading--2xs { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-heading--xs { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-heading--sm { - font-size: var(--ds-font-size-7); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-5); - } - - .ds-heading--md { - font-size: var(--ds-font-size-8); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-3); - } - - .ds-heading--lg { - font-size: var(--ds-font-size-9); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-2); - } - - .ds-heading--xl { - font-size: var(--ds-font-size-10); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-1); - } - - .ds-heading--2xl { - font-size: var(--ds-font-size-11); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-1); - } - - .ds-font-weight--medium { - font-weight: 400; - } - - .ds-font-weight--semibold { - font-weight: 700; - } - - .ds-font-weight--regular { - font-weight: 400; - } - - .ds-line-height--sm { - line-height: 1.3; - } - - .ds-line-height--md { - line-height: 1.5; - } - - .ds-line-height--lg { - line-height: 1.7; - } } } /** @@ -1632,6 +1515,130 @@ color-scheme: dark; --ds-font-weight-medium: 500; --ds-font-weight-semibold: 600; --ds-font-weight-regular: 400; + --ds-typography-heading-2xl-font-family: Inter; + --ds-typography-heading-2xl-font-weight: 500; + --ds-typography-heading-2xl-font-size: 3.75rem; + --ds-typography-heading-2xl-letter-spacing: -1%; + --ds-typography-heading-xl-font-family: Inter; + --ds-typography-heading-xl-font-weight: 500; + --ds-typography-heading-xl-font-size: 3rem; + --ds-typography-heading-xl-letter-spacing: -1%; + --ds-typography-heading-lg-font-family: Inter; + --ds-typography-heading-lg-font-weight: 500; + --ds-typography-heading-lg-font-size: 2.25rem; + --ds-typography-heading-lg-letter-spacing: -0.5%; + --ds-typography-heading-md-font-family: Inter; + --ds-typography-heading-md-font-weight: 500; + --ds-typography-heading-md-font-size: 1.875rem; + --ds-typography-heading-md-letter-spacing: -0.25%; + --ds-typography-heading-sm-font-family: Inter; + --ds-typography-heading-sm-font-weight: 500; + --ds-typography-heading-sm-font-size: 1.5rem; + --ds-typography-heading-sm-letter-spacing: 0%; + --ds-typography-heading-xs-font-family: Inter; + --ds-typography-heading-xs-font-weight: 500; + --ds-typography-heading-xs-font-size: 1.3125rem; + --ds-typography-heading-xs-letter-spacing: 0.15%; + --ds-typography-heading-2xs-font-family: Inter; + --ds-typography-heading-2xs-font-weight: 500; + --ds-typography-heading-2xs-font-size: 1.125rem; + --ds-typography-heading-2xs-letter-spacing: 0.15%; + --ds-typography-ingress-lg-font-family: Inter; + --ds-typography-ingress-lg-font-weight: 400; + --ds-typography-ingress-lg-font-size: 1.875rem; + --ds-typography-ingress-lg-letter-spacing: 0.5%; + --ds-typography-ingress-md-font-family: Inter; + --ds-typography-ingress-md-font-weight: 400; + --ds-typography-ingress-md-font-size: 1.5rem; + --ds-typography-ingress-md-letter-spacing: 0.5%; + --ds-typography-ingress-sm-font-family: Inter; + --ds-typography-ingress-sm-font-weight: 400; + --ds-typography-ingress-sm-font-size: 1.3125rem; + --ds-typography-ingress-sm-letter-spacing: 0.25%; + --ds-typography-ingress-xs-font-family: Inter; + --ds-typography-ingress-xs-font-weight: 400; + --ds-typography-ingress-xs-font-size: 1.125rem; + --ds-typography-ingress-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-lg-font-family: Inter; + --ds-typography-paragraph-lg-font-weight: 400; + --ds-typography-paragraph-lg-font-size: 1.3125rem; + --ds-typography-paragraph-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-md-font-family: Inter; + --ds-typography-paragraph-md-font-weight: 400; + --ds-typography-paragraph-md-font-size: 1.125rem; + --ds-typography-paragraph-md-letter-spacing: 0.5%; + --ds-typography-paragraph-sm-font-family: Inter; + --ds-typography-paragraph-sm-font-weight: 400; + --ds-typography-paragraph-sm-font-size: 1rem; + --ds-typography-paragraph-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-xs-font-family: Inter; + --ds-typography-paragraph-xs-font-weight: 400; + --ds-typography-paragraph-xs-font-size: 0.875rem; + --ds-typography-paragraph-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-short-lg-font-family: Inter; + --ds-typography-paragraph-short-lg-font-weight: 400; + --ds-typography-paragraph-short-lg-font-size: 1.3125rem; + --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-short-md-font-family: Inter; + --ds-typography-paragraph-short-md-font-weight: 400; + --ds-typography-paragraph-short-md-font-size: 1.125rem; + --ds-typography-paragraph-short-md-letter-spacing: 0.5%; + --ds-typography-paragraph-short-sm-font-family: Inter; + --ds-typography-paragraph-short-sm-font-weight: 400; + --ds-typography-paragraph-short-sm-font-size: 1rem; + --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-short-xs-font-family: Inter; + --ds-typography-paragraph-short-xs-font-weight: 400; + --ds-typography-paragraph-short-xs-font-size: 0.875rem; + --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-long-lg-font-family: Inter; + --ds-typography-paragraph-long-lg-font-weight: 400; + --ds-typography-paragraph-long-lg-font-size: 1.3125rem; + --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-long-md-font-family: Inter; + --ds-typography-paragraph-long-md-font-weight: 400; + --ds-typography-paragraph-long-md-font-size: 1.125rem; + --ds-typography-paragraph-long-md-letter-spacing: 0.5%; + --ds-typography-paragraph-long-sm-font-family: Inter; + --ds-typography-paragraph-long-sm-font-weight: 400; + --ds-typography-paragraph-long-sm-font-size: 1rem; + --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-long-xs-font-family: Inter; + --ds-typography-paragraph-long-xs-font-weight: 400; + --ds-typography-paragraph-long-xs-font-size: 0.875rem; + --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; + --ds-typography-label-lg-font-family: Inter; + --ds-typography-label-lg-font-weight: 500; + --ds-typography-label-lg-font-size: 1.3125rem; + --ds-typography-label-lg-letter-spacing: 0.5%; + --ds-typography-label-md-font-family: Inter; + --ds-typography-label-md-font-weight: 500; + --ds-typography-label-md-font-size: 1.125rem; + --ds-typography-label-md-letter-spacing: 0.5%; + --ds-typography-label-sm-font-family: Inter; + --ds-typography-label-sm-font-weight: 500; + --ds-typography-label-sm-font-size: 1rem; + --ds-typography-label-sm-letter-spacing: 0.25%; + --ds-typography-label-xs-font-family: Inter; + --ds-typography-label-xs-font-weight: 500; + --ds-typography-label-xs-font-size: 0.875rem; + --ds-typography-label-xs-letter-spacing: 0.15%; + --ds-typography-error_message-lg-font-family: Inter; + --ds-typography-error_message-lg-font-weight: 400; + --ds-typography-error_message-lg-font-size: 1.3125rem; + --ds-typography-error_message-lg-letter-spacing: 0.5%; + --ds-typography-error_message-md-font-family: Inter; + --ds-typography-error_message-md-font-weight: 400; + --ds-typography-error_message-md-font-size: 1.125rem; + --ds-typography-error_message-md-letter-spacing: 0.5%; + --ds-typography-error_message-sm-font-family: Inter; + --ds-typography-error_message-sm-font-weight: 400; + --ds-typography-error_message-sm-font-size: 1rem; + --ds-typography-error_message-sm-letter-spacing: 0.25%; + --ds-typography-error_message-xs-font-family: Inter; + --ds-typography-error_message-xs-font-weight: 400; + --ds-typography-error_message-xs-font-size: 0.875rem; + --ds-typography-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; --ds-line-height-md: 1.5; --ds-line-height-lg: 1.7; @@ -1655,246 +1662,5 @@ color-scheme: dark; --ds-letter-spacing-7: 0.25%; --ds-letter-spacing-8: 0.5%; --ds-letter-spacing-9: 1.5%; - - .ds-error_message--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-error_message--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-error_message--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-error_message--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-label--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-label--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-label--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-label--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-long--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph-long--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph-long--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-long--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-short--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph-short--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph-short--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-short--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-ingress--xs { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-ingress--sm { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-ingress--md { - font-size: var(--ds-font-size-7); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-ingress--lg { - font-size: var(--ds-font-size-8); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-heading--2xs { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-heading--xs { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-heading--sm { - font-size: var(--ds-font-size-7); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-5); - } - - .ds-heading--md { - font-size: var(--ds-font-size-8); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-3); - } - - .ds-heading--lg { - font-size: var(--ds-font-size-9); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-2); - } - - .ds-heading--xl { - font-size: var(--ds-font-size-10); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-1); - } - - .ds-heading--2xl { - font-size: var(--ds-font-size-11); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-1); - } - - .ds-font-weight--medium { - font-weight: 500; - } - - .ds-font-weight--semibold { - font-weight: 600; - } - - .ds-font-weight--regular { - font-weight: 400; - } - - .ds-line-height--sm { - line-height: 1.3; - } - - .ds-line-height--md { - line-height: 1.5; - } - - .ds-line-height--lg { - line-height: 1.7; - } } } \ No newline at end of file diff --git a/packages/theme/brand/portal/typography/primary.css b/packages/theme/brand/portal/typography/primary.css index c180df3fae..9e964929b6 100644 --- a/packages/theme/brand/portal/typography/primary.css +++ b/packages/theme/brand/portal/typography/primary.css @@ -8,6 +8,130 @@ --ds-font-weight-medium: 500; --ds-font-weight-semibold: 600; --ds-font-weight-regular: 400; + --ds-typography-heading-2xl-font-family: Inter; + --ds-typography-heading-2xl-font-weight: 500; + --ds-typography-heading-2xl-font-size: 3.75rem; + --ds-typography-heading-2xl-letter-spacing: -1%; + --ds-typography-heading-xl-font-family: Inter; + --ds-typography-heading-xl-font-weight: 500; + --ds-typography-heading-xl-font-size: 3rem; + --ds-typography-heading-xl-letter-spacing: -1%; + --ds-typography-heading-lg-font-family: Inter; + --ds-typography-heading-lg-font-weight: 500; + --ds-typography-heading-lg-font-size: 2.25rem; + --ds-typography-heading-lg-letter-spacing: -0.5%; + --ds-typography-heading-md-font-family: Inter; + --ds-typography-heading-md-font-weight: 500; + --ds-typography-heading-md-font-size: 1.875rem; + --ds-typography-heading-md-letter-spacing: -0.25%; + --ds-typography-heading-sm-font-family: Inter; + --ds-typography-heading-sm-font-weight: 500; + --ds-typography-heading-sm-font-size: 1.5rem; + --ds-typography-heading-sm-letter-spacing: 0%; + --ds-typography-heading-xs-font-family: Inter; + --ds-typography-heading-xs-font-weight: 500; + --ds-typography-heading-xs-font-size: 1.3125rem; + --ds-typography-heading-xs-letter-spacing: 0.15%; + --ds-typography-heading-2xs-font-family: Inter; + --ds-typography-heading-2xs-font-weight: 500; + --ds-typography-heading-2xs-font-size: 1.125rem; + --ds-typography-heading-2xs-letter-spacing: 0.15%; + --ds-typography-ingress-lg-font-family: Inter; + --ds-typography-ingress-lg-font-weight: 400; + --ds-typography-ingress-lg-font-size: 1.875rem; + --ds-typography-ingress-lg-letter-spacing: 0.5%; + --ds-typography-ingress-md-font-family: Inter; + --ds-typography-ingress-md-font-weight: 400; + --ds-typography-ingress-md-font-size: 1.5rem; + --ds-typography-ingress-md-letter-spacing: 0.5%; + --ds-typography-ingress-sm-font-family: Inter; + --ds-typography-ingress-sm-font-weight: 400; + --ds-typography-ingress-sm-font-size: 1.3125rem; + --ds-typography-ingress-sm-letter-spacing: 0.25%; + --ds-typography-ingress-xs-font-family: Inter; + --ds-typography-ingress-xs-font-weight: 400; + --ds-typography-ingress-xs-font-size: 1.125rem; + --ds-typography-ingress-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-lg-font-family: Inter; + --ds-typography-paragraph-lg-font-weight: 400; + --ds-typography-paragraph-lg-font-size: 1.3125rem; + --ds-typography-paragraph-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-md-font-family: Inter; + --ds-typography-paragraph-md-font-weight: 400; + --ds-typography-paragraph-md-font-size: 1.125rem; + --ds-typography-paragraph-md-letter-spacing: 0.5%; + --ds-typography-paragraph-sm-font-family: Inter; + --ds-typography-paragraph-sm-font-weight: 400; + --ds-typography-paragraph-sm-font-size: 1rem; + --ds-typography-paragraph-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-xs-font-family: Inter; + --ds-typography-paragraph-xs-font-weight: 400; + --ds-typography-paragraph-xs-font-size: 0.875rem; + --ds-typography-paragraph-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-short-lg-font-family: Inter; + --ds-typography-paragraph-short-lg-font-weight: 400; + --ds-typography-paragraph-short-lg-font-size: 1.3125rem; + --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-short-md-font-family: Inter; + --ds-typography-paragraph-short-md-font-weight: 400; + --ds-typography-paragraph-short-md-font-size: 1.125rem; + --ds-typography-paragraph-short-md-letter-spacing: 0.5%; + --ds-typography-paragraph-short-sm-font-family: Inter; + --ds-typography-paragraph-short-sm-font-weight: 400; + --ds-typography-paragraph-short-sm-font-size: 1rem; + --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-short-xs-font-family: Inter; + --ds-typography-paragraph-short-xs-font-weight: 400; + --ds-typography-paragraph-short-xs-font-size: 0.875rem; + --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-long-lg-font-family: Inter; + --ds-typography-paragraph-long-lg-font-weight: 400; + --ds-typography-paragraph-long-lg-font-size: 1.3125rem; + --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-long-md-font-family: Inter; + --ds-typography-paragraph-long-md-font-weight: 400; + --ds-typography-paragraph-long-md-font-size: 1.125rem; + --ds-typography-paragraph-long-md-letter-spacing: 0.5%; + --ds-typography-paragraph-long-sm-font-family: Inter; + --ds-typography-paragraph-long-sm-font-weight: 400; + --ds-typography-paragraph-long-sm-font-size: 1rem; + --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-long-xs-font-family: Inter; + --ds-typography-paragraph-long-xs-font-weight: 400; + --ds-typography-paragraph-long-xs-font-size: 0.875rem; + --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; + --ds-typography-label-lg-font-family: Inter; + --ds-typography-label-lg-font-weight: 500; + --ds-typography-label-lg-font-size: 1.3125rem; + --ds-typography-label-lg-letter-spacing: 0.5%; + --ds-typography-label-md-font-family: Inter; + --ds-typography-label-md-font-weight: 500; + --ds-typography-label-md-font-size: 1.125rem; + --ds-typography-label-md-letter-spacing: 0.5%; + --ds-typography-label-sm-font-family: Inter; + --ds-typography-label-sm-font-weight: 500; + --ds-typography-label-sm-font-size: 1rem; + --ds-typography-label-sm-letter-spacing: 0.25%; + --ds-typography-label-xs-font-family: Inter; + --ds-typography-label-xs-font-weight: 500; + --ds-typography-label-xs-font-size: 0.875rem; + --ds-typography-label-xs-letter-spacing: 0.15%; + --ds-typography-error_message-lg-font-family: Inter; + --ds-typography-error_message-lg-font-weight: 400; + --ds-typography-error_message-lg-font-size: 1.3125rem; + --ds-typography-error_message-lg-letter-spacing: 0.5%; + --ds-typography-error_message-md-font-family: Inter; + --ds-typography-error_message-md-font-weight: 400; + --ds-typography-error_message-md-font-size: 1.125rem; + --ds-typography-error_message-md-letter-spacing: 0.5%; + --ds-typography-error_message-sm-font-family: Inter; + --ds-typography-error_message-sm-font-weight: 400; + --ds-typography-error_message-sm-font-size: 1rem; + --ds-typography-error_message-sm-letter-spacing: 0.25%; + --ds-typography-error_message-xs-font-family: Inter; + --ds-typography-error_message-xs-font-weight: 400; + --ds-typography-error_message-xs-font-size: 0.875rem; + --ds-typography-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; --ds-line-height-md: 1.5; --ds-line-height-lg: 1.7; @@ -31,246 +155,5 @@ --ds-letter-spacing-7: 0.25%; --ds-letter-spacing-8: 0.5%; --ds-letter-spacing-9: 1.5%; - - .ds-error_message--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-error_message--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-error_message--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-error_message--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-label--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-label--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-label--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-label--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-long--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph-long--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph-long--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-long--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-short--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph-short--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph-short--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-short--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-ingress--xs { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-ingress--sm { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-ingress--md { - font-size: var(--ds-font-size-7); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-ingress--lg { - font-size: var(--ds-font-size-8); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-heading--2xs { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-heading--xs { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-heading--sm { - font-size: var(--ds-font-size-7); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-5); - } - - .ds-heading--md { - font-size: var(--ds-font-size-8); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-3); - } - - .ds-heading--lg { - font-size: var(--ds-font-size-9); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-2); - } - - .ds-heading--xl { - font-size: var(--ds-font-size-10); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-1); - } - - .ds-heading--2xl { - font-size: var(--ds-font-size-11); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-1); - } - - .ds-font-weight--medium { - font-weight: 500; - } - - .ds-font-weight--semibold { - font-weight: 600; - } - - .ds-font-weight--regular { - font-weight: 400; - } - - .ds-line-height--sm { - line-height: 1.3; - } - - .ds-line-height--md { - line-height: 1.5; - } - - .ds-line-height--lg { - line-height: 1.7; - } } } \ No newline at end of file diff --git a/packages/theme/brand/portal/typography/secondary.css b/packages/theme/brand/portal/typography/secondary.css index fe81fe4ef7..9f65caf759 100644 --- a/packages/theme/brand/portal/typography/secondary.css +++ b/packages/theme/brand/portal/typography/secondary.css @@ -8,6 +8,130 @@ --ds-font-weight-medium: 400; --ds-font-weight-semibold: 700; --ds-font-weight-regular: 400; + --ds-typography-heading-2xl-font-family: IBM Plex Mono; + --ds-typography-heading-2xl-font-weight: 400; + --ds-typography-heading-2xl-font-size: 3.75rem; + --ds-typography-heading-2xl-letter-spacing: -1%; + --ds-typography-heading-xl-font-family: IBM Plex Mono; + --ds-typography-heading-xl-font-weight: 400; + --ds-typography-heading-xl-font-size: 3rem; + --ds-typography-heading-xl-letter-spacing: -1%; + --ds-typography-heading-lg-font-family: IBM Plex Mono; + --ds-typography-heading-lg-font-weight: 400; + --ds-typography-heading-lg-font-size: 2.25rem; + --ds-typography-heading-lg-letter-spacing: -0.5%; + --ds-typography-heading-md-font-family: IBM Plex Mono; + --ds-typography-heading-md-font-weight: 400; + --ds-typography-heading-md-font-size: 1.875rem; + --ds-typography-heading-md-letter-spacing: -0.25%; + --ds-typography-heading-sm-font-family: IBM Plex Mono; + --ds-typography-heading-sm-font-weight: 400; + --ds-typography-heading-sm-font-size: 1.5rem; + --ds-typography-heading-sm-letter-spacing: 0%; + --ds-typography-heading-xs-font-family: IBM Plex Mono; + --ds-typography-heading-xs-font-weight: 400; + --ds-typography-heading-xs-font-size: 1.3125rem; + --ds-typography-heading-xs-letter-spacing: 0.15%; + --ds-typography-heading-2xs-font-family: IBM Plex Mono; + --ds-typography-heading-2xs-font-weight: 400; + --ds-typography-heading-2xs-font-size: 1.125rem; + --ds-typography-heading-2xs-letter-spacing: 0.15%; + --ds-typography-ingress-lg-font-family: IBM Plex Mono; + --ds-typography-ingress-lg-font-weight: 400; + --ds-typography-ingress-lg-font-size: 1.875rem; + --ds-typography-ingress-lg-letter-spacing: 0.5%; + --ds-typography-ingress-md-font-family: IBM Plex Mono; + --ds-typography-ingress-md-font-weight: 400; + --ds-typography-ingress-md-font-size: 1.5rem; + --ds-typography-ingress-md-letter-spacing: 0.5%; + --ds-typography-ingress-sm-font-family: IBM Plex Mono; + --ds-typography-ingress-sm-font-weight: 400; + --ds-typography-ingress-sm-font-size: 1.3125rem; + --ds-typography-ingress-sm-letter-spacing: 0.25%; + --ds-typography-ingress-xs-font-family: IBM Plex Mono; + --ds-typography-ingress-xs-font-weight: 400; + --ds-typography-ingress-xs-font-size: 1.125rem; + --ds-typography-ingress-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-lg-font-family: IBM Plex Mono; + --ds-typography-paragraph-lg-font-weight: 400; + --ds-typography-paragraph-lg-font-size: 1.3125rem; + --ds-typography-paragraph-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-md-font-family: IBM Plex Mono; + --ds-typography-paragraph-md-font-weight: 400; + --ds-typography-paragraph-md-font-size: 1.125rem; + --ds-typography-paragraph-md-letter-spacing: 0.5%; + --ds-typography-paragraph-sm-font-family: IBM Plex Mono; + --ds-typography-paragraph-sm-font-weight: 400; + --ds-typography-paragraph-sm-font-size: 1rem; + --ds-typography-paragraph-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-xs-font-family: IBM Plex Mono; + --ds-typography-paragraph-xs-font-weight: 400; + --ds-typography-paragraph-xs-font-size: 0.875rem; + --ds-typography-paragraph-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-short-lg-font-family: IBM Plex Mono; + --ds-typography-paragraph-short-lg-font-weight: 400; + --ds-typography-paragraph-short-lg-font-size: 1.3125rem; + --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-short-md-font-family: IBM Plex Mono; + --ds-typography-paragraph-short-md-font-weight: 400; + --ds-typography-paragraph-short-md-font-size: 1.125rem; + --ds-typography-paragraph-short-md-letter-spacing: 0.5%; + --ds-typography-paragraph-short-sm-font-family: IBM Plex Mono; + --ds-typography-paragraph-short-sm-font-weight: 400; + --ds-typography-paragraph-short-sm-font-size: 1rem; + --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-short-xs-font-family: IBM Plex Mono; + --ds-typography-paragraph-short-xs-font-weight: 400; + --ds-typography-paragraph-short-xs-font-size: 0.875rem; + --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-long-lg-font-family: IBM Plex Mono; + --ds-typography-paragraph-long-lg-font-weight: 400; + --ds-typography-paragraph-long-lg-font-size: 1.3125rem; + --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-long-md-font-family: IBM Plex Mono; + --ds-typography-paragraph-long-md-font-weight: 400; + --ds-typography-paragraph-long-md-font-size: 1.125rem; + --ds-typography-paragraph-long-md-letter-spacing: 0.5%; + --ds-typography-paragraph-long-sm-font-family: IBM Plex Mono; + --ds-typography-paragraph-long-sm-font-weight: 400; + --ds-typography-paragraph-long-sm-font-size: 1rem; + --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-long-xs-font-family: IBM Plex Mono; + --ds-typography-paragraph-long-xs-font-weight: 400; + --ds-typography-paragraph-long-xs-font-size: 0.875rem; + --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; + --ds-typography-label-lg-font-family: IBM Plex Mono; + --ds-typography-label-lg-font-weight: 400; + --ds-typography-label-lg-font-size: 1.3125rem; + --ds-typography-label-lg-letter-spacing: 0.5%; + --ds-typography-label-md-font-family: IBM Plex Mono; + --ds-typography-label-md-font-weight: 400; + --ds-typography-label-md-font-size: 1.125rem; + --ds-typography-label-md-letter-spacing: 0.5%; + --ds-typography-label-sm-font-family: IBM Plex Mono; + --ds-typography-label-sm-font-weight: 400; + --ds-typography-label-sm-font-size: 1rem; + --ds-typography-label-sm-letter-spacing: 0.25%; + --ds-typography-label-xs-font-family: IBM Plex Mono; + --ds-typography-label-xs-font-weight: 400; + --ds-typography-label-xs-font-size: 0.875rem; + --ds-typography-label-xs-letter-spacing: 0.15%; + --ds-typography-error_message-lg-font-family: IBM Plex Mono; + --ds-typography-error_message-lg-font-weight: 400; + --ds-typography-error_message-lg-font-size: 1.3125rem; + --ds-typography-error_message-lg-letter-spacing: 0.5%; + --ds-typography-error_message-md-font-family: IBM Plex Mono; + --ds-typography-error_message-md-font-weight: 400; + --ds-typography-error_message-md-font-size: 1.125rem; + --ds-typography-error_message-md-letter-spacing: 0.5%; + --ds-typography-error_message-sm-font-family: IBM Plex Mono; + --ds-typography-error_message-sm-font-weight: 400; + --ds-typography-error_message-sm-font-size: 1rem; + --ds-typography-error_message-sm-letter-spacing: 0.25%; + --ds-typography-error_message-xs-font-family: IBM Plex Mono; + --ds-typography-error_message-xs-font-weight: 400; + --ds-typography-error_message-xs-font-size: 0.875rem; + --ds-typography-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; --ds-line-height-md: 1.5; --ds-line-height-lg: 1.7; @@ -31,246 +155,5 @@ --ds-letter-spacing-7: 0.25%; --ds-letter-spacing-8: 0.5%; --ds-letter-spacing-9: 1.5%; - - .ds-error_message--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-error_message--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-error_message--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-error_message--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-label--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-label--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-label--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-label--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-long--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph-long--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph-long--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-long--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-short--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph-short--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph-short--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-short--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-ingress--xs { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-ingress--sm { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-ingress--md { - font-size: var(--ds-font-size-7); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-ingress--lg { - font-size: var(--ds-font-size-8); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-heading--2xs { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-heading--xs { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-heading--sm { - font-size: var(--ds-font-size-7); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-5); - } - - .ds-heading--md { - font-size: var(--ds-font-size-8); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-3); - } - - .ds-heading--lg { - font-size: var(--ds-font-size-9); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-2); - } - - .ds-heading--xl { - font-size: var(--ds-font-size-10); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-1); - } - - .ds-heading--2xl { - font-size: var(--ds-font-size-11); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-1); - } - - .ds-font-weight--medium { - font-weight: 400; - } - - .ds-font-weight--semibold { - font-weight: 700; - } - - .ds-font-weight--regular { - font-weight: 400; - } - - .ds-line-height--sm { - line-height: 1.3; - } - - .ds-line-height--md { - line-height: 1.5; - } - - .ds-line-height--lg { - line-height: 1.7; - } } } \ No newline at end of file diff --git a/packages/theme/brand/uutilsynet.css b/packages/theme/brand/uutilsynet.css index df8249664a..75aea4497f 100644 --- a/packages/theme/brand/uutilsynet.css +++ b/packages/theme/brand/uutilsynet.css @@ -634,6 +634,130 @@ color-scheme: light; --ds-font-weight-medium: 400; --ds-font-weight-semibold: 700; --ds-font-weight-regular: 400; + --ds-typography-heading-2xl-font-family: IBM Plex Mono; + --ds-typography-heading-2xl-font-weight: 400; + --ds-typography-heading-2xl-font-size: 3.75rem; + --ds-typography-heading-2xl-letter-spacing: -1%; + --ds-typography-heading-xl-font-family: IBM Plex Mono; + --ds-typography-heading-xl-font-weight: 400; + --ds-typography-heading-xl-font-size: 3rem; + --ds-typography-heading-xl-letter-spacing: -1%; + --ds-typography-heading-lg-font-family: IBM Plex Mono; + --ds-typography-heading-lg-font-weight: 400; + --ds-typography-heading-lg-font-size: 2.25rem; + --ds-typography-heading-lg-letter-spacing: -0.5%; + --ds-typography-heading-md-font-family: IBM Plex Mono; + --ds-typography-heading-md-font-weight: 400; + --ds-typography-heading-md-font-size: 1.875rem; + --ds-typography-heading-md-letter-spacing: -0.25%; + --ds-typography-heading-sm-font-family: IBM Plex Mono; + --ds-typography-heading-sm-font-weight: 400; + --ds-typography-heading-sm-font-size: 1.5rem; + --ds-typography-heading-sm-letter-spacing: 0%; + --ds-typography-heading-xs-font-family: IBM Plex Mono; + --ds-typography-heading-xs-font-weight: 400; + --ds-typography-heading-xs-font-size: 1.3125rem; + --ds-typography-heading-xs-letter-spacing: 0.15%; + --ds-typography-heading-2xs-font-family: IBM Plex Mono; + --ds-typography-heading-2xs-font-weight: 400; + --ds-typography-heading-2xs-font-size: 1.125rem; + --ds-typography-heading-2xs-letter-spacing: 0.15%; + --ds-typography-ingress-lg-font-family: IBM Plex Mono; + --ds-typography-ingress-lg-font-weight: 400; + --ds-typography-ingress-lg-font-size: 1.875rem; + --ds-typography-ingress-lg-letter-spacing: 0.5%; + --ds-typography-ingress-md-font-family: IBM Plex Mono; + --ds-typography-ingress-md-font-weight: 400; + --ds-typography-ingress-md-font-size: 1.5rem; + --ds-typography-ingress-md-letter-spacing: 0.5%; + --ds-typography-ingress-sm-font-family: IBM Plex Mono; + --ds-typography-ingress-sm-font-weight: 400; + --ds-typography-ingress-sm-font-size: 1.3125rem; + --ds-typography-ingress-sm-letter-spacing: 0.25%; + --ds-typography-ingress-xs-font-family: IBM Plex Mono; + --ds-typography-ingress-xs-font-weight: 400; + --ds-typography-ingress-xs-font-size: 1.125rem; + --ds-typography-ingress-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-lg-font-family: IBM Plex Mono; + --ds-typography-paragraph-lg-font-weight: 400; + --ds-typography-paragraph-lg-font-size: 1.3125rem; + --ds-typography-paragraph-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-md-font-family: IBM Plex Mono; + --ds-typography-paragraph-md-font-weight: 400; + --ds-typography-paragraph-md-font-size: 1.125rem; + --ds-typography-paragraph-md-letter-spacing: 0.5%; + --ds-typography-paragraph-sm-font-family: IBM Plex Mono; + --ds-typography-paragraph-sm-font-weight: 400; + --ds-typography-paragraph-sm-font-size: 1rem; + --ds-typography-paragraph-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-xs-font-family: IBM Plex Mono; + --ds-typography-paragraph-xs-font-weight: 400; + --ds-typography-paragraph-xs-font-size: 0.875rem; + --ds-typography-paragraph-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-short-lg-font-family: IBM Plex Mono; + --ds-typography-paragraph-short-lg-font-weight: 400; + --ds-typography-paragraph-short-lg-font-size: 1.3125rem; + --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-short-md-font-family: IBM Plex Mono; + --ds-typography-paragraph-short-md-font-weight: 400; + --ds-typography-paragraph-short-md-font-size: 1.125rem; + --ds-typography-paragraph-short-md-letter-spacing: 0.5%; + --ds-typography-paragraph-short-sm-font-family: IBM Plex Mono; + --ds-typography-paragraph-short-sm-font-weight: 400; + --ds-typography-paragraph-short-sm-font-size: 1rem; + --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-short-xs-font-family: IBM Plex Mono; + --ds-typography-paragraph-short-xs-font-weight: 400; + --ds-typography-paragraph-short-xs-font-size: 0.875rem; + --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-long-lg-font-family: IBM Plex Mono; + --ds-typography-paragraph-long-lg-font-weight: 400; + --ds-typography-paragraph-long-lg-font-size: 1.3125rem; + --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-long-md-font-family: IBM Plex Mono; + --ds-typography-paragraph-long-md-font-weight: 400; + --ds-typography-paragraph-long-md-font-size: 1.125rem; + --ds-typography-paragraph-long-md-letter-spacing: 0.5%; + --ds-typography-paragraph-long-sm-font-family: IBM Plex Mono; + --ds-typography-paragraph-long-sm-font-weight: 400; + --ds-typography-paragraph-long-sm-font-size: 1rem; + --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-long-xs-font-family: IBM Plex Mono; + --ds-typography-paragraph-long-xs-font-weight: 400; + --ds-typography-paragraph-long-xs-font-size: 0.875rem; + --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; + --ds-typography-label-lg-font-family: IBM Plex Mono; + --ds-typography-label-lg-font-weight: 400; + --ds-typography-label-lg-font-size: 1.3125rem; + --ds-typography-label-lg-letter-spacing: 0.5%; + --ds-typography-label-md-font-family: IBM Plex Mono; + --ds-typography-label-md-font-weight: 400; + --ds-typography-label-md-font-size: 1.125rem; + --ds-typography-label-md-letter-spacing: 0.5%; + --ds-typography-label-sm-font-family: IBM Plex Mono; + --ds-typography-label-sm-font-weight: 400; + --ds-typography-label-sm-font-size: 1rem; + --ds-typography-label-sm-letter-spacing: 0.25%; + --ds-typography-label-xs-font-family: IBM Plex Mono; + --ds-typography-label-xs-font-weight: 400; + --ds-typography-label-xs-font-size: 0.875rem; + --ds-typography-label-xs-letter-spacing: 0.15%; + --ds-typography-error_message-lg-font-family: IBM Plex Mono; + --ds-typography-error_message-lg-font-weight: 400; + --ds-typography-error_message-lg-font-size: 1.3125rem; + --ds-typography-error_message-lg-letter-spacing: 0.5%; + --ds-typography-error_message-md-font-family: IBM Plex Mono; + --ds-typography-error_message-md-font-weight: 400; + --ds-typography-error_message-md-font-size: 1.125rem; + --ds-typography-error_message-md-letter-spacing: 0.5%; + --ds-typography-error_message-sm-font-family: IBM Plex Mono; + --ds-typography-error_message-sm-font-weight: 400; + --ds-typography-error_message-sm-font-size: 1rem; + --ds-typography-error_message-sm-letter-spacing: 0.25%; + --ds-typography-error_message-xs-font-family: IBM Plex Mono; + --ds-typography-error_message-xs-font-weight: 400; + --ds-typography-error_message-xs-font-size: 0.875rem; + --ds-typography-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; --ds-line-height-md: 1.5; --ds-line-height-lg: 1.7; @@ -657,247 +781,6 @@ color-scheme: light; --ds-letter-spacing-7: 0.25%; --ds-letter-spacing-8: 0.5%; --ds-letter-spacing-9: 1.5%; - - .ds-error_message--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-error_message--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-error_message--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-error_message--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-label--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-label--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-label--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-label--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-long--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph-long--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph-long--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-long--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-short--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph-short--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph-short--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-short--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-ingress--xs { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-ingress--sm { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-ingress--md { - font-size: var(--ds-font-size-7); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-ingress--lg { - font-size: var(--ds-font-size-8); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-heading--2xs { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-heading--xs { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-heading--sm { - font-size: var(--ds-font-size-7); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-5); - } - - .ds-heading--md { - font-size: var(--ds-font-size-8); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-3); - } - - .ds-heading--lg { - font-size: var(--ds-font-size-9); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-2); - } - - .ds-heading--xl { - font-size: var(--ds-font-size-10); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-1); - } - - .ds-heading--2xl { - font-size: var(--ds-font-size-11); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-1); - } - - .ds-font-weight--medium { - font-weight: 400; - } - - .ds-font-weight--semibold { - font-weight: 700; - } - - .ds-font-weight--regular { - font-weight: 400; - } - - .ds-line-height--sm { - line-height: 1.3; - } - - .ds-line-height--md { - line-height: 1.5; - } - - .ds-line-height--lg { - line-height: 1.7; - } } } /** @@ -1632,6 +1515,130 @@ color-scheme: dark; --ds-font-weight-medium: 500; --ds-font-weight-semibold: 600; --ds-font-weight-regular: 400; + --ds-typography-heading-2xl-font-family: Inter; + --ds-typography-heading-2xl-font-weight: 500; + --ds-typography-heading-2xl-font-size: 3.75rem; + --ds-typography-heading-2xl-letter-spacing: -1%; + --ds-typography-heading-xl-font-family: Inter; + --ds-typography-heading-xl-font-weight: 500; + --ds-typography-heading-xl-font-size: 3rem; + --ds-typography-heading-xl-letter-spacing: -1%; + --ds-typography-heading-lg-font-family: Inter; + --ds-typography-heading-lg-font-weight: 500; + --ds-typography-heading-lg-font-size: 2.25rem; + --ds-typography-heading-lg-letter-spacing: -0.5%; + --ds-typography-heading-md-font-family: Inter; + --ds-typography-heading-md-font-weight: 500; + --ds-typography-heading-md-font-size: 1.875rem; + --ds-typography-heading-md-letter-spacing: -0.25%; + --ds-typography-heading-sm-font-family: Inter; + --ds-typography-heading-sm-font-weight: 500; + --ds-typography-heading-sm-font-size: 1.5rem; + --ds-typography-heading-sm-letter-spacing: 0%; + --ds-typography-heading-xs-font-family: Inter; + --ds-typography-heading-xs-font-weight: 500; + --ds-typography-heading-xs-font-size: 1.3125rem; + --ds-typography-heading-xs-letter-spacing: 0.15%; + --ds-typography-heading-2xs-font-family: Inter; + --ds-typography-heading-2xs-font-weight: 500; + --ds-typography-heading-2xs-font-size: 1.125rem; + --ds-typography-heading-2xs-letter-spacing: 0.15%; + --ds-typography-ingress-lg-font-family: Inter; + --ds-typography-ingress-lg-font-weight: 400; + --ds-typography-ingress-lg-font-size: 1.875rem; + --ds-typography-ingress-lg-letter-spacing: 0.5%; + --ds-typography-ingress-md-font-family: Inter; + --ds-typography-ingress-md-font-weight: 400; + --ds-typography-ingress-md-font-size: 1.5rem; + --ds-typography-ingress-md-letter-spacing: 0.5%; + --ds-typography-ingress-sm-font-family: Inter; + --ds-typography-ingress-sm-font-weight: 400; + --ds-typography-ingress-sm-font-size: 1.3125rem; + --ds-typography-ingress-sm-letter-spacing: 0.25%; + --ds-typography-ingress-xs-font-family: Inter; + --ds-typography-ingress-xs-font-weight: 400; + --ds-typography-ingress-xs-font-size: 1.125rem; + --ds-typography-ingress-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-lg-font-family: Inter; + --ds-typography-paragraph-lg-font-weight: 400; + --ds-typography-paragraph-lg-font-size: 1.3125rem; + --ds-typography-paragraph-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-md-font-family: Inter; + --ds-typography-paragraph-md-font-weight: 400; + --ds-typography-paragraph-md-font-size: 1.125rem; + --ds-typography-paragraph-md-letter-spacing: 0.5%; + --ds-typography-paragraph-sm-font-family: Inter; + --ds-typography-paragraph-sm-font-weight: 400; + --ds-typography-paragraph-sm-font-size: 1rem; + --ds-typography-paragraph-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-xs-font-family: Inter; + --ds-typography-paragraph-xs-font-weight: 400; + --ds-typography-paragraph-xs-font-size: 0.875rem; + --ds-typography-paragraph-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-short-lg-font-family: Inter; + --ds-typography-paragraph-short-lg-font-weight: 400; + --ds-typography-paragraph-short-lg-font-size: 1.3125rem; + --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-short-md-font-family: Inter; + --ds-typography-paragraph-short-md-font-weight: 400; + --ds-typography-paragraph-short-md-font-size: 1.125rem; + --ds-typography-paragraph-short-md-letter-spacing: 0.5%; + --ds-typography-paragraph-short-sm-font-family: Inter; + --ds-typography-paragraph-short-sm-font-weight: 400; + --ds-typography-paragraph-short-sm-font-size: 1rem; + --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-short-xs-font-family: Inter; + --ds-typography-paragraph-short-xs-font-weight: 400; + --ds-typography-paragraph-short-xs-font-size: 0.875rem; + --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-long-lg-font-family: Inter; + --ds-typography-paragraph-long-lg-font-weight: 400; + --ds-typography-paragraph-long-lg-font-size: 1.3125rem; + --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-long-md-font-family: Inter; + --ds-typography-paragraph-long-md-font-weight: 400; + --ds-typography-paragraph-long-md-font-size: 1.125rem; + --ds-typography-paragraph-long-md-letter-spacing: 0.5%; + --ds-typography-paragraph-long-sm-font-family: Inter; + --ds-typography-paragraph-long-sm-font-weight: 400; + --ds-typography-paragraph-long-sm-font-size: 1rem; + --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-long-xs-font-family: Inter; + --ds-typography-paragraph-long-xs-font-weight: 400; + --ds-typography-paragraph-long-xs-font-size: 0.875rem; + --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; + --ds-typography-label-lg-font-family: Inter; + --ds-typography-label-lg-font-weight: 500; + --ds-typography-label-lg-font-size: 1.3125rem; + --ds-typography-label-lg-letter-spacing: 0.5%; + --ds-typography-label-md-font-family: Inter; + --ds-typography-label-md-font-weight: 500; + --ds-typography-label-md-font-size: 1.125rem; + --ds-typography-label-md-letter-spacing: 0.5%; + --ds-typography-label-sm-font-family: Inter; + --ds-typography-label-sm-font-weight: 500; + --ds-typography-label-sm-font-size: 1rem; + --ds-typography-label-sm-letter-spacing: 0.25%; + --ds-typography-label-xs-font-family: Inter; + --ds-typography-label-xs-font-weight: 500; + --ds-typography-label-xs-font-size: 0.875rem; + --ds-typography-label-xs-letter-spacing: 0.15%; + --ds-typography-error_message-lg-font-family: Inter; + --ds-typography-error_message-lg-font-weight: 400; + --ds-typography-error_message-lg-font-size: 1.3125rem; + --ds-typography-error_message-lg-letter-spacing: 0.5%; + --ds-typography-error_message-md-font-family: Inter; + --ds-typography-error_message-md-font-weight: 400; + --ds-typography-error_message-md-font-size: 1.125rem; + --ds-typography-error_message-md-letter-spacing: 0.5%; + --ds-typography-error_message-sm-font-family: Inter; + --ds-typography-error_message-sm-font-weight: 400; + --ds-typography-error_message-sm-font-size: 1rem; + --ds-typography-error_message-sm-letter-spacing: 0.25%; + --ds-typography-error_message-xs-font-family: Inter; + --ds-typography-error_message-xs-font-weight: 400; + --ds-typography-error_message-xs-font-size: 0.875rem; + --ds-typography-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; --ds-line-height-md: 1.5; --ds-line-height-lg: 1.7; @@ -1655,246 +1662,5 @@ color-scheme: dark; --ds-letter-spacing-7: 0.25%; --ds-letter-spacing-8: 0.5%; --ds-letter-spacing-9: 1.5%; - - .ds-error_message--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-error_message--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-error_message--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-error_message--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-label--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-label--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-label--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-label--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-long--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph-long--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph-long--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-long--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-short--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph-short--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph-short--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-short--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-ingress--xs { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-ingress--sm { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-ingress--md { - font-size: var(--ds-font-size-7); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-ingress--lg { - font-size: var(--ds-font-size-8); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-heading--2xs { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-heading--xs { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-heading--sm { - font-size: var(--ds-font-size-7); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-5); - } - - .ds-heading--md { - font-size: var(--ds-font-size-8); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-3); - } - - .ds-heading--lg { - font-size: var(--ds-font-size-9); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-2); - } - - .ds-heading--xl { - font-size: var(--ds-font-size-10); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-1); - } - - .ds-heading--2xl { - font-size: var(--ds-font-size-11); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-1); - } - - .ds-font-weight--medium { - font-weight: 500; - } - - .ds-font-weight--semibold { - font-weight: 600; - } - - .ds-font-weight--regular { - font-weight: 400; - } - - .ds-line-height--sm { - line-height: 1.3; - } - - .ds-line-height--md { - line-height: 1.5; - } - - .ds-line-height--lg { - line-height: 1.7; - } } } \ No newline at end of file diff --git a/packages/theme/brand/uutilsynet/typography/primary.css b/packages/theme/brand/uutilsynet/typography/primary.css index c180df3fae..9e964929b6 100644 --- a/packages/theme/brand/uutilsynet/typography/primary.css +++ b/packages/theme/brand/uutilsynet/typography/primary.css @@ -8,6 +8,130 @@ --ds-font-weight-medium: 500; --ds-font-weight-semibold: 600; --ds-font-weight-regular: 400; + --ds-typography-heading-2xl-font-family: Inter; + --ds-typography-heading-2xl-font-weight: 500; + --ds-typography-heading-2xl-font-size: 3.75rem; + --ds-typography-heading-2xl-letter-spacing: -1%; + --ds-typography-heading-xl-font-family: Inter; + --ds-typography-heading-xl-font-weight: 500; + --ds-typography-heading-xl-font-size: 3rem; + --ds-typography-heading-xl-letter-spacing: -1%; + --ds-typography-heading-lg-font-family: Inter; + --ds-typography-heading-lg-font-weight: 500; + --ds-typography-heading-lg-font-size: 2.25rem; + --ds-typography-heading-lg-letter-spacing: -0.5%; + --ds-typography-heading-md-font-family: Inter; + --ds-typography-heading-md-font-weight: 500; + --ds-typography-heading-md-font-size: 1.875rem; + --ds-typography-heading-md-letter-spacing: -0.25%; + --ds-typography-heading-sm-font-family: Inter; + --ds-typography-heading-sm-font-weight: 500; + --ds-typography-heading-sm-font-size: 1.5rem; + --ds-typography-heading-sm-letter-spacing: 0%; + --ds-typography-heading-xs-font-family: Inter; + --ds-typography-heading-xs-font-weight: 500; + --ds-typography-heading-xs-font-size: 1.3125rem; + --ds-typography-heading-xs-letter-spacing: 0.15%; + --ds-typography-heading-2xs-font-family: Inter; + --ds-typography-heading-2xs-font-weight: 500; + --ds-typography-heading-2xs-font-size: 1.125rem; + --ds-typography-heading-2xs-letter-spacing: 0.15%; + --ds-typography-ingress-lg-font-family: Inter; + --ds-typography-ingress-lg-font-weight: 400; + --ds-typography-ingress-lg-font-size: 1.875rem; + --ds-typography-ingress-lg-letter-spacing: 0.5%; + --ds-typography-ingress-md-font-family: Inter; + --ds-typography-ingress-md-font-weight: 400; + --ds-typography-ingress-md-font-size: 1.5rem; + --ds-typography-ingress-md-letter-spacing: 0.5%; + --ds-typography-ingress-sm-font-family: Inter; + --ds-typography-ingress-sm-font-weight: 400; + --ds-typography-ingress-sm-font-size: 1.3125rem; + --ds-typography-ingress-sm-letter-spacing: 0.25%; + --ds-typography-ingress-xs-font-family: Inter; + --ds-typography-ingress-xs-font-weight: 400; + --ds-typography-ingress-xs-font-size: 1.125rem; + --ds-typography-ingress-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-lg-font-family: Inter; + --ds-typography-paragraph-lg-font-weight: 400; + --ds-typography-paragraph-lg-font-size: 1.3125rem; + --ds-typography-paragraph-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-md-font-family: Inter; + --ds-typography-paragraph-md-font-weight: 400; + --ds-typography-paragraph-md-font-size: 1.125rem; + --ds-typography-paragraph-md-letter-spacing: 0.5%; + --ds-typography-paragraph-sm-font-family: Inter; + --ds-typography-paragraph-sm-font-weight: 400; + --ds-typography-paragraph-sm-font-size: 1rem; + --ds-typography-paragraph-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-xs-font-family: Inter; + --ds-typography-paragraph-xs-font-weight: 400; + --ds-typography-paragraph-xs-font-size: 0.875rem; + --ds-typography-paragraph-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-short-lg-font-family: Inter; + --ds-typography-paragraph-short-lg-font-weight: 400; + --ds-typography-paragraph-short-lg-font-size: 1.3125rem; + --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-short-md-font-family: Inter; + --ds-typography-paragraph-short-md-font-weight: 400; + --ds-typography-paragraph-short-md-font-size: 1.125rem; + --ds-typography-paragraph-short-md-letter-spacing: 0.5%; + --ds-typography-paragraph-short-sm-font-family: Inter; + --ds-typography-paragraph-short-sm-font-weight: 400; + --ds-typography-paragraph-short-sm-font-size: 1rem; + --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-short-xs-font-family: Inter; + --ds-typography-paragraph-short-xs-font-weight: 400; + --ds-typography-paragraph-short-xs-font-size: 0.875rem; + --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-long-lg-font-family: Inter; + --ds-typography-paragraph-long-lg-font-weight: 400; + --ds-typography-paragraph-long-lg-font-size: 1.3125rem; + --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-long-md-font-family: Inter; + --ds-typography-paragraph-long-md-font-weight: 400; + --ds-typography-paragraph-long-md-font-size: 1.125rem; + --ds-typography-paragraph-long-md-letter-spacing: 0.5%; + --ds-typography-paragraph-long-sm-font-family: Inter; + --ds-typography-paragraph-long-sm-font-weight: 400; + --ds-typography-paragraph-long-sm-font-size: 1rem; + --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-long-xs-font-family: Inter; + --ds-typography-paragraph-long-xs-font-weight: 400; + --ds-typography-paragraph-long-xs-font-size: 0.875rem; + --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; + --ds-typography-label-lg-font-family: Inter; + --ds-typography-label-lg-font-weight: 500; + --ds-typography-label-lg-font-size: 1.3125rem; + --ds-typography-label-lg-letter-spacing: 0.5%; + --ds-typography-label-md-font-family: Inter; + --ds-typography-label-md-font-weight: 500; + --ds-typography-label-md-font-size: 1.125rem; + --ds-typography-label-md-letter-spacing: 0.5%; + --ds-typography-label-sm-font-family: Inter; + --ds-typography-label-sm-font-weight: 500; + --ds-typography-label-sm-font-size: 1rem; + --ds-typography-label-sm-letter-spacing: 0.25%; + --ds-typography-label-xs-font-family: Inter; + --ds-typography-label-xs-font-weight: 500; + --ds-typography-label-xs-font-size: 0.875rem; + --ds-typography-label-xs-letter-spacing: 0.15%; + --ds-typography-error_message-lg-font-family: Inter; + --ds-typography-error_message-lg-font-weight: 400; + --ds-typography-error_message-lg-font-size: 1.3125rem; + --ds-typography-error_message-lg-letter-spacing: 0.5%; + --ds-typography-error_message-md-font-family: Inter; + --ds-typography-error_message-md-font-weight: 400; + --ds-typography-error_message-md-font-size: 1.125rem; + --ds-typography-error_message-md-letter-spacing: 0.5%; + --ds-typography-error_message-sm-font-family: Inter; + --ds-typography-error_message-sm-font-weight: 400; + --ds-typography-error_message-sm-font-size: 1rem; + --ds-typography-error_message-sm-letter-spacing: 0.25%; + --ds-typography-error_message-xs-font-family: Inter; + --ds-typography-error_message-xs-font-weight: 400; + --ds-typography-error_message-xs-font-size: 0.875rem; + --ds-typography-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; --ds-line-height-md: 1.5; --ds-line-height-lg: 1.7; @@ -31,246 +155,5 @@ --ds-letter-spacing-7: 0.25%; --ds-letter-spacing-8: 0.5%; --ds-letter-spacing-9: 1.5%; - - .ds-error_message--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-error_message--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-error_message--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-error_message--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-label--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-label--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-label--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-label--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-long--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph-long--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph-long--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-long--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-short--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph-short--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph-short--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-short--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-ingress--xs { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-ingress--sm { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-ingress--md { - font-size: var(--ds-font-size-7); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-ingress--lg { - font-size: var(--ds-font-size-8); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-heading--2xs { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-heading--xs { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-heading--sm { - font-size: var(--ds-font-size-7); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-5); - } - - .ds-heading--md { - font-size: var(--ds-font-size-8); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-3); - } - - .ds-heading--lg { - font-size: var(--ds-font-size-9); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-2); - } - - .ds-heading--xl { - font-size: var(--ds-font-size-10); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-1); - } - - .ds-heading--2xl { - font-size: var(--ds-font-size-11); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-1); - } - - .ds-font-weight--medium { - font-weight: 500; - } - - .ds-font-weight--semibold { - font-weight: 600; - } - - .ds-font-weight--regular { - font-weight: 400; - } - - .ds-line-height--sm { - line-height: 1.3; - } - - .ds-line-height--md { - line-height: 1.5; - } - - .ds-line-height--lg { - line-height: 1.7; - } } } \ No newline at end of file diff --git a/packages/theme/brand/uutilsynet/typography/secondary.css b/packages/theme/brand/uutilsynet/typography/secondary.css index fe81fe4ef7..9f65caf759 100644 --- a/packages/theme/brand/uutilsynet/typography/secondary.css +++ b/packages/theme/brand/uutilsynet/typography/secondary.css @@ -8,6 +8,130 @@ --ds-font-weight-medium: 400; --ds-font-weight-semibold: 700; --ds-font-weight-regular: 400; + --ds-typography-heading-2xl-font-family: IBM Plex Mono; + --ds-typography-heading-2xl-font-weight: 400; + --ds-typography-heading-2xl-font-size: 3.75rem; + --ds-typography-heading-2xl-letter-spacing: -1%; + --ds-typography-heading-xl-font-family: IBM Plex Mono; + --ds-typography-heading-xl-font-weight: 400; + --ds-typography-heading-xl-font-size: 3rem; + --ds-typography-heading-xl-letter-spacing: -1%; + --ds-typography-heading-lg-font-family: IBM Plex Mono; + --ds-typography-heading-lg-font-weight: 400; + --ds-typography-heading-lg-font-size: 2.25rem; + --ds-typography-heading-lg-letter-spacing: -0.5%; + --ds-typography-heading-md-font-family: IBM Plex Mono; + --ds-typography-heading-md-font-weight: 400; + --ds-typography-heading-md-font-size: 1.875rem; + --ds-typography-heading-md-letter-spacing: -0.25%; + --ds-typography-heading-sm-font-family: IBM Plex Mono; + --ds-typography-heading-sm-font-weight: 400; + --ds-typography-heading-sm-font-size: 1.5rem; + --ds-typography-heading-sm-letter-spacing: 0%; + --ds-typography-heading-xs-font-family: IBM Plex Mono; + --ds-typography-heading-xs-font-weight: 400; + --ds-typography-heading-xs-font-size: 1.3125rem; + --ds-typography-heading-xs-letter-spacing: 0.15%; + --ds-typography-heading-2xs-font-family: IBM Plex Mono; + --ds-typography-heading-2xs-font-weight: 400; + --ds-typography-heading-2xs-font-size: 1.125rem; + --ds-typography-heading-2xs-letter-spacing: 0.15%; + --ds-typography-ingress-lg-font-family: IBM Plex Mono; + --ds-typography-ingress-lg-font-weight: 400; + --ds-typography-ingress-lg-font-size: 1.875rem; + --ds-typography-ingress-lg-letter-spacing: 0.5%; + --ds-typography-ingress-md-font-family: IBM Plex Mono; + --ds-typography-ingress-md-font-weight: 400; + --ds-typography-ingress-md-font-size: 1.5rem; + --ds-typography-ingress-md-letter-spacing: 0.5%; + --ds-typography-ingress-sm-font-family: IBM Plex Mono; + --ds-typography-ingress-sm-font-weight: 400; + --ds-typography-ingress-sm-font-size: 1.3125rem; + --ds-typography-ingress-sm-letter-spacing: 0.25%; + --ds-typography-ingress-xs-font-family: IBM Plex Mono; + --ds-typography-ingress-xs-font-weight: 400; + --ds-typography-ingress-xs-font-size: 1.125rem; + --ds-typography-ingress-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-lg-font-family: IBM Plex Mono; + --ds-typography-paragraph-lg-font-weight: 400; + --ds-typography-paragraph-lg-font-size: 1.3125rem; + --ds-typography-paragraph-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-md-font-family: IBM Plex Mono; + --ds-typography-paragraph-md-font-weight: 400; + --ds-typography-paragraph-md-font-size: 1.125rem; + --ds-typography-paragraph-md-letter-spacing: 0.5%; + --ds-typography-paragraph-sm-font-family: IBM Plex Mono; + --ds-typography-paragraph-sm-font-weight: 400; + --ds-typography-paragraph-sm-font-size: 1rem; + --ds-typography-paragraph-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-xs-font-family: IBM Plex Mono; + --ds-typography-paragraph-xs-font-weight: 400; + --ds-typography-paragraph-xs-font-size: 0.875rem; + --ds-typography-paragraph-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-short-lg-font-family: IBM Plex Mono; + --ds-typography-paragraph-short-lg-font-weight: 400; + --ds-typography-paragraph-short-lg-font-size: 1.3125rem; + --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-short-md-font-family: IBM Plex Mono; + --ds-typography-paragraph-short-md-font-weight: 400; + --ds-typography-paragraph-short-md-font-size: 1.125rem; + --ds-typography-paragraph-short-md-letter-spacing: 0.5%; + --ds-typography-paragraph-short-sm-font-family: IBM Plex Mono; + --ds-typography-paragraph-short-sm-font-weight: 400; + --ds-typography-paragraph-short-sm-font-size: 1rem; + --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-short-xs-font-family: IBM Plex Mono; + --ds-typography-paragraph-short-xs-font-weight: 400; + --ds-typography-paragraph-short-xs-font-size: 0.875rem; + --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; + --ds-typography-paragraph-long-lg-font-family: IBM Plex Mono; + --ds-typography-paragraph-long-lg-font-weight: 400; + --ds-typography-paragraph-long-lg-font-size: 1.3125rem; + --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; + --ds-typography-paragraph-long-md-font-family: IBM Plex Mono; + --ds-typography-paragraph-long-md-font-weight: 400; + --ds-typography-paragraph-long-md-font-size: 1.125rem; + --ds-typography-paragraph-long-md-letter-spacing: 0.5%; + --ds-typography-paragraph-long-sm-font-family: IBM Plex Mono; + --ds-typography-paragraph-long-sm-font-weight: 400; + --ds-typography-paragraph-long-sm-font-size: 1rem; + --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; + --ds-typography-paragraph-long-xs-font-family: IBM Plex Mono; + --ds-typography-paragraph-long-xs-font-weight: 400; + --ds-typography-paragraph-long-xs-font-size: 0.875rem; + --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; + --ds-typography-label-lg-font-family: IBM Plex Mono; + --ds-typography-label-lg-font-weight: 400; + --ds-typography-label-lg-font-size: 1.3125rem; + --ds-typography-label-lg-letter-spacing: 0.5%; + --ds-typography-label-md-font-family: IBM Plex Mono; + --ds-typography-label-md-font-weight: 400; + --ds-typography-label-md-font-size: 1.125rem; + --ds-typography-label-md-letter-spacing: 0.5%; + --ds-typography-label-sm-font-family: IBM Plex Mono; + --ds-typography-label-sm-font-weight: 400; + --ds-typography-label-sm-font-size: 1rem; + --ds-typography-label-sm-letter-spacing: 0.25%; + --ds-typography-label-xs-font-family: IBM Plex Mono; + --ds-typography-label-xs-font-weight: 400; + --ds-typography-label-xs-font-size: 0.875rem; + --ds-typography-label-xs-letter-spacing: 0.15%; + --ds-typography-error_message-lg-font-family: IBM Plex Mono; + --ds-typography-error_message-lg-font-weight: 400; + --ds-typography-error_message-lg-font-size: 1.3125rem; + --ds-typography-error_message-lg-letter-spacing: 0.5%; + --ds-typography-error_message-md-font-family: IBM Plex Mono; + --ds-typography-error_message-md-font-weight: 400; + --ds-typography-error_message-md-font-size: 1.125rem; + --ds-typography-error_message-md-letter-spacing: 0.5%; + --ds-typography-error_message-sm-font-family: IBM Plex Mono; + --ds-typography-error_message-sm-font-weight: 400; + --ds-typography-error_message-sm-font-size: 1rem; + --ds-typography-error_message-sm-letter-spacing: 0.25%; + --ds-typography-error_message-xs-font-family: IBM Plex Mono; + --ds-typography-error_message-xs-font-weight: 400; + --ds-typography-error_message-xs-font-size: 0.875rem; + --ds-typography-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; --ds-line-height-md: 1.5; --ds-line-height-lg: 1.7; @@ -31,246 +155,5 @@ --ds-letter-spacing-7: 0.25%; --ds-letter-spacing-8: 0.5%; --ds-letter-spacing-9: 1.5%; - - .ds-error_message--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-error_message--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-error_message--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-error_message--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-label--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-label--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-label--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-label--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-long--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph-long--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph-long--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-long--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-short--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph-short--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph-short--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph-short--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph--xs { - font-size: var(--ds-font-size-3); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-paragraph--sm { - font-size: var(--ds-font-size-4); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-paragraph--md { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-paragraph--lg { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-md); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-ingress--xs { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-ingress--sm { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-7); - } - - .ds-ingress--md { - font-size: var(--ds-font-size-7); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-ingress--lg { - font-size: var(--ds-font-size-8); - line-height: var(--ds-line-height-lg); - font-weight: var(--ds-font-weight-regular); - letter-spacing: var(--ds-letter-spacing-8); - } - - .ds-heading--2xs { - font-size: var(--ds-font-size-5); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-heading--xs { - font-size: var(--ds-font-size-6); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-6); - } - - .ds-heading--sm { - font-size: var(--ds-font-size-7); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-5); - } - - .ds-heading--md { - font-size: var(--ds-font-size-8); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-3); - } - - .ds-heading--lg { - font-size: var(--ds-font-size-9); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-2); - } - - .ds-heading--xl { - font-size: var(--ds-font-size-10); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-1); - } - - .ds-heading--2xl { - font-size: var(--ds-font-size-11); - line-height: var(--ds-line-height-sm); - font-weight: var(--ds-font-weight-medium); - letter-spacing: var(--ds-letter-spacing-1); - } - - .ds-font-weight--medium { - font-weight: 400; - } - - .ds-font-weight--semibold { - font-weight: 700; - } - - .ds-font-weight--regular { - font-weight: 400; - } - - .ds-line-height--sm { - line-height: 1.3; - } - - .ds-line-height--md { - line-height: 1.5; - } - - .ds-line-height--lg { - line-height: 1.7; - } } } \ No newline at end of file From 0c72913dccc10df8a2e785a5db0032d1b8bc93a7 Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Tue, 17 Sep 2024 13:12:08 +0200 Subject: [PATCH 03/14] wip --- apps/storefront/tokens/altinn/dark.ts | 62 ++++----- apps/storefront/tokens/altinn/light.ts | 62 ++++----- apps/storefront/tokens/digdir/dark.ts | 62 ++++----- apps/storefront/tokens/digdir/light.ts | 62 ++++----- apps/storefront/tokens/portal/dark.ts | 62 ++++----- apps/storefront/tokens/portal/light.ts | 62 ++++----- apps/storefront/tokens/uutilsynet/dark.ts | 62 ++++----- apps/storefront/tokens/uutilsynet/light.ts | 62 ++++----- packages/cli/src/tokens/build.ts | 2 +- packages/cli/src/tokens/build/configs.ts | 15 ++- packages/cli/src/tokens/build/formats/css.ts | 124 ++---------------- packages/cli/src/tokens/build/transformers.ts | 11 ++ packages/theme/brand/altinn.css | 74 ++++++----- .../theme/brand/altinn/color-mode/dark.css | 6 +- .../theme/brand/altinn/color-mode/light.css | 6 +- packages/theme/brand/altinn/semantic.css | 62 ++++----- packages/theme/brand/digdir.css | 74 ++++++----- .../theme/brand/digdir/color-mode/dark.css | 6 +- .../theme/brand/digdir/color-mode/light.css | 6 +- packages/theme/brand/digdir/semantic.css | 62 ++++----- packages/theme/brand/portal.css | 74 ++++++----- .../theme/brand/portal/color-mode/dark.css | 6 +- .../theme/brand/portal/color-mode/light.css | 6 +- packages/theme/brand/portal/semantic.css | 62 ++++----- packages/theme/brand/uutilsynet.css | 74 ++++++----- .../brand/uutilsynet/color-mode/dark.css | 6 +- .../brand/uutilsynet/color-mode/light.css | 6 +- packages/theme/brand/uutilsynet/semantic.css | 62 ++++----- 28 files changed, 593 insertions(+), 647 deletions(-) diff --git a/apps/storefront/tokens/altinn/dark.ts b/apps/storefront/tokens/altinn/dark.ts index 0c8dfa0439..40f1033bf9 100644 --- a/apps/storefront/tokens/altinn/dark.ts +++ b/apps/storefront/tokens/altinn/dark.ts @@ -2350,7 +2350,7 @@ export const typography = [ letterSpacing: "{letter-spacing.1}" } }, - name: "--ds-typography-heading-2xl", + name: "--ds-heading-2xl", attributes: {}, path: [ "typography", @@ -2373,7 +2373,7 @@ export const typography = [ letterSpacing: "{letter-spacing.1}" } }, - name: "--ds-typography-heading-xl", + name: "--ds-heading-xl", attributes: {}, path: [ "typography", @@ -2396,7 +2396,7 @@ export const typography = [ letterSpacing: "{letter-spacing.2}" } }, - name: "--ds-typography-heading-lg", + name: "--ds-heading-lg", attributes: {}, path: [ "typography", @@ -2419,7 +2419,7 @@ export const typography = [ letterSpacing: "{letter-spacing.3}" } }, - name: "--ds-typography-heading-md", + name: "--ds-heading-md", attributes: {}, path: [ "typography", @@ -2442,7 +2442,7 @@ export const typography = [ letterSpacing: "{letter-spacing.5}" } }, - name: "--ds-typography-heading-sm", + name: "--ds-heading-sm", attributes: {}, path: [ "typography", @@ -2465,7 +2465,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-heading-xs", + name: "--ds-heading-xs", attributes: {}, path: [ "typography", @@ -2488,7 +2488,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-heading-2xs", + name: "--ds-heading-2xs", attributes: {}, path: [ "typography", @@ -2511,7 +2511,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-ingress-lg", + name: "--ds-ingress-lg", attributes: {}, path: [ "typography", @@ -2534,7 +2534,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-ingress-md", + name: "--ds-ingress-md", attributes: {}, path: [ "typography", @@ -2557,7 +2557,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-ingress-sm", + name: "--ds-ingress-sm", attributes: {}, path: [ "typography", @@ -2580,7 +2580,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-ingress-xs", + name: "--ds-ingress-xs", attributes: {}, path: [ "typography", @@ -2603,7 +2603,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-lg", + name: "--ds-paragraph-lg", attributes: {}, path: [ "typography", @@ -2626,7 +2626,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-md", + name: "--ds-paragraph-md", attributes: {}, path: [ "typography", @@ -2649,7 +2649,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-paragraph-sm", + name: "--ds-paragraph-sm", attributes: {}, path: [ "typography", @@ -2672,7 +2672,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-paragraph-xs", + name: "--ds-paragraph-xs", attributes: {}, path: [ "typography", @@ -2695,7 +2695,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-short-lg", + name: "--ds-paragraph-short-lg", attributes: {}, path: [ "typography", @@ -2719,7 +2719,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-short-md", + name: "--ds-paragraph-short-md", attributes: {}, path: [ "typography", @@ -2743,7 +2743,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-paragraph-short-sm", + name: "--ds-paragraph-short-sm", attributes: {}, path: [ "typography", @@ -2767,7 +2767,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-paragraph-short-xs", + name: "--ds-paragraph-short-xs", attributes: {}, path: [ "typography", @@ -2791,7 +2791,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-long-lg", + name: "--ds-paragraph-long-lg", attributes: {}, path: [ "typography", @@ -2815,7 +2815,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-long-md", + name: "--ds-paragraph-long-md", attributes: {}, path: [ "typography", @@ -2839,7 +2839,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-paragraph-long-sm", + name: "--ds-paragraph-long-sm", attributes: {}, path: [ "typography", @@ -2863,7 +2863,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-paragraph-long-xs", + name: "--ds-paragraph-long-xs", attributes: {}, path: [ "typography", @@ -2887,7 +2887,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-label-lg", + name: "--ds-label-lg", attributes: {}, path: [ "typography", @@ -2910,7 +2910,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-label-md", + name: "--ds-label-md", attributes: {}, path: [ "typography", @@ -2933,7 +2933,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-label-sm", + name: "--ds-label-sm", attributes: {}, path: [ "typography", @@ -2956,7 +2956,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-label-xs", + name: "--ds-label-xs", attributes: {}, path: [ "typography", @@ -2979,7 +2979,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-error_message-lg", + name: "--ds-error_message-lg", attributes: {}, path: [ "typography", @@ -3002,7 +3002,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-error_message-md", + name: "--ds-error_message-md", attributes: {}, path: [ "typography", @@ -3025,7 +3025,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-error_message-sm", + name: "--ds-error_message-sm", attributes: {}, path: [ "typography", @@ -3048,7 +3048,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-error_message-xs", + name: "--ds-error_message-xs", attributes: {}, path: [ "typography", diff --git a/apps/storefront/tokens/altinn/light.ts b/apps/storefront/tokens/altinn/light.ts index c65c8d6ebd..8097b88cc2 100644 --- a/apps/storefront/tokens/altinn/light.ts +++ b/apps/storefront/tokens/altinn/light.ts @@ -2350,7 +2350,7 @@ export const typography = [ letterSpacing: "{letter-spacing.1}" } }, - name: "--ds-typography-heading-2xl", + name: "--ds-heading-2xl", attributes: {}, path: [ "typography", @@ -2373,7 +2373,7 @@ export const typography = [ letterSpacing: "{letter-spacing.1}" } }, - name: "--ds-typography-heading-xl", + name: "--ds-heading-xl", attributes: {}, path: [ "typography", @@ -2396,7 +2396,7 @@ export const typography = [ letterSpacing: "{letter-spacing.2}" } }, - name: "--ds-typography-heading-lg", + name: "--ds-heading-lg", attributes: {}, path: [ "typography", @@ -2419,7 +2419,7 @@ export const typography = [ letterSpacing: "{letter-spacing.3}" } }, - name: "--ds-typography-heading-md", + name: "--ds-heading-md", attributes: {}, path: [ "typography", @@ -2442,7 +2442,7 @@ export const typography = [ letterSpacing: "{letter-spacing.5}" } }, - name: "--ds-typography-heading-sm", + name: "--ds-heading-sm", attributes: {}, path: [ "typography", @@ -2465,7 +2465,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-heading-xs", + name: "--ds-heading-xs", attributes: {}, path: [ "typography", @@ -2488,7 +2488,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-heading-2xs", + name: "--ds-heading-2xs", attributes: {}, path: [ "typography", @@ -2511,7 +2511,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-ingress-lg", + name: "--ds-ingress-lg", attributes: {}, path: [ "typography", @@ -2534,7 +2534,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-ingress-md", + name: "--ds-ingress-md", attributes: {}, path: [ "typography", @@ -2557,7 +2557,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-ingress-sm", + name: "--ds-ingress-sm", attributes: {}, path: [ "typography", @@ -2580,7 +2580,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-ingress-xs", + name: "--ds-ingress-xs", attributes: {}, path: [ "typography", @@ -2603,7 +2603,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-lg", + name: "--ds-paragraph-lg", attributes: {}, path: [ "typography", @@ -2626,7 +2626,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-md", + name: "--ds-paragraph-md", attributes: {}, path: [ "typography", @@ -2649,7 +2649,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-paragraph-sm", + name: "--ds-paragraph-sm", attributes: {}, path: [ "typography", @@ -2672,7 +2672,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-paragraph-xs", + name: "--ds-paragraph-xs", attributes: {}, path: [ "typography", @@ -2695,7 +2695,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-short-lg", + name: "--ds-paragraph-short-lg", attributes: {}, path: [ "typography", @@ -2719,7 +2719,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-short-md", + name: "--ds-paragraph-short-md", attributes: {}, path: [ "typography", @@ -2743,7 +2743,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-paragraph-short-sm", + name: "--ds-paragraph-short-sm", attributes: {}, path: [ "typography", @@ -2767,7 +2767,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-paragraph-short-xs", + name: "--ds-paragraph-short-xs", attributes: {}, path: [ "typography", @@ -2791,7 +2791,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-long-lg", + name: "--ds-paragraph-long-lg", attributes: {}, path: [ "typography", @@ -2815,7 +2815,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-long-md", + name: "--ds-paragraph-long-md", attributes: {}, path: [ "typography", @@ -2839,7 +2839,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-paragraph-long-sm", + name: "--ds-paragraph-long-sm", attributes: {}, path: [ "typography", @@ -2863,7 +2863,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-paragraph-long-xs", + name: "--ds-paragraph-long-xs", attributes: {}, path: [ "typography", @@ -2887,7 +2887,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-label-lg", + name: "--ds-label-lg", attributes: {}, path: [ "typography", @@ -2910,7 +2910,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-label-md", + name: "--ds-label-md", attributes: {}, path: [ "typography", @@ -2933,7 +2933,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-label-sm", + name: "--ds-label-sm", attributes: {}, path: [ "typography", @@ -2956,7 +2956,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-label-xs", + name: "--ds-label-xs", attributes: {}, path: [ "typography", @@ -2979,7 +2979,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-error_message-lg", + name: "--ds-error_message-lg", attributes: {}, path: [ "typography", @@ -3002,7 +3002,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-error_message-md", + name: "--ds-error_message-md", attributes: {}, path: [ "typography", @@ -3025,7 +3025,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-error_message-sm", + name: "--ds-error_message-sm", attributes: {}, path: [ "typography", @@ -3048,7 +3048,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-error_message-xs", + name: "--ds-error_message-xs", attributes: {}, path: [ "typography", diff --git a/apps/storefront/tokens/digdir/dark.ts b/apps/storefront/tokens/digdir/dark.ts index e586d58beb..47046bd9bd 100644 --- a/apps/storefront/tokens/digdir/dark.ts +++ b/apps/storefront/tokens/digdir/dark.ts @@ -2350,7 +2350,7 @@ export const typography = [ letterSpacing: "{letter-spacing.1}" } }, - name: "--ds-typography-heading-2xl", + name: "--ds-heading-2xl", attributes: {}, path: [ "typography", @@ -2373,7 +2373,7 @@ export const typography = [ letterSpacing: "{letter-spacing.1}" } }, - name: "--ds-typography-heading-xl", + name: "--ds-heading-xl", attributes: {}, path: [ "typography", @@ -2396,7 +2396,7 @@ export const typography = [ letterSpacing: "{letter-spacing.2}" } }, - name: "--ds-typography-heading-lg", + name: "--ds-heading-lg", attributes: {}, path: [ "typography", @@ -2419,7 +2419,7 @@ export const typography = [ letterSpacing: "{letter-spacing.3}" } }, - name: "--ds-typography-heading-md", + name: "--ds-heading-md", attributes: {}, path: [ "typography", @@ -2442,7 +2442,7 @@ export const typography = [ letterSpacing: "{letter-spacing.5}" } }, - name: "--ds-typography-heading-sm", + name: "--ds-heading-sm", attributes: {}, path: [ "typography", @@ -2465,7 +2465,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-heading-xs", + name: "--ds-heading-xs", attributes: {}, path: [ "typography", @@ -2488,7 +2488,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-heading-2xs", + name: "--ds-heading-2xs", attributes: {}, path: [ "typography", @@ -2511,7 +2511,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-ingress-lg", + name: "--ds-ingress-lg", attributes: {}, path: [ "typography", @@ -2534,7 +2534,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-ingress-md", + name: "--ds-ingress-md", attributes: {}, path: [ "typography", @@ -2557,7 +2557,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-ingress-sm", + name: "--ds-ingress-sm", attributes: {}, path: [ "typography", @@ -2580,7 +2580,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-ingress-xs", + name: "--ds-ingress-xs", attributes: {}, path: [ "typography", @@ -2603,7 +2603,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-lg", + name: "--ds-paragraph-lg", attributes: {}, path: [ "typography", @@ -2626,7 +2626,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-md", + name: "--ds-paragraph-md", attributes: {}, path: [ "typography", @@ -2649,7 +2649,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-paragraph-sm", + name: "--ds-paragraph-sm", attributes: {}, path: [ "typography", @@ -2672,7 +2672,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-paragraph-xs", + name: "--ds-paragraph-xs", attributes: {}, path: [ "typography", @@ -2695,7 +2695,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-short-lg", + name: "--ds-paragraph-short-lg", attributes: {}, path: [ "typography", @@ -2719,7 +2719,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-short-md", + name: "--ds-paragraph-short-md", attributes: {}, path: [ "typography", @@ -2743,7 +2743,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-paragraph-short-sm", + name: "--ds-paragraph-short-sm", attributes: {}, path: [ "typography", @@ -2767,7 +2767,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-paragraph-short-xs", + name: "--ds-paragraph-short-xs", attributes: {}, path: [ "typography", @@ -2791,7 +2791,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-long-lg", + name: "--ds-paragraph-long-lg", attributes: {}, path: [ "typography", @@ -2815,7 +2815,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-long-md", + name: "--ds-paragraph-long-md", attributes: {}, path: [ "typography", @@ -2839,7 +2839,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-paragraph-long-sm", + name: "--ds-paragraph-long-sm", attributes: {}, path: [ "typography", @@ -2863,7 +2863,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-paragraph-long-xs", + name: "--ds-paragraph-long-xs", attributes: {}, path: [ "typography", @@ -2887,7 +2887,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-label-lg", + name: "--ds-label-lg", attributes: {}, path: [ "typography", @@ -2910,7 +2910,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-label-md", + name: "--ds-label-md", attributes: {}, path: [ "typography", @@ -2933,7 +2933,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-label-sm", + name: "--ds-label-sm", attributes: {}, path: [ "typography", @@ -2956,7 +2956,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-label-xs", + name: "--ds-label-xs", attributes: {}, path: [ "typography", @@ -2979,7 +2979,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-error_message-lg", + name: "--ds-error_message-lg", attributes: {}, path: [ "typography", @@ -3002,7 +3002,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-error_message-md", + name: "--ds-error_message-md", attributes: {}, path: [ "typography", @@ -3025,7 +3025,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-error_message-sm", + name: "--ds-error_message-sm", attributes: {}, path: [ "typography", @@ -3048,7 +3048,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-error_message-xs", + name: "--ds-error_message-xs", attributes: {}, path: [ "typography", diff --git a/apps/storefront/tokens/digdir/light.ts b/apps/storefront/tokens/digdir/light.ts index bc406ca55b..74d471956b 100644 --- a/apps/storefront/tokens/digdir/light.ts +++ b/apps/storefront/tokens/digdir/light.ts @@ -2350,7 +2350,7 @@ export const typography = [ letterSpacing: "{letter-spacing.1}" } }, - name: "--ds-typography-heading-2xl", + name: "--ds-heading-2xl", attributes: {}, path: [ "typography", @@ -2373,7 +2373,7 @@ export const typography = [ letterSpacing: "{letter-spacing.1}" } }, - name: "--ds-typography-heading-xl", + name: "--ds-heading-xl", attributes: {}, path: [ "typography", @@ -2396,7 +2396,7 @@ export const typography = [ letterSpacing: "{letter-spacing.2}" } }, - name: "--ds-typography-heading-lg", + name: "--ds-heading-lg", attributes: {}, path: [ "typography", @@ -2419,7 +2419,7 @@ export const typography = [ letterSpacing: "{letter-spacing.3}" } }, - name: "--ds-typography-heading-md", + name: "--ds-heading-md", attributes: {}, path: [ "typography", @@ -2442,7 +2442,7 @@ export const typography = [ letterSpacing: "{letter-spacing.5}" } }, - name: "--ds-typography-heading-sm", + name: "--ds-heading-sm", attributes: {}, path: [ "typography", @@ -2465,7 +2465,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-heading-xs", + name: "--ds-heading-xs", attributes: {}, path: [ "typography", @@ -2488,7 +2488,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-heading-2xs", + name: "--ds-heading-2xs", attributes: {}, path: [ "typography", @@ -2511,7 +2511,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-ingress-lg", + name: "--ds-ingress-lg", attributes: {}, path: [ "typography", @@ -2534,7 +2534,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-ingress-md", + name: "--ds-ingress-md", attributes: {}, path: [ "typography", @@ -2557,7 +2557,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-ingress-sm", + name: "--ds-ingress-sm", attributes: {}, path: [ "typography", @@ -2580,7 +2580,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-ingress-xs", + name: "--ds-ingress-xs", attributes: {}, path: [ "typography", @@ -2603,7 +2603,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-lg", + name: "--ds-paragraph-lg", attributes: {}, path: [ "typography", @@ -2626,7 +2626,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-md", + name: "--ds-paragraph-md", attributes: {}, path: [ "typography", @@ -2649,7 +2649,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-paragraph-sm", + name: "--ds-paragraph-sm", attributes: {}, path: [ "typography", @@ -2672,7 +2672,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-paragraph-xs", + name: "--ds-paragraph-xs", attributes: {}, path: [ "typography", @@ -2695,7 +2695,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-short-lg", + name: "--ds-paragraph-short-lg", attributes: {}, path: [ "typography", @@ -2719,7 +2719,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-short-md", + name: "--ds-paragraph-short-md", attributes: {}, path: [ "typography", @@ -2743,7 +2743,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-paragraph-short-sm", + name: "--ds-paragraph-short-sm", attributes: {}, path: [ "typography", @@ -2767,7 +2767,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-paragraph-short-xs", + name: "--ds-paragraph-short-xs", attributes: {}, path: [ "typography", @@ -2791,7 +2791,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-long-lg", + name: "--ds-paragraph-long-lg", attributes: {}, path: [ "typography", @@ -2815,7 +2815,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-long-md", + name: "--ds-paragraph-long-md", attributes: {}, path: [ "typography", @@ -2839,7 +2839,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-paragraph-long-sm", + name: "--ds-paragraph-long-sm", attributes: {}, path: [ "typography", @@ -2863,7 +2863,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-paragraph-long-xs", + name: "--ds-paragraph-long-xs", attributes: {}, path: [ "typography", @@ -2887,7 +2887,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-label-lg", + name: "--ds-label-lg", attributes: {}, path: [ "typography", @@ -2910,7 +2910,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-label-md", + name: "--ds-label-md", attributes: {}, path: [ "typography", @@ -2933,7 +2933,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-label-sm", + name: "--ds-label-sm", attributes: {}, path: [ "typography", @@ -2956,7 +2956,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-label-xs", + name: "--ds-label-xs", attributes: {}, path: [ "typography", @@ -2979,7 +2979,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-error_message-lg", + name: "--ds-error_message-lg", attributes: {}, path: [ "typography", @@ -3002,7 +3002,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-error_message-md", + name: "--ds-error_message-md", attributes: {}, path: [ "typography", @@ -3025,7 +3025,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-error_message-sm", + name: "--ds-error_message-sm", attributes: {}, path: [ "typography", @@ -3048,7 +3048,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-error_message-xs", + name: "--ds-error_message-xs", attributes: {}, path: [ "typography", diff --git a/apps/storefront/tokens/portal/dark.ts b/apps/storefront/tokens/portal/dark.ts index ce649fd212..304b6d154d 100644 --- a/apps/storefront/tokens/portal/dark.ts +++ b/apps/storefront/tokens/portal/dark.ts @@ -2350,7 +2350,7 @@ export const typography = [ letterSpacing: "{letter-spacing.1}" } }, - name: "--ds-typography-heading-2xl", + name: "--ds-heading-2xl", attributes: {}, path: [ "typography", @@ -2373,7 +2373,7 @@ export const typography = [ letterSpacing: "{letter-spacing.1}" } }, - name: "--ds-typography-heading-xl", + name: "--ds-heading-xl", attributes: {}, path: [ "typography", @@ -2396,7 +2396,7 @@ export const typography = [ letterSpacing: "{letter-spacing.2}" } }, - name: "--ds-typography-heading-lg", + name: "--ds-heading-lg", attributes: {}, path: [ "typography", @@ -2419,7 +2419,7 @@ export const typography = [ letterSpacing: "{letter-spacing.3}" } }, - name: "--ds-typography-heading-md", + name: "--ds-heading-md", attributes: {}, path: [ "typography", @@ -2442,7 +2442,7 @@ export const typography = [ letterSpacing: "{letter-spacing.5}" } }, - name: "--ds-typography-heading-sm", + name: "--ds-heading-sm", attributes: {}, path: [ "typography", @@ -2465,7 +2465,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-heading-xs", + name: "--ds-heading-xs", attributes: {}, path: [ "typography", @@ -2488,7 +2488,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-heading-2xs", + name: "--ds-heading-2xs", attributes: {}, path: [ "typography", @@ -2511,7 +2511,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-ingress-lg", + name: "--ds-ingress-lg", attributes: {}, path: [ "typography", @@ -2534,7 +2534,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-ingress-md", + name: "--ds-ingress-md", attributes: {}, path: [ "typography", @@ -2557,7 +2557,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-ingress-sm", + name: "--ds-ingress-sm", attributes: {}, path: [ "typography", @@ -2580,7 +2580,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-ingress-xs", + name: "--ds-ingress-xs", attributes: {}, path: [ "typography", @@ -2603,7 +2603,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-lg", + name: "--ds-paragraph-lg", attributes: {}, path: [ "typography", @@ -2626,7 +2626,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-md", + name: "--ds-paragraph-md", attributes: {}, path: [ "typography", @@ -2649,7 +2649,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-paragraph-sm", + name: "--ds-paragraph-sm", attributes: {}, path: [ "typography", @@ -2672,7 +2672,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-paragraph-xs", + name: "--ds-paragraph-xs", attributes: {}, path: [ "typography", @@ -2695,7 +2695,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-short-lg", + name: "--ds-paragraph-short-lg", attributes: {}, path: [ "typography", @@ -2719,7 +2719,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-short-md", + name: "--ds-paragraph-short-md", attributes: {}, path: [ "typography", @@ -2743,7 +2743,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-paragraph-short-sm", + name: "--ds-paragraph-short-sm", attributes: {}, path: [ "typography", @@ -2767,7 +2767,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-paragraph-short-xs", + name: "--ds-paragraph-short-xs", attributes: {}, path: [ "typography", @@ -2791,7 +2791,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-long-lg", + name: "--ds-paragraph-long-lg", attributes: {}, path: [ "typography", @@ -2815,7 +2815,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-long-md", + name: "--ds-paragraph-long-md", attributes: {}, path: [ "typography", @@ -2839,7 +2839,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-paragraph-long-sm", + name: "--ds-paragraph-long-sm", attributes: {}, path: [ "typography", @@ -2863,7 +2863,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-paragraph-long-xs", + name: "--ds-paragraph-long-xs", attributes: {}, path: [ "typography", @@ -2887,7 +2887,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-label-lg", + name: "--ds-label-lg", attributes: {}, path: [ "typography", @@ -2910,7 +2910,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-label-md", + name: "--ds-label-md", attributes: {}, path: [ "typography", @@ -2933,7 +2933,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-label-sm", + name: "--ds-label-sm", attributes: {}, path: [ "typography", @@ -2956,7 +2956,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-label-xs", + name: "--ds-label-xs", attributes: {}, path: [ "typography", @@ -2979,7 +2979,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-error_message-lg", + name: "--ds-error_message-lg", attributes: {}, path: [ "typography", @@ -3002,7 +3002,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-error_message-md", + name: "--ds-error_message-md", attributes: {}, path: [ "typography", @@ -3025,7 +3025,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-error_message-sm", + name: "--ds-error_message-sm", attributes: {}, path: [ "typography", @@ -3048,7 +3048,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-error_message-xs", + name: "--ds-error_message-xs", attributes: {}, path: [ "typography", diff --git a/apps/storefront/tokens/portal/light.ts b/apps/storefront/tokens/portal/light.ts index 83577ce19f..437a5a00c6 100644 --- a/apps/storefront/tokens/portal/light.ts +++ b/apps/storefront/tokens/portal/light.ts @@ -2350,7 +2350,7 @@ export const typography = [ letterSpacing: "{letter-spacing.1}" } }, - name: "--ds-typography-heading-2xl", + name: "--ds-heading-2xl", attributes: {}, path: [ "typography", @@ -2373,7 +2373,7 @@ export const typography = [ letterSpacing: "{letter-spacing.1}" } }, - name: "--ds-typography-heading-xl", + name: "--ds-heading-xl", attributes: {}, path: [ "typography", @@ -2396,7 +2396,7 @@ export const typography = [ letterSpacing: "{letter-spacing.2}" } }, - name: "--ds-typography-heading-lg", + name: "--ds-heading-lg", attributes: {}, path: [ "typography", @@ -2419,7 +2419,7 @@ export const typography = [ letterSpacing: "{letter-spacing.3}" } }, - name: "--ds-typography-heading-md", + name: "--ds-heading-md", attributes: {}, path: [ "typography", @@ -2442,7 +2442,7 @@ export const typography = [ letterSpacing: "{letter-spacing.5}" } }, - name: "--ds-typography-heading-sm", + name: "--ds-heading-sm", attributes: {}, path: [ "typography", @@ -2465,7 +2465,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-heading-xs", + name: "--ds-heading-xs", attributes: {}, path: [ "typography", @@ -2488,7 +2488,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-heading-2xs", + name: "--ds-heading-2xs", attributes: {}, path: [ "typography", @@ -2511,7 +2511,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-ingress-lg", + name: "--ds-ingress-lg", attributes: {}, path: [ "typography", @@ -2534,7 +2534,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-ingress-md", + name: "--ds-ingress-md", attributes: {}, path: [ "typography", @@ -2557,7 +2557,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-ingress-sm", + name: "--ds-ingress-sm", attributes: {}, path: [ "typography", @@ -2580,7 +2580,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-ingress-xs", + name: "--ds-ingress-xs", attributes: {}, path: [ "typography", @@ -2603,7 +2603,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-lg", + name: "--ds-paragraph-lg", attributes: {}, path: [ "typography", @@ -2626,7 +2626,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-md", + name: "--ds-paragraph-md", attributes: {}, path: [ "typography", @@ -2649,7 +2649,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-paragraph-sm", + name: "--ds-paragraph-sm", attributes: {}, path: [ "typography", @@ -2672,7 +2672,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-paragraph-xs", + name: "--ds-paragraph-xs", attributes: {}, path: [ "typography", @@ -2695,7 +2695,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-short-lg", + name: "--ds-paragraph-short-lg", attributes: {}, path: [ "typography", @@ -2719,7 +2719,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-short-md", + name: "--ds-paragraph-short-md", attributes: {}, path: [ "typography", @@ -2743,7 +2743,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-paragraph-short-sm", + name: "--ds-paragraph-short-sm", attributes: {}, path: [ "typography", @@ -2767,7 +2767,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-paragraph-short-xs", + name: "--ds-paragraph-short-xs", attributes: {}, path: [ "typography", @@ -2791,7 +2791,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-long-lg", + name: "--ds-paragraph-long-lg", attributes: {}, path: [ "typography", @@ -2815,7 +2815,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-long-md", + name: "--ds-paragraph-long-md", attributes: {}, path: [ "typography", @@ -2839,7 +2839,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-paragraph-long-sm", + name: "--ds-paragraph-long-sm", attributes: {}, path: [ "typography", @@ -2863,7 +2863,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-paragraph-long-xs", + name: "--ds-paragraph-long-xs", attributes: {}, path: [ "typography", @@ -2887,7 +2887,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-label-lg", + name: "--ds-label-lg", attributes: {}, path: [ "typography", @@ -2910,7 +2910,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-label-md", + name: "--ds-label-md", attributes: {}, path: [ "typography", @@ -2933,7 +2933,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-label-sm", + name: "--ds-label-sm", attributes: {}, path: [ "typography", @@ -2956,7 +2956,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-label-xs", + name: "--ds-label-xs", attributes: {}, path: [ "typography", @@ -2979,7 +2979,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-error_message-lg", + name: "--ds-error_message-lg", attributes: {}, path: [ "typography", @@ -3002,7 +3002,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-error_message-md", + name: "--ds-error_message-md", attributes: {}, path: [ "typography", @@ -3025,7 +3025,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-error_message-sm", + name: "--ds-error_message-sm", attributes: {}, path: [ "typography", @@ -3048,7 +3048,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-error_message-xs", + name: "--ds-error_message-xs", attributes: {}, path: [ "typography", diff --git a/apps/storefront/tokens/uutilsynet/dark.ts b/apps/storefront/tokens/uutilsynet/dark.ts index e76e4faf4c..2ecc5c3cde 100644 --- a/apps/storefront/tokens/uutilsynet/dark.ts +++ b/apps/storefront/tokens/uutilsynet/dark.ts @@ -2350,7 +2350,7 @@ export const typography = [ letterSpacing: "{letter-spacing.1}" } }, - name: "--ds-typography-heading-2xl", + name: "--ds-heading-2xl", attributes: {}, path: [ "typography", @@ -2373,7 +2373,7 @@ export const typography = [ letterSpacing: "{letter-spacing.1}" } }, - name: "--ds-typography-heading-xl", + name: "--ds-heading-xl", attributes: {}, path: [ "typography", @@ -2396,7 +2396,7 @@ export const typography = [ letterSpacing: "{letter-spacing.2}" } }, - name: "--ds-typography-heading-lg", + name: "--ds-heading-lg", attributes: {}, path: [ "typography", @@ -2419,7 +2419,7 @@ export const typography = [ letterSpacing: "{letter-spacing.3}" } }, - name: "--ds-typography-heading-md", + name: "--ds-heading-md", attributes: {}, path: [ "typography", @@ -2442,7 +2442,7 @@ export const typography = [ letterSpacing: "{letter-spacing.5}" } }, - name: "--ds-typography-heading-sm", + name: "--ds-heading-sm", attributes: {}, path: [ "typography", @@ -2465,7 +2465,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-heading-xs", + name: "--ds-heading-xs", attributes: {}, path: [ "typography", @@ -2488,7 +2488,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-heading-2xs", + name: "--ds-heading-2xs", attributes: {}, path: [ "typography", @@ -2511,7 +2511,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-ingress-lg", + name: "--ds-ingress-lg", attributes: {}, path: [ "typography", @@ -2534,7 +2534,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-ingress-md", + name: "--ds-ingress-md", attributes: {}, path: [ "typography", @@ -2557,7 +2557,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-ingress-sm", + name: "--ds-ingress-sm", attributes: {}, path: [ "typography", @@ -2580,7 +2580,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-ingress-xs", + name: "--ds-ingress-xs", attributes: {}, path: [ "typography", @@ -2603,7 +2603,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-lg", + name: "--ds-paragraph-lg", attributes: {}, path: [ "typography", @@ -2626,7 +2626,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-md", + name: "--ds-paragraph-md", attributes: {}, path: [ "typography", @@ -2649,7 +2649,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-paragraph-sm", + name: "--ds-paragraph-sm", attributes: {}, path: [ "typography", @@ -2672,7 +2672,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-paragraph-xs", + name: "--ds-paragraph-xs", attributes: {}, path: [ "typography", @@ -2695,7 +2695,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-short-lg", + name: "--ds-paragraph-short-lg", attributes: {}, path: [ "typography", @@ -2719,7 +2719,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-short-md", + name: "--ds-paragraph-short-md", attributes: {}, path: [ "typography", @@ -2743,7 +2743,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-paragraph-short-sm", + name: "--ds-paragraph-short-sm", attributes: {}, path: [ "typography", @@ -2767,7 +2767,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-paragraph-short-xs", + name: "--ds-paragraph-short-xs", attributes: {}, path: [ "typography", @@ -2791,7 +2791,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-long-lg", + name: "--ds-paragraph-long-lg", attributes: {}, path: [ "typography", @@ -2815,7 +2815,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-long-md", + name: "--ds-paragraph-long-md", attributes: {}, path: [ "typography", @@ -2839,7 +2839,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-paragraph-long-sm", + name: "--ds-paragraph-long-sm", attributes: {}, path: [ "typography", @@ -2863,7 +2863,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-paragraph-long-xs", + name: "--ds-paragraph-long-xs", attributes: {}, path: [ "typography", @@ -2887,7 +2887,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-label-lg", + name: "--ds-label-lg", attributes: {}, path: [ "typography", @@ -2910,7 +2910,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-label-md", + name: "--ds-label-md", attributes: {}, path: [ "typography", @@ -2933,7 +2933,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-label-sm", + name: "--ds-label-sm", attributes: {}, path: [ "typography", @@ -2956,7 +2956,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-label-xs", + name: "--ds-label-xs", attributes: {}, path: [ "typography", @@ -2979,7 +2979,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-error_message-lg", + name: "--ds-error_message-lg", attributes: {}, path: [ "typography", @@ -3002,7 +3002,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-error_message-md", + name: "--ds-error_message-md", attributes: {}, path: [ "typography", @@ -3025,7 +3025,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-error_message-sm", + name: "--ds-error_message-sm", attributes: {}, path: [ "typography", @@ -3048,7 +3048,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-error_message-xs", + name: "--ds-error_message-xs", attributes: {}, path: [ "typography", diff --git a/apps/storefront/tokens/uutilsynet/light.ts b/apps/storefront/tokens/uutilsynet/light.ts index 4b399b9220..ffea8ec391 100644 --- a/apps/storefront/tokens/uutilsynet/light.ts +++ b/apps/storefront/tokens/uutilsynet/light.ts @@ -2350,7 +2350,7 @@ export const typography = [ letterSpacing: "{letter-spacing.1}" } }, - name: "--ds-typography-heading-2xl", + name: "--ds-heading-2xl", attributes: {}, path: [ "typography", @@ -2373,7 +2373,7 @@ export const typography = [ letterSpacing: "{letter-spacing.1}" } }, - name: "--ds-typography-heading-xl", + name: "--ds-heading-xl", attributes: {}, path: [ "typography", @@ -2396,7 +2396,7 @@ export const typography = [ letterSpacing: "{letter-spacing.2}" } }, - name: "--ds-typography-heading-lg", + name: "--ds-heading-lg", attributes: {}, path: [ "typography", @@ -2419,7 +2419,7 @@ export const typography = [ letterSpacing: "{letter-spacing.3}" } }, - name: "--ds-typography-heading-md", + name: "--ds-heading-md", attributes: {}, path: [ "typography", @@ -2442,7 +2442,7 @@ export const typography = [ letterSpacing: "{letter-spacing.5}" } }, - name: "--ds-typography-heading-sm", + name: "--ds-heading-sm", attributes: {}, path: [ "typography", @@ -2465,7 +2465,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-heading-xs", + name: "--ds-heading-xs", attributes: {}, path: [ "typography", @@ -2488,7 +2488,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-heading-2xs", + name: "--ds-heading-2xs", attributes: {}, path: [ "typography", @@ -2511,7 +2511,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-ingress-lg", + name: "--ds-ingress-lg", attributes: {}, path: [ "typography", @@ -2534,7 +2534,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-ingress-md", + name: "--ds-ingress-md", attributes: {}, path: [ "typography", @@ -2557,7 +2557,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-ingress-sm", + name: "--ds-ingress-sm", attributes: {}, path: [ "typography", @@ -2580,7 +2580,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-ingress-xs", + name: "--ds-ingress-xs", attributes: {}, path: [ "typography", @@ -2603,7 +2603,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-lg", + name: "--ds-paragraph-lg", attributes: {}, path: [ "typography", @@ -2626,7 +2626,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-md", + name: "--ds-paragraph-md", attributes: {}, path: [ "typography", @@ -2649,7 +2649,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-paragraph-sm", + name: "--ds-paragraph-sm", attributes: {}, path: [ "typography", @@ -2672,7 +2672,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-paragraph-xs", + name: "--ds-paragraph-xs", attributes: {}, path: [ "typography", @@ -2695,7 +2695,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-short-lg", + name: "--ds-paragraph-short-lg", attributes: {}, path: [ "typography", @@ -2719,7 +2719,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-short-md", + name: "--ds-paragraph-short-md", attributes: {}, path: [ "typography", @@ -2743,7 +2743,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-paragraph-short-sm", + name: "--ds-paragraph-short-sm", attributes: {}, path: [ "typography", @@ -2767,7 +2767,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-paragraph-short-xs", + name: "--ds-paragraph-short-xs", attributes: {}, path: [ "typography", @@ -2791,7 +2791,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-long-lg", + name: "--ds-paragraph-long-lg", attributes: {}, path: [ "typography", @@ -2815,7 +2815,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-paragraph-long-md", + name: "--ds-paragraph-long-md", attributes: {}, path: [ "typography", @@ -2839,7 +2839,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-paragraph-long-sm", + name: "--ds-paragraph-long-sm", attributes: {}, path: [ "typography", @@ -2863,7 +2863,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-paragraph-long-xs", + name: "--ds-paragraph-long-xs", attributes: {}, path: [ "typography", @@ -2887,7 +2887,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-label-lg", + name: "--ds-label-lg", attributes: {}, path: [ "typography", @@ -2910,7 +2910,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-label-md", + name: "--ds-label-md", attributes: {}, path: [ "typography", @@ -2933,7 +2933,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-label-sm", + name: "--ds-label-sm", attributes: {}, path: [ "typography", @@ -2956,7 +2956,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-label-xs", + name: "--ds-label-xs", attributes: {}, path: [ "typography", @@ -2979,7 +2979,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-error_message-lg", + name: "--ds-error_message-lg", attributes: {}, path: [ "typography", @@ -3002,7 +3002,7 @@ export const typography = [ letterSpacing: "{letter-spacing.8}" } }, - name: "--ds-typography-error_message-md", + name: "--ds-error_message-md", attributes: {}, path: [ "typography", @@ -3025,7 +3025,7 @@ export const typography = [ letterSpacing: "{letter-spacing.7}" } }, - name: "--ds-typography-error_message-sm", + name: "--ds-error_message-sm", attributes: {}, path: [ "typography", @@ -3048,7 +3048,7 @@ export const typography = [ letterSpacing: "{letter-spacing.6}" } }, - name: "--ds-typography-error_message-xs", + name: "--ds-error_message-xs", attributes: {}, path: [ "typography", diff --git a/packages/cli/src/tokens/build.ts b/packages/cli/src/tokens/build.ts index 57be714aea..c4130e532f 100644 --- a/packages/cli/src/tokens/build.ts +++ b/packages/cli/src/tokens/build.ts @@ -46,7 +46,7 @@ export async function buildTokens(options: Options): Promise { const colorModeConfigs = getConfigs(configs.colorModeVariables, outPath, tokensDir, colormodeThemes); const semanticConfigs = getConfigs(configs.semanticVariables, outPath, tokensDir, semanticThemes); - const typographyConfigs = getConfigs(configs.typographyCSS, outPath, tokensDir, typographyThemes); + const typographyConfigs = getConfigs(configs.typographyVariables, outPath, tokensDir, typographyThemes); const storefrontConfigs = getConfigs(configs.typescriptTokens, storefrontOutDir, tokensDir, colormodeThemes); if (typographyConfigs.length > 0) { diff --git a/packages/cli/src/tokens/build/configs.ts b/packages/cli/src/tokens/build/configs.ts index 33e02f6604..1f645ba0ab 100644 --- a/packages/cli/src/tokens/build/configs.ts +++ b/packages/cli/src/tokens/build/configs.ts @@ -7,7 +7,7 @@ import { outputReferencesFilter } from 'style-dictionary/utils'; import * as formats from './formats/css.js'; import { jsTokens } from './formats/js-tokens.js'; -import { nameKebab, sizeRem, typographyShorthand } from './transformers.js'; +import { nameKebab, sizeRem, typographyName, typographyShorthand } from './transformers.js'; import { permutateThemes as permutateThemes_ } from './utils/permutateThemes.js'; import type { PermutatedThemes } from './utils/permutateThemes.js'; import { pathStartsWithOneOf, typeEquals } from './utils/utils.js'; @@ -26,6 +26,7 @@ const fileHeader = () => [`These files are generated from design tokens defind u StyleDictionary.registerTransform(sizeRem); StyleDictionary.registerTransform(nameKebab); StyleDictionary.registerTransform(typographyShorthand); +StyleDictionary.registerTransform(typographyName); StyleDictionary.registerFormat(jsTokens); StyleDictionary.registerFormat(formats.colormode); @@ -38,6 +39,7 @@ const dsTransformers = [ 'ts/size/px', sizeRem.name, 'ts/typography/fontWeight', + typographyName.name, typographyShorthand.name, 'ts/color/modifiers', 'ts/color/css/hexrgba', @@ -200,7 +202,7 @@ export const typescriptTokens: GetConfig = ({ mode = 'unknown', outPath, theme } }; }; -export const typographyCSS: GetConfig = ({ outPath, theme, typography }) => { +export const typographyVariables: GetConfig = ({ outPath, theme, typography }) => { const selector = `${typography === 'primary' ? ':root, ' : ''}[data-ds-typography="${typography}"]`; const layer = `ds.theme.typography.${typography}`; @@ -228,7 +230,14 @@ export const typographyCSS: GetConfig = ({ outPath, theme, typography }) => { layer, buildPath: `${outPath}/${theme}/`, basePxFontSize, - transforms: [nameKebab.name, 'ts/size/px', sizeRem.name, 'ts/size/lineheight', 'ts/typography/fontWeight'], + transforms: [ + nameKebab.name, + 'ts/size/px', + sizeRem.name, + 'ts/size/lineheight', + 'ts/typography/fontWeight', + typographyName.name, + ], files: [ { destination: `typography/${typography}.css`, diff --git a/packages/cli/src/tokens/build/formats/css.ts b/packages/cli/src/tokens/build/formats/css.ts index ca3ac2383b..381bf0f075 100644 --- a/packages/cli/src/tokens/build/formats/css.ts +++ b/packages/cli/src/tokens/build/formats/css.ts @@ -31,9 +31,10 @@ export const colormode: Format = { usesDtcg, }); - const colorSchemeProperty = mode_ === 'dark' || mode_ === 'light' ? `color-scheme: ${mode_};\n` : ''; + const colorSchemeProperty = mode_ === 'dark' || mode_ === 'light' ? `\n color-scheme: ${mode_};\n` : ''; - const content = `{\n${allTokens.map(format).join('\n')}\n${colorSchemeProperty}}\n`; + const formattedTokens = dictionary.allTokens.map(format).join('\n'); + const content = `{\n${formattedTokens}\n${colorSchemeProperty}}\n`; const autoSelectorContent = ['light', 'dark'].includes(mode_) ? prefersColorScheme(mode_, content) : ''; const body = R.isNotNil(layer) ? `@layer ${layer} {\n${selector} ${content} ${autoSelectorContent}\n}\n` @@ -48,7 +49,6 @@ const calculatedVariable = R.pipe(R.split(/:(.*?);/g), (split) => `${split[0]}: export const semantic: Format = { name: 'ds/css-semantic', format: async ({ dictionary, file, options, platform }) => { - const { allTokens } = dictionary; const { outputReferences, usesDtcg } = options; const { selector, isCalculatedToken, layer } = platform; @@ -61,7 +61,7 @@ export const semantic: Format = { usesDtcg, }); - const formatTokens = R.map((token: TransformedToken) => { + const formattedTokens = R.map((token: TransformedToken) => { const originalValue = getValue(token.original); if ( @@ -75,52 +75,15 @@ export const semantic: Format = { } return format(token); - }); + }, dictionary.allTokens); - const formattedVariables = formatTokens(allTokens); - const content = `{\n${formattedVariables.join('\n')}\n}\n`; + const content = `{\n${formattedTokens.join('\n')}\n}\n`; const body = R.isNotNil(layer) ? `@layer ${layer} {\n${selector} ${content}\n}\n` : `${selector} ${content}\n`; return header + body; }, }; -type Typgraphy = { - fontWeight: string; - fontSize: string; - lineHeight: number; - fontFamily: string; -}; - -type ProcessedTokens = { variables: string[]; classes: string[] }; - -const sortByType = R.sortBy((token) => token?.$type === 'typography'); -const getVariableName = R.pipe( - R.split(':'), - R.head, - R.defaultTo(''), - R.trim, - (name) => `var(${name})`, -); - -const bemify = R.pipe( - (path: string[]) => { - const filteredPath = path.filter((p) => p !== 'typography'); - const withPrefix = R.concat([prefix], R.remove(0, 0, filteredPath)); - const [rest, last] = R.splitAt(-1, withPrefix); - - const className = `${rest.join('-')}--${R.head(last)}`; - return className; - }, - R.trim, - R.toLower, -); - -const classSelector = R.pipe(R.prop('path'), bemify); -const sortTypographyLast = R.sortWith([ - R.ascend((token) => (typeEquals('typography')(token) ? 1 : 0)), -]); - export const typography: Format = { name: 'ds/css-typography', format: async ({ dictionary, file, options, platform }) => { @@ -136,78 +99,9 @@ export const typography: Format = { usesDtcg, }); - const sortedTokens = sortTypographyLast(dictionary.allTokens); - - const formattedTokens = R.pipe( - sortByType, - R.reduce( - (acc, token) => { - if (typeEquals('fontweight', token)) { - const className = ` - .${classSelector(token)} { - font-weight: ${getValue(token)}; - }`; - - return Object.assign(acc, { - variables: [...acc.variables, format(token)], - classes: [...acc.classes, className], - }); - } - - if (typeEquals('lineheight', token)) { - const className = ` - .${classSelector(token)} { - line-height: ${getValue(token)}; - }`; - - return Object.assign(acc, { - variables: [...acc.variables, format(token)], - classes: [...acc.classes, className], - }); - } - - if (typeEquals('typography', token)) { - let references: TransformedToken[] = []; - try { - references = getReferences(getValue(token.original), dictionary.tokens); - } catch (error) { - console.error('Error getting references', error); - throw new Error(JSON.stringify(token, null, 2)); - } - const fontweight = R.find(typeEquals(['fontweight']))(references); - const lineheight = R.find(typeEquals(['lineheight']))(references); - const fontsize = R.find(typeEquals(['fontsize']))(references); - const letterSpacing = R.find(typeEquals(['dimension']))(references); - - const fontSizeVar = fontsize ? getVariableName(format(fontsize)) : null; - const fontWeightVar = fontweight ? getVariableName(format(fontweight)) : null; - const lineheightVar = lineheight ? getVariableName(format(lineheight)) : null; - const letterSpacingVar = letterSpacing ? getVariableName(format(letterSpacing)) : null; - - const className = ` - .${classSelector(token)} { - ${fontSizeVar ? `font-size: ${fontSizeVar};` : ''} - ${lineheightVar ? `line-height: ${lineheightVar};` : ''} - ${fontWeightVar ? `font-weight: ${fontWeightVar};` : ''} - ${letterSpacingVar ? `letter-spacing: ${letterSpacingVar};` : ''} - }`; - - return Object.assign(acc, { - classes: [className, ...acc.classes], - variables: [...acc.variables, format(token)], - }); - } - - return Object.assign(acc, { variables: [...acc.variables, format(token)] }); - }, - { variables: [], classes: [] }, - ), - )(sortedTokens); - - // const classes = formattedTokens.classes.join('\n'); - const classes = ''; - const variables = formattedTokens.variables.join('\n'); - const content = selector ? `${selector} {\n${variables}\n}` : classes; + const formattedTokens = R.pipe(R.map(format), R.join('\n'))(dictionary.allTokens); + + const content = selector ? `${selector} {\n${formattedTokens}\n}` : formattedTokens; const body = R.isNotNil(layer) ? `@layer ${layer} {\n${content}\n}` : content; return header + body; diff --git a/packages/cli/src/tokens/build/transformers.ts b/packages/cli/src/tokens/build/transformers.ts index f98b05a2c3..8d28c57c8d 100644 --- a/packages/cli/src/tokens/build/transformers.ts +++ b/packages/cli/src/tokens/build/transformers.ts @@ -61,3 +61,14 @@ export const typographyShorthand: Transform = { return `${typography.fontWeight} ${typography.fontSize}/${typography.lineHeight} '${typography.fontFamily}'`; }, }; + +export const typographyName: Transform = { + name: 'name/typography', + type: 'name', + transitive: true, + filter: (token) => typeEquals('typography', token), + transform: (token) => { + console.log(token); + return token.name.replace('-typography', ''); + }, +}; diff --git a/packages/theme/brand/altinn.css b/packages/theme/brand/altinn.css index accd989a8c..c7b07d4d71 100644 --- a/packages/theme/brand/altinn.css +++ b/packages/theme/brand/altinn.css @@ -310,7 +310,8 @@ --ds-color-warning-contrast-subtle: var(--ds-global-orange-contrast-2); --ds-color-focus-inner: #fefefe; --ds-color-focus-outer: #002d54; -color-scheme: light; + + color-scheme: light; } @media (prefers-color-scheme: light) { @@ -617,7 +618,8 @@ color-scheme: light; --ds-color-warning-contrast-subtle: var(--ds-global-orange-contrast-2); --ds-color-focus-inner: #fefefe; --ds-color-focus-outer: #002d54; -color-scheme: light; + + color-scheme: light; } } @@ -789,37 +791,37 @@ color-scheme: light; @layer ds.theme.semantic { :root { - --ds-typography-heading-2xl: 500 3.75rem/1.3 'Helvetica Neue'; - --ds-typography-heading-xl: 500 3rem/1.3 'Helvetica Neue'; - --ds-typography-heading-lg: 500 2.25rem/1.3 'Helvetica Neue'; - --ds-typography-heading-md: 500 1.875rem/1.3 'Helvetica Neue'; - --ds-typography-heading-sm: 500 1.5rem/1.3 'Helvetica Neue'; - --ds-typography-heading-xs: 500 1.3125rem/1.3 'Helvetica Neue'; - --ds-typography-heading-2xs: 500 1.125rem/1.3 'Helvetica Neue'; - --ds-typography-ingress-lg: 400 1.875rem/1.7 'Helvetica Neue'; - --ds-typography-ingress-md: 400 1.5rem/1.7 'Helvetica Neue'; - --ds-typography-ingress-sm: 400 1.3125rem/1.7 'Helvetica Neue'; - --ds-typography-ingress-xs: 400 1.125rem/1.7 'Helvetica Neue'; - --ds-typography-paragraph-lg: 400 1.3125rem/1.5 'Helvetica Neue'; - --ds-typography-paragraph-md: 400 1.125rem/1.5 'Helvetica Neue'; - --ds-typography-paragraph-sm: 400 1rem/1.5 'Helvetica Neue'; - --ds-typography-paragraph-xs: 400 0.875rem/1.5 'Helvetica Neue'; - --ds-typography-paragraph-short-lg: 400 1.3125rem/1.3 'Helvetica Neue'; - --ds-typography-paragraph-short-md: 400 1.125rem/1.3 'Helvetica Neue'; - --ds-typography-paragraph-short-sm: 400 1rem/1.3 'Helvetica Neue'; - --ds-typography-paragraph-short-xs: 400 0.875rem/1.3 'Helvetica Neue'; - --ds-typography-paragraph-long-lg: 400 1.3125rem/1.7 'Helvetica Neue'; - --ds-typography-paragraph-long-md: 400 1.125rem/1.7 'Helvetica Neue'; - --ds-typography-paragraph-long-sm: 400 1rem/1.7 'Helvetica Neue'; - --ds-typography-paragraph-long-xs: 400 0.875rem/1.7 'Helvetica Neue'; - --ds-typography-label-lg: 500 1.3125rem/1.3 'Helvetica Neue'; - --ds-typography-label-md: 500 1.125rem/1.3 'Helvetica Neue'; - --ds-typography-label-sm: 500 1rem/1.3 'Helvetica Neue'; - --ds-typography-label-xs: 500 0.875rem/1.3 'Helvetica Neue'; - --ds-typography-error_message-lg: 400 1.3125rem/1.3 'Helvetica Neue'; - --ds-typography-error_message-md: 400 1.125rem/1.3 'Helvetica Neue'; - --ds-typography-error_message-sm: 400 1rem/1.3 'Helvetica Neue'; - --ds-typography-error_message-xs: 400 0.875rem/1.3 'Helvetica Neue'; + --ds-heading-2xl: 500 3.75rem/1.3 'Helvetica Neue'; + --ds-heading-xl: 500 3rem/1.3 'Helvetica Neue'; + --ds-heading-lg: 500 2.25rem/1.3 'Helvetica Neue'; + --ds-heading-md: 500 1.875rem/1.3 'Helvetica Neue'; + --ds-heading-sm: 500 1.5rem/1.3 'Helvetica Neue'; + --ds-heading-xs: 500 1.3125rem/1.3 'Helvetica Neue'; + --ds-heading-2xs: 500 1.125rem/1.3 'Helvetica Neue'; + --ds-ingress-lg: 400 1.875rem/1.7 'Helvetica Neue'; + --ds-ingress-md: 400 1.5rem/1.7 'Helvetica Neue'; + --ds-ingress-sm: 400 1.3125rem/1.7 'Helvetica Neue'; + --ds-ingress-xs: 400 1.125rem/1.7 'Helvetica Neue'; + --ds-paragraph-lg: 400 1.3125rem/1.5 'Helvetica Neue'; + --ds-paragraph-md: 400 1.125rem/1.5 'Helvetica Neue'; + --ds-paragraph-sm: 400 1rem/1.5 'Helvetica Neue'; + --ds-paragraph-xs: 400 0.875rem/1.5 'Helvetica Neue'; + --ds-paragraph-short-lg: 400 1.3125rem/1.3 'Helvetica Neue'; + --ds-paragraph-short-md: 400 1.125rem/1.3 'Helvetica Neue'; + --ds-paragraph-short-sm: 400 1rem/1.3 'Helvetica Neue'; + --ds-paragraph-short-xs: 400 0.875rem/1.3 'Helvetica Neue'; + --ds-paragraph-long-lg: 400 1.3125rem/1.7 'Helvetica Neue'; + --ds-paragraph-long-md: 400 1.125rem/1.7 'Helvetica Neue'; + --ds-paragraph-long-sm: 400 1rem/1.7 'Helvetica Neue'; + --ds-paragraph-long-xs: 400 0.875rem/1.7 'Helvetica Neue'; + --ds-label-lg: 500 1.3125rem/1.3 'Helvetica Neue'; + --ds-label-md: 500 1.125rem/1.3 'Helvetica Neue'; + --ds-label-sm: 500 1rem/1.3 'Helvetica Neue'; + --ds-label-xs: 500 0.875rem/1.3 'Helvetica Neue'; + --ds-error_message-lg: 400 1.3125rem/1.3 'Helvetica Neue'; + --ds-error_message-md: 400 1.125rem/1.3 'Helvetica Neue'; + --ds-error_message-sm: 400 1rem/1.3 'Helvetica Neue'; + --ds-error_message-xs: 400 0.875rem/1.3 'Helvetica Neue'; --ds-disabled-opacity: 30%; --ds-border-radius-sm: calc(var(--ds-border-radius-base)*0.5); --ds-border-radius-md: calc(var(--ds-border-radius-base)*1); @@ -1191,7 +1193,8 @@ color-scheme: light; --ds-color-warning-contrast-subtle: var(--ds-global-orange-contrast-2); --ds-color-focus-inner: #131c27; --ds-color-focus-outer: #d1e3f3; -color-scheme: dark; + + color-scheme: dark; } @media (prefers-color-scheme: dark) { @@ -1498,7 +1501,8 @@ color-scheme: dark; --ds-color-warning-contrast-subtle: var(--ds-global-orange-contrast-2); --ds-color-focus-inner: #131c27; --ds-color-focus-outer: #d1e3f3; -color-scheme: dark; + + color-scheme: dark; } } diff --git a/packages/theme/brand/altinn/color-mode/dark.css b/packages/theme/brand/altinn/color-mode/dark.css index 1bbbe6273a..bf219fb8e5 100644 --- a/packages/theme/brand/altinn/color-mode/dark.css +++ b/packages/theme/brand/altinn/color-mode/dark.css @@ -306,7 +306,8 @@ --ds-color-warning-contrast-subtle: var(--ds-global-orange-contrast-2); --ds-color-focus-inner: #131c27; --ds-color-focus-outer: #d1e3f3; -color-scheme: dark; + + color-scheme: dark; } @media (prefers-color-scheme: dark) { @@ -613,7 +614,8 @@ color-scheme: dark; --ds-color-warning-contrast-subtle: var(--ds-global-orange-contrast-2); --ds-color-focus-inner: #131c27; --ds-color-focus-outer: #d1e3f3; -color-scheme: dark; + + color-scheme: dark; } } diff --git a/packages/theme/brand/altinn/color-mode/light.css b/packages/theme/brand/altinn/color-mode/light.css index 24d9e58ed3..da42bac7e2 100644 --- a/packages/theme/brand/altinn/color-mode/light.css +++ b/packages/theme/brand/altinn/color-mode/light.css @@ -306,7 +306,8 @@ --ds-color-warning-contrast-subtle: var(--ds-global-orange-contrast-2); --ds-color-focus-inner: #fefefe; --ds-color-focus-outer: #002d54; -color-scheme: light; + + color-scheme: light; } @media (prefers-color-scheme: light) { @@ -613,7 +614,8 @@ color-scheme: light; --ds-color-warning-contrast-subtle: var(--ds-global-orange-contrast-2); --ds-color-focus-inner: #fefefe; --ds-color-focus-outer: #002d54; -color-scheme: light; + + color-scheme: light; } } diff --git a/packages/theme/brand/altinn/semantic.css b/packages/theme/brand/altinn/semantic.css index f0493a7b8d..ae9579ee8d 100644 --- a/packages/theme/brand/altinn/semantic.css +++ b/packages/theme/brand/altinn/semantic.css @@ -4,37 +4,37 @@ @layer ds.theme.semantic { :root { - --ds-typography-heading-2xl: 500 3.75rem/1.3 'Helvetica Neue'; - --ds-typography-heading-xl: 500 3rem/1.3 'Helvetica Neue'; - --ds-typography-heading-lg: 500 2.25rem/1.3 'Helvetica Neue'; - --ds-typography-heading-md: 500 1.875rem/1.3 'Helvetica Neue'; - --ds-typography-heading-sm: 500 1.5rem/1.3 'Helvetica Neue'; - --ds-typography-heading-xs: 500 1.3125rem/1.3 'Helvetica Neue'; - --ds-typography-heading-2xs: 500 1.125rem/1.3 'Helvetica Neue'; - --ds-typography-ingress-lg: 400 1.875rem/1.7 'Helvetica Neue'; - --ds-typography-ingress-md: 400 1.5rem/1.7 'Helvetica Neue'; - --ds-typography-ingress-sm: 400 1.3125rem/1.7 'Helvetica Neue'; - --ds-typography-ingress-xs: 400 1.125rem/1.7 'Helvetica Neue'; - --ds-typography-paragraph-lg: 400 1.3125rem/1.5 'Helvetica Neue'; - --ds-typography-paragraph-md: 400 1.125rem/1.5 'Helvetica Neue'; - --ds-typography-paragraph-sm: 400 1rem/1.5 'Helvetica Neue'; - --ds-typography-paragraph-xs: 400 0.875rem/1.5 'Helvetica Neue'; - --ds-typography-paragraph-short-lg: 400 1.3125rem/1.3 'Helvetica Neue'; - --ds-typography-paragraph-short-md: 400 1.125rem/1.3 'Helvetica Neue'; - --ds-typography-paragraph-short-sm: 400 1rem/1.3 'Helvetica Neue'; - --ds-typography-paragraph-short-xs: 400 0.875rem/1.3 'Helvetica Neue'; - --ds-typography-paragraph-long-lg: 400 1.3125rem/1.7 'Helvetica Neue'; - --ds-typography-paragraph-long-md: 400 1.125rem/1.7 'Helvetica Neue'; - --ds-typography-paragraph-long-sm: 400 1rem/1.7 'Helvetica Neue'; - --ds-typography-paragraph-long-xs: 400 0.875rem/1.7 'Helvetica Neue'; - --ds-typography-label-lg: 500 1.3125rem/1.3 'Helvetica Neue'; - --ds-typography-label-md: 500 1.125rem/1.3 'Helvetica Neue'; - --ds-typography-label-sm: 500 1rem/1.3 'Helvetica Neue'; - --ds-typography-label-xs: 500 0.875rem/1.3 'Helvetica Neue'; - --ds-typography-error_message-lg: 400 1.3125rem/1.3 'Helvetica Neue'; - --ds-typography-error_message-md: 400 1.125rem/1.3 'Helvetica Neue'; - --ds-typography-error_message-sm: 400 1rem/1.3 'Helvetica Neue'; - --ds-typography-error_message-xs: 400 0.875rem/1.3 'Helvetica Neue'; + --ds-heading-2xl: 500 3.75rem/1.3 'Helvetica Neue'; + --ds-heading-xl: 500 3rem/1.3 'Helvetica Neue'; + --ds-heading-lg: 500 2.25rem/1.3 'Helvetica Neue'; + --ds-heading-md: 500 1.875rem/1.3 'Helvetica Neue'; + --ds-heading-sm: 500 1.5rem/1.3 'Helvetica Neue'; + --ds-heading-xs: 500 1.3125rem/1.3 'Helvetica Neue'; + --ds-heading-2xs: 500 1.125rem/1.3 'Helvetica Neue'; + --ds-ingress-lg: 400 1.875rem/1.7 'Helvetica Neue'; + --ds-ingress-md: 400 1.5rem/1.7 'Helvetica Neue'; + --ds-ingress-sm: 400 1.3125rem/1.7 'Helvetica Neue'; + --ds-ingress-xs: 400 1.125rem/1.7 'Helvetica Neue'; + --ds-paragraph-lg: 400 1.3125rem/1.5 'Helvetica Neue'; + --ds-paragraph-md: 400 1.125rem/1.5 'Helvetica Neue'; + --ds-paragraph-sm: 400 1rem/1.5 'Helvetica Neue'; + --ds-paragraph-xs: 400 0.875rem/1.5 'Helvetica Neue'; + --ds-paragraph-short-lg: 400 1.3125rem/1.3 'Helvetica Neue'; + --ds-paragraph-short-md: 400 1.125rem/1.3 'Helvetica Neue'; + --ds-paragraph-short-sm: 400 1rem/1.3 'Helvetica Neue'; + --ds-paragraph-short-xs: 400 0.875rem/1.3 'Helvetica Neue'; + --ds-paragraph-long-lg: 400 1.3125rem/1.7 'Helvetica Neue'; + --ds-paragraph-long-md: 400 1.125rem/1.7 'Helvetica Neue'; + --ds-paragraph-long-sm: 400 1rem/1.7 'Helvetica Neue'; + --ds-paragraph-long-xs: 400 0.875rem/1.7 'Helvetica Neue'; + --ds-label-lg: 500 1.3125rem/1.3 'Helvetica Neue'; + --ds-label-md: 500 1.125rem/1.3 'Helvetica Neue'; + --ds-label-sm: 500 1rem/1.3 'Helvetica Neue'; + --ds-label-xs: 500 0.875rem/1.3 'Helvetica Neue'; + --ds-error_message-lg: 400 1.3125rem/1.3 'Helvetica Neue'; + --ds-error_message-md: 400 1.125rem/1.3 'Helvetica Neue'; + --ds-error_message-sm: 400 1rem/1.3 'Helvetica Neue'; + --ds-error_message-xs: 400 0.875rem/1.3 'Helvetica Neue'; --ds-disabled-opacity: 30%; --ds-border-radius-sm: calc(var(--ds-border-radius-base)*0.5); --ds-border-radius-md: calc(var(--ds-border-radius-base)*1); diff --git a/packages/theme/brand/digdir.css b/packages/theme/brand/digdir.css index 587ed380e0..026d3794cc 100644 --- a/packages/theme/brand/digdir.css +++ b/packages/theme/brand/digdir.css @@ -310,7 +310,8 @@ --ds-color-warning-contrast-subtle: var(--ds-global-orange-contrast-2); --ds-color-focus-inner: #fefefe; --ds-color-focus-outer: #002d54; -color-scheme: light; + + color-scheme: light; } @media (prefers-color-scheme: light) { @@ -617,7 +618,8 @@ color-scheme: light; --ds-color-warning-contrast-subtle: var(--ds-global-orange-contrast-2); --ds-color-focus-inner: #fefefe; --ds-color-focus-outer: #002d54; -color-scheme: light; + + color-scheme: light; } } @@ -789,37 +791,37 @@ color-scheme: light; @layer ds.theme.semantic { :root { - --ds-typography-heading-2xl: 500 3.75rem/1.3 'Inter'; - --ds-typography-heading-xl: 500 3rem/1.3 'Inter'; - --ds-typography-heading-lg: 500 2.25rem/1.3 'Inter'; - --ds-typography-heading-md: 500 1.875rem/1.3 'Inter'; - --ds-typography-heading-sm: 500 1.5rem/1.3 'Inter'; - --ds-typography-heading-xs: 500 1.3125rem/1.3 'Inter'; - --ds-typography-heading-2xs: 500 1.125rem/1.3 'Inter'; - --ds-typography-ingress-lg: 400 1.875rem/1.7 'Inter'; - --ds-typography-ingress-md: 400 1.5rem/1.7 'Inter'; - --ds-typography-ingress-sm: 400 1.3125rem/1.7 'Inter'; - --ds-typography-ingress-xs: 400 1.125rem/1.7 'Inter'; - --ds-typography-paragraph-lg: 400 1.3125rem/1.5 'Inter'; - --ds-typography-paragraph-md: 400 1.125rem/1.5 'Inter'; - --ds-typography-paragraph-sm: 400 1rem/1.5 'Inter'; - --ds-typography-paragraph-xs: 400 0.875rem/1.5 'Inter'; - --ds-typography-paragraph-short-lg: 400 1.3125rem/1.3 'Inter'; - --ds-typography-paragraph-short-md: 400 1.125rem/1.3 'Inter'; - --ds-typography-paragraph-short-sm: 400 1rem/1.3 'Inter'; - --ds-typography-paragraph-short-xs: 400 0.875rem/1.3 'Inter'; - --ds-typography-paragraph-long-lg: 400 1.3125rem/1.7 'Inter'; - --ds-typography-paragraph-long-md: 400 1.125rem/1.7 'Inter'; - --ds-typography-paragraph-long-sm: 400 1rem/1.7 'Inter'; - --ds-typography-paragraph-long-xs: 400 0.875rem/1.7 'Inter'; - --ds-typography-label-lg: 500 1.3125rem/1.3 'Inter'; - --ds-typography-label-md: 500 1.125rem/1.3 'Inter'; - --ds-typography-label-sm: 500 1rem/1.3 'Inter'; - --ds-typography-label-xs: 500 0.875rem/1.3 'Inter'; - --ds-typography-error_message-lg: 400 1.3125rem/1.3 'Inter'; - --ds-typography-error_message-md: 400 1.125rem/1.3 'Inter'; - --ds-typography-error_message-sm: 400 1rem/1.3 'Inter'; - --ds-typography-error_message-xs: 400 0.875rem/1.3 'Inter'; + --ds-heading-2xl: 500 3.75rem/1.3 'Inter'; + --ds-heading-xl: 500 3rem/1.3 'Inter'; + --ds-heading-lg: 500 2.25rem/1.3 'Inter'; + --ds-heading-md: 500 1.875rem/1.3 'Inter'; + --ds-heading-sm: 500 1.5rem/1.3 'Inter'; + --ds-heading-xs: 500 1.3125rem/1.3 'Inter'; + --ds-heading-2xs: 500 1.125rem/1.3 'Inter'; + --ds-ingress-lg: 400 1.875rem/1.7 'Inter'; + --ds-ingress-md: 400 1.5rem/1.7 'Inter'; + --ds-ingress-sm: 400 1.3125rem/1.7 'Inter'; + --ds-ingress-xs: 400 1.125rem/1.7 'Inter'; + --ds-paragraph-lg: 400 1.3125rem/1.5 'Inter'; + --ds-paragraph-md: 400 1.125rem/1.5 'Inter'; + --ds-paragraph-sm: 400 1rem/1.5 'Inter'; + --ds-paragraph-xs: 400 0.875rem/1.5 'Inter'; + --ds-paragraph-short-lg: 400 1.3125rem/1.3 'Inter'; + --ds-paragraph-short-md: 400 1.125rem/1.3 'Inter'; + --ds-paragraph-short-sm: 400 1rem/1.3 'Inter'; + --ds-paragraph-short-xs: 400 0.875rem/1.3 'Inter'; + --ds-paragraph-long-lg: 400 1.3125rem/1.7 'Inter'; + --ds-paragraph-long-md: 400 1.125rem/1.7 'Inter'; + --ds-paragraph-long-sm: 400 1rem/1.7 'Inter'; + --ds-paragraph-long-xs: 400 0.875rem/1.7 'Inter'; + --ds-label-lg: 500 1.3125rem/1.3 'Inter'; + --ds-label-md: 500 1.125rem/1.3 'Inter'; + --ds-label-sm: 500 1rem/1.3 'Inter'; + --ds-label-xs: 500 0.875rem/1.3 'Inter'; + --ds-error_message-lg: 400 1.3125rem/1.3 'Inter'; + --ds-error_message-md: 400 1.125rem/1.3 'Inter'; + --ds-error_message-sm: 400 1rem/1.3 'Inter'; + --ds-error_message-xs: 400 0.875rem/1.3 'Inter'; --ds-disabled-opacity: 30%; --ds-border-radius-sm: calc(var(--ds-border-radius-base)*0.5); --ds-border-radius-md: calc(var(--ds-border-radius-base)*1); @@ -1191,7 +1193,8 @@ color-scheme: light; --ds-color-warning-contrast-subtle: var(--ds-global-orange-contrast-2); --ds-color-focus-inner: #131c27; --ds-color-focus-outer: #d1e3f3; -color-scheme: dark; + + color-scheme: dark; } @media (prefers-color-scheme: dark) { @@ -1498,7 +1501,8 @@ color-scheme: dark; --ds-color-warning-contrast-subtle: var(--ds-global-orange-contrast-2); --ds-color-focus-inner: #131c27; --ds-color-focus-outer: #d1e3f3; -color-scheme: dark; + + color-scheme: dark; } } diff --git a/packages/theme/brand/digdir/color-mode/dark.css b/packages/theme/brand/digdir/color-mode/dark.css index b82b21054c..5d23fe7797 100644 --- a/packages/theme/brand/digdir/color-mode/dark.css +++ b/packages/theme/brand/digdir/color-mode/dark.css @@ -306,7 +306,8 @@ --ds-color-warning-contrast-subtle: var(--ds-global-orange-contrast-2); --ds-color-focus-inner: #131c27; --ds-color-focus-outer: #d1e3f3; -color-scheme: dark; + + color-scheme: dark; } @media (prefers-color-scheme: dark) { @@ -613,7 +614,8 @@ color-scheme: dark; --ds-color-warning-contrast-subtle: var(--ds-global-orange-contrast-2); --ds-color-focus-inner: #131c27; --ds-color-focus-outer: #d1e3f3; -color-scheme: dark; + + color-scheme: dark; } } diff --git a/packages/theme/brand/digdir/color-mode/light.css b/packages/theme/brand/digdir/color-mode/light.css index 019fc43f54..b6e02646a8 100644 --- a/packages/theme/brand/digdir/color-mode/light.css +++ b/packages/theme/brand/digdir/color-mode/light.css @@ -306,7 +306,8 @@ --ds-color-warning-contrast-subtle: var(--ds-global-orange-contrast-2); --ds-color-focus-inner: #fefefe; --ds-color-focus-outer: #002d54; -color-scheme: light; + + color-scheme: light; } @media (prefers-color-scheme: light) { @@ -613,7 +614,8 @@ color-scheme: light; --ds-color-warning-contrast-subtle: var(--ds-global-orange-contrast-2); --ds-color-focus-inner: #fefefe; --ds-color-focus-outer: #002d54; -color-scheme: light; + + color-scheme: light; } } diff --git a/packages/theme/brand/digdir/semantic.css b/packages/theme/brand/digdir/semantic.css index 67246fa1ce..9bf9cd4167 100644 --- a/packages/theme/brand/digdir/semantic.css +++ b/packages/theme/brand/digdir/semantic.css @@ -4,37 +4,37 @@ @layer ds.theme.semantic { :root { - --ds-typography-heading-2xl: 500 3.75rem/1.3 'Inter'; - --ds-typography-heading-xl: 500 3rem/1.3 'Inter'; - --ds-typography-heading-lg: 500 2.25rem/1.3 'Inter'; - --ds-typography-heading-md: 500 1.875rem/1.3 'Inter'; - --ds-typography-heading-sm: 500 1.5rem/1.3 'Inter'; - --ds-typography-heading-xs: 500 1.3125rem/1.3 'Inter'; - --ds-typography-heading-2xs: 500 1.125rem/1.3 'Inter'; - --ds-typography-ingress-lg: 400 1.875rem/1.7 'Inter'; - --ds-typography-ingress-md: 400 1.5rem/1.7 'Inter'; - --ds-typography-ingress-sm: 400 1.3125rem/1.7 'Inter'; - --ds-typography-ingress-xs: 400 1.125rem/1.7 'Inter'; - --ds-typography-paragraph-lg: 400 1.3125rem/1.5 'Inter'; - --ds-typography-paragraph-md: 400 1.125rem/1.5 'Inter'; - --ds-typography-paragraph-sm: 400 1rem/1.5 'Inter'; - --ds-typography-paragraph-xs: 400 0.875rem/1.5 'Inter'; - --ds-typography-paragraph-short-lg: 400 1.3125rem/1.3 'Inter'; - --ds-typography-paragraph-short-md: 400 1.125rem/1.3 'Inter'; - --ds-typography-paragraph-short-sm: 400 1rem/1.3 'Inter'; - --ds-typography-paragraph-short-xs: 400 0.875rem/1.3 'Inter'; - --ds-typography-paragraph-long-lg: 400 1.3125rem/1.7 'Inter'; - --ds-typography-paragraph-long-md: 400 1.125rem/1.7 'Inter'; - --ds-typography-paragraph-long-sm: 400 1rem/1.7 'Inter'; - --ds-typography-paragraph-long-xs: 400 0.875rem/1.7 'Inter'; - --ds-typography-label-lg: 500 1.3125rem/1.3 'Inter'; - --ds-typography-label-md: 500 1.125rem/1.3 'Inter'; - --ds-typography-label-sm: 500 1rem/1.3 'Inter'; - --ds-typography-label-xs: 500 0.875rem/1.3 'Inter'; - --ds-typography-error_message-lg: 400 1.3125rem/1.3 'Inter'; - --ds-typography-error_message-md: 400 1.125rem/1.3 'Inter'; - --ds-typography-error_message-sm: 400 1rem/1.3 'Inter'; - --ds-typography-error_message-xs: 400 0.875rem/1.3 'Inter'; + --ds-heading-2xl: 500 3.75rem/1.3 'Inter'; + --ds-heading-xl: 500 3rem/1.3 'Inter'; + --ds-heading-lg: 500 2.25rem/1.3 'Inter'; + --ds-heading-md: 500 1.875rem/1.3 'Inter'; + --ds-heading-sm: 500 1.5rem/1.3 'Inter'; + --ds-heading-xs: 500 1.3125rem/1.3 'Inter'; + --ds-heading-2xs: 500 1.125rem/1.3 'Inter'; + --ds-ingress-lg: 400 1.875rem/1.7 'Inter'; + --ds-ingress-md: 400 1.5rem/1.7 'Inter'; + --ds-ingress-sm: 400 1.3125rem/1.7 'Inter'; + --ds-ingress-xs: 400 1.125rem/1.7 'Inter'; + --ds-paragraph-lg: 400 1.3125rem/1.5 'Inter'; + --ds-paragraph-md: 400 1.125rem/1.5 'Inter'; + --ds-paragraph-sm: 400 1rem/1.5 'Inter'; + --ds-paragraph-xs: 400 0.875rem/1.5 'Inter'; + --ds-paragraph-short-lg: 400 1.3125rem/1.3 'Inter'; + --ds-paragraph-short-md: 400 1.125rem/1.3 'Inter'; + --ds-paragraph-short-sm: 400 1rem/1.3 'Inter'; + --ds-paragraph-short-xs: 400 0.875rem/1.3 'Inter'; + --ds-paragraph-long-lg: 400 1.3125rem/1.7 'Inter'; + --ds-paragraph-long-md: 400 1.125rem/1.7 'Inter'; + --ds-paragraph-long-sm: 400 1rem/1.7 'Inter'; + --ds-paragraph-long-xs: 400 0.875rem/1.7 'Inter'; + --ds-label-lg: 500 1.3125rem/1.3 'Inter'; + --ds-label-md: 500 1.125rem/1.3 'Inter'; + --ds-label-sm: 500 1rem/1.3 'Inter'; + --ds-label-xs: 500 0.875rem/1.3 'Inter'; + --ds-error_message-lg: 400 1.3125rem/1.3 'Inter'; + --ds-error_message-md: 400 1.125rem/1.3 'Inter'; + --ds-error_message-sm: 400 1rem/1.3 'Inter'; + --ds-error_message-xs: 400 0.875rem/1.3 'Inter'; --ds-disabled-opacity: 30%; --ds-border-radius-sm: calc(var(--ds-border-radius-base)*0.5); --ds-border-radius-md: calc(var(--ds-border-radius-base)*1); diff --git a/packages/theme/brand/portal.css b/packages/theme/brand/portal.css index 2b5207d8e9..e48e60cb3c 100644 --- a/packages/theme/brand/portal.css +++ b/packages/theme/brand/portal.css @@ -310,7 +310,8 @@ --ds-color-warning-contrast-subtle: var(--ds-global-orange-contrast-2); --ds-color-focus-inner: #fefefe; --ds-color-focus-outer: #420e6a; -color-scheme: light; + + color-scheme: light; } @media (prefers-color-scheme: light) { @@ -617,7 +618,8 @@ color-scheme: light; --ds-color-warning-contrast-subtle: var(--ds-global-orange-contrast-2); --ds-color-focus-inner: #fefefe; --ds-color-focus-outer: #420e6a; -color-scheme: light; + + color-scheme: light; } } @@ -789,37 +791,37 @@ color-scheme: light; @layer ds.theme.semantic { :root { - --ds-typography-heading-2xl: 500 3.75rem/1.3 'Inter'; - --ds-typography-heading-xl: 500 3rem/1.3 'Inter'; - --ds-typography-heading-lg: 500 2.25rem/1.3 'Inter'; - --ds-typography-heading-md: 500 1.875rem/1.3 'Inter'; - --ds-typography-heading-sm: 500 1.5rem/1.3 'Inter'; - --ds-typography-heading-xs: 500 1.3125rem/1.3 'Inter'; - --ds-typography-heading-2xs: 500 1.125rem/1.3 'Inter'; - --ds-typography-ingress-lg: 400 1.875rem/1.7 'Inter'; - --ds-typography-ingress-md: 400 1.5rem/1.7 'Inter'; - --ds-typography-ingress-sm: 400 1.3125rem/1.7 'Inter'; - --ds-typography-ingress-xs: 400 1.125rem/1.7 'Inter'; - --ds-typography-paragraph-lg: 400 1.3125rem/1.5 'Inter'; - --ds-typography-paragraph-md: 400 1.125rem/1.5 'Inter'; - --ds-typography-paragraph-sm: 400 1rem/1.5 'Inter'; - --ds-typography-paragraph-xs: 400 0.875rem/1.5 'Inter'; - --ds-typography-paragraph-short-lg: 400 1.3125rem/1.3 'Inter'; - --ds-typography-paragraph-short-md: 400 1.125rem/1.3 'Inter'; - --ds-typography-paragraph-short-sm: 400 1rem/1.3 'Inter'; - --ds-typography-paragraph-short-xs: 400 0.875rem/1.3 'Inter'; - --ds-typography-paragraph-long-lg: 400 1.3125rem/1.7 'Inter'; - --ds-typography-paragraph-long-md: 400 1.125rem/1.7 'Inter'; - --ds-typography-paragraph-long-sm: 400 1rem/1.7 'Inter'; - --ds-typography-paragraph-long-xs: 400 0.875rem/1.7 'Inter'; - --ds-typography-label-lg: 500 1.3125rem/1.3 'Inter'; - --ds-typography-label-md: 500 1.125rem/1.3 'Inter'; - --ds-typography-label-sm: 500 1rem/1.3 'Inter'; - --ds-typography-label-xs: 500 0.875rem/1.3 'Inter'; - --ds-typography-error_message-lg: 400 1.3125rem/1.3 'Inter'; - --ds-typography-error_message-md: 400 1.125rem/1.3 'Inter'; - --ds-typography-error_message-sm: 400 1rem/1.3 'Inter'; - --ds-typography-error_message-xs: 400 0.875rem/1.3 'Inter'; + --ds-heading-2xl: 500 3.75rem/1.3 'Inter'; + --ds-heading-xl: 500 3rem/1.3 'Inter'; + --ds-heading-lg: 500 2.25rem/1.3 'Inter'; + --ds-heading-md: 500 1.875rem/1.3 'Inter'; + --ds-heading-sm: 500 1.5rem/1.3 'Inter'; + --ds-heading-xs: 500 1.3125rem/1.3 'Inter'; + --ds-heading-2xs: 500 1.125rem/1.3 'Inter'; + --ds-ingress-lg: 400 1.875rem/1.7 'Inter'; + --ds-ingress-md: 400 1.5rem/1.7 'Inter'; + --ds-ingress-sm: 400 1.3125rem/1.7 'Inter'; + --ds-ingress-xs: 400 1.125rem/1.7 'Inter'; + --ds-paragraph-lg: 400 1.3125rem/1.5 'Inter'; + --ds-paragraph-md: 400 1.125rem/1.5 'Inter'; + --ds-paragraph-sm: 400 1rem/1.5 'Inter'; + --ds-paragraph-xs: 400 0.875rem/1.5 'Inter'; + --ds-paragraph-short-lg: 400 1.3125rem/1.3 'Inter'; + --ds-paragraph-short-md: 400 1.125rem/1.3 'Inter'; + --ds-paragraph-short-sm: 400 1rem/1.3 'Inter'; + --ds-paragraph-short-xs: 400 0.875rem/1.3 'Inter'; + --ds-paragraph-long-lg: 400 1.3125rem/1.7 'Inter'; + --ds-paragraph-long-md: 400 1.125rem/1.7 'Inter'; + --ds-paragraph-long-sm: 400 1rem/1.7 'Inter'; + --ds-paragraph-long-xs: 400 0.875rem/1.7 'Inter'; + --ds-label-lg: 500 1.3125rem/1.3 'Inter'; + --ds-label-md: 500 1.125rem/1.3 'Inter'; + --ds-label-sm: 500 1rem/1.3 'Inter'; + --ds-label-xs: 500 0.875rem/1.3 'Inter'; + --ds-error_message-lg: 400 1.3125rem/1.3 'Inter'; + --ds-error_message-md: 400 1.125rem/1.3 'Inter'; + --ds-error_message-sm: 400 1rem/1.3 'Inter'; + --ds-error_message-xs: 400 0.875rem/1.3 'Inter'; --ds-disabled-opacity: 30%; --ds-border-radius-sm: calc(var(--ds-border-radius-base)*0.5); --ds-border-radius-md: calc(var(--ds-border-radius-base)*1); @@ -1191,7 +1193,8 @@ color-scheme: light; --ds-color-warning-contrast-subtle: var(--ds-global-orange-contrast-2); --ds-color-focus-inner: #131c27; --ds-color-focus-outer: #e8e0ee; -color-scheme: dark; + + color-scheme: dark; } @media (prefers-color-scheme: dark) { @@ -1498,7 +1501,8 @@ color-scheme: dark; --ds-color-warning-contrast-subtle: var(--ds-global-orange-contrast-2); --ds-color-focus-inner: #131c27; --ds-color-focus-outer: #e8e0ee; -color-scheme: dark; + + color-scheme: dark; } } diff --git a/packages/theme/brand/portal/color-mode/dark.css b/packages/theme/brand/portal/color-mode/dark.css index 41e13114a9..d809fa82da 100644 --- a/packages/theme/brand/portal/color-mode/dark.css +++ b/packages/theme/brand/portal/color-mode/dark.css @@ -306,7 +306,8 @@ --ds-color-warning-contrast-subtle: var(--ds-global-orange-contrast-2); --ds-color-focus-inner: #131c27; --ds-color-focus-outer: #e8e0ee; -color-scheme: dark; + + color-scheme: dark; } @media (prefers-color-scheme: dark) { @@ -613,7 +614,8 @@ color-scheme: dark; --ds-color-warning-contrast-subtle: var(--ds-global-orange-contrast-2); --ds-color-focus-inner: #131c27; --ds-color-focus-outer: #e8e0ee; -color-scheme: dark; + + color-scheme: dark; } } diff --git a/packages/theme/brand/portal/color-mode/light.css b/packages/theme/brand/portal/color-mode/light.css index 0cd3df4ae9..6d84c2b76c 100644 --- a/packages/theme/brand/portal/color-mode/light.css +++ b/packages/theme/brand/portal/color-mode/light.css @@ -306,7 +306,8 @@ --ds-color-warning-contrast-subtle: var(--ds-global-orange-contrast-2); --ds-color-focus-inner: #fefefe; --ds-color-focus-outer: #420e6a; -color-scheme: light; + + color-scheme: light; } @media (prefers-color-scheme: light) { @@ -613,7 +614,8 @@ color-scheme: light; --ds-color-warning-contrast-subtle: var(--ds-global-orange-contrast-2); --ds-color-focus-inner: #fefefe; --ds-color-focus-outer: #420e6a; -color-scheme: light; + + color-scheme: light; } } diff --git a/packages/theme/brand/portal/semantic.css b/packages/theme/brand/portal/semantic.css index 67246fa1ce..9bf9cd4167 100644 --- a/packages/theme/brand/portal/semantic.css +++ b/packages/theme/brand/portal/semantic.css @@ -4,37 +4,37 @@ @layer ds.theme.semantic { :root { - --ds-typography-heading-2xl: 500 3.75rem/1.3 'Inter'; - --ds-typography-heading-xl: 500 3rem/1.3 'Inter'; - --ds-typography-heading-lg: 500 2.25rem/1.3 'Inter'; - --ds-typography-heading-md: 500 1.875rem/1.3 'Inter'; - --ds-typography-heading-sm: 500 1.5rem/1.3 'Inter'; - --ds-typography-heading-xs: 500 1.3125rem/1.3 'Inter'; - --ds-typography-heading-2xs: 500 1.125rem/1.3 'Inter'; - --ds-typography-ingress-lg: 400 1.875rem/1.7 'Inter'; - --ds-typography-ingress-md: 400 1.5rem/1.7 'Inter'; - --ds-typography-ingress-sm: 400 1.3125rem/1.7 'Inter'; - --ds-typography-ingress-xs: 400 1.125rem/1.7 'Inter'; - --ds-typography-paragraph-lg: 400 1.3125rem/1.5 'Inter'; - --ds-typography-paragraph-md: 400 1.125rem/1.5 'Inter'; - --ds-typography-paragraph-sm: 400 1rem/1.5 'Inter'; - --ds-typography-paragraph-xs: 400 0.875rem/1.5 'Inter'; - --ds-typography-paragraph-short-lg: 400 1.3125rem/1.3 'Inter'; - --ds-typography-paragraph-short-md: 400 1.125rem/1.3 'Inter'; - --ds-typography-paragraph-short-sm: 400 1rem/1.3 'Inter'; - --ds-typography-paragraph-short-xs: 400 0.875rem/1.3 'Inter'; - --ds-typography-paragraph-long-lg: 400 1.3125rem/1.7 'Inter'; - --ds-typography-paragraph-long-md: 400 1.125rem/1.7 'Inter'; - --ds-typography-paragraph-long-sm: 400 1rem/1.7 'Inter'; - --ds-typography-paragraph-long-xs: 400 0.875rem/1.7 'Inter'; - --ds-typography-label-lg: 500 1.3125rem/1.3 'Inter'; - --ds-typography-label-md: 500 1.125rem/1.3 'Inter'; - --ds-typography-label-sm: 500 1rem/1.3 'Inter'; - --ds-typography-label-xs: 500 0.875rem/1.3 'Inter'; - --ds-typography-error_message-lg: 400 1.3125rem/1.3 'Inter'; - --ds-typography-error_message-md: 400 1.125rem/1.3 'Inter'; - --ds-typography-error_message-sm: 400 1rem/1.3 'Inter'; - --ds-typography-error_message-xs: 400 0.875rem/1.3 'Inter'; + --ds-heading-2xl: 500 3.75rem/1.3 'Inter'; + --ds-heading-xl: 500 3rem/1.3 'Inter'; + --ds-heading-lg: 500 2.25rem/1.3 'Inter'; + --ds-heading-md: 500 1.875rem/1.3 'Inter'; + --ds-heading-sm: 500 1.5rem/1.3 'Inter'; + --ds-heading-xs: 500 1.3125rem/1.3 'Inter'; + --ds-heading-2xs: 500 1.125rem/1.3 'Inter'; + --ds-ingress-lg: 400 1.875rem/1.7 'Inter'; + --ds-ingress-md: 400 1.5rem/1.7 'Inter'; + --ds-ingress-sm: 400 1.3125rem/1.7 'Inter'; + --ds-ingress-xs: 400 1.125rem/1.7 'Inter'; + --ds-paragraph-lg: 400 1.3125rem/1.5 'Inter'; + --ds-paragraph-md: 400 1.125rem/1.5 'Inter'; + --ds-paragraph-sm: 400 1rem/1.5 'Inter'; + --ds-paragraph-xs: 400 0.875rem/1.5 'Inter'; + --ds-paragraph-short-lg: 400 1.3125rem/1.3 'Inter'; + --ds-paragraph-short-md: 400 1.125rem/1.3 'Inter'; + --ds-paragraph-short-sm: 400 1rem/1.3 'Inter'; + --ds-paragraph-short-xs: 400 0.875rem/1.3 'Inter'; + --ds-paragraph-long-lg: 400 1.3125rem/1.7 'Inter'; + --ds-paragraph-long-md: 400 1.125rem/1.7 'Inter'; + --ds-paragraph-long-sm: 400 1rem/1.7 'Inter'; + --ds-paragraph-long-xs: 400 0.875rem/1.7 'Inter'; + --ds-label-lg: 500 1.3125rem/1.3 'Inter'; + --ds-label-md: 500 1.125rem/1.3 'Inter'; + --ds-label-sm: 500 1rem/1.3 'Inter'; + --ds-label-xs: 500 0.875rem/1.3 'Inter'; + --ds-error_message-lg: 400 1.3125rem/1.3 'Inter'; + --ds-error_message-md: 400 1.125rem/1.3 'Inter'; + --ds-error_message-sm: 400 1rem/1.3 'Inter'; + --ds-error_message-xs: 400 0.875rem/1.3 'Inter'; --ds-disabled-opacity: 30%; --ds-border-radius-sm: calc(var(--ds-border-radius-base)*0.5); --ds-border-radius-md: calc(var(--ds-border-radius-base)*1); diff --git a/packages/theme/brand/uutilsynet.css b/packages/theme/brand/uutilsynet.css index 75aea4497f..7741f5f546 100644 --- a/packages/theme/brand/uutilsynet.css +++ b/packages/theme/brand/uutilsynet.css @@ -310,7 +310,8 @@ --ds-color-warning-contrast-subtle: var(--ds-global-orange-contrast-2); --ds-color-focus-inner: #fefefe; --ds-color-focus-outer: #002d54; -color-scheme: light; + + color-scheme: light; } @media (prefers-color-scheme: light) { @@ -617,7 +618,8 @@ color-scheme: light; --ds-color-warning-contrast-subtle: var(--ds-global-orange-contrast-2); --ds-color-focus-inner: #fefefe; --ds-color-focus-outer: #002d54; -color-scheme: light; + + color-scheme: light; } } @@ -789,37 +791,37 @@ color-scheme: light; @layer ds.theme.semantic { :root { - --ds-typography-heading-2xl: 500 3.75rem/1.3 'Inter'; - --ds-typography-heading-xl: 500 3rem/1.3 'Inter'; - --ds-typography-heading-lg: 500 2.25rem/1.3 'Inter'; - --ds-typography-heading-md: 500 1.875rem/1.3 'Inter'; - --ds-typography-heading-sm: 500 1.5rem/1.3 'Inter'; - --ds-typography-heading-xs: 500 1.3125rem/1.3 'Inter'; - --ds-typography-heading-2xs: 500 1.125rem/1.3 'Inter'; - --ds-typography-ingress-lg: 400 1.875rem/1.7 'Inter'; - --ds-typography-ingress-md: 400 1.5rem/1.7 'Inter'; - --ds-typography-ingress-sm: 400 1.3125rem/1.7 'Inter'; - --ds-typography-ingress-xs: 400 1.125rem/1.7 'Inter'; - --ds-typography-paragraph-lg: 400 1.3125rem/1.5 'Inter'; - --ds-typography-paragraph-md: 400 1.125rem/1.5 'Inter'; - --ds-typography-paragraph-sm: 400 1rem/1.5 'Inter'; - --ds-typography-paragraph-xs: 400 0.875rem/1.5 'Inter'; - --ds-typography-paragraph-short-lg: 400 1.3125rem/1.3 'Inter'; - --ds-typography-paragraph-short-md: 400 1.125rem/1.3 'Inter'; - --ds-typography-paragraph-short-sm: 400 1rem/1.3 'Inter'; - --ds-typography-paragraph-short-xs: 400 0.875rem/1.3 'Inter'; - --ds-typography-paragraph-long-lg: 400 1.3125rem/1.7 'Inter'; - --ds-typography-paragraph-long-md: 400 1.125rem/1.7 'Inter'; - --ds-typography-paragraph-long-sm: 400 1rem/1.7 'Inter'; - --ds-typography-paragraph-long-xs: 400 0.875rem/1.7 'Inter'; - --ds-typography-label-lg: 500 1.3125rem/1.3 'Inter'; - --ds-typography-label-md: 500 1.125rem/1.3 'Inter'; - --ds-typography-label-sm: 500 1rem/1.3 'Inter'; - --ds-typography-label-xs: 500 0.875rem/1.3 'Inter'; - --ds-typography-error_message-lg: 400 1.3125rem/1.3 'Inter'; - --ds-typography-error_message-md: 400 1.125rem/1.3 'Inter'; - --ds-typography-error_message-sm: 400 1rem/1.3 'Inter'; - --ds-typography-error_message-xs: 400 0.875rem/1.3 'Inter'; + --ds-heading-2xl: 500 3.75rem/1.3 'Inter'; + --ds-heading-xl: 500 3rem/1.3 'Inter'; + --ds-heading-lg: 500 2.25rem/1.3 'Inter'; + --ds-heading-md: 500 1.875rem/1.3 'Inter'; + --ds-heading-sm: 500 1.5rem/1.3 'Inter'; + --ds-heading-xs: 500 1.3125rem/1.3 'Inter'; + --ds-heading-2xs: 500 1.125rem/1.3 'Inter'; + --ds-ingress-lg: 400 1.875rem/1.7 'Inter'; + --ds-ingress-md: 400 1.5rem/1.7 'Inter'; + --ds-ingress-sm: 400 1.3125rem/1.7 'Inter'; + --ds-ingress-xs: 400 1.125rem/1.7 'Inter'; + --ds-paragraph-lg: 400 1.3125rem/1.5 'Inter'; + --ds-paragraph-md: 400 1.125rem/1.5 'Inter'; + --ds-paragraph-sm: 400 1rem/1.5 'Inter'; + --ds-paragraph-xs: 400 0.875rem/1.5 'Inter'; + --ds-paragraph-short-lg: 400 1.3125rem/1.3 'Inter'; + --ds-paragraph-short-md: 400 1.125rem/1.3 'Inter'; + --ds-paragraph-short-sm: 400 1rem/1.3 'Inter'; + --ds-paragraph-short-xs: 400 0.875rem/1.3 'Inter'; + --ds-paragraph-long-lg: 400 1.3125rem/1.7 'Inter'; + --ds-paragraph-long-md: 400 1.125rem/1.7 'Inter'; + --ds-paragraph-long-sm: 400 1rem/1.7 'Inter'; + --ds-paragraph-long-xs: 400 0.875rem/1.7 'Inter'; + --ds-label-lg: 500 1.3125rem/1.3 'Inter'; + --ds-label-md: 500 1.125rem/1.3 'Inter'; + --ds-label-sm: 500 1rem/1.3 'Inter'; + --ds-label-xs: 500 0.875rem/1.3 'Inter'; + --ds-error_message-lg: 400 1.3125rem/1.3 'Inter'; + --ds-error_message-md: 400 1.125rem/1.3 'Inter'; + --ds-error_message-sm: 400 1rem/1.3 'Inter'; + --ds-error_message-xs: 400 0.875rem/1.3 'Inter'; --ds-disabled-opacity: 30%; --ds-border-radius-sm: calc(var(--ds-border-radius-base)*0.5); --ds-border-radius-md: calc(var(--ds-border-radius-base)*1); @@ -1191,7 +1193,8 @@ color-scheme: light; --ds-color-warning-contrast-subtle: var(--ds-global-orange-contrast-2); --ds-color-focus-inner: #131c27; --ds-color-focus-outer: #d1e3f3; -color-scheme: dark; + + color-scheme: dark; } @media (prefers-color-scheme: dark) { @@ -1498,7 +1501,8 @@ color-scheme: dark; --ds-color-warning-contrast-subtle: var(--ds-global-orange-contrast-2); --ds-color-focus-inner: #131c27; --ds-color-focus-outer: #d1e3f3; -color-scheme: dark; + + color-scheme: dark; } } diff --git a/packages/theme/brand/uutilsynet/color-mode/dark.css b/packages/theme/brand/uutilsynet/color-mode/dark.css index 13bd09cd1d..e0a24adc1a 100644 --- a/packages/theme/brand/uutilsynet/color-mode/dark.css +++ b/packages/theme/brand/uutilsynet/color-mode/dark.css @@ -306,7 +306,8 @@ --ds-color-warning-contrast-subtle: var(--ds-global-orange-contrast-2); --ds-color-focus-inner: #131c27; --ds-color-focus-outer: #d1e3f3; -color-scheme: dark; + + color-scheme: dark; } @media (prefers-color-scheme: dark) { @@ -613,7 +614,8 @@ color-scheme: dark; --ds-color-warning-contrast-subtle: var(--ds-global-orange-contrast-2); --ds-color-focus-inner: #131c27; --ds-color-focus-outer: #d1e3f3; -color-scheme: dark; + + color-scheme: dark; } } diff --git a/packages/theme/brand/uutilsynet/color-mode/light.css b/packages/theme/brand/uutilsynet/color-mode/light.css index 7f2d5e1567..eb35ef79b7 100644 --- a/packages/theme/brand/uutilsynet/color-mode/light.css +++ b/packages/theme/brand/uutilsynet/color-mode/light.css @@ -306,7 +306,8 @@ --ds-color-warning-contrast-subtle: var(--ds-global-orange-contrast-2); --ds-color-focus-inner: #fefefe; --ds-color-focus-outer: #002d54; -color-scheme: light; + + color-scheme: light; } @media (prefers-color-scheme: light) { @@ -613,7 +614,8 @@ color-scheme: light; --ds-color-warning-contrast-subtle: var(--ds-global-orange-contrast-2); --ds-color-focus-inner: #fefefe; --ds-color-focus-outer: #002d54; -color-scheme: light; + + color-scheme: light; } } diff --git a/packages/theme/brand/uutilsynet/semantic.css b/packages/theme/brand/uutilsynet/semantic.css index 67246fa1ce..9bf9cd4167 100644 --- a/packages/theme/brand/uutilsynet/semantic.css +++ b/packages/theme/brand/uutilsynet/semantic.css @@ -4,37 +4,37 @@ @layer ds.theme.semantic { :root { - --ds-typography-heading-2xl: 500 3.75rem/1.3 'Inter'; - --ds-typography-heading-xl: 500 3rem/1.3 'Inter'; - --ds-typography-heading-lg: 500 2.25rem/1.3 'Inter'; - --ds-typography-heading-md: 500 1.875rem/1.3 'Inter'; - --ds-typography-heading-sm: 500 1.5rem/1.3 'Inter'; - --ds-typography-heading-xs: 500 1.3125rem/1.3 'Inter'; - --ds-typography-heading-2xs: 500 1.125rem/1.3 'Inter'; - --ds-typography-ingress-lg: 400 1.875rem/1.7 'Inter'; - --ds-typography-ingress-md: 400 1.5rem/1.7 'Inter'; - --ds-typography-ingress-sm: 400 1.3125rem/1.7 'Inter'; - --ds-typography-ingress-xs: 400 1.125rem/1.7 'Inter'; - --ds-typography-paragraph-lg: 400 1.3125rem/1.5 'Inter'; - --ds-typography-paragraph-md: 400 1.125rem/1.5 'Inter'; - --ds-typography-paragraph-sm: 400 1rem/1.5 'Inter'; - --ds-typography-paragraph-xs: 400 0.875rem/1.5 'Inter'; - --ds-typography-paragraph-short-lg: 400 1.3125rem/1.3 'Inter'; - --ds-typography-paragraph-short-md: 400 1.125rem/1.3 'Inter'; - --ds-typography-paragraph-short-sm: 400 1rem/1.3 'Inter'; - --ds-typography-paragraph-short-xs: 400 0.875rem/1.3 'Inter'; - --ds-typography-paragraph-long-lg: 400 1.3125rem/1.7 'Inter'; - --ds-typography-paragraph-long-md: 400 1.125rem/1.7 'Inter'; - --ds-typography-paragraph-long-sm: 400 1rem/1.7 'Inter'; - --ds-typography-paragraph-long-xs: 400 0.875rem/1.7 'Inter'; - --ds-typography-label-lg: 500 1.3125rem/1.3 'Inter'; - --ds-typography-label-md: 500 1.125rem/1.3 'Inter'; - --ds-typography-label-sm: 500 1rem/1.3 'Inter'; - --ds-typography-label-xs: 500 0.875rem/1.3 'Inter'; - --ds-typography-error_message-lg: 400 1.3125rem/1.3 'Inter'; - --ds-typography-error_message-md: 400 1.125rem/1.3 'Inter'; - --ds-typography-error_message-sm: 400 1rem/1.3 'Inter'; - --ds-typography-error_message-xs: 400 0.875rem/1.3 'Inter'; + --ds-heading-2xl: 500 3.75rem/1.3 'Inter'; + --ds-heading-xl: 500 3rem/1.3 'Inter'; + --ds-heading-lg: 500 2.25rem/1.3 'Inter'; + --ds-heading-md: 500 1.875rem/1.3 'Inter'; + --ds-heading-sm: 500 1.5rem/1.3 'Inter'; + --ds-heading-xs: 500 1.3125rem/1.3 'Inter'; + --ds-heading-2xs: 500 1.125rem/1.3 'Inter'; + --ds-ingress-lg: 400 1.875rem/1.7 'Inter'; + --ds-ingress-md: 400 1.5rem/1.7 'Inter'; + --ds-ingress-sm: 400 1.3125rem/1.7 'Inter'; + --ds-ingress-xs: 400 1.125rem/1.7 'Inter'; + --ds-paragraph-lg: 400 1.3125rem/1.5 'Inter'; + --ds-paragraph-md: 400 1.125rem/1.5 'Inter'; + --ds-paragraph-sm: 400 1rem/1.5 'Inter'; + --ds-paragraph-xs: 400 0.875rem/1.5 'Inter'; + --ds-paragraph-short-lg: 400 1.3125rem/1.3 'Inter'; + --ds-paragraph-short-md: 400 1.125rem/1.3 'Inter'; + --ds-paragraph-short-sm: 400 1rem/1.3 'Inter'; + --ds-paragraph-short-xs: 400 0.875rem/1.3 'Inter'; + --ds-paragraph-long-lg: 400 1.3125rem/1.7 'Inter'; + --ds-paragraph-long-md: 400 1.125rem/1.7 'Inter'; + --ds-paragraph-long-sm: 400 1rem/1.7 'Inter'; + --ds-paragraph-long-xs: 400 0.875rem/1.7 'Inter'; + --ds-label-lg: 500 1.3125rem/1.3 'Inter'; + --ds-label-md: 500 1.125rem/1.3 'Inter'; + --ds-label-sm: 500 1rem/1.3 'Inter'; + --ds-label-xs: 500 0.875rem/1.3 'Inter'; + --ds-error_message-lg: 400 1.3125rem/1.3 'Inter'; + --ds-error_message-md: 400 1.125rem/1.3 'Inter'; + --ds-error_message-sm: 400 1rem/1.3 'Inter'; + --ds-error_message-xs: 400 0.875rem/1.3 'Inter'; --ds-disabled-opacity: 30%; --ds-border-radius-sm: calc(var(--ds-border-radius-base)*0.5); --ds-border-radius-md: calc(var(--ds-border-radius-base)*1); From a991efe74b77bc0d49e9bfdfae0bc1e45b5ac3e7 Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Tue, 17 Sep 2024 13:22:22 +0200 Subject: [PATCH 04/14] fix missing line-height --- packages/cli/src/tokens/build/configs.ts | 12 +--- packages/cli/src/tokens/build/transformers.ts | 1 - packages/theme/brand/altinn.css | 62 +++++++++++++++++++ .../theme/brand/altinn/typography/primary.css | 31 ++++++++++ .../brand/altinn/typography/secondary.css | 31 ++++++++++ packages/theme/brand/digdir.css | 62 +++++++++++++++++++ .../theme/brand/digdir/typography/primary.css | 31 ++++++++++ .../brand/digdir/typography/secondary.css | 31 ++++++++++ packages/theme/brand/portal.css | 62 +++++++++++++++++++ .../theme/brand/portal/typography/primary.css | 31 ++++++++++ .../brand/portal/typography/secondary.css | 31 ++++++++++ packages/theme/brand/uutilsynet.css | 62 +++++++++++++++++++ .../brand/uutilsynet/typography/primary.css | 31 ++++++++++ .../brand/uutilsynet/typography/secondary.css | 31 ++++++++++ 14 files changed, 498 insertions(+), 11 deletions(-) diff --git a/packages/cli/src/tokens/build/configs.ts b/packages/cli/src/tokens/build/configs.ts index 1f645ba0ab..c5b3529b6c 100644 --- a/packages/cli/src/tokens/build/configs.ts +++ b/packages/cli/src/tokens/build/configs.ts @@ -1,4 +1,4 @@ -import { register } from '@tokens-studio/sd-transforms'; +import { expandTypesMap, register } from '@tokens-studio/sd-transforms'; import type { ThemeObject } from '@tokens-studio/types'; import * as R from 'ramda'; import StyleDictionary from 'style-dictionary'; @@ -212,15 +212,7 @@ export const typographyVariables: GetConfig = ({ outPath, theme, typography }) = preprocessors: ['tokens-studio'], expand: { include: ['typography'], - // // more info about typesMap later... - // typesMap: { - // // all width props are mapped to 'dimension' type - // width: 'dimension', - // typography: { - // // fontSize prop is mapped to 'dimension' type if inside a typography composite type token - // fontSize: 'dimension', - // }, - // }, + typesMap: { ...expandTypesMap, typography: { ...expandTypesMap.typography, letterSpacing: 'dimension' } }, }, platforms: { css: { diff --git a/packages/cli/src/tokens/build/transformers.ts b/packages/cli/src/tokens/build/transformers.ts index 8d28c57c8d..62299d14cc 100644 --- a/packages/cli/src/tokens/build/transformers.ts +++ b/packages/cli/src/tokens/build/transformers.ts @@ -68,7 +68,6 @@ export const typographyName: Transform = { transitive: true, filter: (token) => typeEquals('typography', token), transform: (token) => { - console.log(token); return token.name.replace('-typography', ''); }, }; diff --git a/packages/theme/brand/altinn.css b/packages/theme/brand/altinn.css index c7b07d4d71..0c69c02d40 100644 --- a/packages/theme/brand/altinn.css +++ b/packages/theme/brand/altinn.css @@ -638,126 +638,157 @@ --ds-font-weight-regular: 400; --ds-typography-heading-2xl-font-family: IBM Plex Mono; --ds-typography-heading-2xl-font-weight: 400; + --ds-typography-heading-2xl-line-height: 1.3; --ds-typography-heading-2xl-font-size: 3.75rem; --ds-typography-heading-2xl-letter-spacing: -1%; --ds-typography-heading-xl-font-family: IBM Plex Mono; --ds-typography-heading-xl-font-weight: 400; + --ds-typography-heading-xl-line-height: 1.3; --ds-typography-heading-xl-font-size: 3rem; --ds-typography-heading-xl-letter-spacing: -1%; --ds-typography-heading-lg-font-family: IBM Plex Mono; --ds-typography-heading-lg-font-weight: 400; + --ds-typography-heading-lg-line-height: 1.3; --ds-typography-heading-lg-font-size: 2.25rem; --ds-typography-heading-lg-letter-spacing: -0.5%; --ds-typography-heading-md-font-family: IBM Plex Mono; --ds-typography-heading-md-font-weight: 400; + --ds-typography-heading-md-line-height: 1.3; --ds-typography-heading-md-font-size: 1.875rem; --ds-typography-heading-md-letter-spacing: -0.25%; --ds-typography-heading-sm-font-family: IBM Plex Mono; --ds-typography-heading-sm-font-weight: 400; + --ds-typography-heading-sm-line-height: 1.3; --ds-typography-heading-sm-font-size: 1.5rem; --ds-typography-heading-sm-letter-spacing: 0%; --ds-typography-heading-xs-font-family: IBM Plex Mono; --ds-typography-heading-xs-font-weight: 400; + --ds-typography-heading-xs-line-height: 1.3; --ds-typography-heading-xs-font-size: 1.3125rem; --ds-typography-heading-xs-letter-spacing: 0.15%; --ds-typography-heading-2xs-font-family: IBM Plex Mono; --ds-typography-heading-2xs-font-weight: 400; + --ds-typography-heading-2xs-line-height: 1.3; --ds-typography-heading-2xs-font-size: 1.125rem; --ds-typography-heading-2xs-letter-spacing: 0.15%; --ds-typography-ingress-lg-font-family: IBM Plex Mono; --ds-typography-ingress-lg-font-weight: 400; + --ds-typography-ingress-lg-line-height: 1.7; --ds-typography-ingress-lg-font-size: 1.875rem; --ds-typography-ingress-lg-letter-spacing: 0.5%; --ds-typography-ingress-md-font-family: IBM Plex Mono; --ds-typography-ingress-md-font-weight: 400; + --ds-typography-ingress-md-line-height: 1.7; --ds-typography-ingress-md-font-size: 1.5rem; --ds-typography-ingress-md-letter-spacing: 0.5%; --ds-typography-ingress-sm-font-family: IBM Plex Mono; --ds-typography-ingress-sm-font-weight: 400; + --ds-typography-ingress-sm-line-height: 1.7; --ds-typography-ingress-sm-font-size: 1.3125rem; --ds-typography-ingress-sm-letter-spacing: 0.25%; --ds-typography-ingress-xs-font-family: IBM Plex Mono; --ds-typography-ingress-xs-font-weight: 400; + --ds-typography-ingress-xs-line-height: 1.7; --ds-typography-ingress-xs-font-size: 1.125rem; --ds-typography-ingress-xs-letter-spacing: 0.15%; --ds-typography-paragraph-lg-font-family: IBM Plex Mono; --ds-typography-paragraph-lg-font-weight: 400; + --ds-typography-paragraph-lg-line-height: 1.5; --ds-typography-paragraph-lg-font-size: 1.3125rem; --ds-typography-paragraph-lg-letter-spacing: 0.5%; --ds-typography-paragraph-md-font-family: IBM Plex Mono; --ds-typography-paragraph-md-font-weight: 400; + --ds-typography-paragraph-md-line-height: 1.5; --ds-typography-paragraph-md-font-size: 1.125rem; --ds-typography-paragraph-md-letter-spacing: 0.5%; --ds-typography-paragraph-sm-font-family: IBM Plex Mono; --ds-typography-paragraph-sm-font-weight: 400; + --ds-typography-paragraph-sm-line-height: 1.5; --ds-typography-paragraph-sm-font-size: 1rem; --ds-typography-paragraph-sm-letter-spacing: 0.25%; --ds-typography-paragraph-xs-font-family: IBM Plex Mono; --ds-typography-paragraph-xs-font-weight: 400; + --ds-typography-paragraph-xs-line-height: 1.5; --ds-typography-paragraph-xs-font-size: 0.875rem; --ds-typography-paragraph-xs-letter-spacing: 0.15%; --ds-typography-paragraph-short-lg-font-family: IBM Plex Mono; --ds-typography-paragraph-short-lg-font-weight: 400; + --ds-typography-paragraph-short-lg-line-height: 1.3; --ds-typography-paragraph-short-lg-font-size: 1.3125rem; --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; --ds-typography-paragraph-short-md-font-family: IBM Plex Mono; --ds-typography-paragraph-short-md-font-weight: 400; + --ds-typography-paragraph-short-md-line-height: 1.3; --ds-typography-paragraph-short-md-font-size: 1.125rem; --ds-typography-paragraph-short-md-letter-spacing: 0.5%; --ds-typography-paragraph-short-sm-font-family: IBM Plex Mono; --ds-typography-paragraph-short-sm-font-weight: 400; + --ds-typography-paragraph-short-sm-line-height: 1.3; --ds-typography-paragraph-short-sm-font-size: 1rem; --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; --ds-typography-paragraph-short-xs-font-family: IBM Plex Mono; --ds-typography-paragraph-short-xs-font-weight: 400; + --ds-typography-paragraph-short-xs-line-height: 1.3; --ds-typography-paragraph-short-xs-font-size: 0.875rem; --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; --ds-typography-paragraph-long-lg-font-family: IBM Plex Mono; --ds-typography-paragraph-long-lg-font-weight: 400; + --ds-typography-paragraph-long-lg-line-height: 1.7; --ds-typography-paragraph-long-lg-font-size: 1.3125rem; --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; --ds-typography-paragraph-long-md-font-family: IBM Plex Mono; --ds-typography-paragraph-long-md-font-weight: 400; + --ds-typography-paragraph-long-md-line-height: 1.7; --ds-typography-paragraph-long-md-font-size: 1.125rem; --ds-typography-paragraph-long-md-letter-spacing: 0.5%; --ds-typography-paragraph-long-sm-font-family: IBM Plex Mono; --ds-typography-paragraph-long-sm-font-weight: 400; + --ds-typography-paragraph-long-sm-line-height: 1.7; --ds-typography-paragraph-long-sm-font-size: 1rem; --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; --ds-typography-paragraph-long-xs-font-family: IBM Plex Mono; --ds-typography-paragraph-long-xs-font-weight: 400; + --ds-typography-paragraph-long-xs-line-height: 1.7; --ds-typography-paragraph-long-xs-font-size: 0.875rem; --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; --ds-typography-label-lg-font-family: IBM Plex Mono; --ds-typography-label-lg-font-weight: 400; + --ds-typography-label-lg-line-height: 1.3; --ds-typography-label-lg-font-size: 1.3125rem; --ds-typography-label-lg-letter-spacing: 0.5%; --ds-typography-label-md-font-family: IBM Plex Mono; --ds-typography-label-md-font-weight: 400; + --ds-typography-label-md-line-height: 1.3; --ds-typography-label-md-font-size: 1.125rem; --ds-typography-label-md-letter-spacing: 0.5%; --ds-typography-label-sm-font-family: IBM Plex Mono; --ds-typography-label-sm-font-weight: 400; + --ds-typography-label-sm-line-height: 1.3; --ds-typography-label-sm-font-size: 1rem; --ds-typography-label-sm-letter-spacing: 0.25%; --ds-typography-label-xs-font-family: IBM Plex Mono; --ds-typography-label-xs-font-weight: 400; + --ds-typography-label-xs-line-height: 1.3; --ds-typography-label-xs-font-size: 0.875rem; --ds-typography-label-xs-letter-spacing: 0.15%; --ds-typography-error_message-lg-font-family: IBM Plex Mono; --ds-typography-error_message-lg-font-weight: 400; + --ds-typography-error_message-lg-line-height: 1.3; --ds-typography-error_message-lg-font-size: 1.3125rem; --ds-typography-error_message-lg-letter-spacing: 0.5%; --ds-typography-error_message-md-font-family: IBM Plex Mono; --ds-typography-error_message-md-font-weight: 400; + --ds-typography-error_message-md-line-height: 1.3; --ds-typography-error_message-md-font-size: 1.125rem; --ds-typography-error_message-md-letter-spacing: 0.5%; --ds-typography-error_message-sm-font-family: IBM Plex Mono; --ds-typography-error_message-sm-font-weight: 400; + --ds-typography-error_message-sm-line-height: 1.3; --ds-typography-error_message-sm-font-size: 1rem; --ds-typography-error_message-sm-letter-spacing: 0.25%; --ds-typography-error_message-xs-font-family: IBM Plex Mono; --ds-typography-error_message-xs-font-weight: 400; + --ds-typography-error_message-xs-line-height: 1.3; --ds-typography-error_message-xs-font-size: 0.875rem; --ds-typography-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; @@ -1521,126 +1552,157 @@ --ds-font-weight-regular: 400; --ds-typography-heading-2xl-font-family: Helvetica Neue; --ds-typography-heading-2xl-font-weight: 500; + --ds-typography-heading-2xl-line-height: 1.3; --ds-typography-heading-2xl-font-size: 3.75rem; --ds-typography-heading-2xl-letter-spacing: -1%; --ds-typography-heading-xl-font-family: Helvetica Neue; --ds-typography-heading-xl-font-weight: 500; + --ds-typography-heading-xl-line-height: 1.3; --ds-typography-heading-xl-font-size: 3rem; --ds-typography-heading-xl-letter-spacing: -1%; --ds-typography-heading-lg-font-family: Helvetica Neue; --ds-typography-heading-lg-font-weight: 500; + --ds-typography-heading-lg-line-height: 1.3; --ds-typography-heading-lg-font-size: 2.25rem; --ds-typography-heading-lg-letter-spacing: -0.5%; --ds-typography-heading-md-font-family: Helvetica Neue; --ds-typography-heading-md-font-weight: 500; + --ds-typography-heading-md-line-height: 1.3; --ds-typography-heading-md-font-size: 1.875rem; --ds-typography-heading-md-letter-spacing: -0.25%; --ds-typography-heading-sm-font-family: Helvetica Neue; --ds-typography-heading-sm-font-weight: 500; + --ds-typography-heading-sm-line-height: 1.3; --ds-typography-heading-sm-font-size: 1.5rem; --ds-typography-heading-sm-letter-spacing: 0%; --ds-typography-heading-xs-font-family: Helvetica Neue; --ds-typography-heading-xs-font-weight: 500; + --ds-typography-heading-xs-line-height: 1.3; --ds-typography-heading-xs-font-size: 1.3125rem; --ds-typography-heading-xs-letter-spacing: 0.15%; --ds-typography-heading-2xs-font-family: Helvetica Neue; --ds-typography-heading-2xs-font-weight: 500; + --ds-typography-heading-2xs-line-height: 1.3; --ds-typography-heading-2xs-font-size: 1.125rem; --ds-typography-heading-2xs-letter-spacing: 0.15%; --ds-typography-ingress-lg-font-family: Helvetica Neue; --ds-typography-ingress-lg-font-weight: 400; + --ds-typography-ingress-lg-line-height: 1.7; --ds-typography-ingress-lg-font-size: 1.875rem; --ds-typography-ingress-lg-letter-spacing: 0.5%; --ds-typography-ingress-md-font-family: Helvetica Neue; --ds-typography-ingress-md-font-weight: 400; + --ds-typography-ingress-md-line-height: 1.7; --ds-typography-ingress-md-font-size: 1.5rem; --ds-typography-ingress-md-letter-spacing: 0.5%; --ds-typography-ingress-sm-font-family: Helvetica Neue; --ds-typography-ingress-sm-font-weight: 400; + --ds-typography-ingress-sm-line-height: 1.7; --ds-typography-ingress-sm-font-size: 1.3125rem; --ds-typography-ingress-sm-letter-spacing: 0.25%; --ds-typography-ingress-xs-font-family: Helvetica Neue; --ds-typography-ingress-xs-font-weight: 400; + --ds-typography-ingress-xs-line-height: 1.7; --ds-typography-ingress-xs-font-size: 1.125rem; --ds-typography-ingress-xs-letter-spacing: 0.15%; --ds-typography-paragraph-lg-font-family: Helvetica Neue; --ds-typography-paragraph-lg-font-weight: 400; + --ds-typography-paragraph-lg-line-height: 1.5; --ds-typography-paragraph-lg-font-size: 1.3125rem; --ds-typography-paragraph-lg-letter-spacing: 0.5%; --ds-typography-paragraph-md-font-family: Helvetica Neue; --ds-typography-paragraph-md-font-weight: 400; + --ds-typography-paragraph-md-line-height: 1.5; --ds-typography-paragraph-md-font-size: 1.125rem; --ds-typography-paragraph-md-letter-spacing: 0.5%; --ds-typography-paragraph-sm-font-family: Helvetica Neue; --ds-typography-paragraph-sm-font-weight: 400; + --ds-typography-paragraph-sm-line-height: 1.5; --ds-typography-paragraph-sm-font-size: 1rem; --ds-typography-paragraph-sm-letter-spacing: 0.25%; --ds-typography-paragraph-xs-font-family: Helvetica Neue; --ds-typography-paragraph-xs-font-weight: 400; + --ds-typography-paragraph-xs-line-height: 1.5; --ds-typography-paragraph-xs-font-size: 0.875rem; --ds-typography-paragraph-xs-letter-spacing: 0.15%; --ds-typography-paragraph-short-lg-font-family: Helvetica Neue; --ds-typography-paragraph-short-lg-font-weight: 400; + --ds-typography-paragraph-short-lg-line-height: 1.3; --ds-typography-paragraph-short-lg-font-size: 1.3125rem; --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; --ds-typography-paragraph-short-md-font-family: Helvetica Neue; --ds-typography-paragraph-short-md-font-weight: 400; + --ds-typography-paragraph-short-md-line-height: 1.3; --ds-typography-paragraph-short-md-font-size: 1.125rem; --ds-typography-paragraph-short-md-letter-spacing: 0.5%; --ds-typography-paragraph-short-sm-font-family: Helvetica Neue; --ds-typography-paragraph-short-sm-font-weight: 400; + --ds-typography-paragraph-short-sm-line-height: 1.3; --ds-typography-paragraph-short-sm-font-size: 1rem; --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; --ds-typography-paragraph-short-xs-font-family: Helvetica Neue; --ds-typography-paragraph-short-xs-font-weight: 400; + --ds-typography-paragraph-short-xs-line-height: 1.3; --ds-typography-paragraph-short-xs-font-size: 0.875rem; --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; --ds-typography-paragraph-long-lg-font-family: Helvetica Neue; --ds-typography-paragraph-long-lg-font-weight: 400; + --ds-typography-paragraph-long-lg-line-height: 1.7; --ds-typography-paragraph-long-lg-font-size: 1.3125rem; --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; --ds-typography-paragraph-long-md-font-family: Helvetica Neue; --ds-typography-paragraph-long-md-font-weight: 400; + --ds-typography-paragraph-long-md-line-height: 1.7; --ds-typography-paragraph-long-md-font-size: 1.125rem; --ds-typography-paragraph-long-md-letter-spacing: 0.5%; --ds-typography-paragraph-long-sm-font-family: Helvetica Neue; --ds-typography-paragraph-long-sm-font-weight: 400; + --ds-typography-paragraph-long-sm-line-height: 1.7; --ds-typography-paragraph-long-sm-font-size: 1rem; --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; --ds-typography-paragraph-long-xs-font-family: Helvetica Neue; --ds-typography-paragraph-long-xs-font-weight: 400; + --ds-typography-paragraph-long-xs-line-height: 1.7; --ds-typography-paragraph-long-xs-font-size: 0.875rem; --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; --ds-typography-label-lg-font-family: Helvetica Neue; --ds-typography-label-lg-font-weight: 500; + --ds-typography-label-lg-line-height: 1.3; --ds-typography-label-lg-font-size: 1.3125rem; --ds-typography-label-lg-letter-spacing: 0.5%; --ds-typography-label-md-font-family: Helvetica Neue; --ds-typography-label-md-font-weight: 500; + --ds-typography-label-md-line-height: 1.3; --ds-typography-label-md-font-size: 1.125rem; --ds-typography-label-md-letter-spacing: 0.5%; --ds-typography-label-sm-font-family: Helvetica Neue; --ds-typography-label-sm-font-weight: 500; + --ds-typography-label-sm-line-height: 1.3; --ds-typography-label-sm-font-size: 1rem; --ds-typography-label-sm-letter-spacing: 0.25%; --ds-typography-label-xs-font-family: Helvetica Neue; --ds-typography-label-xs-font-weight: 500; + --ds-typography-label-xs-line-height: 1.3; --ds-typography-label-xs-font-size: 0.875rem; --ds-typography-label-xs-letter-spacing: 0.15%; --ds-typography-error_message-lg-font-family: Helvetica Neue; --ds-typography-error_message-lg-font-weight: 400; + --ds-typography-error_message-lg-line-height: 1.3; --ds-typography-error_message-lg-font-size: 1.3125rem; --ds-typography-error_message-lg-letter-spacing: 0.5%; --ds-typography-error_message-md-font-family: Helvetica Neue; --ds-typography-error_message-md-font-weight: 400; + --ds-typography-error_message-md-line-height: 1.3; --ds-typography-error_message-md-font-size: 1.125rem; --ds-typography-error_message-md-letter-spacing: 0.5%; --ds-typography-error_message-sm-font-family: Helvetica Neue; --ds-typography-error_message-sm-font-weight: 400; + --ds-typography-error_message-sm-line-height: 1.3; --ds-typography-error_message-sm-font-size: 1rem; --ds-typography-error_message-sm-letter-spacing: 0.25%; --ds-typography-error_message-xs-font-family: Helvetica Neue; --ds-typography-error_message-xs-font-weight: 400; + --ds-typography-error_message-xs-line-height: 1.3; --ds-typography-error_message-xs-font-size: 0.875rem; --ds-typography-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; diff --git a/packages/theme/brand/altinn/typography/primary.css b/packages/theme/brand/altinn/typography/primary.css index 6e620de445..caf2fd043b 100644 --- a/packages/theme/brand/altinn/typography/primary.css +++ b/packages/theme/brand/altinn/typography/primary.css @@ -10,126 +10,157 @@ --ds-font-weight-regular: 400; --ds-typography-heading-2xl-font-family: Helvetica Neue; --ds-typography-heading-2xl-font-weight: 500; + --ds-typography-heading-2xl-line-height: 1.3; --ds-typography-heading-2xl-font-size: 3.75rem; --ds-typography-heading-2xl-letter-spacing: -1%; --ds-typography-heading-xl-font-family: Helvetica Neue; --ds-typography-heading-xl-font-weight: 500; + --ds-typography-heading-xl-line-height: 1.3; --ds-typography-heading-xl-font-size: 3rem; --ds-typography-heading-xl-letter-spacing: -1%; --ds-typography-heading-lg-font-family: Helvetica Neue; --ds-typography-heading-lg-font-weight: 500; + --ds-typography-heading-lg-line-height: 1.3; --ds-typography-heading-lg-font-size: 2.25rem; --ds-typography-heading-lg-letter-spacing: -0.5%; --ds-typography-heading-md-font-family: Helvetica Neue; --ds-typography-heading-md-font-weight: 500; + --ds-typography-heading-md-line-height: 1.3; --ds-typography-heading-md-font-size: 1.875rem; --ds-typography-heading-md-letter-spacing: -0.25%; --ds-typography-heading-sm-font-family: Helvetica Neue; --ds-typography-heading-sm-font-weight: 500; + --ds-typography-heading-sm-line-height: 1.3; --ds-typography-heading-sm-font-size: 1.5rem; --ds-typography-heading-sm-letter-spacing: 0%; --ds-typography-heading-xs-font-family: Helvetica Neue; --ds-typography-heading-xs-font-weight: 500; + --ds-typography-heading-xs-line-height: 1.3; --ds-typography-heading-xs-font-size: 1.3125rem; --ds-typography-heading-xs-letter-spacing: 0.15%; --ds-typography-heading-2xs-font-family: Helvetica Neue; --ds-typography-heading-2xs-font-weight: 500; + --ds-typography-heading-2xs-line-height: 1.3; --ds-typography-heading-2xs-font-size: 1.125rem; --ds-typography-heading-2xs-letter-spacing: 0.15%; --ds-typography-ingress-lg-font-family: Helvetica Neue; --ds-typography-ingress-lg-font-weight: 400; + --ds-typography-ingress-lg-line-height: 1.7; --ds-typography-ingress-lg-font-size: 1.875rem; --ds-typography-ingress-lg-letter-spacing: 0.5%; --ds-typography-ingress-md-font-family: Helvetica Neue; --ds-typography-ingress-md-font-weight: 400; + --ds-typography-ingress-md-line-height: 1.7; --ds-typography-ingress-md-font-size: 1.5rem; --ds-typography-ingress-md-letter-spacing: 0.5%; --ds-typography-ingress-sm-font-family: Helvetica Neue; --ds-typography-ingress-sm-font-weight: 400; + --ds-typography-ingress-sm-line-height: 1.7; --ds-typography-ingress-sm-font-size: 1.3125rem; --ds-typography-ingress-sm-letter-spacing: 0.25%; --ds-typography-ingress-xs-font-family: Helvetica Neue; --ds-typography-ingress-xs-font-weight: 400; + --ds-typography-ingress-xs-line-height: 1.7; --ds-typography-ingress-xs-font-size: 1.125rem; --ds-typography-ingress-xs-letter-spacing: 0.15%; --ds-typography-paragraph-lg-font-family: Helvetica Neue; --ds-typography-paragraph-lg-font-weight: 400; + --ds-typography-paragraph-lg-line-height: 1.5; --ds-typography-paragraph-lg-font-size: 1.3125rem; --ds-typography-paragraph-lg-letter-spacing: 0.5%; --ds-typography-paragraph-md-font-family: Helvetica Neue; --ds-typography-paragraph-md-font-weight: 400; + --ds-typography-paragraph-md-line-height: 1.5; --ds-typography-paragraph-md-font-size: 1.125rem; --ds-typography-paragraph-md-letter-spacing: 0.5%; --ds-typography-paragraph-sm-font-family: Helvetica Neue; --ds-typography-paragraph-sm-font-weight: 400; + --ds-typography-paragraph-sm-line-height: 1.5; --ds-typography-paragraph-sm-font-size: 1rem; --ds-typography-paragraph-sm-letter-spacing: 0.25%; --ds-typography-paragraph-xs-font-family: Helvetica Neue; --ds-typography-paragraph-xs-font-weight: 400; + --ds-typography-paragraph-xs-line-height: 1.5; --ds-typography-paragraph-xs-font-size: 0.875rem; --ds-typography-paragraph-xs-letter-spacing: 0.15%; --ds-typography-paragraph-short-lg-font-family: Helvetica Neue; --ds-typography-paragraph-short-lg-font-weight: 400; + --ds-typography-paragraph-short-lg-line-height: 1.3; --ds-typography-paragraph-short-lg-font-size: 1.3125rem; --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; --ds-typography-paragraph-short-md-font-family: Helvetica Neue; --ds-typography-paragraph-short-md-font-weight: 400; + --ds-typography-paragraph-short-md-line-height: 1.3; --ds-typography-paragraph-short-md-font-size: 1.125rem; --ds-typography-paragraph-short-md-letter-spacing: 0.5%; --ds-typography-paragraph-short-sm-font-family: Helvetica Neue; --ds-typography-paragraph-short-sm-font-weight: 400; + --ds-typography-paragraph-short-sm-line-height: 1.3; --ds-typography-paragraph-short-sm-font-size: 1rem; --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; --ds-typography-paragraph-short-xs-font-family: Helvetica Neue; --ds-typography-paragraph-short-xs-font-weight: 400; + --ds-typography-paragraph-short-xs-line-height: 1.3; --ds-typography-paragraph-short-xs-font-size: 0.875rem; --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; --ds-typography-paragraph-long-lg-font-family: Helvetica Neue; --ds-typography-paragraph-long-lg-font-weight: 400; + --ds-typography-paragraph-long-lg-line-height: 1.7; --ds-typography-paragraph-long-lg-font-size: 1.3125rem; --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; --ds-typography-paragraph-long-md-font-family: Helvetica Neue; --ds-typography-paragraph-long-md-font-weight: 400; + --ds-typography-paragraph-long-md-line-height: 1.7; --ds-typography-paragraph-long-md-font-size: 1.125rem; --ds-typography-paragraph-long-md-letter-spacing: 0.5%; --ds-typography-paragraph-long-sm-font-family: Helvetica Neue; --ds-typography-paragraph-long-sm-font-weight: 400; + --ds-typography-paragraph-long-sm-line-height: 1.7; --ds-typography-paragraph-long-sm-font-size: 1rem; --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; --ds-typography-paragraph-long-xs-font-family: Helvetica Neue; --ds-typography-paragraph-long-xs-font-weight: 400; + --ds-typography-paragraph-long-xs-line-height: 1.7; --ds-typography-paragraph-long-xs-font-size: 0.875rem; --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; --ds-typography-label-lg-font-family: Helvetica Neue; --ds-typography-label-lg-font-weight: 500; + --ds-typography-label-lg-line-height: 1.3; --ds-typography-label-lg-font-size: 1.3125rem; --ds-typography-label-lg-letter-spacing: 0.5%; --ds-typography-label-md-font-family: Helvetica Neue; --ds-typography-label-md-font-weight: 500; + --ds-typography-label-md-line-height: 1.3; --ds-typography-label-md-font-size: 1.125rem; --ds-typography-label-md-letter-spacing: 0.5%; --ds-typography-label-sm-font-family: Helvetica Neue; --ds-typography-label-sm-font-weight: 500; + --ds-typography-label-sm-line-height: 1.3; --ds-typography-label-sm-font-size: 1rem; --ds-typography-label-sm-letter-spacing: 0.25%; --ds-typography-label-xs-font-family: Helvetica Neue; --ds-typography-label-xs-font-weight: 500; + --ds-typography-label-xs-line-height: 1.3; --ds-typography-label-xs-font-size: 0.875rem; --ds-typography-label-xs-letter-spacing: 0.15%; --ds-typography-error_message-lg-font-family: Helvetica Neue; --ds-typography-error_message-lg-font-weight: 400; + --ds-typography-error_message-lg-line-height: 1.3; --ds-typography-error_message-lg-font-size: 1.3125rem; --ds-typography-error_message-lg-letter-spacing: 0.5%; --ds-typography-error_message-md-font-family: Helvetica Neue; --ds-typography-error_message-md-font-weight: 400; + --ds-typography-error_message-md-line-height: 1.3; --ds-typography-error_message-md-font-size: 1.125rem; --ds-typography-error_message-md-letter-spacing: 0.5%; --ds-typography-error_message-sm-font-family: Helvetica Neue; --ds-typography-error_message-sm-font-weight: 400; + --ds-typography-error_message-sm-line-height: 1.3; --ds-typography-error_message-sm-font-size: 1rem; --ds-typography-error_message-sm-letter-spacing: 0.25%; --ds-typography-error_message-xs-font-family: Helvetica Neue; --ds-typography-error_message-xs-font-weight: 400; + --ds-typography-error_message-xs-line-height: 1.3; --ds-typography-error_message-xs-font-size: 0.875rem; --ds-typography-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; diff --git a/packages/theme/brand/altinn/typography/secondary.css b/packages/theme/brand/altinn/typography/secondary.css index 9f65caf759..dd4b79a99c 100644 --- a/packages/theme/brand/altinn/typography/secondary.css +++ b/packages/theme/brand/altinn/typography/secondary.css @@ -10,126 +10,157 @@ --ds-font-weight-regular: 400; --ds-typography-heading-2xl-font-family: IBM Plex Mono; --ds-typography-heading-2xl-font-weight: 400; + --ds-typography-heading-2xl-line-height: 1.3; --ds-typography-heading-2xl-font-size: 3.75rem; --ds-typography-heading-2xl-letter-spacing: -1%; --ds-typography-heading-xl-font-family: IBM Plex Mono; --ds-typography-heading-xl-font-weight: 400; + --ds-typography-heading-xl-line-height: 1.3; --ds-typography-heading-xl-font-size: 3rem; --ds-typography-heading-xl-letter-spacing: -1%; --ds-typography-heading-lg-font-family: IBM Plex Mono; --ds-typography-heading-lg-font-weight: 400; + --ds-typography-heading-lg-line-height: 1.3; --ds-typography-heading-lg-font-size: 2.25rem; --ds-typography-heading-lg-letter-spacing: -0.5%; --ds-typography-heading-md-font-family: IBM Plex Mono; --ds-typography-heading-md-font-weight: 400; + --ds-typography-heading-md-line-height: 1.3; --ds-typography-heading-md-font-size: 1.875rem; --ds-typography-heading-md-letter-spacing: -0.25%; --ds-typography-heading-sm-font-family: IBM Plex Mono; --ds-typography-heading-sm-font-weight: 400; + --ds-typography-heading-sm-line-height: 1.3; --ds-typography-heading-sm-font-size: 1.5rem; --ds-typography-heading-sm-letter-spacing: 0%; --ds-typography-heading-xs-font-family: IBM Plex Mono; --ds-typography-heading-xs-font-weight: 400; + --ds-typography-heading-xs-line-height: 1.3; --ds-typography-heading-xs-font-size: 1.3125rem; --ds-typography-heading-xs-letter-spacing: 0.15%; --ds-typography-heading-2xs-font-family: IBM Plex Mono; --ds-typography-heading-2xs-font-weight: 400; + --ds-typography-heading-2xs-line-height: 1.3; --ds-typography-heading-2xs-font-size: 1.125rem; --ds-typography-heading-2xs-letter-spacing: 0.15%; --ds-typography-ingress-lg-font-family: IBM Plex Mono; --ds-typography-ingress-lg-font-weight: 400; + --ds-typography-ingress-lg-line-height: 1.7; --ds-typography-ingress-lg-font-size: 1.875rem; --ds-typography-ingress-lg-letter-spacing: 0.5%; --ds-typography-ingress-md-font-family: IBM Plex Mono; --ds-typography-ingress-md-font-weight: 400; + --ds-typography-ingress-md-line-height: 1.7; --ds-typography-ingress-md-font-size: 1.5rem; --ds-typography-ingress-md-letter-spacing: 0.5%; --ds-typography-ingress-sm-font-family: IBM Plex Mono; --ds-typography-ingress-sm-font-weight: 400; + --ds-typography-ingress-sm-line-height: 1.7; --ds-typography-ingress-sm-font-size: 1.3125rem; --ds-typography-ingress-sm-letter-spacing: 0.25%; --ds-typography-ingress-xs-font-family: IBM Plex Mono; --ds-typography-ingress-xs-font-weight: 400; + --ds-typography-ingress-xs-line-height: 1.7; --ds-typography-ingress-xs-font-size: 1.125rem; --ds-typography-ingress-xs-letter-spacing: 0.15%; --ds-typography-paragraph-lg-font-family: IBM Plex Mono; --ds-typography-paragraph-lg-font-weight: 400; + --ds-typography-paragraph-lg-line-height: 1.5; --ds-typography-paragraph-lg-font-size: 1.3125rem; --ds-typography-paragraph-lg-letter-spacing: 0.5%; --ds-typography-paragraph-md-font-family: IBM Plex Mono; --ds-typography-paragraph-md-font-weight: 400; + --ds-typography-paragraph-md-line-height: 1.5; --ds-typography-paragraph-md-font-size: 1.125rem; --ds-typography-paragraph-md-letter-spacing: 0.5%; --ds-typography-paragraph-sm-font-family: IBM Plex Mono; --ds-typography-paragraph-sm-font-weight: 400; + --ds-typography-paragraph-sm-line-height: 1.5; --ds-typography-paragraph-sm-font-size: 1rem; --ds-typography-paragraph-sm-letter-spacing: 0.25%; --ds-typography-paragraph-xs-font-family: IBM Plex Mono; --ds-typography-paragraph-xs-font-weight: 400; + --ds-typography-paragraph-xs-line-height: 1.5; --ds-typography-paragraph-xs-font-size: 0.875rem; --ds-typography-paragraph-xs-letter-spacing: 0.15%; --ds-typography-paragraph-short-lg-font-family: IBM Plex Mono; --ds-typography-paragraph-short-lg-font-weight: 400; + --ds-typography-paragraph-short-lg-line-height: 1.3; --ds-typography-paragraph-short-lg-font-size: 1.3125rem; --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; --ds-typography-paragraph-short-md-font-family: IBM Plex Mono; --ds-typography-paragraph-short-md-font-weight: 400; + --ds-typography-paragraph-short-md-line-height: 1.3; --ds-typography-paragraph-short-md-font-size: 1.125rem; --ds-typography-paragraph-short-md-letter-spacing: 0.5%; --ds-typography-paragraph-short-sm-font-family: IBM Plex Mono; --ds-typography-paragraph-short-sm-font-weight: 400; + --ds-typography-paragraph-short-sm-line-height: 1.3; --ds-typography-paragraph-short-sm-font-size: 1rem; --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; --ds-typography-paragraph-short-xs-font-family: IBM Plex Mono; --ds-typography-paragraph-short-xs-font-weight: 400; + --ds-typography-paragraph-short-xs-line-height: 1.3; --ds-typography-paragraph-short-xs-font-size: 0.875rem; --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; --ds-typography-paragraph-long-lg-font-family: IBM Plex Mono; --ds-typography-paragraph-long-lg-font-weight: 400; + --ds-typography-paragraph-long-lg-line-height: 1.7; --ds-typography-paragraph-long-lg-font-size: 1.3125rem; --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; --ds-typography-paragraph-long-md-font-family: IBM Plex Mono; --ds-typography-paragraph-long-md-font-weight: 400; + --ds-typography-paragraph-long-md-line-height: 1.7; --ds-typography-paragraph-long-md-font-size: 1.125rem; --ds-typography-paragraph-long-md-letter-spacing: 0.5%; --ds-typography-paragraph-long-sm-font-family: IBM Plex Mono; --ds-typography-paragraph-long-sm-font-weight: 400; + --ds-typography-paragraph-long-sm-line-height: 1.7; --ds-typography-paragraph-long-sm-font-size: 1rem; --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; --ds-typography-paragraph-long-xs-font-family: IBM Plex Mono; --ds-typography-paragraph-long-xs-font-weight: 400; + --ds-typography-paragraph-long-xs-line-height: 1.7; --ds-typography-paragraph-long-xs-font-size: 0.875rem; --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; --ds-typography-label-lg-font-family: IBM Plex Mono; --ds-typography-label-lg-font-weight: 400; + --ds-typography-label-lg-line-height: 1.3; --ds-typography-label-lg-font-size: 1.3125rem; --ds-typography-label-lg-letter-spacing: 0.5%; --ds-typography-label-md-font-family: IBM Plex Mono; --ds-typography-label-md-font-weight: 400; + --ds-typography-label-md-line-height: 1.3; --ds-typography-label-md-font-size: 1.125rem; --ds-typography-label-md-letter-spacing: 0.5%; --ds-typography-label-sm-font-family: IBM Plex Mono; --ds-typography-label-sm-font-weight: 400; + --ds-typography-label-sm-line-height: 1.3; --ds-typography-label-sm-font-size: 1rem; --ds-typography-label-sm-letter-spacing: 0.25%; --ds-typography-label-xs-font-family: IBM Plex Mono; --ds-typography-label-xs-font-weight: 400; + --ds-typography-label-xs-line-height: 1.3; --ds-typography-label-xs-font-size: 0.875rem; --ds-typography-label-xs-letter-spacing: 0.15%; --ds-typography-error_message-lg-font-family: IBM Plex Mono; --ds-typography-error_message-lg-font-weight: 400; + --ds-typography-error_message-lg-line-height: 1.3; --ds-typography-error_message-lg-font-size: 1.3125rem; --ds-typography-error_message-lg-letter-spacing: 0.5%; --ds-typography-error_message-md-font-family: IBM Plex Mono; --ds-typography-error_message-md-font-weight: 400; + --ds-typography-error_message-md-line-height: 1.3; --ds-typography-error_message-md-font-size: 1.125rem; --ds-typography-error_message-md-letter-spacing: 0.5%; --ds-typography-error_message-sm-font-family: IBM Plex Mono; --ds-typography-error_message-sm-font-weight: 400; + --ds-typography-error_message-sm-line-height: 1.3; --ds-typography-error_message-sm-font-size: 1rem; --ds-typography-error_message-sm-letter-spacing: 0.25%; --ds-typography-error_message-xs-font-family: IBM Plex Mono; --ds-typography-error_message-xs-font-weight: 400; + --ds-typography-error_message-xs-line-height: 1.3; --ds-typography-error_message-xs-font-size: 0.875rem; --ds-typography-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; diff --git a/packages/theme/brand/digdir.css b/packages/theme/brand/digdir.css index 026d3794cc..8d7fa4c962 100644 --- a/packages/theme/brand/digdir.css +++ b/packages/theme/brand/digdir.css @@ -638,126 +638,157 @@ --ds-font-weight-regular: 400; --ds-typography-heading-2xl-font-family: IBM Plex Mono; --ds-typography-heading-2xl-font-weight: 500; + --ds-typography-heading-2xl-line-height: 1.3; --ds-typography-heading-2xl-font-size: 3.75rem; --ds-typography-heading-2xl-letter-spacing: -1%; --ds-typography-heading-xl-font-family: IBM Plex Mono; --ds-typography-heading-xl-font-weight: 500; + --ds-typography-heading-xl-line-height: 1.3; --ds-typography-heading-xl-font-size: 3rem; --ds-typography-heading-xl-letter-spacing: -1%; --ds-typography-heading-lg-font-family: IBM Plex Mono; --ds-typography-heading-lg-font-weight: 500; + --ds-typography-heading-lg-line-height: 1.3; --ds-typography-heading-lg-font-size: 2.25rem; --ds-typography-heading-lg-letter-spacing: -0.5%; --ds-typography-heading-md-font-family: IBM Plex Mono; --ds-typography-heading-md-font-weight: 500; + --ds-typography-heading-md-line-height: 1.3; --ds-typography-heading-md-font-size: 1.875rem; --ds-typography-heading-md-letter-spacing: -0.25%; --ds-typography-heading-sm-font-family: IBM Plex Mono; --ds-typography-heading-sm-font-weight: 500; + --ds-typography-heading-sm-line-height: 1.3; --ds-typography-heading-sm-font-size: 1.5rem; --ds-typography-heading-sm-letter-spacing: 0%; --ds-typography-heading-xs-font-family: IBM Plex Mono; --ds-typography-heading-xs-font-weight: 500; + --ds-typography-heading-xs-line-height: 1.3; --ds-typography-heading-xs-font-size: 1.3125rem; --ds-typography-heading-xs-letter-spacing: 0.15%; --ds-typography-heading-2xs-font-family: IBM Plex Mono; --ds-typography-heading-2xs-font-weight: 500; + --ds-typography-heading-2xs-line-height: 1.3; --ds-typography-heading-2xs-font-size: 1.125rem; --ds-typography-heading-2xs-letter-spacing: 0.15%; --ds-typography-ingress-lg-font-family: IBM Plex Mono; --ds-typography-ingress-lg-font-weight: 400; + --ds-typography-ingress-lg-line-height: 1.7; --ds-typography-ingress-lg-font-size: 1.875rem; --ds-typography-ingress-lg-letter-spacing: 0.5%; --ds-typography-ingress-md-font-family: IBM Plex Mono; --ds-typography-ingress-md-font-weight: 400; + --ds-typography-ingress-md-line-height: 1.7; --ds-typography-ingress-md-font-size: 1.5rem; --ds-typography-ingress-md-letter-spacing: 0.5%; --ds-typography-ingress-sm-font-family: IBM Plex Mono; --ds-typography-ingress-sm-font-weight: 400; + --ds-typography-ingress-sm-line-height: 1.7; --ds-typography-ingress-sm-font-size: 1.3125rem; --ds-typography-ingress-sm-letter-spacing: 0.25%; --ds-typography-ingress-xs-font-family: IBM Plex Mono; --ds-typography-ingress-xs-font-weight: 400; + --ds-typography-ingress-xs-line-height: 1.7; --ds-typography-ingress-xs-font-size: 1.125rem; --ds-typography-ingress-xs-letter-spacing: 0.15%; --ds-typography-paragraph-lg-font-family: IBM Plex Mono; --ds-typography-paragraph-lg-font-weight: 400; + --ds-typography-paragraph-lg-line-height: 1.5; --ds-typography-paragraph-lg-font-size: 1.3125rem; --ds-typography-paragraph-lg-letter-spacing: 0.5%; --ds-typography-paragraph-md-font-family: IBM Plex Mono; --ds-typography-paragraph-md-font-weight: 400; + --ds-typography-paragraph-md-line-height: 1.5; --ds-typography-paragraph-md-font-size: 1.125rem; --ds-typography-paragraph-md-letter-spacing: 0.5%; --ds-typography-paragraph-sm-font-family: IBM Plex Mono; --ds-typography-paragraph-sm-font-weight: 400; + --ds-typography-paragraph-sm-line-height: 1.5; --ds-typography-paragraph-sm-font-size: 1rem; --ds-typography-paragraph-sm-letter-spacing: 0.25%; --ds-typography-paragraph-xs-font-family: IBM Plex Mono; --ds-typography-paragraph-xs-font-weight: 400; + --ds-typography-paragraph-xs-line-height: 1.5; --ds-typography-paragraph-xs-font-size: 0.875rem; --ds-typography-paragraph-xs-letter-spacing: 0.15%; --ds-typography-paragraph-short-lg-font-family: IBM Plex Mono; --ds-typography-paragraph-short-lg-font-weight: 400; + --ds-typography-paragraph-short-lg-line-height: 1.3; --ds-typography-paragraph-short-lg-font-size: 1.3125rem; --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; --ds-typography-paragraph-short-md-font-family: IBM Plex Mono; --ds-typography-paragraph-short-md-font-weight: 400; + --ds-typography-paragraph-short-md-line-height: 1.3; --ds-typography-paragraph-short-md-font-size: 1.125rem; --ds-typography-paragraph-short-md-letter-spacing: 0.5%; --ds-typography-paragraph-short-sm-font-family: IBM Plex Mono; --ds-typography-paragraph-short-sm-font-weight: 400; + --ds-typography-paragraph-short-sm-line-height: 1.3; --ds-typography-paragraph-short-sm-font-size: 1rem; --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; --ds-typography-paragraph-short-xs-font-family: IBM Plex Mono; --ds-typography-paragraph-short-xs-font-weight: 400; + --ds-typography-paragraph-short-xs-line-height: 1.3; --ds-typography-paragraph-short-xs-font-size: 0.875rem; --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; --ds-typography-paragraph-long-lg-font-family: IBM Plex Mono; --ds-typography-paragraph-long-lg-font-weight: 400; + --ds-typography-paragraph-long-lg-line-height: 1.7; --ds-typography-paragraph-long-lg-font-size: 1.3125rem; --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; --ds-typography-paragraph-long-md-font-family: IBM Plex Mono; --ds-typography-paragraph-long-md-font-weight: 400; + --ds-typography-paragraph-long-md-line-height: 1.7; --ds-typography-paragraph-long-md-font-size: 1.125rem; --ds-typography-paragraph-long-md-letter-spacing: 0.5%; --ds-typography-paragraph-long-sm-font-family: IBM Plex Mono; --ds-typography-paragraph-long-sm-font-weight: 400; + --ds-typography-paragraph-long-sm-line-height: 1.7; --ds-typography-paragraph-long-sm-font-size: 1rem; --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; --ds-typography-paragraph-long-xs-font-family: IBM Plex Mono; --ds-typography-paragraph-long-xs-font-weight: 400; + --ds-typography-paragraph-long-xs-line-height: 1.7; --ds-typography-paragraph-long-xs-font-size: 0.875rem; --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; --ds-typography-label-lg-font-family: IBM Plex Mono; --ds-typography-label-lg-font-weight: 500; + --ds-typography-label-lg-line-height: 1.3; --ds-typography-label-lg-font-size: 1.3125rem; --ds-typography-label-lg-letter-spacing: 0.5%; --ds-typography-label-md-font-family: IBM Plex Mono; --ds-typography-label-md-font-weight: 500; + --ds-typography-label-md-line-height: 1.3; --ds-typography-label-md-font-size: 1.125rem; --ds-typography-label-md-letter-spacing: 0.5%; --ds-typography-label-sm-font-family: IBM Plex Mono; --ds-typography-label-sm-font-weight: 500; + --ds-typography-label-sm-line-height: 1.3; --ds-typography-label-sm-font-size: 1rem; --ds-typography-label-sm-letter-spacing: 0.25%; --ds-typography-label-xs-font-family: IBM Plex Mono; --ds-typography-label-xs-font-weight: 500; + --ds-typography-label-xs-line-height: 1.3; --ds-typography-label-xs-font-size: 0.875rem; --ds-typography-label-xs-letter-spacing: 0.15%; --ds-typography-error_message-lg-font-family: IBM Plex Mono; --ds-typography-error_message-lg-font-weight: 400; + --ds-typography-error_message-lg-line-height: 1.3; --ds-typography-error_message-lg-font-size: 1.3125rem; --ds-typography-error_message-lg-letter-spacing: 0.5%; --ds-typography-error_message-md-font-family: IBM Plex Mono; --ds-typography-error_message-md-font-weight: 400; + --ds-typography-error_message-md-line-height: 1.3; --ds-typography-error_message-md-font-size: 1.125rem; --ds-typography-error_message-md-letter-spacing: 0.5%; --ds-typography-error_message-sm-font-family: IBM Plex Mono; --ds-typography-error_message-sm-font-weight: 400; + --ds-typography-error_message-sm-line-height: 1.3; --ds-typography-error_message-sm-font-size: 1rem; --ds-typography-error_message-sm-letter-spacing: 0.25%; --ds-typography-error_message-xs-font-family: IBM Plex Mono; --ds-typography-error_message-xs-font-weight: 400; + --ds-typography-error_message-xs-line-height: 1.3; --ds-typography-error_message-xs-font-size: 0.875rem; --ds-typography-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; @@ -1521,126 +1552,157 @@ --ds-font-weight-regular: 400; --ds-typography-heading-2xl-font-family: Inter; --ds-typography-heading-2xl-font-weight: 500; + --ds-typography-heading-2xl-line-height: 1.3; --ds-typography-heading-2xl-font-size: 3.75rem; --ds-typography-heading-2xl-letter-spacing: -1%; --ds-typography-heading-xl-font-family: Inter; --ds-typography-heading-xl-font-weight: 500; + --ds-typography-heading-xl-line-height: 1.3; --ds-typography-heading-xl-font-size: 3rem; --ds-typography-heading-xl-letter-spacing: -1%; --ds-typography-heading-lg-font-family: Inter; --ds-typography-heading-lg-font-weight: 500; + --ds-typography-heading-lg-line-height: 1.3; --ds-typography-heading-lg-font-size: 2.25rem; --ds-typography-heading-lg-letter-spacing: -0.5%; --ds-typography-heading-md-font-family: Inter; --ds-typography-heading-md-font-weight: 500; + --ds-typography-heading-md-line-height: 1.3; --ds-typography-heading-md-font-size: 1.875rem; --ds-typography-heading-md-letter-spacing: -0.25%; --ds-typography-heading-sm-font-family: Inter; --ds-typography-heading-sm-font-weight: 500; + --ds-typography-heading-sm-line-height: 1.3; --ds-typography-heading-sm-font-size: 1.5rem; --ds-typography-heading-sm-letter-spacing: 0%; --ds-typography-heading-xs-font-family: Inter; --ds-typography-heading-xs-font-weight: 500; + --ds-typography-heading-xs-line-height: 1.3; --ds-typography-heading-xs-font-size: 1.3125rem; --ds-typography-heading-xs-letter-spacing: 0.15%; --ds-typography-heading-2xs-font-family: Inter; --ds-typography-heading-2xs-font-weight: 500; + --ds-typography-heading-2xs-line-height: 1.3; --ds-typography-heading-2xs-font-size: 1.125rem; --ds-typography-heading-2xs-letter-spacing: 0.15%; --ds-typography-ingress-lg-font-family: Inter; --ds-typography-ingress-lg-font-weight: 400; + --ds-typography-ingress-lg-line-height: 1.7; --ds-typography-ingress-lg-font-size: 1.875rem; --ds-typography-ingress-lg-letter-spacing: 0.5%; --ds-typography-ingress-md-font-family: Inter; --ds-typography-ingress-md-font-weight: 400; + --ds-typography-ingress-md-line-height: 1.7; --ds-typography-ingress-md-font-size: 1.5rem; --ds-typography-ingress-md-letter-spacing: 0.5%; --ds-typography-ingress-sm-font-family: Inter; --ds-typography-ingress-sm-font-weight: 400; + --ds-typography-ingress-sm-line-height: 1.7; --ds-typography-ingress-sm-font-size: 1.3125rem; --ds-typography-ingress-sm-letter-spacing: 0.25%; --ds-typography-ingress-xs-font-family: Inter; --ds-typography-ingress-xs-font-weight: 400; + --ds-typography-ingress-xs-line-height: 1.7; --ds-typography-ingress-xs-font-size: 1.125rem; --ds-typography-ingress-xs-letter-spacing: 0.15%; --ds-typography-paragraph-lg-font-family: Inter; --ds-typography-paragraph-lg-font-weight: 400; + --ds-typography-paragraph-lg-line-height: 1.5; --ds-typography-paragraph-lg-font-size: 1.3125rem; --ds-typography-paragraph-lg-letter-spacing: 0.5%; --ds-typography-paragraph-md-font-family: Inter; --ds-typography-paragraph-md-font-weight: 400; + --ds-typography-paragraph-md-line-height: 1.5; --ds-typography-paragraph-md-font-size: 1.125rem; --ds-typography-paragraph-md-letter-spacing: 0.5%; --ds-typography-paragraph-sm-font-family: Inter; --ds-typography-paragraph-sm-font-weight: 400; + --ds-typography-paragraph-sm-line-height: 1.5; --ds-typography-paragraph-sm-font-size: 1rem; --ds-typography-paragraph-sm-letter-spacing: 0.25%; --ds-typography-paragraph-xs-font-family: Inter; --ds-typography-paragraph-xs-font-weight: 400; + --ds-typography-paragraph-xs-line-height: 1.5; --ds-typography-paragraph-xs-font-size: 0.875rem; --ds-typography-paragraph-xs-letter-spacing: 0.15%; --ds-typography-paragraph-short-lg-font-family: Inter; --ds-typography-paragraph-short-lg-font-weight: 400; + --ds-typography-paragraph-short-lg-line-height: 1.3; --ds-typography-paragraph-short-lg-font-size: 1.3125rem; --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; --ds-typography-paragraph-short-md-font-family: Inter; --ds-typography-paragraph-short-md-font-weight: 400; + --ds-typography-paragraph-short-md-line-height: 1.3; --ds-typography-paragraph-short-md-font-size: 1.125rem; --ds-typography-paragraph-short-md-letter-spacing: 0.5%; --ds-typography-paragraph-short-sm-font-family: Inter; --ds-typography-paragraph-short-sm-font-weight: 400; + --ds-typography-paragraph-short-sm-line-height: 1.3; --ds-typography-paragraph-short-sm-font-size: 1rem; --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; --ds-typography-paragraph-short-xs-font-family: Inter; --ds-typography-paragraph-short-xs-font-weight: 400; + --ds-typography-paragraph-short-xs-line-height: 1.3; --ds-typography-paragraph-short-xs-font-size: 0.875rem; --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; --ds-typography-paragraph-long-lg-font-family: Inter; --ds-typography-paragraph-long-lg-font-weight: 400; + --ds-typography-paragraph-long-lg-line-height: 1.7; --ds-typography-paragraph-long-lg-font-size: 1.3125rem; --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; --ds-typography-paragraph-long-md-font-family: Inter; --ds-typography-paragraph-long-md-font-weight: 400; + --ds-typography-paragraph-long-md-line-height: 1.7; --ds-typography-paragraph-long-md-font-size: 1.125rem; --ds-typography-paragraph-long-md-letter-spacing: 0.5%; --ds-typography-paragraph-long-sm-font-family: Inter; --ds-typography-paragraph-long-sm-font-weight: 400; + --ds-typography-paragraph-long-sm-line-height: 1.7; --ds-typography-paragraph-long-sm-font-size: 1rem; --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; --ds-typography-paragraph-long-xs-font-family: Inter; --ds-typography-paragraph-long-xs-font-weight: 400; + --ds-typography-paragraph-long-xs-line-height: 1.7; --ds-typography-paragraph-long-xs-font-size: 0.875rem; --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; --ds-typography-label-lg-font-family: Inter; --ds-typography-label-lg-font-weight: 500; + --ds-typography-label-lg-line-height: 1.3; --ds-typography-label-lg-font-size: 1.3125rem; --ds-typography-label-lg-letter-spacing: 0.5%; --ds-typography-label-md-font-family: Inter; --ds-typography-label-md-font-weight: 500; + --ds-typography-label-md-line-height: 1.3; --ds-typography-label-md-font-size: 1.125rem; --ds-typography-label-md-letter-spacing: 0.5%; --ds-typography-label-sm-font-family: Inter; --ds-typography-label-sm-font-weight: 500; + --ds-typography-label-sm-line-height: 1.3; --ds-typography-label-sm-font-size: 1rem; --ds-typography-label-sm-letter-spacing: 0.25%; --ds-typography-label-xs-font-family: Inter; --ds-typography-label-xs-font-weight: 500; + --ds-typography-label-xs-line-height: 1.3; --ds-typography-label-xs-font-size: 0.875rem; --ds-typography-label-xs-letter-spacing: 0.15%; --ds-typography-error_message-lg-font-family: Inter; --ds-typography-error_message-lg-font-weight: 400; + --ds-typography-error_message-lg-line-height: 1.3; --ds-typography-error_message-lg-font-size: 1.3125rem; --ds-typography-error_message-lg-letter-spacing: 0.5%; --ds-typography-error_message-md-font-family: Inter; --ds-typography-error_message-md-font-weight: 400; + --ds-typography-error_message-md-line-height: 1.3; --ds-typography-error_message-md-font-size: 1.125rem; --ds-typography-error_message-md-letter-spacing: 0.5%; --ds-typography-error_message-sm-font-family: Inter; --ds-typography-error_message-sm-font-weight: 400; + --ds-typography-error_message-sm-line-height: 1.3; --ds-typography-error_message-sm-font-size: 1rem; --ds-typography-error_message-sm-letter-spacing: 0.25%; --ds-typography-error_message-xs-font-family: Inter; --ds-typography-error_message-xs-font-weight: 400; + --ds-typography-error_message-xs-line-height: 1.3; --ds-typography-error_message-xs-font-size: 0.875rem; --ds-typography-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; diff --git a/packages/theme/brand/digdir/typography/primary.css b/packages/theme/brand/digdir/typography/primary.css index 9e964929b6..6bcfdd4a0b 100644 --- a/packages/theme/brand/digdir/typography/primary.css +++ b/packages/theme/brand/digdir/typography/primary.css @@ -10,126 +10,157 @@ --ds-font-weight-regular: 400; --ds-typography-heading-2xl-font-family: Inter; --ds-typography-heading-2xl-font-weight: 500; + --ds-typography-heading-2xl-line-height: 1.3; --ds-typography-heading-2xl-font-size: 3.75rem; --ds-typography-heading-2xl-letter-spacing: -1%; --ds-typography-heading-xl-font-family: Inter; --ds-typography-heading-xl-font-weight: 500; + --ds-typography-heading-xl-line-height: 1.3; --ds-typography-heading-xl-font-size: 3rem; --ds-typography-heading-xl-letter-spacing: -1%; --ds-typography-heading-lg-font-family: Inter; --ds-typography-heading-lg-font-weight: 500; + --ds-typography-heading-lg-line-height: 1.3; --ds-typography-heading-lg-font-size: 2.25rem; --ds-typography-heading-lg-letter-spacing: -0.5%; --ds-typography-heading-md-font-family: Inter; --ds-typography-heading-md-font-weight: 500; + --ds-typography-heading-md-line-height: 1.3; --ds-typography-heading-md-font-size: 1.875rem; --ds-typography-heading-md-letter-spacing: -0.25%; --ds-typography-heading-sm-font-family: Inter; --ds-typography-heading-sm-font-weight: 500; + --ds-typography-heading-sm-line-height: 1.3; --ds-typography-heading-sm-font-size: 1.5rem; --ds-typography-heading-sm-letter-spacing: 0%; --ds-typography-heading-xs-font-family: Inter; --ds-typography-heading-xs-font-weight: 500; + --ds-typography-heading-xs-line-height: 1.3; --ds-typography-heading-xs-font-size: 1.3125rem; --ds-typography-heading-xs-letter-spacing: 0.15%; --ds-typography-heading-2xs-font-family: Inter; --ds-typography-heading-2xs-font-weight: 500; + --ds-typography-heading-2xs-line-height: 1.3; --ds-typography-heading-2xs-font-size: 1.125rem; --ds-typography-heading-2xs-letter-spacing: 0.15%; --ds-typography-ingress-lg-font-family: Inter; --ds-typography-ingress-lg-font-weight: 400; + --ds-typography-ingress-lg-line-height: 1.7; --ds-typography-ingress-lg-font-size: 1.875rem; --ds-typography-ingress-lg-letter-spacing: 0.5%; --ds-typography-ingress-md-font-family: Inter; --ds-typography-ingress-md-font-weight: 400; + --ds-typography-ingress-md-line-height: 1.7; --ds-typography-ingress-md-font-size: 1.5rem; --ds-typography-ingress-md-letter-spacing: 0.5%; --ds-typography-ingress-sm-font-family: Inter; --ds-typography-ingress-sm-font-weight: 400; + --ds-typography-ingress-sm-line-height: 1.7; --ds-typography-ingress-sm-font-size: 1.3125rem; --ds-typography-ingress-sm-letter-spacing: 0.25%; --ds-typography-ingress-xs-font-family: Inter; --ds-typography-ingress-xs-font-weight: 400; + --ds-typography-ingress-xs-line-height: 1.7; --ds-typography-ingress-xs-font-size: 1.125rem; --ds-typography-ingress-xs-letter-spacing: 0.15%; --ds-typography-paragraph-lg-font-family: Inter; --ds-typography-paragraph-lg-font-weight: 400; + --ds-typography-paragraph-lg-line-height: 1.5; --ds-typography-paragraph-lg-font-size: 1.3125rem; --ds-typography-paragraph-lg-letter-spacing: 0.5%; --ds-typography-paragraph-md-font-family: Inter; --ds-typography-paragraph-md-font-weight: 400; + --ds-typography-paragraph-md-line-height: 1.5; --ds-typography-paragraph-md-font-size: 1.125rem; --ds-typography-paragraph-md-letter-spacing: 0.5%; --ds-typography-paragraph-sm-font-family: Inter; --ds-typography-paragraph-sm-font-weight: 400; + --ds-typography-paragraph-sm-line-height: 1.5; --ds-typography-paragraph-sm-font-size: 1rem; --ds-typography-paragraph-sm-letter-spacing: 0.25%; --ds-typography-paragraph-xs-font-family: Inter; --ds-typography-paragraph-xs-font-weight: 400; + --ds-typography-paragraph-xs-line-height: 1.5; --ds-typography-paragraph-xs-font-size: 0.875rem; --ds-typography-paragraph-xs-letter-spacing: 0.15%; --ds-typography-paragraph-short-lg-font-family: Inter; --ds-typography-paragraph-short-lg-font-weight: 400; + --ds-typography-paragraph-short-lg-line-height: 1.3; --ds-typography-paragraph-short-lg-font-size: 1.3125rem; --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; --ds-typography-paragraph-short-md-font-family: Inter; --ds-typography-paragraph-short-md-font-weight: 400; + --ds-typography-paragraph-short-md-line-height: 1.3; --ds-typography-paragraph-short-md-font-size: 1.125rem; --ds-typography-paragraph-short-md-letter-spacing: 0.5%; --ds-typography-paragraph-short-sm-font-family: Inter; --ds-typography-paragraph-short-sm-font-weight: 400; + --ds-typography-paragraph-short-sm-line-height: 1.3; --ds-typography-paragraph-short-sm-font-size: 1rem; --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; --ds-typography-paragraph-short-xs-font-family: Inter; --ds-typography-paragraph-short-xs-font-weight: 400; + --ds-typography-paragraph-short-xs-line-height: 1.3; --ds-typography-paragraph-short-xs-font-size: 0.875rem; --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; --ds-typography-paragraph-long-lg-font-family: Inter; --ds-typography-paragraph-long-lg-font-weight: 400; + --ds-typography-paragraph-long-lg-line-height: 1.7; --ds-typography-paragraph-long-lg-font-size: 1.3125rem; --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; --ds-typography-paragraph-long-md-font-family: Inter; --ds-typography-paragraph-long-md-font-weight: 400; + --ds-typography-paragraph-long-md-line-height: 1.7; --ds-typography-paragraph-long-md-font-size: 1.125rem; --ds-typography-paragraph-long-md-letter-spacing: 0.5%; --ds-typography-paragraph-long-sm-font-family: Inter; --ds-typography-paragraph-long-sm-font-weight: 400; + --ds-typography-paragraph-long-sm-line-height: 1.7; --ds-typography-paragraph-long-sm-font-size: 1rem; --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; --ds-typography-paragraph-long-xs-font-family: Inter; --ds-typography-paragraph-long-xs-font-weight: 400; + --ds-typography-paragraph-long-xs-line-height: 1.7; --ds-typography-paragraph-long-xs-font-size: 0.875rem; --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; --ds-typography-label-lg-font-family: Inter; --ds-typography-label-lg-font-weight: 500; + --ds-typography-label-lg-line-height: 1.3; --ds-typography-label-lg-font-size: 1.3125rem; --ds-typography-label-lg-letter-spacing: 0.5%; --ds-typography-label-md-font-family: Inter; --ds-typography-label-md-font-weight: 500; + --ds-typography-label-md-line-height: 1.3; --ds-typography-label-md-font-size: 1.125rem; --ds-typography-label-md-letter-spacing: 0.5%; --ds-typography-label-sm-font-family: Inter; --ds-typography-label-sm-font-weight: 500; + --ds-typography-label-sm-line-height: 1.3; --ds-typography-label-sm-font-size: 1rem; --ds-typography-label-sm-letter-spacing: 0.25%; --ds-typography-label-xs-font-family: Inter; --ds-typography-label-xs-font-weight: 500; + --ds-typography-label-xs-line-height: 1.3; --ds-typography-label-xs-font-size: 0.875rem; --ds-typography-label-xs-letter-spacing: 0.15%; --ds-typography-error_message-lg-font-family: Inter; --ds-typography-error_message-lg-font-weight: 400; + --ds-typography-error_message-lg-line-height: 1.3; --ds-typography-error_message-lg-font-size: 1.3125rem; --ds-typography-error_message-lg-letter-spacing: 0.5%; --ds-typography-error_message-md-font-family: Inter; --ds-typography-error_message-md-font-weight: 400; + --ds-typography-error_message-md-line-height: 1.3; --ds-typography-error_message-md-font-size: 1.125rem; --ds-typography-error_message-md-letter-spacing: 0.5%; --ds-typography-error_message-sm-font-family: Inter; --ds-typography-error_message-sm-font-weight: 400; + --ds-typography-error_message-sm-line-height: 1.3; --ds-typography-error_message-sm-font-size: 1rem; --ds-typography-error_message-sm-letter-spacing: 0.25%; --ds-typography-error_message-xs-font-family: Inter; --ds-typography-error_message-xs-font-weight: 400; + --ds-typography-error_message-xs-line-height: 1.3; --ds-typography-error_message-xs-font-size: 0.875rem; --ds-typography-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; diff --git a/packages/theme/brand/digdir/typography/secondary.css b/packages/theme/brand/digdir/typography/secondary.css index cc893539c2..d195646f6c 100644 --- a/packages/theme/brand/digdir/typography/secondary.css +++ b/packages/theme/brand/digdir/typography/secondary.css @@ -10,126 +10,157 @@ --ds-font-weight-regular: 400; --ds-typography-heading-2xl-font-family: IBM Plex Mono; --ds-typography-heading-2xl-font-weight: 500; + --ds-typography-heading-2xl-line-height: 1.3; --ds-typography-heading-2xl-font-size: 3.75rem; --ds-typography-heading-2xl-letter-spacing: -1%; --ds-typography-heading-xl-font-family: IBM Plex Mono; --ds-typography-heading-xl-font-weight: 500; + --ds-typography-heading-xl-line-height: 1.3; --ds-typography-heading-xl-font-size: 3rem; --ds-typography-heading-xl-letter-spacing: -1%; --ds-typography-heading-lg-font-family: IBM Plex Mono; --ds-typography-heading-lg-font-weight: 500; + --ds-typography-heading-lg-line-height: 1.3; --ds-typography-heading-lg-font-size: 2.25rem; --ds-typography-heading-lg-letter-spacing: -0.5%; --ds-typography-heading-md-font-family: IBM Plex Mono; --ds-typography-heading-md-font-weight: 500; + --ds-typography-heading-md-line-height: 1.3; --ds-typography-heading-md-font-size: 1.875rem; --ds-typography-heading-md-letter-spacing: -0.25%; --ds-typography-heading-sm-font-family: IBM Plex Mono; --ds-typography-heading-sm-font-weight: 500; + --ds-typography-heading-sm-line-height: 1.3; --ds-typography-heading-sm-font-size: 1.5rem; --ds-typography-heading-sm-letter-spacing: 0%; --ds-typography-heading-xs-font-family: IBM Plex Mono; --ds-typography-heading-xs-font-weight: 500; + --ds-typography-heading-xs-line-height: 1.3; --ds-typography-heading-xs-font-size: 1.3125rem; --ds-typography-heading-xs-letter-spacing: 0.15%; --ds-typography-heading-2xs-font-family: IBM Plex Mono; --ds-typography-heading-2xs-font-weight: 500; + --ds-typography-heading-2xs-line-height: 1.3; --ds-typography-heading-2xs-font-size: 1.125rem; --ds-typography-heading-2xs-letter-spacing: 0.15%; --ds-typography-ingress-lg-font-family: IBM Plex Mono; --ds-typography-ingress-lg-font-weight: 400; + --ds-typography-ingress-lg-line-height: 1.7; --ds-typography-ingress-lg-font-size: 1.875rem; --ds-typography-ingress-lg-letter-spacing: 0.5%; --ds-typography-ingress-md-font-family: IBM Plex Mono; --ds-typography-ingress-md-font-weight: 400; + --ds-typography-ingress-md-line-height: 1.7; --ds-typography-ingress-md-font-size: 1.5rem; --ds-typography-ingress-md-letter-spacing: 0.5%; --ds-typography-ingress-sm-font-family: IBM Plex Mono; --ds-typography-ingress-sm-font-weight: 400; + --ds-typography-ingress-sm-line-height: 1.7; --ds-typography-ingress-sm-font-size: 1.3125rem; --ds-typography-ingress-sm-letter-spacing: 0.25%; --ds-typography-ingress-xs-font-family: IBM Plex Mono; --ds-typography-ingress-xs-font-weight: 400; + --ds-typography-ingress-xs-line-height: 1.7; --ds-typography-ingress-xs-font-size: 1.125rem; --ds-typography-ingress-xs-letter-spacing: 0.15%; --ds-typography-paragraph-lg-font-family: IBM Plex Mono; --ds-typography-paragraph-lg-font-weight: 400; + --ds-typography-paragraph-lg-line-height: 1.5; --ds-typography-paragraph-lg-font-size: 1.3125rem; --ds-typography-paragraph-lg-letter-spacing: 0.5%; --ds-typography-paragraph-md-font-family: IBM Plex Mono; --ds-typography-paragraph-md-font-weight: 400; + --ds-typography-paragraph-md-line-height: 1.5; --ds-typography-paragraph-md-font-size: 1.125rem; --ds-typography-paragraph-md-letter-spacing: 0.5%; --ds-typography-paragraph-sm-font-family: IBM Plex Mono; --ds-typography-paragraph-sm-font-weight: 400; + --ds-typography-paragraph-sm-line-height: 1.5; --ds-typography-paragraph-sm-font-size: 1rem; --ds-typography-paragraph-sm-letter-spacing: 0.25%; --ds-typography-paragraph-xs-font-family: IBM Plex Mono; --ds-typography-paragraph-xs-font-weight: 400; + --ds-typography-paragraph-xs-line-height: 1.5; --ds-typography-paragraph-xs-font-size: 0.875rem; --ds-typography-paragraph-xs-letter-spacing: 0.15%; --ds-typography-paragraph-short-lg-font-family: IBM Plex Mono; --ds-typography-paragraph-short-lg-font-weight: 400; + --ds-typography-paragraph-short-lg-line-height: 1.3; --ds-typography-paragraph-short-lg-font-size: 1.3125rem; --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; --ds-typography-paragraph-short-md-font-family: IBM Plex Mono; --ds-typography-paragraph-short-md-font-weight: 400; + --ds-typography-paragraph-short-md-line-height: 1.3; --ds-typography-paragraph-short-md-font-size: 1.125rem; --ds-typography-paragraph-short-md-letter-spacing: 0.5%; --ds-typography-paragraph-short-sm-font-family: IBM Plex Mono; --ds-typography-paragraph-short-sm-font-weight: 400; + --ds-typography-paragraph-short-sm-line-height: 1.3; --ds-typography-paragraph-short-sm-font-size: 1rem; --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; --ds-typography-paragraph-short-xs-font-family: IBM Plex Mono; --ds-typography-paragraph-short-xs-font-weight: 400; + --ds-typography-paragraph-short-xs-line-height: 1.3; --ds-typography-paragraph-short-xs-font-size: 0.875rem; --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; --ds-typography-paragraph-long-lg-font-family: IBM Plex Mono; --ds-typography-paragraph-long-lg-font-weight: 400; + --ds-typography-paragraph-long-lg-line-height: 1.7; --ds-typography-paragraph-long-lg-font-size: 1.3125rem; --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; --ds-typography-paragraph-long-md-font-family: IBM Plex Mono; --ds-typography-paragraph-long-md-font-weight: 400; + --ds-typography-paragraph-long-md-line-height: 1.7; --ds-typography-paragraph-long-md-font-size: 1.125rem; --ds-typography-paragraph-long-md-letter-spacing: 0.5%; --ds-typography-paragraph-long-sm-font-family: IBM Plex Mono; --ds-typography-paragraph-long-sm-font-weight: 400; + --ds-typography-paragraph-long-sm-line-height: 1.7; --ds-typography-paragraph-long-sm-font-size: 1rem; --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; --ds-typography-paragraph-long-xs-font-family: IBM Plex Mono; --ds-typography-paragraph-long-xs-font-weight: 400; + --ds-typography-paragraph-long-xs-line-height: 1.7; --ds-typography-paragraph-long-xs-font-size: 0.875rem; --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; --ds-typography-label-lg-font-family: IBM Plex Mono; --ds-typography-label-lg-font-weight: 500; + --ds-typography-label-lg-line-height: 1.3; --ds-typography-label-lg-font-size: 1.3125rem; --ds-typography-label-lg-letter-spacing: 0.5%; --ds-typography-label-md-font-family: IBM Plex Mono; --ds-typography-label-md-font-weight: 500; + --ds-typography-label-md-line-height: 1.3; --ds-typography-label-md-font-size: 1.125rem; --ds-typography-label-md-letter-spacing: 0.5%; --ds-typography-label-sm-font-family: IBM Plex Mono; --ds-typography-label-sm-font-weight: 500; + --ds-typography-label-sm-line-height: 1.3; --ds-typography-label-sm-font-size: 1rem; --ds-typography-label-sm-letter-spacing: 0.25%; --ds-typography-label-xs-font-family: IBM Plex Mono; --ds-typography-label-xs-font-weight: 500; + --ds-typography-label-xs-line-height: 1.3; --ds-typography-label-xs-font-size: 0.875rem; --ds-typography-label-xs-letter-spacing: 0.15%; --ds-typography-error_message-lg-font-family: IBM Plex Mono; --ds-typography-error_message-lg-font-weight: 400; + --ds-typography-error_message-lg-line-height: 1.3; --ds-typography-error_message-lg-font-size: 1.3125rem; --ds-typography-error_message-lg-letter-spacing: 0.5%; --ds-typography-error_message-md-font-family: IBM Plex Mono; --ds-typography-error_message-md-font-weight: 400; + --ds-typography-error_message-md-line-height: 1.3; --ds-typography-error_message-md-font-size: 1.125rem; --ds-typography-error_message-md-letter-spacing: 0.5%; --ds-typography-error_message-sm-font-family: IBM Plex Mono; --ds-typography-error_message-sm-font-weight: 400; + --ds-typography-error_message-sm-line-height: 1.3; --ds-typography-error_message-sm-font-size: 1rem; --ds-typography-error_message-sm-letter-spacing: 0.25%; --ds-typography-error_message-xs-font-family: IBM Plex Mono; --ds-typography-error_message-xs-font-weight: 400; + --ds-typography-error_message-xs-line-height: 1.3; --ds-typography-error_message-xs-font-size: 0.875rem; --ds-typography-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; diff --git a/packages/theme/brand/portal.css b/packages/theme/brand/portal.css index e48e60cb3c..d5232a33ac 100644 --- a/packages/theme/brand/portal.css +++ b/packages/theme/brand/portal.css @@ -638,126 +638,157 @@ --ds-font-weight-regular: 400; --ds-typography-heading-2xl-font-family: IBM Plex Mono; --ds-typography-heading-2xl-font-weight: 400; + --ds-typography-heading-2xl-line-height: 1.3; --ds-typography-heading-2xl-font-size: 3.75rem; --ds-typography-heading-2xl-letter-spacing: -1%; --ds-typography-heading-xl-font-family: IBM Plex Mono; --ds-typography-heading-xl-font-weight: 400; + --ds-typography-heading-xl-line-height: 1.3; --ds-typography-heading-xl-font-size: 3rem; --ds-typography-heading-xl-letter-spacing: -1%; --ds-typography-heading-lg-font-family: IBM Plex Mono; --ds-typography-heading-lg-font-weight: 400; + --ds-typography-heading-lg-line-height: 1.3; --ds-typography-heading-lg-font-size: 2.25rem; --ds-typography-heading-lg-letter-spacing: -0.5%; --ds-typography-heading-md-font-family: IBM Plex Mono; --ds-typography-heading-md-font-weight: 400; + --ds-typography-heading-md-line-height: 1.3; --ds-typography-heading-md-font-size: 1.875rem; --ds-typography-heading-md-letter-spacing: -0.25%; --ds-typography-heading-sm-font-family: IBM Plex Mono; --ds-typography-heading-sm-font-weight: 400; + --ds-typography-heading-sm-line-height: 1.3; --ds-typography-heading-sm-font-size: 1.5rem; --ds-typography-heading-sm-letter-spacing: 0%; --ds-typography-heading-xs-font-family: IBM Plex Mono; --ds-typography-heading-xs-font-weight: 400; + --ds-typography-heading-xs-line-height: 1.3; --ds-typography-heading-xs-font-size: 1.3125rem; --ds-typography-heading-xs-letter-spacing: 0.15%; --ds-typography-heading-2xs-font-family: IBM Plex Mono; --ds-typography-heading-2xs-font-weight: 400; + --ds-typography-heading-2xs-line-height: 1.3; --ds-typography-heading-2xs-font-size: 1.125rem; --ds-typography-heading-2xs-letter-spacing: 0.15%; --ds-typography-ingress-lg-font-family: IBM Plex Mono; --ds-typography-ingress-lg-font-weight: 400; + --ds-typography-ingress-lg-line-height: 1.7; --ds-typography-ingress-lg-font-size: 1.875rem; --ds-typography-ingress-lg-letter-spacing: 0.5%; --ds-typography-ingress-md-font-family: IBM Plex Mono; --ds-typography-ingress-md-font-weight: 400; + --ds-typography-ingress-md-line-height: 1.7; --ds-typography-ingress-md-font-size: 1.5rem; --ds-typography-ingress-md-letter-spacing: 0.5%; --ds-typography-ingress-sm-font-family: IBM Plex Mono; --ds-typography-ingress-sm-font-weight: 400; + --ds-typography-ingress-sm-line-height: 1.7; --ds-typography-ingress-sm-font-size: 1.3125rem; --ds-typography-ingress-sm-letter-spacing: 0.25%; --ds-typography-ingress-xs-font-family: IBM Plex Mono; --ds-typography-ingress-xs-font-weight: 400; + --ds-typography-ingress-xs-line-height: 1.7; --ds-typography-ingress-xs-font-size: 1.125rem; --ds-typography-ingress-xs-letter-spacing: 0.15%; --ds-typography-paragraph-lg-font-family: IBM Plex Mono; --ds-typography-paragraph-lg-font-weight: 400; + --ds-typography-paragraph-lg-line-height: 1.5; --ds-typography-paragraph-lg-font-size: 1.3125rem; --ds-typography-paragraph-lg-letter-spacing: 0.5%; --ds-typography-paragraph-md-font-family: IBM Plex Mono; --ds-typography-paragraph-md-font-weight: 400; + --ds-typography-paragraph-md-line-height: 1.5; --ds-typography-paragraph-md-font-size: 1.125rem; --ds-typography-paragraph-md-letter-spacing: 0.5%; --ds-typography-paragraph-sm-font-family: IBM Plex Mono; --ds-typography-paragraph-sm-font-weight: 400; + --ds-typography-paragraph-sm-line-height: 1.5; --ds-typography-paragraph-sm-font-size: 1rem; --ds-typography-paragraph-sm-letter-spacing: 0.25%; --ds-typography-paragraph-xs-font-family: IBM Plex Mono; --ds-typography-paragraph-xs-font-weight: 400; + --ds-typography-paragraph-xs-line-height: 1.5; --ds-typography-paragraph-xs-font-size: 0.875rem; --ds-typography-paragraph-xs-letter-spacing: 0.15%; --ds-typography-paragraph-short-lg-font-family: IBM Plex Mono; --ds-typography-paragraph-short-lg-font-weight: 400; + --ds-typography-paragraph-short-lg-line-height: 1.3; --ds-typography-paragraph-short-lg-font-size: 1.3125rem; --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; --ds-typography-paragraph-short-md-font-family: IBM Plex Mono; --ds-typography-paragraph-short-md-font-weight: 400; + --ds-typography-paragraph-short-md-line-height: 1.3; --ds-typography-paragraph-short-md-font-size: 1.125rem; --ds-typography-paragraph-short-md-letter-spacing: 0.5%; --ds-typography-paragraph-short-sm-font-family: IBM Plex Mono; --ds-typography-paragraph-short-sm-font-weight: 400; + --ds-typography-paragraph-short-sm-line-height: 1.3; --ds-typography-paragraph-short-sm-font-size: 1rem; --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; --ds-typography-paragraph-short-xs-font-family: IBM Plex Mono; --ds-typography-paragraph-short-xs-font-weight: 400; + --ds-typography-paragraph-short-xs-line-height: 1.3; --ds-typography-paragraph-short-xs-font-size: 0.875rem; --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; --ds-typography-paragraph-long-lg-font-family: IBM Plex Mono; --ds-typography-paragraph-long-lg-font-weight: 400; + --ds-typography-paragraph-long-lg-line-height: 1.7; --ds-typography-paragraph-long-lg-font-size: 1.3125rem; --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; --ds-typography-paragraph-long-md-font-family: IBM Plex Mono; --ds-typography-paragraph-long-md-font-weight: 400; + --ds-typography-paragraph-long-md-line-height: 1.7; --ds-typography-paragraph-long-md-font-size: 1.125rem; --ds-typography-paragraph-long-md-letter-spacing: 0.5%; --ds-typography-paragraph-long-sm-font-family: IBM Plex Mono; --ds-typography-paragraph-long-sm-font-weight: 400; + --ds-typography-paragraph-long-sm-line-height: 1.7; --ds-typography-paragraph-long-sm-font-size: 1rem; --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; --ds-typography-paragraph-long-xs-font-family: IBM Plex Mono; --ds-typography-paragraph-long-xs-font-weight: 400; + --ds-typography-paragraph-long-xs-line-height: 1.7; --ds-typography-paragraph-long-xs-font-size: 0.875rem; --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; --ds-typography-label-lg-font-family: IBM Plex Mono; --ds-typography-label-lg-font-weight: 400; + --ds-typography-label-lg-line-height: 1.3; --ds-typography-label-lg-font-size: 1.3125rem; --ds-typography-label-lg-letter-spacing: 0.5%; --ds-typography-label-md-font-family: IBM Plex Mono; --ds-typography-label-md-font-weight: 400; + --ds-typography-label-md-line-height: 1.3; --ds-typography-label-md-font-size: 1.125rem; --ds-typography-label-md-letter-spacing: 0.5%; --ds-typography-label-sm-font-family: IBM Plex Mono; --ds-typography-label-sm-font-weight: 400; + --ds-typography-label-sm-line-height: 1.3; --ds-typography-label-sm-font-size: 1rem; --ds-typography-label-sm-letter-spacing: 0.25%; --ds-typography-label-xs-font-family: IBM Plex Mono; --ds-typography-label-xs-font-weight: 400; + --ds-typography-label-xs-line-height: 1.3; --ds-typography-label-xs-font-size: 0.875rem; --ds-typography-label-xs-letter-spacing: 0.15%; --ds-typography-error_message-lg-font-family: IBM Plex Mono; --ds-typography-error_message-lg-font-weight: 400; + --ds-typography-error_message-lg-line-height: 1.3; --ds-typography-error_message-lg-font-size: 1.3125rem; --ds-typography-error_message-lg-letter-spacing: 0.5%; --ds-typography-error_message-md-font-family: IBM Plex Mono; --ds-typography-error_message-md-font-weight: 400; + --ds-typography-error_message-md-line-height: 1.3; --ds-typography-error_message-md-font-size: 1.125rem; --ds-typography-error_message-md-letter-spacing: 0.5%; --ds-typography-error_message-sm-font-family: IBM Plex Mono; --ds-typography-error_message-sm-font-weight: 400; + --ds-typography-error_message-sm-line-height: 1.3; --ds-typography-error_message-sm-font-size: 1rem; --ds-typography-error_message-sm-letter-spacing: 0.25%; --ds-typography-error_message-xs-font-family: IBM Plex Mono; --ds-typography-error_message-xs-font-weight: 400; + --ds-typography-error_message-xs-line-height: 1.3; --ds-typography-error_message-xs-font-size: 0.875rem; --ds-typography-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; @@ -1521,126 +1552,157 @@ --ds-font-weight-regular: 400; --ds-typography-heading-2xl-font-family: Inter; --ds-typography-heading-2xl-font-weight: 500; + --ds-typography-heading-2xl-line-height: 1.3; --ds-typography-heading-2xl-font-size: 3.75rem; --ds-typography-heading-2xl-letter-spacing: -1%; --ds-typography-heading-xl-font-family: Inter; --ds-typography-heading-xl-font-weight: 500; + --ds-typography-heading-xl-line-height: 1.3; --ds-typography-heading-xl-font-size: 3rem; --ds-typography-heading-xl-letter-spacing: -1%; --ds-typography-heading-lg-font-family: Inter; --ds-typography-heading-lg-font-weight: 500; + --ds-typography-heading-lg-line-height: 1.3; --ds-typography-heading-lg-font-size: 2.25rem; --ds-typography-heading-lg-letter-spacing: -0.5%; --ds-typography-heading-md-font-family: Inter; --ds-typography-heading-md-font-weight: 500; + --ds-typography-heading-md-line-height: 1.3; --ds-typography-heading-md-font-size: 1.875rem; --ds-typography-heading-md-letter-spacing: -0.25%; --ds-typography-heading-sm-font-family: Inter; --ds-typography-heading-sm-font-weight: 500; + --ds-typography-heading-sm-line-height: 1.3; --ds-typography-heading-sm-font-size: 1.5rem; --ds-typography-heading-sm-letter-spacing: 0%; --ds-typography-heading-xs-font-family: Inter; --ds-typography-heading-xs-font-weight: 500; + --ds-typography-heading-xs-line-height: 1.3; --ds-typography-heading-xs-font-size: 1.3125rem; --ds-typography-heading-xs-letter-spacing: 0.15%; --ds-typography-heading-2xs-font-family: Inter; --ds-typography-heading-2xs-font-weight: 500; + --ds-typography-heading-2xs-line-height: 1.3; --ds-typography-heading-2xs-font-size: 1.125rem; --ds-typography-heading-2xs-letter-spacing: 0.15%; --ds-typography-ingress-lg-font-family: Inter; --ds-typography-ingress-lg-font-weight: 400; + --ds-typography-ingress-lg-line-height: 1.7; --ds-typography-ingress-lg-font-size: 1.875rem; --ds-typography-ingress-lg-letter-spacing: 0.5%; --ds-typography-ingress-md-font-family: Inter; --ds-typography-ingress-md-font-weight: 400; + --ds-typography-ingress-md-line-height: 1.7; --ds-typography-ingress-md-font-size: 1.5rem; --ds-typography-ingress-md-letter-spacing: 0.5%; --ds-typography-ingress-sm-font-family: Inter; --ds-typography-ingress-sm-font-weight: 400; + --ds-typography-ingress-sm-line-height: 1.7; --ds-typography-ingress-sm-font-size: 1.3125rem; --ds-typography-ingress-sm-letter-spacing: 0.25%; --ds-typography-ingress-xs-font-family: Inter; --ds-typography-ingress-xs-font-weight: 400; + --ds-typography-ingress-xs-line-height: 1.7; --ds-typography-ingress-xs-font-size: 1.125rem; --ds-typography-ingress-xs-letter-spacing: 0.15%; --ds-typography-paragraph-lg-font-family: Inter; --ds-typography-paragraph-lg-font-weight: 400; + --ds-typography-paragraph-lg-line-height: 1.5; --ds-typography-paragraph-lg-font-size: 1.3125rem; --ds-typography-paragraph-lg-letter-spacing: 0.5%; --ds-typography-paragraph-md-font-family: Inter; --ds-typography-paragraph-md-font-weight: 400; + --ds-typography-paragraph-md-line-height: 1.5; --ds-typography-paragraph-md-font-size: 1.125rem; --ds-typography-paragraph-md-letter-spacing: 0.5%; --ds-typography-paragraph-sm-font-family: Inter; --ds-typography-paragraph-sm-font-weight: 400; + --ds-typography-paragraph-sm-line-height: 1.5; --ds-typography-paragraph-sm-font-size: 1rem; --ds-typography-paragraph-sm-letter-spacing: 0.25%; --ds-typography-paragraph-xs-font-family: Inter; --ds-typography-paragraph-xs-font-weight: 400; + --ds-typography-paragraph-xs-line-height: 1.5; --ds-typography-paragraph-xs-font-size: 0.875rem; --ds-typography-paragraph-xs-letter-spacing: 0.15%; --ds-typography-paragraph-short-lg-font-family: Inter; --ds-typography-paragraph-short-lg-font-weight: 400; + --ds-typography-paragraph-short-lg-line-height: 1.3; --ds-typography-paragraph-short-lg-font-size: 1.3125rem; --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; --ds-typography-paragraph-short-md-font-family: Inter; --ds-typography-paragraph-short-md-font-weight: 400; + --ds-typography-paragraph-short-md-line-height: 1.3; --ds-typography-paragraph-short-md-font-size: 1.125rem; --ds-typography-paragraph-short-md-letter-spacing: 0.5%; --ds-typography-paragraph-short-sm-font-family: Inter; --ds-typography-paragraph-short-sm-font-weight: 400; + --ds-typography-paragraph-short-sm-line-height: 1.3; --ds-typography-paragraph-short-sm-font-size: 1rem; --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; --ds-typography-paragraph-short-xs-font-family: Inter; --ds-typography-paragraph-short-xs-font-weight: 400; + --ds-typography-paragraph-short-xs-line-height: 1.3; --ds-typography-paragraph-short-xs-font-size: 0.875rem; --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; --ds-typography-paragraph-long-lg-font-family: Inter; --ds-typography-paragraph-long-lg-font-weight: 400; + --ds-typography-paragraph-long-lg-line-height: 1.7; --ds-typography-paragraph-long-lg-font-size: 1.3125rem; --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; --ds-typography-paragraph-long-md-font-family: Inter; --ds-typography-paragraph-long-md-font-weight: 400; + --ds-typography-paragraph-long-md-line-height: 1.7; --ds-typography-paragraph-long-md-font-size: 1.125rem; --ds-typography-paragraph-long-md-letter-spacing: 0.5%; --ds-typography-paragraph-long-sm-font-family: Inter; --ds-typography-paragraph-long-sm-font-weight: 400; + --ds-typography-paragraph-long-sm-line-height: 1.7; --ds-typography-paragraph-long-sm-font-size: 1rem; --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; --ds-typography-paragraph-long-xs-font-family: Inter; --ds-typography-paragraph-long-xs-font-weight: 400; + --ds-typography-paragraph-long-xs-line-height: 1.7; --ds-typography-paragraph-long-xs-font-size: 0.875rem; --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; --ds-typography-label-lg-font-family: Inter; --ds-typography-label-lg-font-weight: 500; + --ds-typography-label-lg-line-height: 1.3; --ds-typography-label-lg-font-size: 1.3125rem; --ds-typography-label-lg-letter-spacing: 0.5%; --ds-typography-label-md-font-family: Inter; --ds-typography-label-md-font-weight: 500; + --ds-typography-label-md-line-height: 1.3; --ds-typography-label-md-font-size: 1.125rem; --ds-typography-label-md-letter-spacing: 0.5%; --ds-typography-label-sm-font-family: Inter; --ds-typography-label-sm-font-weight: 500; + --ds-typography-label-sm-line-height: 1.3; --ds-typography-label-sm-font-size: 1rem; --ds-typography-label-sm-letter-spacing: 0.25%; --ds-typography-label-xs-font-family: Inter; --ds-typography-label-xs-font-weight: 500; + --ds-typography-label-xs-line-height: 1.3; --ds-typography-label-xs-font-size: 0.875rem; --ds-typography-label-xs-letter-spacing: 0.15%; --ds-typography-error_message-lg-font-family: Inter; --ds-typography-error_message-lg-font-weight: 400; + --ds-typography-error_message-lg-line-height: 1.3; --ds-typography-error_message-lg-font-size: 1.3125rem; --ds-typography-error_message-lg-letter-spacing: 0.5%; --ds-typography-error_message-md-font-family: Inter; --ds-typography-error_message-md-font-weight: 400; + --ds-typography-error_message-md-line-height: 1.3; --ds-typography-error_message-md-font-size: 1.125rem; --ds-typography-error_message-md-letter-spacing: 0.5%; --ds-typography-error_message-sm-font-family: Inter; --ds-typography-error_message-sm-font-weight: 400; + --ds-typography-error_message-sm-line-height: 1.3; --ds-typography-error_message-sm-font-size: 1rem; --ds-typography-error_message-sm-letter-spacing: 0.25%; --ds-typography-error_message-xs-font-family: Inter; --ds-typography-error_message-xs-font-weight: 400; + --ds-typography-error_message-xs-line-height: 1.3; --ds-typography-error_message-xs-font-size: 0.875rem; --ds-typography-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; diff --git a/packages/theme/brand/portal/typography/primary.css b/packages/theme/brand/portal/typography/primary.css index 9e964929b6..6bcfdd4a0b 100644 --- a/packages/theme/brand/portal/typography/primary.css +++ b/packages/theme/brand/portal/typography/primary.css @@ -10,126 +10,157 @@ --ds-font-weight-regular: 400; --ds-typography-heading-2xl-font-family: Inter; --ds-typography-heading-2xl-font-weight: 500; + --ds-typography-heading-2xl-line-height: 1.3; --ds-typography-heading-2xl-font-size: 3.75rem; --ds-typography-heading-2xl-letter-spacing: -1%; --ds-typography-heading-xl-font-family: Inter; --ds-typography-heading-xl-font-weight: 500; + --ds-typography-heading-xl-line-height: 1.3; --ds-typography-heading-xl-font-size: 3rem; --ds-typography-heading-xl-letter-spacing: -1%; --ds-typography-heading-lg-font-family: Inter; --ds-typography-heading-lg-font-weight: 500; + --ds-typography-heading-lg-line-height: 1.3; --ds-typography-heading-lg-font-size: 2.25rem; --ds-typography-heading-lg-letter-spacing: -0.5%; --ds-typography-heading-md-font-family: Inter; --ds-typography-heading-md-font-weight: 500; + --ds-typography-heading-md-line-height: 1.3; --ds-typography-heading-md-font-size: 1.875rem; --ds-typography-heading-md-letter-spacing: -0.25%; --ds-typography-heading-sm-font-family: Inter; --ds-typography-heading-sm-font-weight: 500; + --ds-typography-heading-sm-line-height: 1.3; --ds-typography-heading-sm-font-size: 1.5rem; --ds-typography-heading-sm-letter-spacing: 0%; --ds-typography-heading-xs-font-family: Inter; --ds-typography-heading-xs-font-weight: 500; + --ds-typography-heading-xs-line-height: 1.3; --ds-typography-heading-xs-font-size: 1.3125rem; --ds-typography-heading-xs-letter-spacing: 0.15%; --ds-typography-heading-2xs-font-family: Inter; --ds-typography-heading-2xs-font-weight: 500; + --ds-typography-heading-2xs-line-height: 1.3; --ds-typography-heading-2xs-font-size: 1.125rem; --ds-typography-heading-2xs-letter-spacing: 0.15%; --ds-typography-ingress-lg-font-family: Inter; --ds-typography-ingress-lg-font-weight: 400; + --ds-typography-ingress-lg-line-height: 1.7; --ds-typography-ingress-lg-font-size: 1.875rem; --ds-typography-ingress-lg-letter-spacing: 0.5%; --ds-typography-ingress-md-font-family: Inter; --ds-typography-ingress-md-font-weight: 400; + --ds-typography-ingress-md-line-height: 1.7; --ds-typography-ingress-md-font-size: 1.5rem; --ds-typography-ingress-md-letter-spacing: 0.5%; --ds-typography-ingress-sm-font-family: Inter; --ds-typography-ingress-sm-font-weight: 400; + --ds-typography-ingress-sm-line-height: 1.7; --ds-typography-ingress-sm-font-size: 1.3125rem; --ds-typography-ingress-sm-letter-spacing: 0.25%; --ds-typography-ingress-xs-font-family: Inter; --ds-typography-ingress-xs-font-weight: 400; + --ds-typography-ingress-xs-line-height: 1.7; --ds-typography-ingress-xs-font-size: 1.125rem; --ds-typography-ingress-xs-letter-spacing: 0.15%; --ds-typography-paragraph-lg-font-family: Inter; --ds-typography-paragraph-lg-font-weight: 400; + --ds-typography-paragraph-lg-line-height: 1.5; --ds-typography-paragraph-lg-font-size: 1.3125rem; --ds-typography-paragraph-lg-letter-spacing: 0.5%; --ds-typography-paragraph-md-font-family: Inter; --ds-typography-paragraph-md-font-weight: 400; + --ds-typography-paragraph-md-line-height: 1.5; --ds-typography-paragraph-md-font-size: 1.125rem; --ds-typography-paragraph-md-letter-spacing: 0.5%; --ds-typography-paragraph-sm-font-family: Inter; --ds-typography-paragraph-sm-font-weight: 400; + --ds-typography-paragraph-sm-line-height: 1.5; --ds-typography-paragraph-sm-font-size: 1rem; --ds-typography-paragraph-sm-letter-spacing: 0.25%; --ds-typography-paragraph-xs-font-family: Inter; --ds-typography-paragraph-xs-font-weight: 400; + --ds-typography-paragraph-xs-line-height: 1.5; --ds-typography-paragraph-xs-font-size: 0.875rem; --ds-typography-paragraph-xs-letter-spacing: 0.15%; --ds-typography-paragraph-short-lg-font-family: Inter; --ds-typography-paragraph-short-lg-font-weight: 400; + --ds-typography-paragraph-short-lg-line-height: 1.3; --ds-typography-paragraph-short-lg-font-size: 1.3125rem; --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; --ds-typography-paragraph-short-md-font-family: Inter; --ds-typography-paragraph-short-md-font-weight: 400; + --ds-typography-paragraph-short-md-line-height: 1.3; --ds-typography-paragraph-short-md-font-size: 1.125rem; --ds-typography-paragraph-short-md-letter-spacing: 0.5%; --ds-typography-paragraph-short-sm-font-family: Inter; --ds-typography-paragraph-short-sm-font-weight: 400; + --ds-typography-paragraph-short-sm-line-height: 1.3; --ds-typography-paragraph-short-sm-font-size: 1rem; --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; --ds-typography-paragraph-short-xs-font-family: Inter; --ds-typography-paragraph-short-xs-font-weight: 400; + --ds-typography-paragraph-short-xs-line-height: 1.3; --ds-typography-paragraph-short-xs-font-size: 0.875rem; --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; --ds-typography-paragraph-long-lg-font-family: Inter; --ds-typography-paragraph-long-lg-font-weight: 400; + --ds-typography-paragraph-long-lg-line-height: 1.7; --ds-typography-paragraph-long-lg-font-size: 1.3125rem; --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; --ds-typography-paragraph-long-md-font-family: Inter; --ds-typography-paragraph-long-md-font-weight: 400; + --ds-typography-paragraph-long-md-line-height: 1.7; --ds-typography-paragraph-long-md-font-size: 1.125rem; --ds-typography-paragraph-long-md-letter-spacing: 0.5%; --ds-typography-paragraph-long-sm-font-family: Inter; --ds-typography-paragraph-long-sm-font-weight: 400; + --ds-typography-paragraph-long-sm-line-height: 1.7; --ds-typography-paragraph-long-sm-font-size: 1rem; --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; --ds-typography-paragraph-long-xs-font-family: Inter; --ds-typography-paragraph-long-xs-font-weight: 400; + --ds-typography-paragraph-long-xs-line-height: 1.7; --ds-typography-paragraph-long-xs-font-size: 0.875rem; --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; --ds-typography-label-lg-font-family: Inter; --ds-typography-label-lg-font-weight: 500; + --ds-typography-label-lg-line-height: 1.3; --ds-typography-label-lg-font-size: 1.3125rem; --ds-typography-label-lg-letter-spacing: 0.5%; --ds-typography-label-md-font-family: Inter; --ds-typography-label-md-font-weight: 500; + --ds-typography-label-md-line-height: 1.3; --ds-typography-label-md-font-size: 1.125rem; --ds-typography-label-md-letter-spacing: 0.5%; --ds-typography-label-sm-font-family: Inter; --ds-typography-label-sm-font-weight: 500; + --ds-typography-label-sm-line-height: 1.3; --ds-typography-label-sm-font-size: 1rem; --ds-typography-label-sm-letter-spacing: 0.25%; --ds-typography-label-xs-font-family: Inter; --ds-typography-label-xs-font-weight: 500; + --ds-typography-label-xs-line-height: 1.3; --ds-typography-label-xs-font-size: 0.875rem; --ds-typography-label-xs-letter-spacing: 0.15%; --ds-typography-error_message-lg-font-family: Inter; --ds-typography-error_message-lg-font-weight: 400; + --ds-typography-error_message-lg-line-height: 1.3; --ds-typography-error_message-lg-font-size: 1.3125rem; --ds-typography-error_message-lg-letter-spacing: 0.5%; --ds-typography-error_message-md-font-family: Inter; --ds-typography-error_message-md-font-weight: 400; + --ds-typography-error_message-md-line-height: 1.3; --ds-typography-error_message-md-font-size: 1.125rem; --ds-typography-error_message-md-letter-spacing: 0.5%; --ds-typography-error_message-sm-font-family: Inter; --ds-typography-error_message-sm-font-weight: 400; + --ds-typography-error_message-sm-line-height: 1.3; --ds-typography-error_message-sm-font-size: 1rem; --ds-typography-error_message-sm-letter-spacing: 0.25%; --ds-typography-error_message-xs-font-family: Inter; --ds-typography-error_message-xs-font-weight: 400; + --ds-typography-error_message-xs-line-height: 1.3; --ds-typography-error_message-xs-font-size: 0.875rem; --ds-typography-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; diff --git a/packages/theme/brand/portal/typography/secondary.css b/packages/theme/brand/portal/typography/secondary.css index 9f65caf759..dd4b79a99c 100644 --- a/packages/theme/brand/portal/typography/secondary.css +++ b/packages/theme/brand/portal/typography/secondary.css @@ -10,126 +10,157 @@ --ds-font-weight-regular: 400; --ds-typography-heading-2xl-font-family: IBM Plex Mono; --ds-typography-heading-2xl-font-weight: 400; + --ds-typography-heading-2xl-line-height: 1.3; --ds-typography-heading-2xl-font-size: 3.75rem; --ds-typography-heading-2xl-letter-spacing: -1%; --ds-typography-heading-xl-font-family: IBM Plex Mono; --ds-typography-heading-xl-font-weight: 400; + --ds-typography-heading-xl-line-height: 1.3; --ds-typography-heading-xl-font-size: 3rem; --ds-typography-heading-xl-letter-spacing: -1%; --ds-typography-heading-lg-font-family: IBM Plex Mono; --ds-typography-heading-lg-font-weight: 400; + --ds-typography-heading-lg-line-height: 1.3; --ds-typography-heading-lg-font-size: 2.25rem; --ds-typography-heading-lg-letter-spacing: -0.5%; --ds-typography-heading-md-font-family: IBM Plex Mono; --ds-typography-heading-md-font-weight: 400; + --ds-typography-heading-md-line-height: 1.3; --ds-typography-heading-md-font-size: 1.875rem; --ds-typography-heading-md-letter-spacing: -0.25%; --ds-typography-heading-sm-font-family: IBM Plex Mono; --ds-typography-heading-sm-font-weight: 400; + --ds-typography-heading-sm-line-height: 1.3; --ds-typography-heading-sm-font-size: 1.5rem; --ds-typography-heading-sm-letter-spacing: 0%; --ds-typography-heading-xs-font-family: IBM Plex Mono; --ds-typography-heading-xs-font-weight: 400; + --ds-typography-heading-xs-line-height: 1.3; --ds-typography-heading-xs-font-size: 1.3125rem; --ds-typography-heading-xs-letter-spacing: 0.15%; --ds-typography-heading-2xs-font-family: IBM Plex Mono; --ds-typography-heading-2xs-font-weight: 400; + --ds-typography-heading-2xs-line-height: 1.3; --ds-typography-heading-2xs-font-size: 1.125rem; --ds-typography-heading-2xs-letter-spacing: 0.15%; --ds-typography-ingress-lg-font-family: IBM Plex Mono; --ds-typography-ingress-lg-font-weight: 400; + --ds-typography-ingress-lg-line-height: 1.7; --ds-typography-ingress-lg-font-size: 1.875rem; --ds-typography-ingress-lg-letter-spacing: 0.5%; --ds-typography-ingress-md-font-family: IBM Plex Mono; --ds-typography-ingress-md-font-weight: 400; + --ds-typography-ingress-md-line-height: 1.7; --ds-typography-ingress-md-font-size: 1.5rem; --ds-typography-ingress-md-letter-spacing: 0.5%; --ds-typography-ingress-sm-font-family: IBM Plex Mono; --ds-typography-ingress-sm-font-weight: 400; + --ds-typography-ingress-sm-line-height: 1.7; --ds-typography-ingress-sm-font-size: 1.3125rem; --ds-typography-ingress-sm-letter-spacing: 0.25%; --ds-typography-ingress-xs-font-family: IBM Plex Mono; --ds-typography-ingress-xs-font-weight: 400; + --ds-typography-ingress-xs-line-height: 1.7; --ds-typography-ingress-xs-font-size: 1.125rem; --ds-typography-ingress-xs-letter-spacing: 0.15%; --ds-typography-paragraph-lg-font-family: IBM Plex Mono; --ds-typography-paragraph-lg-font-weight: 400; + --ds-typography-paragraph-lg-line-height: 1.5; --ds-typography-paragraph-lg-font-size: 1.3125rem; --ds-typography-paragraph-lg-letter-spacing: 0.5%; --ds-typography-paragraph-md-font-family: IBM Plex Mono; --ds-typography-paragraph-md-font-weight: 400; + --ds-typography-paragraph-md-line-height: 1.5; --ds-typography-paragraph-md-font-size: 1.125rem; --ds-typography-paragraph-md-letter-spacing: 0.5%; --ds-typography-paragraph-sm-font-family: IBM Plex Mono; --ds-typography-paragraph-sm-font-weight: 400; + --ds-typography-paragraph-sm-line-height: 1.5; --ds-typography-paragraph-sm-font-size: 1rem; --ds-typography-paragraph-sm-letter-spacing: 0.25%; --ds-typography-paragraph-xs-font-family: IBM Plex Mono; --ds-typography-paragraph-xs-font-weight: 400; + --ds-typography-paragraph-xs-line-height: 1.5; --ds-typography-paragraph-xs-font-size: 0.875rem; --ds-typography-paragraph-xs-letter-spacing: 0.15%; --ds-typography-paragraph-short-lg-font-family: IBM Plex Mono; --ds-typography-paragraph-short-lg-font-weight: 400; + --ds-typography-paragraph-short-lg-line-height: 1.3; --ds-typography-paragraph-short-lg-font-size: 1.3125rem; --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; --ds-typography-paragraph-short-md-font-family: IBM Plex Mono; --ds-typography-paragraph-short-md-font-weight: 400; + --ds-typography-paragraph-short-md-line-height: 1.3; --ds-typography-paragraph-short-md-font-size: 1.125rem; --ds-typography-paragraph-short-md-letter-spacing: 0.5%; --ds-typography-paragraph-short-sm-font-family: IBM Plex Mono; --ds-typography-paragraph-short-sm-font-weight: 400; + --ds-typography-paragraph-short-sm-line-height: 1.3; --ds-typography-paragraph-short-sm-font-size: 1rem; --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; --ds-typography-paragraph-short-xs-font-family: IBM Plex Mono; --ds-typography-paragraph-short-xs-font-weight: 400; + --ds-typography-paragraph-short-xs-line-height: 1.3; --ds-typography-paragraph-short-xs-font-size: 0.875rem; --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; --ds-typography-paragraph-long-lg-font-family: IBM Plex Mono; --ds-typography-paragraph-long-lg-font-weight: 400; + --ds-typography-paragraph-long-lg-line-height: 1.7; --ds-typography-paragraph-long-lg-font-size: 1.3125rem; --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; --ds-typography-paragraph-long-md-font-family: IBM Plex Mono; --ds-typography-paragraph-long-md-font-weight: 400; + --ds-typography-paragraph-long-md-line-height: 1.7; --ds-typography-paragraph-long-md-font-size: 1.125rem; --ds-typography-paragraph-long-md-letter-spacing: 0.5%; --ds-typography-paragraph-long-sm-font-family: IBM Plex Mono; --ds-typography-paragraph-long-sm-font-weight: 400; + --ds-typography-paragraph-long-sm-line-height: 1.7; --ds-typography-paragraph-long-sm-font-size: 1rem; --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; --ds-typography-paragraph-long-xs-font-family: IBM Plex Mono; --ds-typography-paragraph-long-xs-font-weight: 400; + --ds-typography-paragraph-long-xs-line-height: 1.7; --ds-typography-paragraph-long-xs-font-size: 0.875rem; --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; --ds-typography-label-lg-font-family: IBM Plex Mono; --ds-typography-label-lg-font-weight: 400; + --ds-typography-label-lg-line-height: 1.3; --ds-typography-label-lg-font-size: 1.3125rem; --ds-typography-label-lg-letter-spacing: 0.5%; --ds-typography-label-md-font-family: IBM Plex Mono; --ds-typography-label-md-font-weight: 400; + --ds-typography-label-md-line-height: 1.3; --ds-typography-label-md-font-size: 1.125rem; --ds-typography-label-md-letter-spacing: 0.5%; --ds-typography-label-sm-font-family: IBM Plex Mono; --ds-typography-label-sm-font-weight: 400; + --ds-typography-label-sm-line-height: 1.3; --ds-typography-label-sm-font-size: 1rem; --ds-typography-label-sm-letter-spacing: 0.25%; --ds-typography-label-xs-font-family: IBM Plex Mono; --ds-typography-label-xs-font-weight: 400; + --ds-typography-label-xs-line-height: 1.3; --ds-typography-label-xs-font-size: 0.875rem; --ds-typography-label-xs-letter-spacing: 0.15%; --ds-typography-error_message-lg-font-family: IBM Plex Mono; --ds-typography-error_message-lg-font-weight: 400; + --ds-typography-error_message-lg-line-height: 1.3; --ds-typography-error_message-lg-font-size: 1.3125rem; --ds-typography-error_message-lg-letter-spacing: 0.5%; --ds-typography-error_message-md-font-family: IBM Plex Mono; --ds-typography-error_message-md-font-weight: 400; + --ds-typography-error_message-md-line-height: 1.3; --ds-typography-error_message-md-font-size: 1.125rem; --ds-typography-error_message-md-letter-spacing: 0.5%; --ds-typography-error_message-sm-font-family: IBM Plex Mono; --ds-typography-error_message-sm-font-weight: 400; + --ds-typography-error_message-sm-line-height: 1.3; --ds-typography-error_message-sm-font-size: 1rem; --ds-typography-error_message-sm-letter-spacing: 0.25%; --ds-typography-error_message-xs-font-family: IBM Plex Mono; --ds-typography-error_message-xs-font-weight: 400; + --ds-typography-error_message-xs-line-height: 1.3; --ds-typography-error_message-xs-font-size: 0.875rem; --ds-typography-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; diff --git a/packages/theme/brand/uutilsynet.css b/packages/theme/brand/uutilsynet.css index 7741f5f546..c18d05631a 100644 --- a/packages/theme/brand/uutilsynet.css +++ b/packages/theme/brand/uutilsynet.css @@ -638,126 +638,157 @@ --ds-font-weight-regular: 400; --ds-typography-heading-2xl-font-family: IBM Plex Mono; --ds-typography-heading-2xl-font-weight: 400; + --ds-typography-heading-2xl-line-height: 1.3; --ds-typography-heading-2xl-font-size: 3.75rem; --ds-typography-heading-2xl-letter-spacing: -1%; --ds-typography-heading-xl-font-family: IBM Plex Mono; --ds-typography-heading-xl-font-weight: 400; + --ds-typography-heading-xl-line-height: 1.3; --ds-typography-heading-xl-font-size: 3rem; --ds-typography-heading-xl-letter-spacing: -1%; --ds-typography-heading-lg-font-family: IBM Plex Mono; --ds-typography-heading-lg-font-weight: 400; + --ds-typography-heading-lg-line-height: 1.3; --ds-typography-heading-lg-font-size: 2.25rem; --ds-typography-heading-lg-letter-spacing: -0.5%; --ds-typography-heading-md-font-family: IBM Plex Mono; --ds-typography-heading-md-font-weight: 400; + --ds-typography-heading-md-line-height: 1.3; --ds-typography-heading-md-font-size: 1.875rem; --ds-typography-heading-md-letter-spacing: -0.25%; --ds-typography-heading-sm-font-family: IBM Plex Mono; --ds-typography-heading-sm-font-weight: 400; + --ds-typography-heading-sm-line-height: 1.3; --ds-typography-heading-sm-font-size: 1.5rem; --ds-typography-heading-sm-letter-spacing: 0%; --ds-typography-heading-xs-font-family: IBM Plex Mono; --ds-typography-heading-xs-font-weight: 400; + --ds-typography-heading-xs-line-height: 1.3; --ds-typography-heading-xs-font-size: 1.3125rem; --ds-typography-heading-xs-letter-spacing: 0.15%; --ds-typography-heading-2xs-font-family: IBM Plex Mono; --ds-typography-heading-2xs-font-weight: 400; + --ds-typography-heading-2xs-line-height: 1.3; --ds-typography-heading-2xs-font-size: 1.125rem; --ds-typography-heading-2xs-letter-spacing: 0.15%; --ds-typography-ingress-lg-font-family: IBM Plex Mono; --ds-typography-ingress-lg-font-weight: 400; + --ds-typography-ingress-lg-line-height: 1.7; --ds-typography-ingress-lg-font-size: 1.875rem; --ds-typography-ingress-lg-letter-spacing: 0.5%; --ds-typography-ingress-md-font-family: IBM Plex Mono; --ds-typography-ingress-md-font-weight: 400; + --ds-typography-ingress-md-line-height: 1.7; --ds-typography-ingress-md-font-size: 1.5rem; --ds-typography-ingress-md-letter-spacing: 0.5%; --ds-typography-ingress-sm-font-family: IBM Plex Mono; --ds-typography-ingress-sm-font-weight: 400; + --ds-typography-ingress-sm-line-height: 1.7; --ds-typography-ingress-sm-font-size: 1.3125rem; --ds-typography-ingress-sm-letter-spacing: 0.25%; --ds-typography-ingress-xs-font-family: IBM Plex Mono; --ds-typography-ingress-xs-font-weight: 400; + --ds-typography-ingress-xs-line-height: 1.7; --ds-typography-ingress-xs-font-size: 1.125rem; --ds-typography-ingress-xs-letter-spacing: 0.15%; --ds-typography-paragraph-lg-font-family: IBM Plex Mono; --ds-typography-paragraph-lg-font-weight: 400; + --ds-typography-paragraph-lg-line-height: 1.5; --ds-typography-paragraph-lg-font-size: 1.3125rem; --ds-typography-paragraph-lg-letter-spacing: 0.5%; --ds-typography-paragraph-md-font-family: IBM Plex Mono; --ds-typography-paragraph-md-font-weight: 400; + --ds-typography-paragraph-md-line-height: 1.5; --ds-typography-paragraph-md-font-size: 1.125rem; --ds-typography-paragraph-md-letter-spacing: 0.5%; --ds-typography-paragraph-sm-font-family: IBM Plex Mono; --ds-typography-paragraph-sm-font-weight: 400; + --ds-typography-paragraph-sm-line-height: 1.5; --ds-typography-paragraph-sm-font-size: 1rem; --ds-typography-paragraph-sm-letter-spacing: 0.25%; --ds-typography-paragraph-xs-font-family: IBM Plex Mono; --ds-typography-paragraph-xs-font-weight: 400; + --ds-typography-paragraph-xs-line-height: 1.5; --ds-typography-paragraph-xs-font-size: 0.875rem; --ds-typography-paragraph-xs-letter-spacing: 0.15%; --ds-typography-paragraph-short-lg-font-family: IBM Plex Mono; --ds-typography-paragraph-short-lg-font-weight: 400; + --ds-typography-paragraph-short-lg-line-height: 1.3; --ds-typography-paragraph-short-lg-font-size: 1.3125rem; --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; --ds-typography-paragraph-short-md-font-family: IBM Plex Mono; --ds-typography-paragraph-short-md-font-weight: 400; + --ds-typography-paragraph-short-md-line-height: 1.3; --ds-typography-paragraph-short-md-font-size: 1.125rem; --ds-typography-paragraph-short-md-letter-spacing: 0.5%; --ds-typography-paragraph-short-sm-font-family: IBM Plex Mono; --ds-typography-paragraph-short-sm-font-weight: 400; + --ds-typography-paragraph-short-sm-line-height: 1.3; --ds-typography-paragraph-short-sm-font-size: 1rem; --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; --ds-typography-paragraph-short-xs-font-family: IBM Plex Mono; --ds-typography-paragraph-short-xs-font-weight: 400; + --ds-typography-paragraph-short-xs-line-height: 1.3; --ds-typography-paragraph-short-xs-font-size: 0.875rem; --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; --ds-typography-paragraph-long-lg-font-family: IBM Plex Mono; --ds-typography-paragraph-long-lg-font-weight: 400; + --ds-typography-paragraph-long-lg-line-height: 1.7; --ds-typography-paragraph-long-lg-font-size: 1.3125rem; --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; --ds-typography-paragraph-long-md-font-family: IBM Plex Mono; --ds-typography-paragraph-long-md-font-weight: 400; + --ds-typography-paragraph-long-md-line-height: 1.7; --ds-typography-paragraph-long-md-font-size: 1.125rem; --ds-typography-paragraph-long-md-letter-spacing: 0.5%; --ds-typography-paragraph-long-sm-font-family: IBM Plex Mono; --ds-typography-paragraph-long-sm-font-weight: 400; + --ds-typography-paragraph-long-sm-line-height: 1.7; --ds-typography-paragraph-long-sm-font-size: 1rem; --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; --ds-typography-paragraph-long-xs-font-family: IBM Plex Mono; --ds-typography-paragraph-long-xs-font-weight: 400; + --ds-typography-paragraph-long-xs-line-height: 1.7; --ds-typography-paragraph-long-xs-font-size: 0.875rem; --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; --ds-typography-label-lg-font-family: IBM Plex Mono; --ds-typography-label-lg-font-weight: 400; + --ds-typography-label-lg-line-height: 1.3; --ds-typography-label-lg-font-size: 1.3125rem; --ds-typography-label-lg-letter-spacing: 0.5%; --ds-typography-label-md-font-family: IBM Plex Mono; --ds-typography-label-md-font-weight: 400; + --ds-typography-label-md-line-height: 1.3; --ds-typography-label-md-font-size: 1.125rem; --ds-typography-label-md-letter-spacing: 0.5%; --ds-typography-label-sm-font-family: IBM Plex Mono; --ds-typography-label-sm-font-weight: 400; + --ds-typography-label-sm-line-height: 1.3; --ds-typography-label-sm-font-size: 1rem; --ds-typography-label-sm-letter-spacing: 0.25%; --ds-typography-label-xs-font-family: IBM Plex Mono; --ds-typography-label-xs-font-weight: 400; + --ds-typography-label-xs-line-height: 1.3; --ds-typography-label-xs-font-size: 0.875rem; --ds-typography-label-xs-letter-spacing: 0.15%; --ds-typography-error_message-lg-font-family: IBM Plex Mono; --ds-typography-error_message-lg-font-weight: 400; + --ds-typography-error_message-lg-line-height: 1.3; --ds-typography-error_message-lg-font-size: 1.3125rem; --ds-typography-error_message-lg-letter-spacing: 0.5%; --ds-typography-error_message-md-font-family: IBM Plex Mono; --ds-typography-error_message-md-font-weight: 400; + --ds-typography-error_message-md-line-height: 1.3; --ds-typography-error_message-md-font-size: 1.125rem; --ds-typography-error_message-md-letter-spacing: 0.5%; --ds-typography-error_message-sm-font-family: IBM Plex Mono; --ds-typography-error_message-sm-font-weight: 400; + --ds-typography-error_message-sm-line-height: 1.3; --ds-typography-error_message-sm-font-size: 1rem; --ds-typography-error_message-sm-letter-spacing: 0.25%; --ds-typography-error_message-xs-font-family: IBM Plex Mono; --ds-typography-error_message-xs-font-weight: 400; + --ds-typography-error_message-xs-line-height: 1.3; --ds-typography-error_message-xs-font-size: 0.875rem; --ds-typography-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; @@ -1521,126 +1552,157 @@ --ds-font-weight-regular: 400; --ds-typography-heading-2xl-font-family: Inter; --ds-typography-heading-2xl-font-weight: 500; + --ds-typography-heading-2xl-line-height: 1.3; --ds-typography-heading-2xl-font-size: 3.75rem; --ds-typography-heading-2xl-letter-spacing: -1%; --ds-typography-heading-xl-font-family: Inter; --ds-typography-heading-xl-font-weight: 500; + --ds-typography-heading-xl-line-height: 1.3; --ds-typography-heading-xl-font-size: 3rem; --ds-typography-heading-xl-letter-spacing: -1%; --ds-typography-heading-lg-font-family: Inter; --ds-typography-heading-lg-font-weight: 500; + --ds-typography-heading-lg-line-height: 1.3; --ds-typography-heading-lg-font-size: 2.25rem; --ds-typography-heading-lg-letter-spacing: -0.5%; --ds-typography-heading-md-font-family: Inter; --ds-typography-heading-md-font-weight: 500; + --ds-typography-heading-md-line-height: 1.3; --ds-typography-heading-md-font-size: 1.875rem; --ds-typography-heading-md-letter-spacing: -0.25%; --ds-typography-heading-sm-font-family: Inter; --ds-typography-heading-sm-font-weight: 500; + --ds-typography-heading-sm-line-height: 1.3; --ds-typography-heading-sm-font-size: 1.5rem; --ds-typography-heading-sm-letter-spacing: 0%; --ds-typography-heading-xs-font-family: Inter; --ds-typography-heading-xs-font-weight: 500; + --ds-typography-heading-xs-line-height: 1.3; --ds-typography-heading-xs-font-size: 1.3125rem; --ds-typography-heading-xs-letter-spacing: 0.15%; --ds-typography-heading-2xs-font-family: Inter; --ds-typography-heading-2xs-font-weight: 500; + --ds-typography-heading-2xs-line-height: 1.3; --ds-typography-heading-2xs-font-size: 1.125rem; --ds-typography-heading-2xs-letter-spacing: 0.15%; --ds-typography-ingress-lg-font-family: Inter; --ds-typography-ingress-lg-font-weight: 400; + --ds-typography-ingress-lg-line-height: 1.7; --ds-typography-ingress-lg-font-size: 1.875rem; --ds-typography-ingress-lg-letter-spacing: 0.5%; --ds-typography-ingress-md-font-family: Inter; --ds-typography-ingress-md-font-weight: 400; + --ds-typography-ingress-md-line-height: 1.7; --ds-typography-ingress-md-font-size: 1.5rem; --ds-typography-ingress-md-letter-spacing: 0.5%; --ds-typography-ingress-sm-font-family: Inter; --ds-typography-ingress-sm-font-weight: 400; + --ds-typography-ingress-sm-line-height: 1.7; --ds-typography-ingress-sm-font-size: 1.3125rem; --ds-typography-ingress-sm-letter-spacing: 0.25%; --ds-typography-ingress-xs-font-family: Inter; --ds-typography-ingress-xs-font-weight: 400; + --ds-typography-ingress-xs-line-height: 1.7; --ds-typography-ingress-xs-font-size: 1.125rem; --ds-typography-ingress-xs-letter-spacing: 0.15%; --ds-typography-paragraph-lg-font-family: Inter; --ds-typography-paragraph-lg-font-weight: 400; + --ds-typography-paragraph-lg-line-height: 1.5; --ds-typography-paragraph-lg-font-size: 1.3125rem; --ds-typography-paragraph-lg-letter-spacing: 0.5%; --ds-typography-paragraph-md-font-family: Inter; --ds-typography-paragraph-md-font-weight: 400; + --ds-typography-paragraph-md-line-height: 1.5; --ds-typography-paragraph-md-font-size: 1.125rem; --ds-typography-paragraph-md-letter-spacing: 0.5%; --ds-typography-paragraph-sm-font-family: Inter; --ds-typography-paragraph-sm-font-weight: 400; + --ds-typography-paragraph-sm-line-height: 1.5; --ds-typography-paragraph-sm-font-size: 1rem; --ds-typography-paragraph-sm-letter-spacing: 0.25%; --ds-typography-paragraph-xs-font-family: Inter; --ds-typography-paragraph-xs-font-weight: 400; + --ds-typography-paragraph-xs-line-height: 1.5; --ds-typography-paragraph-xs-font-size: 0.875rem; --ds-typography-paragraph-xs-letter-spacing: 0.15%; --ds-typography-paragraph-short-lg-font-family: Inter; --ds-typography-paragraph-short-lg-font-weight: 400; + --ds-typography-paragraph-short-lg-line-height: 1.3; --ds-typography-paragraph-short-lg-font-size: 1.3125rem; --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; --ds-typography-paragraph-short-md-font-family: Inter; --ds-typography-paragraph-short-md-font-weight: 400; + --ds-typography-paragraph-short-md-line-height: 1.3; --ds-typography-paragraph-short-md-font-size: 1.125rem; --ds-typography-paragraph-short-md-letter-spacing: 0.5%; --ds-typography-paragraph-short-sm-font-family: Inter; --ds-typography-paragraph-short-sm-font-weight: 400; + --ds-typography-paragraph-short-sm-line-height: 1.3; --ds-typography-paragraph-short-sm-font-size: 1rem; --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; --ds-typography-paragraph-short-xs-font-family: Inter; --ds-typography-paragraph-short-xs-font-weight: 400; + --ds-typography-paragraph-short-xs-line-height: 1.3; --ds-typography-paragraph-short-xs-font-size: 0.875rem; --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; --ds-typography-paragraph-long-lg-font-family: Inter; --ds-typography-paragraph-long-lg-font-weight: 400; + --ds-typography-paragraph-long-lg-line-height: 1.7; --ds-typography-paragraph-long-lg-font-size: 1.3125rem; --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; --ds-typography-paragraph-long-md-font-family: Inter; --ds-typography-paragraph-long-md-font-weight: 400; + --ds-typography-paragraph-long-md-line-height: 1.7; --ds-typography-paragraph-long-md-font-size: 1.125rem; --ds-typography-paragraph-long-md-letter-spacing: 0.5%; --ds-typography-paragraph-long-sm-font-family: Inter; --ds-typography-paragraph-long-sm-font-weight: 400; + --ds-typography-paragraph-long-sm-line-height: 1.7; --ds-typography-paragraph-long-sm-font-size: 1rem; --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; --ds-typography-paragraph-long-xs-font-family: Inter; --ds-typography-paragraph-long-xs-font-weight: 400; + --ds-typography-paragraph-long-xs-line-height: 1.7; --ds-typography-paragraph-long-xs-font-size: 0.875rem; --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; --ds-typography-label-lg-font-family: Inter; --ds-typography-label-lg-font-weight: 500; + --ds-typography-label-lg-line-height: 1.3; --ds-typography-label-lg-font-size: 1.3125rem; --ds-typography-label-lg-letter-spacing: 0.5%; --ds-typography-label-md-font-family: Inter; --ds-typography-label-md-font-weight: 500; + --ds-typography-label-md-line-height: 1.3; --ds-typography-label-md-font-size: 1.125rem; --ds-typography-label-md-letter-spacing: 0.5%; --ds-typography-label-sm-font-family: Inter; --ds-typography-label-sm-font-weight: 500; + --ds-typography-label-sm-line-height: 1.3; --ds-typography-label-sm-font-size: 1rem; --ds-typography-label-sm-letter-spacing: 0.25%; --ds-typography-label-xs-font-family: Inter; --ds-typography-label-xs-font-weight: 500; + --ds-typography-label-xs-line-height: 1.3; --ds-typography-label-xs-font-size: 0.875rem; --ds-typography-label-xs-letter-spacing: 0.15%; --ds-typography-error_message-lg-font-family: Inter; --ds-typography-error_message-lg-font-weight: 400; + --ds-typography-error_message-lg-line-height: 1.3; --ds-typography-error_message-lg-font-size: 1.3125rem; --ds-typography-error_message-lg-letter-spacing: 0.5%; --ds-typography-error_message-md-font-family: Inter; --ds-typography-error_message-md-font-weight: 400; + --ds-typography-error_message-md-line-height: 1.3; --ds-typography-error_message-md-font-size: 1.125rem; --ds-typography-error_message-md-letter-spacing: 0.5%; --ds-typography-error_message-sm-font-family: Inter; --ds-typography-error_message-sm-font-weight: 400; + --ds-typography-error_message-sm-line-height: 1.3; --ds-typography-error_message-sm-font-size: 1rem; --ds-typography-error_message-sm-letter-spacing: 0.25%; --ds-typography-error_message-xs-font-family: Inter; --ds-typography-error_message-xs-font-weight: 400; + --ds-typography-error_message-xs-line-height: 1.3; --ds-typography-error_message-xs-font-size: 0.875rem; --ds-typography-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; diff --git a/packages/theme/brand/uutilsynet/typography/primary.css b/packages/theme/brand/uutilsynet/typography/primary.css index 9e964929b6..6bcfdd4a0b 100644 --- a/packages/theme/brand/uutilsynet/typography/primary.css +++ b/packages/theme/brand/uutilsynet/typography/primary.css @@ -10,126 +10,157 @@ --ds-font-weight-regular: 400; --ds-typography-heading-2xl-font-family: Inter; --ds-typography-heading-2xl-font-weight: 500; + --ds-typography-heading-2xl-line-height: 1.3; --ds-typography-heading-2xl-font-size: 3.75rem; --ds-typography-heading-2xl-letter-spacing: -1%; --ds-typography-heading-xl-font-family: Inter; --ds-typography-heading-xl-font-weight: 500; + --ds-typography-heading-xl-line-height: 1.3; --ds-typography-heading-xl-font-size: 3rem; --ds-typography-heading-xl-letter-spacing: -1%; --ds-typography-heading-lg-font-family: Inter; --ds-typography-heading-lg-font-weight: 500; + --ds-typography-heading-lg-line-height: 1.3; --ds-typography-heading-lg-font-size: 2.25rem; --ds-typography-heading-lg-letter-spacing: -0.5%; --ds-typography-heading-md-font-family: Inter; --ds-typography-heading-md-font-weight: 500; + --ds-typography-heading-md-line-height: 1.3; --ds-typography-heading-md-font-size: 1.875rem; --ds-typography-heading-md-letter-spacing: -0.25%; --ds-typography-heading-sm-font-family: Inter; --ds-typography-heading-sm-font-weight: 500; + --ds-typography-heading-sm-line-height: 1.3; --ds-typography-heading-sm-font-size: 1.5rem; --ds-typography-heading-sm-letter-spacing: 0%; --ds-typography-heading-xs-font-family: Inter; --ds-typography-heading-xs-font-weight: 500; + --ds-typography-heading-xs-line-height: 1.3; --ds-typography-heading-xs-font-size: 1.3125rem; --ds-typography-heading-xs-letter-spacing: 0.15%; --ds-typography-heading-2xs-font-family: Inter; --ds-typography-heading-2xs-font-weight: 500; + --ds-typography-heading-2xs-line-height: 1.3; --ds-typography-heading-2xs-font-size: 1.125rem; --ds-typography-heading-2xs-letter-spacing: 0.15%; --ds-typography-ingress-lg-font-family: Inter; --ds-typography-ingress-lg-font-weight: 400; + --ds-typography-ingress-lg-line-height: 1.7; --ds-typography-ingress-lg-font-size: 1.875rem; --ds-typography-ingress-lg-letter-spacing: 0.5%; --ds-typography-ingress-md-font-family: Inter; --ds-typography-ingress-md-font-weight: 400; + --ds-typography-ingress-md-line-height: 1.7; --ds-typography-ingress-md-font-size: 1.5rem; --ds-typography-ingress-md-letter-spacing: 0.5%; --ds-typography-ingress-sm-font-family: Inter; --ds-typography-ingress-sm-font-weight: 400; + --ds-typography-ingress-sm-line-height: 1.7; --ds-typography-ingress-sm-font-size: 1.3125rem; --ds-typography-ingress-sm-letter-spacing: 0.25%; --ds-typography-ingress-xs-font-family: Inter; --ds-typography-ingress-xs-font-weight: 400; + --ds-typography-ingress-xs-line-height: 1.7; --ds-typography-ingress-xs-font-size: 1.125rem; --ds-typography-ingress-xs-letter-spacing: 0.15%; --ds-typography-paragraph-lg-font-family: Inter; --ds-typography-paragraph-lg-font-weight: 400; + --ds-typography-paragraph-lg-line-height: 1.5; --ds-typography-paragraph-lg-font-size: 1.3125rem; --ds-typography-paragraph-lg-letter-spacing: 0.5%; --ds-typography-paragraph-md-font-family: Inter; --ds-typography-paragraph-md-font-weight: 400; + --ds-typography-paragraph-md-line-height: 1.5; --ds-typography-paragraph-md-font-size: 1.125rem; --ds-typography-paragraph-md-letter-spacing: 0.5%; --ds-typography-paragraph-sm-font-family: Inter; --ds-typography-paragraph-sm-font-weight: 400; + --ds-typography-paragraph-sm-line-height: 1.5; --ds-typography-paragraph-sm-font-size: 1rem; --ds-typography-paragraph-sm-letter-spacing: 0.25%; --ds-typography-paragraph-xs-font-family: Inter; --ds-typography-paragraph-xs-font-weight: 400; + --ds-typography-paragraph-xs-line-height: 1.5; --ds-typography-paragraph-xs-font-size: 0.875rem; --ds-typography-paragraph-xs-letter-spacing: 0.15%; --ds-typography-paragraph-short-lg-font-family: Inter; --ds-typography-paragraph-short-lg-font-weight: 400; + --ds-typography-paragraph-short-lg-line-height: 1.3; --ds-typography-paragraph-short-lg-font-size: 1.3125rem; --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; --ds-typography-paragraph-short-md-font-family: Inter; --ds-typography-paragraph-short-md-font-weight: 400; + --ds-typography-paragraph-short-md-line-height: 1.3; --ds-typography-paragraph-short-md-font-size: 1.125rem; --ds-typography-paragraph-short-md-letter-spacing: 0.5%; --ds-typography-paragraph-short-sm-font-family: Inter; --ds-typography-paragraph-short-sm-font-weight: 400; + --ds-typography-paragraph-short-sm-line-height: 1.3; --ds-typography-paragraph-short-sm-font-size: 1rem; --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; --ds-typography-paragraph-short-xs-font-family: Inter; --ds-typography-paragraph-short-xs-font-weight: 400; + --ds-typography-paragraph-short-xs-line-height: 1.3; --ds-typography-paragraph-short-xs-font-size: 0.875rem; --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; --ds-typography-paragraph-long-lg-font-family: Inter; --ds-typography-paragraph-long-lg-font-weight: 400; + --ds-typography-paragraph-long-lg-line-height: 1.7; --ds-typography-paragraph-long-lg-font-size: 1.3125rem; --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; --ds-typography-paragraph-long-md-font-family: Inter; --ds-typography-paragraph-long-md-font-weight: 400; + --ds-typography-paragraph-long-md-line-height: 1.7; --ds-typography-paragraph-long-md-font-size: 1.125rem; --ds-typography-paragraph-long-md-letter-spacing: 0.5%; --ds-typography-paragraph-long-sm-font-family: Inter; --ds-typography-paragraph-long-sm-font-weight: 400; + --ds-typography-paragraph-long-sm-line-height: 1.7; --ds-typography-paragraph-long-sm-font-size: 1rem; --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; --ds-typography-paragraph-long-xs-font-family: Inter; --ds-typography-paragraph-long-xs-font-weight: 400; + --ds-typography-paragraph-long-xs-line-height: 1.7; --ds-typography-paragraph-long-xs-font-size: 0.875rem; --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; --ds-typography-label-lg-font-family: Inter; --ds-typography-label-lg-font-weight: 500; + --ds-typography-label-lg-line-height: 1.3; --ds-typography-label-lg-font-size: 1.3125rem; --ds-typography-label-lg-letter-spacing: 0.5%; --ds-typography-label-md-font-family: Inter; --ds-typography-label-md-font-weight: 500; + --ds-typography-label-md-line-height: 1.3; --ds-typography-label-md-font-size: 1.125rem; --ds-typography-label-md-letter-spacing: 0.5%; --ds-typography-label-sm-font-family: Inter; --ds-typography-label-sm-font-weight: 500; + --ds-typography-label-sm-line-height: 1.3; --ds-typography-label-sm-font-size: 1rem; --ds-typography-label-sm-letter-spacing: 0.25%; --ds-typography-label-xs-font-family: Inter; --ds-typography-label-xs-font-weight: 500; + --ds-typography-label-xs-line-height: 1.3; --ds-typography-label-xs-font-size: 0.875rem; --ds-typography-label-xs-letter-spacing: 0.15%; --ds-typography-error_message-lg-font-family: Inter; --ds-typography-error_message-lg-font-weight: 400; + --ds-typography-error_message-lg-line-height: 1.3; --ds-typography-error_message-lg-font-size: 1.3125rem; --ds-typography-error_message-lg-letter-spacing: 0.5%; --ds-typography-error_message-md-font-family: Inter; --ds-typography-error_message-md-font-weight: 400; + --ds-typography-error_message-md-line-height: 1.3; --ds-typography-error_message-md-font-size: 1.125rem; --ds-typography-error_message-md-letter-spacing: 0.5%; --ds-typography-error_message-sm-font-family: Inter; --ds-typography-error_message-sm-font-weight: 400; + --ds-typography-error_message-sm-line-height: 1.3; --ds-typography-error_message-sm-font-size: 1rem; --ds-typography-error_message-sm-letter-spacing: 0.25%; --ds-typography-error_message-xs-font-family: Inter; --ds-typography-error_message-xs-font-weight: 400; + --ds-typography-error_message-xs-line-height: 1.3; --ds-typography-error_message-xs-font-size: 0.875rem; --ds-typography-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; diff --git a/packages/theme/brand/uutilsynet/typography/secondary.css b/packages/theme/brand/uutilsynet/typography/secondary.css index 9f65caf759..dd4b79a99c 100644 --- a/packages/theme/brand/uutilsynet/typography/secondary.css +++ b/packages/theme/brand/uutilsynet/typography/secondary.css @@ -10,126 +10,157 @@ --ds-font-weight-regular: 400; --ds-typography-heading-2xl-font-family: IBM Plex Mono; --ds-typography-heading-2xl-font-weight: 400; + --ds-typography-heading-2xl-line-height: 1.3; --ds-typography-heading-2xl-font-size: 3.75rem; --ds-typography-heading-2xl-letter-spacing: -1%; --ds-typography-heading-xl-font-family: IBM Plex Mono; --ds-typography-heading-xl-font-weight: 400; + --ds-typography-heading-xl-line-height: 1.3; --ds-typography-heading-xl-font-size: 3rem; --ds-typography-heading-xl-letter-spacing: -1%; --ds-typography-heading-lg-font-family: IBM Plex Mono; --ds-typography-heading-lg-font-weight: 400; + --ds-typography-heading-lg-line-height: 1.3; --ds-typography-heading-lg-font-size: 2.25rem; --ds-typography-heading-lg-letter-spacing: -0.5%; --ds-typography-heading-md-font-family: IBM Plex Mono; --ds-typography-heading-md-font-weight: 400; + --ds-typography-heading-md-line-height: 1.3; --ds-typography-heading-md-font-size: 1.875rem; --ds-typography-heading-md-letter-spacing: -0.25%; --ds-typography-heading-sm-font-family: IBM Plex Mono; --ds-typography-heading-sm-font-weight: 400; + --ds-typography-heading-sm-line-height: 1.3; --ds-typography-heading-sm-font-size: 1.5rem; --ds-typography-heading-sm-letter-spacing: 0%; --ds-typography-heading-xs-font-family: IBM Plex Mono; --ds-typography-heading-xs-font-weight: 400; + --ds-typography-heading-xs-line-height: 1.3; --ds-typography-heading-xs-font-size: 1.3125rem; --ds-typography-heading-xs-letter-spacing: 0.15%; --ds-typography-heading-2xs-font-family: IBM Plex Mono; --ds-typography-heading-2xs-font-weight: 400; + --ds-typography-heading-2xs-line-height: 1.3; --ds-typography-heading-2xs-font-size: 1.125rem; --ds-typography-heading-2xs-letter-spacing: 0.15%; --ds-typography-ingress-lg-font-family: IBM Plex Mono; --ds-typography-ingress-lg-font-weight: 400; + --ds-typography-ingress-lg-line-height: 1.7; --ds-typography-ingress-lg-font-size: 1.875rem; --ds-typography-ingress-lg-letter-spacing: 0.5%; --ds-typography-ingress-md-font-family: IBM Plex Mono; --ds-typography-ingress-md-font-weight: 400; + --ds-typography-ingress-md-line-height: 1.7; --ds-typography-ingress-md-font-size: 1.5rem; --ds-typography-ingress-md-letter-spacing: 0.5%; --ds-typography-ingress-sm-font-family: IBM Plex Mono; --ds-typography-ingress-sm-font-weight: 400; + --ds-typography-ingress-sm-line-height: 1.7; --ds-typography-ingress-sm-font-size: 1.3125rem; --ds-typography-ingress-sm-letter-spacing: 0.25%; --ds-typography-ingress-xs-font-family: IBM Plex Mono; --ds-typography-ingress-xs-font-weight: 400; + --ds-typography-ingress-xs-line-height: 1.7; --ds-typography-ingress-xs-font-size: 1.125rem; --ds-typography-ingress-xs-letter-spacing: 0.15%; --ds-typography-paragraph-lg-font-family: IBM Plex Mono; --ds-typography-paragraph-lg-font-weight: 400; + --ds-typography-paragraph-lg-line-height: 1.5; --ds-typography-paragraph-lg-font-size: 1.3125rem; --ds-typography-paragraph-lg-letter-spacing: 0.5%; --ds-typography-paragraph-md-font-family: IBM Plex Mono; --ds-typography-paragraph-md-font-weight: 400; + --ds-typography-paragraph-md-line-height: 1.5; --ds-typography-paragraph-md-font-size: 1.125rem; --ds-typography-paragraph-md-letter-spacing: 0.5%; --ds-typography-paragraph-sm-font-family: IBM Plex Mono; --ds-typography-paragraph-sm-font-weight: 400; + --ds-typography-paragraph-sm-line-height: 1.5; --ds-typography-paragraph-sm-font-size: 1rem; --ds-typography-paragraph-sm-letter-spacing: 0.25%; --ds-typography-paragraph-xs-font-family: IBM Plex Mono; --ds-typography-paragraph-xs-font-weight: 400; + --ds-typography-paragraph-xs-line-height: 1.5; --ds-typography-paragraph-xs-font-size: 0.875rem; --ds-typography-paragraph-xs-letter-spacing: 0.15%; --ds-typography-paragraph-short-lg-font-family: IBM Plex Mono; --ds-typography-paragraph-short-lg-font-weight: 400; + --ds-typography-paragraph-short-lg-line-height: 1.3; --ds-typography-paragraph-short-lg-font-size: 1.3125rem; --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; --ds-typography-paragraph-short-md-font-family: IBM Plex Mono; --ds-typography-paragraph-short-md-font-weight: 400; + --ds-typography-paragraph-short-md-line-height: 1.3; --ds-typography-paragraph-short-md-font-size: 1.125rem; --ds-typography-paragraph-short-md-letter-spacing: 0.5%; --ds-typography-paragraph-short-sm-font-family: IBM Plex Mono; --ds-typography-paragraph-short-sm-font-weight: 400; + --ds-typography-paragraph-short-sm-line-height: 1.3; --ds-typography-paragraph-short-sm-font-size: 1rem; --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; --ds-typography-paragraph-short-xs-font-family: IBM Plex Mono; --ds-typography-paragraph-short-xs-font-weight: 400; + --ds-typography-paragraph-short-xs-line-height: 1.3; --ds-typography-paragraph-short-xs-font-size: 0.875rem; --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; --ds-typography-paragraph-long-lg-font-family: IBM Plex Mono; --ds-typography-paragraph-long-lg-font-weight: 400; + --ds-typography-paragraph-long-lg-line-height: 1.7; --ds-typography-paragraph-long-lg-font-size: 1.3125rem; --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; --ds-typography-paragraph-long-md-font-family: IBM Plex Mono; --ds-typography-paragraph-long-md-font-weight: 400; + --ds-typography-paragraph-long-md-line-height: 1.7; --ds-typography-paragraph-long-md-font-size: 1.125rem; --ds-typography-paragraph-long-md-letter-spacing: 0.5%; --ds-typography-paragraph-long-sm-font-family: IBM Plex Mono; --ds-typography-paragraph-long-sm-font-weight: 400; + --ds-typography-paragraph-long-sm-line-height: 1.7; --ds-typography-paragraph-long-sm-font-size: 1rem; --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; --ds-typography-paragraph-long-xs-font-family: IBM Plex Mono; --ds-typography-paragraph-long-xs-font-weight: 400; + --ds-typography-paragraph-long-xs-line-height: 1.7; --ds-typography-paragraph-long-xs-font-size: 0.875rem; --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; --ds-typography-label-lg-font-family: IBM Plex Mono; --ds-typography-label-lg-font-weight: 400; + --ds-typography-label-lg-line-height: 1.3; --ds-typography-label-lg-font-size: 1.3125rem; --ds-typography-label-lg-letter-spacing: 0.5%; --ds-typography-label-md-font-family: IBM Plex Mono; --ds-typography-label-md-font-weight: 400; + --ds-typography-label-md-line-height: 1.3; --ds-typography-label-md-font-size: 1.125rem; --ds-typography-label-md-letter-spacing: 0.5%; --ds-typography-label-sm-font-family: IBM Plex Mono; --ds-typography-label-sm-font-weight: 400; + --ds-typography-label-sm-line-height: 1.3; --ds-typography-label-sm-font-size: 1rem; --ds-typography-label-sm-letter-spacing: 0.25%; --ds-typography-label-xs-font-family: IBM Plex Mono; --ds-typography-label-xs-font-weight: 400; + --ds-typography-label-xs-line-height: 1.3; --ds-typography-label-xs-font-size: 0.875rem; --ds-typography-label-xs-letter-spacing: 0.15%; --ds-typography-error_message-lg-font-family: IBM Plex Mono; --ds-typography-error_message-lg-font-weight: 400; + --ds-typography-error_message-lg-line-height: 1.3; --ds-typography-error_message-lg-font-size: 1.3125rem; --ds-typography-error_message-lg-letter-spacing: 0.5%; --ds-typography-error_message-md-font-family: IBM Plex Mono; --ds-typography-error_message-md-font-weight: 400; + --ds-typography-error_message-md-line-height: 1.3; --ds-typography-error_message-md-font-size: 1.125rem; --ds-typography-error_message-md-letter-spacing: 0.5%; --ds-typography-error_message-sm-font-family: IBM Plex Mono; --ds-typography-error_message-sm-font-weight: 400; + --ds-typography-error_message-sm-line-height: 1.3; --ds-typography-error_message-sm-font-size: 1rem; --ds-typography-error_message-sm-letter-spacing: 0.25%; --ds-typography-error_message-xs-font-family: IBM Plex Mono; --ds-typography-error_message-xs-font-weight: 400; + --ds-typography-error_message-xs-line-height: 1.3; --ds-typography-error_message-xs-font-size: 0.875rem; --ds-typography-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; From c5a9bb658467bb1fc5d302dc343a5213aadb7ce6 Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Tue, 17 Sep 2024 13:36:46 +0200 Subject: [PATCH 05/14] fix shorter naming --- packages/cli/src/tokens/build/transformers.ts | 3 +- packages/theme/brand/altinn.css | 620 +++++++++--------- .../theme/brand/altinn/typography/primary.css | 310 ++++----- .../brand/altinn/typography/secondary.css | 310 ++++----- packages/theme/brand/digdir.css | 620 +++++++++--------- .../theme/brand/digdir/typography/primary.css | 310 ++++----- .../brand/digdir/typography/secondary.css | 310 ++++----- packages/theme/brand/portal.css | 620 +++++++++--------- .../theme/brand/portal/typography/primary.css | 310 ++++----- .../brand/portal/typography/secondary.css | 310 ++++----- packages/theme/brand/uutilsynet.css | 620 +++++++++--------- .../brand/uutilsynet/typography/primary.css | 310 ++++----- .../brand/uutilsynet/typography/secondary.css | 310 ++++----- 13 files changed, 2482 insertions(+), 2481 deletions(-) diff --git a/packages/cli/src/tokens/build/transformers.ts b/packages/cli/src/tokens/build/transformers.ts index 62299d14cc..5961937af2 100644 --- a/packages/cli/src/tokens/build/transformers.ts +++ b/packages/cli/src/tokens/build/transformers.ts @@ -66,7 +66,8 @@ export const typographyName: Transform = { name: 'name/typography', type: 'name', transitive: true, - filter: (token) => typeEquals('typography', token), + // expanded tokens have different type so we match on path instead + filter: (token) => pathStartsWithOneOf(['typography'], token), transform: (token) => { return token.name.replace('-typography', ''); }, diff --git a/packages/theme/brand/altinn.css b/packages/theme/brand/altinn.css index 0c69c02d40..255efae4bf 100644 --- a/packages/theme/brand/altinn.css +++ b/packages/theme/brand/altinn.css @@ -636,161 +636,161 @@ --ds-font-weight-medium: 400; --ds-font-weight-semibold: 700; --ds-font-weight-regular: 400; - --ds-typography-heading-2xl-font-family: IBM Plex Mono; - --ds-typography-heading-2xl-font-weight: 400; - --ds-typography-heading-2xl-line-height: 1.3; - --ds-typography-heading-2xl-font-size: 3.75rem; - --ds-typography-heading-2xl-letter-spacing: -1%; - --ds-typography-heading-xl-font-family: IBM Plex Mono; - --ds-typography-heading-xl-font-weight: 400; - --ds-typography-heading-xl-line-height: 1.3; - --ds-typography-heading-xl-font-size: 3rem; - --ds-typography-heading-xl-letter-spacing: -1%; - --ds-typography-heading-lg-font-family: IBM Plex Mono; - --ds-typography-heading-lg-font-weight: 400; - --ds-typography-heading-lg-line-height: 1.3; - --ds-typography-heading-lg-font-size: 2.25rem; - --ds-typography-heading-lg-letter-spacing: -0.5%; - --ds-typography-heading-md-font-family: IBM Plex Mono; - --ds-typography-heading-md-font-weight: 400; - --ds-typography-heading-md-line-height: 1.3; - --ds-typography-heading-md-font-size: 1.875rem; - --ds-typography-heading-md-letter-spacing: -0.25%; - --ds-typography-heading-sm-font-family: IBM Plex Mono; - --ds-typography-heading-sm-font-weight: 400; - --ds-typography-heading-sm-line-height: 1.3; - --ds-typography-heading-sm-font-size: 1.5rem; - --ds-typography-heading-sm-letter-spacing: 0%; - --ds-typography-heading-xs-font-family: IBM Plex Mono; - --ds-typography-heading-xs-font-weight: 400; - --ds-typography-heading-xs-line-height: 1.3; - --ds-typography-heading-xs-font-size: 1.3125rem; - --ds-typography-heading-xs-letter-spacing: 0.15%; - --ds-typography-heading-2xs-font-family: IBM Plex Mono; - --ds-typography-heading-2xs-font-weight: 400; - --ds-typography-heading-2xs-line-height: 1.3; - --ds-typography-heading-2xs-font-size: 1.125rem; - --ds-typography-heading-2xs-letter-spacing: 0.15%; - --ds-typography-ingress-lg-font-family: IBM Plex Mono; - --ds-typography-ingress-lg-font-weight: 400; - --ds-typography-ingress-lg-line-height: 1.7; - --ds-typography-ingress-lg-font-size: 1.875rem; - --ds-typography-ingress-lg-letter-spacing: 0.5%; - --ds-typography-ingress-md-font-family: IBM Plex Mono; - --ds-typography-ingress-md-font-weight: 400; - --ds-typography-ingress-md-line-height: 1.7; - --ds-typography-ingress-md-font-size: 1.5rem; - --ds-typography-ingress-md-letter-spacing: 0.5%; - --ds-typography-ingress-sm-font-family: IBM Plex Mono; - --ds-typography-ingress-sm-font-weight: 400; - --ds-typography-ingress-sm-line-height: 1.7; - --ds-typography-ingress-sm-font-size: 1.3125rem; - --ds-typography-ingress-sm-letter-spacing: 0.25%; - --ds-typography-ingress-xs-font-family: IBM Plex Mono; - --ds-typography-ingress-xs-font-weight: 400; - --ds-typography-ingress-xs-line-height: 1.7; - --ds-typography-ingress-xs-font-size: 1.125rem; - --ds-typography-ingress-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-lg-font-family: IBM Plex Mono; - --ds-typography-paragraph-lg-font-weight: 400; - --ds-typography-paragraph-lg-line-height: 1.5; - --ds-typography-paragraph-lg-font-size: 1.3125rem; - --ds-typography-paragraph-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-md-font-family: IBM Plex Mono; - --ds-typography-paragraph-md-font-weight: 400; - --ds-typography-paragraph-md-line-height: 1.5; - --ds-typography-paragraph-md-font-size: 1.125rem; - --ds-typography-paragraph-md-letter-spacing: 0.5%; - --ds-typography-paragraph-sm-font-family: IBM Plex Mono; - --ds-typography-paragraph-sm-font-weight: 400; - --ds-typography-paragraph-sm-line-height: 1.5; - --ds-typography-paragraph-sm-font-size: 1rem; - --ds-typography-paragraph-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-xs-font-family: IBM Plex Mono; - --ds-typography-paragraph-xs-font-weight: 400; - --ds-typography-paragraph-xs-line-height: 1.5; - --ds-typography-paragraph-xs-font-size: 0.875rem; - --ds-typography-paragraph-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-short-lg-font-family: IBM Plex Mono; - --ds-typography-paragraph-short-lg-font-weight: 400; - --ds-typography-paragraph-short-lg-line-height: 1.3; - --ds-typography-paragraph-short-lg-font-size: 1.3125rem; - --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-short-md-font-family: IBM Plex Mono; - --ds-typography-paragraph-short-md-font-weight: 400; - --ds-typography-paragraph-short-md-line-height: 1.3; - --ds-typography-paragraph-short-md-font-size: 1.125rem; - --ds-typography-paragraph-short-md-letter-spacing: 0.5%; - --ds-typography-paragraph-short-sm-font-family: IBM Plex Mono; - --ds-typography-paragraph-short-sm-font-weight: 400; - --ds-typography-paragraph-short-sm-line-height: 1.3; - --ds-typography-paragraph-short-sm-font-size: 1rem; - --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-short-xs-font-family: IBM Plex Mono; - --ds-typography-paragraph-short-xs-font-weight: 400; - --ds-typography-paragraph-short-xs-line-height: 1.3; - --ds-typography-paragraph-short-xs-font-size: 0.875rem; - --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-long-lg-font-family: IBM Plex Mono; - --ds-typography-paragraph-long-lg-font-weight: 400; - --ds-typography-paragraph-long-lg-line-height: 1.7; - --ds-typography-paragraph-long-lg-font-size: 1.3125rem; - --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-long-md-font-family: IBM Plex Mono; - --ds-typography-paragraph-long-md-font-weight: 400; - --ds-typography-paragraph-long-md-line-height: 1.7; - --ds-typography-paragraph-long-md-font-size: 1.125rem; - --ds-typography-paragraph-long-md-letter-spacing: 0.5%; - --ds-typography-paragraph-long-sm-font-family: IBM Plex Mono; - --ds-typography-paragraph-long-sm-font-weight: 400; - --ds-typography-paragraph-long-sm-line-height: 1.7; - --ds-typography-paragraph-long-sm-font-size: 1rem; - --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-long-xs-font-family: IBM Plex Mono; - --ds-typography-paragraph-long-xs-font-weight: 400; - --ds-typography-paragraph-long-xs-line-height: 1.7; - --ds-typography-paragraph-long-xs-font-size: 0.875rem; - --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; - --ds-typography-label-lg-font-family: IBM Plex Mono; - --ds-typography-label-lg-font-weight: 400; - --ds-typography-label-lg-line-height: 1.3; - --ds-typography-label-lg-font-size: 1.3125rem; - --ds-typography-label-lg-letter-spacing: 0.5%; - --ds-typography-label-md-font-family: IBM Plex Mono; - --ds-typography-label-md-font-weight: 400; - --ds-typography-label-md-line-height: 1.3; - --ds-typography-label-md-font-size: 1.125rem; - --ds-typography-label-md-letter-spacing: 0.5%; - --ds-typography-label-sm-font-family: IBM Plex Mono; - --ds-typography-label-sm-font-weight: 400; - --ds-typography-label-sm-line-height: 1.3; - --ds-typography-label-sm-font-size: 1rem; - --ds-typography-label-sm-letter-spacing: 0.25%; - --ds-typography-label-xs-font-family: IBM Plex Mono; - --ds-typography-label-xs-font-weight: 400; - --ds-typography-label-xs-line-height: 1.3; - --ds-typography-label-xs-font-size: 0.875rem; - --ds-typography-label-xs-letter-spacing: 0.15%; - --ds-typography-error_message-lg-font-family: IBM Plex Mono; - --ds-typography-error_message-lg-font-weight: 400; - --ds-typography-error_message-lg-line-height: 1.3; - --ds-typography-error_message-lg-font-size: 1.3125rem; - --ds-typography-error_message-lg-letter-spacing: 0.5%; - --ds-typography-error_message-md-font-family: IBM Plex Mono; - --ds-typography-error_message-md-font-weight: 400; - --ds-typography-error_message-md-line-height: 1.3; - --ds-typography-error_message-md-font-size: 1.125rem; - --ds-typography-error_message-md-letter-spacing: 0.5%; - --ds-typography-error_message-sm-font-family: IBM Plex Mono; - --ds-typography-error_message-sm-font-weight: 400; - --ds-typography-error_message-sm-line-height: 1.3; - --ds-typography-error_message-sm-font-size: 1rem; - --ds-typography-error_message-sm-letter-spacing: 0.25%; - --ds-typography-error_message-xs-font-family: IBM Plex Mono; - --ds-typography-error_message-xs-font-weight: 400; - --ds-typography-error_message-xs-line-height: 1.3; - --ds-typography-error_message-xs-font-size: 0.875rem; - --ds-typography-error_message-xs-letter-spacing: 0.15%; + --ds-heading-2xl-font-family: IBM Plex Mono; + --ds-heading-2xl-font-weight: 400; + --ds-heading-2xl-line-height: 1.3; + --ds-heading-2xl-font-size: 3.75rem; + --ds-heading-2xl-letter-spacing: -1%; + --ds-heading-xl-font-family: IBM Plex Mono; + --ds-heading-xl-font-weight: 400; + --ds-heading-xl-line-height: 1.3; + --ds-heading-xl-font-size: 3rem; + --ds-heading-xl-letter-spacing: -1%; + --ds-heading-lg-font-family: IBM Plex Mono; + --ds-heading-lg-font-weight: 400; + --ds-heading-lg-line-height: 1.3; + --ds-heading-lg-font-size: 2.25rem; + --ds-heading-lg-letter-spacing: -0.5%; + --ds-heading-md-font-family: IBM Plex Mono; + --ds-heading-md-font-weight: 400; + --ds-heading-md-line-height: 1.3; + --ds-heading-md-font-size: 1.875rem; + --ds-heading-md-letter-spacing: -0.25%; + --ds-heading-sm-font-family: IBM Plex Mono; + --ds-heading-sm-font-weight: 400; + --ds-heading-sm-line-height: 1.3; + --ds-heading-sm-font-size: 1.5rem; + --ds-heading-sm-letter-spacing: 0%; + --ds-heading-xs-font-family: IBM Plex Mono; + --ds-heading-xs-font-weight: 400; + --ds-heading-xs-line-height: 1.3; + --ds-heading-xs-font-size: 1.3125rem; + --ds-heading-xs-letter-spacing: 0.15%; + --ds-heading-2xs-font-family: IBM Plex Mono; + --ds-heading-2xs-font-weight: 400; + --ds-heading-2xs-line-height: 1.3; + --ds-heading-2xs-font-size: 1.125rem; + --ds-heading-2xs-letter-spacing: 0.15%; + --ds-ingress-lg-font-family: IBM Plex Mono; + --ds-ingress-lg-font-weight: 400; + --ds-ingress-lg-line-height: 1.7; + --ds-ingress-lg-font-size: 1.875rem; + --ds-ingress-lg-letter-spacing: 0.5%; + --ds-ingress-md-font-family: IBM Plex Mono; + --ds-ingress-md-font-weight: 400; + --ds-ingress-md-line-height: 1.7; + --ds-ingress-md-font-size: 1.5rem; + --ds-ingress-md-letter-spacing: 0.5%; + --ds-ingress-sm-font-family: IBM Plex Mono; + --ds-ingress-sm-font-weight: 400; + --ds-ingress-sm-line-height: 1.7; + --ds-ingress-sm-font-size: 1.3125rem; + --ds-ingress-sm-letter-spacing: 0.25%; + --ds-ingress-xs-font-family: IBM Plex Mono; + --ds-ingress-xs-font-weight: 400; + --ds-ingress-xs-line-height: 1.7; + --ds-ingress-xs-font-size: 1.125rem; + --ds-ingress-xs-letter-spacing: 0.15%; + --ds-paragraph-lg-font-family: IBM Plex Mono; + --ds-paragraph-lg-font-weight: 400; + --ds-paragraph-lg-line-height: 1.5; + --ds-paragraph-lg-font-size: 1.3125rem; + --ds-paragraph-lg-letter-spacing: 0.5%; + --ds-paragraph-md-font-family: IBM Plex Mono; + --ds-paragraph-md-font-weight: 400; + --ds-paragraph-md-line-height: 1.5; + --ds-paragraph-md-font-size: 1.125rem; + --ds-paragraph-md-letter-spacing: 0.5%; + --ds-paragraph-sm-font-family: IBM Plex Mono; + --ds-paragraph-sm-font-weight: 400; + --ds-paragraph-sm-line-height: 1.5; + --ds-paragraph-sm-font-size: 1rem; + --ds-paragraph-sm-letter-spacing: 0.25%; + --ds-paragraph-xs-font-family: IBM Plex Mono; + --ds-paragraph-xs-font-weight: 400; + --ds-paragraph-xs-line-height: 1.5; + --ds-paragraph-xs-font-size: 0.875rem; + --ds-paragraph-xs-letter-spacing: 0.15%; + --ds-paragraph-short-lg-font-family: IBM Plex Mono; + --ds-paragraph-short-lg-font-weight: 400; + --ds-paragraph-short-lg-line-height: 1.3; + --ds-paragraph-short-lg-font-size: 1.3125rem; + --ds-paragraph-short-lg-letter-spacing: 0.5%; + --ds-paragraph-short-md-font-family: IBM Plex Mono; + --ds-paragraph-short-md-font-weight: 400; + --ds-paragraph-short-md-line-height: 1.3; + --ds-paragraph-short-md-font-size: 1.125rem; + --ds-paragraph-short-md-letter-spacing: 0.5%; + --ds-paragraph-short-sm-font-family: IBM Plex Mono; + --ds-paragraph-short-sm-font-weight: 400; + --ds-paragraph-short-sm-line-height: 1.3; + --ds-paragraph-short-sm-font-size: 1rem; + --ds-paragraph-short-sm-letter-spacing: 0.25%; + --ds-paragraph-short-xs-font-family: IBM Plex Mono; + --ds-paragraph-short-xs-font-weight: 400; + --ds-paragraph-short-xs-line-height: 1.3; + --ds-paragraph-short-xs-font-size: 0.875rem; + --ds-paragraph-short-xs-letter-spacing: 0.15%; + --ds-paragraph-long-lg-font-family: IBM Plex Mono; + --ds-paragraph-long-lg-font-weight: 400; + --ds-paragraph-long-lg-line-height: 1.7; + --ds-paragraph-long-lg-font-size: 1.3125rem; + --ds-paragraph-long-lg-letter-spacing: 0.5%; + --ds-paragraph-long-md-font-family: IBM Plex Mono; + --ds-paragraph-long-md-font-weight: 400; + --ds-paragraph-long-md-line-height: 1.7; + --ds-paragraph-long-md-font-size: 1.125rem; + --ds-paragraph-long-md-letter-spacing: 0.5%; + --ds-paragraph-long-sm-font-family: IBM Plex Mono; + --ds-paragraph-long-sm-font-weight: 400; + --ds-paragraph-long-sm-line-height: 1.7; + --ds-paragraph-long-sm-font-size: 1rem; + --ds-paragraph-long-sm-letter-spacing: 0.25%; + --ds-paragraph-long-xs-font-family: IBM Plex Mono; + --ds-paragraph-long-xs-font-weight: 400; + --ds-paragraph-long-xs-line-height: 1.7; + --ds-paragraph-long-xs-font-size: 0.875rem; + --ds-paragraph-long-xs-letter-spacing: 0.15%; + --ds-label-lg-font-family: IBM Plex Mono; + --ds-label-lg-font-weight: 400; + --ds-label-lg-line-height: 1.3; + --ds-label-lg-font-size: 1.3125rem; + --ds-label-lg-letter-spacing: 0.5%; + --ds-label-md-font-family: IBM Plex Mono; + --ds-label-md-font-weight: 400; + --ds-label-md-line-height: 1.3; + --ds-label-md-font-size: 1.125rem; + --ds-label-md-letter-spacing: 0.5%; + --ds-label-sm-font-family: IBM Plex Mono; + --ds-label-sm-font-weight: 400; + --ds-label-sm-line-height: 1.3; + --ds-label-sm-font-size: 1rem; + --ds-label-sm-letter-spacing: 0.25%; + --ds-label-xs-font-family: IBM Plex Mono; + --ds-label-xs-font-weight: 400; + --ds-label-xs-line-height: 1.3; + --ds-label-xs-font-size: 0.875rem; + --ds-label-xs-letter-spacing: 0.15%; + --ds-error_message-lg-font-family: IBM Plex Mono; + --ds-error_message-lg-font-weight: 400; + --ds-error_message-lg-line-height: 1.3; + --ds-error_message-lg-font-size: 1.3125rem; + --ds-error_message-lg-letter-spacing: 0.5%; + --ds-error_message-md-font-family: IBM Plex Mono; + --ds-error_message-md-font-weight: 400; + --ds-error_message-md-line-height: 1.3; + --ds-error_message-md-font-size: 1.125rem; + --ds-error_message-md-letter-spacing: 0.5%; + --ds-error_message-sm-font-family: IBM Plex Mono; + --ds-error_message-sm-font-weight: 400; + --ds-error_message-sm-line-height: 1.3; + --ds-error_message-sm-font-size: 1rem; + --ds-error_message-sm-letter-spacing: 0.25%; + --ds-error_message-xs-font-family: IBM Plex Mono; + --ds-error_message-xs-font-weight: 400; + --ds-error_message-xs-line-height: 1.3; + --ds-error_message-xs-font-size: 0.875rem; + --ds-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; --ds-line-height-md: 1.5; --ds-line-height-lg: 1.7; @@ -1550,161 +1550,161 @@ --ds-font-weight-medium: 500; --ds-font-weight-semibold: 700; --ds-font-weight-regular: 400; - --ds-typography-heading-2xl-font-family: Helvetica Neue; - --ds-typography-heading-2xl-font-weight: 500; - --ds-typography-heading-2xl-line-height: 1.3; - --ds-typography-heading-2xl-font-size: 3.75rem; - --ds-typography-heading-2xl-letter-spacing: -1%; - --ds-typography-heading-xl-font-family: Helvetica Neue; - --ds-typography-heading-xl-font-weight: 500; - --ds-typography-heading-xl-line-height: 1.3; - --ds-typography-heading-xl-font-size: 3rem; - --ds-typography-heading-xl-letter-spacing: -1%; - --ds-typography-heading-lg-font-family: Helvetica Neue; - --ds-typography-heading-lg-font-weight: 500; - --ds-typography-heading-lg-line-height: 1.3; - --ds-typography-heading-lg-font-size: 2.25rem; - --ds-typography-heading-lg-letter-spacing: -0.5%; - --ds-typography-heading-md-font-family: Helvetica Neue; - --ds-typography-heading-md-font-weight: 500; - --ds-typography-heading-md-line-height: 1.3; - --ds-typography-heading-md-font-size: 1.875rem; - --ds-typography-heading-md-letter-spacing: -0.25%; - --ds-typography-heading-sm-font-family: Helvetica Neue; - --ds-typography-heading-sm-font-weight: 500; - --ds-typography-heading-sm-line-height: 1.3; - --ds-typography-heading-sm-font-size: 1.5rem; - --ds-typography-heading-sm-letter-spacing: 0%; - --ds-typography-heading-xs-font-family: Helvetica Neue; - --ds-typography-heading-xs-font-weight: 500; - --ds-typography-heading-xs-line-height: 1.3; - --ds-typography-heading-xs-font-size: 1.3125rem; - --ds-typography-heading-xs-letter-spacing: 0.15%; - --ds-typography-heading-2xs-font-family: Helvetica Neue; - --ds-typography-heading-2xs-font-weight: 500; - --ds-typography-heading-2xs-line-height: 1.3; - --ds-typography-heading-2xs-font-size: 1.125rem; - --ds-typography-heading-2xs-letter-spacing: 0.15%; - --ds-typography-ingress-lg-font-family: Helvetica Neue; - --ds-typography-ingress-lg-font-weight: 400; - --ds-typography-ingress-lg-line-height: 1.7; - --ds-typography-ingress-lg-font-size: 1.875rem; - --ds-typography-ingress-lg-letter-spacing: 0.5%; - --ds-typography-ingress-md-font-family: Helvetica Neue; - --ds-typography-ingress-md-font-weight: 400; - --ds-typography-ingress-md-line-height: 1.7; - --ds-typography-ingress-md-font-size: 1.5rem; - --ds-typography-ingress-md-letter-spacing: 0.5%; - --ds-typography-ingress-sm-font-family: Helvetica Neue; - --ds-typography-ingress-sm-font-weight: 400; - --ds-typography-ingress-sm-line-height: 1.7; - --ds-typography-ingress-sm-font-size: 1.3125rem; - --ds-typography-ingress-sm-letter-spacing: 0.25%; - --ds-typography-ingress-xs-font-family: Helvetica Neue; - --ds-typography-ingress-xs-font-weight: 400; - --ds-typography-ingress-xs-line-height: 1.7; - --ds-typography-ingress-xs-font-size: 1.125rem; - --ds-typography-ingress-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-lg-font-family: Helvetica Neue; - --ds-typography-paragraph-lg-font-weight: 400; - --ds-typography-paragraph-lg-line-height: 1.5; - --ds-typography-paragraph-lg-font-size: 1.3125rem; - --ds-typography-paragraph-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-md-font-family: Helvetica Neue; - --ds-typography-paragraph-md-font-weight: 400; - --ds-typography-paragraph-md-line-height: 1.5; - --ds-typography-paragraph-md-font-size: 1.125rem; - --ds-typography-paragraph-md-letter-spacing: 0.5%; - --ds-typography-paragraph-sm-font-family: Helvetica Neue; - --ds-typography-paragraph-sm-font-weight: 400; - --ds-typography-paragraph-sm-line-height: 1.5; - --ds-typography-paragraph-sm-font-size: 1rem; - --ds-typography-paragraph-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-xs-font-family: Helvetica Neue; - --ds-typography-paragraph-xs-font-weight: 400; - --ds-typography-paragraph-xs-line-height: 1.5; - --ds-typography-paragraph-xs-font-size: 0.875rem; - --ds-typography-paragraph-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-short-lg-font-family: Helvetica Neue; - --ds-typography-paragraph-short-lg-font-weight: 400; - --ds-typography-paragraph-short-lg-line-height: 1.3; - --ds-typography-paragraph-short-lg-font-size: 1.3125rem; - --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-short-md-font-family: Helvetica Neue; - --ds-typography-paragraph-short-md-font-weight: 400; - --ds-typography-paragraph-short-md-line-height: 1.3; - --ds-typography-paragraph-short-md-font-size: 1.125rem; - --ds-typography-paragraph-short-md-letter-spacing: 0.5%; - --ds-typography-paragraph-short-sm-font-family: Helvetica Neue; - --ds-typography-paragraph-short-sm-font-weight: 400; - --ds-typography-paragraph-short-sm-line-height: 1.3; - --ds-typography-paragraph-short-sm-font-size: 1rem; - --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-short-xs-font-family: Helvetica Neue; - --ds-typography-paragraph-short-xs-font-weight: 400; - --ds-typography-paragraph-short-xs-line-height: 1.3; - --ds-typography-paragraph-short-xs-font-size: 0.875rem; - --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-long-lg-font-family: Helvetica Neue; - --ds-typography-paragraph-long-lg-font-weight: 400; - --ds-typography-paragraph-long-lg-line-height: 1.7; - --ds-typography-paragraph-long-lg-font-size: 1.3125rem; - --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-long-md-font-family: Helvetica Neue; - --ds-typography-paragraph-long-md-font-weight: 400; - --ds-typography-paragraph-long-md-line-height: 1.7; - --ds-typography-paragraph-long-md-font-size: 1.125rem; - --ds-typography-paragraph-long-md-letter-spacing: 0.5%; - --ds-typography-paragraph-long-sm-font-family: Helvetica Neue; - --ds-typography-paragraph-long-sm-font-weight: 400; - --ds-typography-paragraph-long-sm-line-height: 1.7; - --ds-typography-paragraph-long-sm-font-size: 1rem; - --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-long-xs-font-family: Helvetica Neue; - --ds-typography-paragraph-long-xs-font-weight: 400; - --ds-typography-paragraph-long-xs-line-height: 1.7; - --ds-typography-paragraph-long-xs-font-size: 0.875rem; - --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; - --ds-typography-label-lg-font-family: Helvetica Neue; - --ds-typography-label-lg-font-weight: 500; - --ds-typography-label-lg-line-height: 1.3; - --ds-typography-label-lg-font-size: 1.3125rem; - --ds-typography-label-lg-letter-spacing: 0.5%; - --ds-typography-label-md-font-family: Helvetica Neue; - --ds-typography-label-md-font-weight: 500; - --ds-typography-label-md-line-height: 1.3; - --ds-typography-label-md-font-size: 1.125rem; - --ds-typography-label-md-letter-spacing: 0.5%; - --ds-typography-label-sm-font-family: Helvetica Neue; - --ds-typography-label-sm-font-weight: 500; - --ds-typography-label-sm-line-height: 1.3; - --ds-typography-label-sm-font-size: 1rem; - --ds-typography-label-sm-letter-spacing: 0.25%; - --ds-typography-label-xs-font-family: Helvetica Neue; - --ds-typography-label-xs-font-weight: 500; - --ds-typography-label-xs-line-height: 1.3; - --ds-typography-label-xs-font-size: 0.875rem; - --ds-typography-label-xs-letter-spacing: 0.15%; - --ds-typography-error_message-lg-font-family: Helvetica Neue; - --ds-typography-error_message-lg-font-weight: 400; - --ds-typography-error_message-lg-line-height: 1.3; - --ds-typography-error_message-lg-font-size: 1.3125rem; - --ds-typography-error_message-lg-letter-spacing: 0.5%; - --ds-typography-error_message-md-font-family: Helvetica Neue; - --ds-typography-error_message-md-font-weight: 400; - --ds-typography-error_message-md-line-height: 1.3; - --ds-typography-error_message-md-font-size: 1.125rem; - --ds-typography-error_message-md-letter-spacing: 0.5%; - --ds-typography-error_message-sm-font-family: Helvetica Neue; - --ds-typography-error_message-sm-font-weight: 400; - --ds-typography-error_message-sm-line-height: 1.3; - --ds-typography-error_message-sm-font-size: 1rem; - --ds-typography-error_message-sm-letter-spacing: 0.25%; - --ds-typography-error_message-xs-font-family: Helvetica Neue; - --ds-typography-error_message-xs-font-weight: 400; - --ds-typography-error_message-xs-line-height: 1.3; - --ds-typography-error_message-xs-font-size: 0.875rem; - --ds-typography-error_message-xs-letter-spacing: 0.15%; + --ds-heading-2xl-font-family: Helvetica Neue; + --ds-heading-2xl-font-weight: 500; + --ds-heading-2xl-line-height: 1.3; + --ds-heading-2xl-font-size: 3.75rem; + --ds-heading-2xl-letter-spacing: -1%; + --ds-heading-xl-font-family: Helvetica Neue; + --ds-heading-xl-font-weight: 500; + --ds-heading-xl-line-height: 1.3; + --ds-heading-xl-font-size: 3rem; + --ds-heading-xl-letter-spacing: -1%; + --ds-heading-lg-font-family: Helvetica Neue; + --ds-heading-lg-font-weight: 500; + --ds-heading-lg-line-height: 1.3; + --ds-heading-lg-font-size: 2.25rem; + --ds-heading-lg-letter-spacing: -0.5%; + --ds-heading-md-font-family: Helvetica Neue; + --ds-heading-md-font-weight: 500; + --ds-heading-md-line-height: 1.3; + --ds-heading-md-font-size: 1.875rem; + --ds-heading-md-letter-spacing: -0.25%; + --ds-heading-sm-font-family: Helvetica Neue; + --ds-heading-sm-font-weight: 500; + --ds-heading-sm-line-height: 1.3; + --ds-heading-sm-font-size: 1.5rem; + --ds-heading-sm-letter-spacing: 0%; + --ds-heading-xs-font-family: Helvetica Neue; + --ds-heading-xs-font-weight: 500; + --ds-heading-xs-line-height: 1.3; + --ds-heading-xs-font-size: 1.3125rem; + --ds-heading-xs-letter-spacing: 0.15%; + --ds-heading-2xs-font-family: Helvetica Neue; + --ds-heading-2xs-font-weight: 500; + --ds-heading-2xs-line-height: 1.3; + --ds-heading-2xs-font-size: 1.125rem; + --ds-heading-2xs-letter-spacing: 0.15%; + --ds-ingress-lg-font-family: Helvetica Neue; + --ds-ingress-lg-font-weight: 400; + --ds-ingress-lg-line-height: 1.7; + --ds-ingress-lg-font-size: 1.875rem; + --ds-ingress-lg-letter-spacing: 0.5%; + --ds-ingress-md-font-family: Helvetica Neue; + --ds-ingress-md-font-weight: 400; + --ds-ingress-md-line-height: 1.7; + --ds-ingress-md-font-size: 1.5rem; + --ds-ingress-md-letter-spacing: 0.5%; + --ds-ingress-sm-font-family: Helvetica Neue; + --ds-ingress-sm-font-weight: 400; + --ds-ingress-sm-line-height: 1.7; + --ds-ingress-sm-font-size: 1.3125rem; + --ds-ingress-sm-letter-spacing: 0.25%; + --ds-ingress-xs-font-family: Helvetica Neue; + --ds-ingress-xs-font-weight: 400; + --ds-ingress-xs-line-height: 1.7; + --ds-ingress-xs-font-size: 1.125rem; + --ds-ingress-xs-letter-spacing: 0.15%; + --ds-paragraph-lg-font-family: Helvetica Neue; + --ds-paragraph-lg-font-weight: 400; + --ds-paragraph-lg-line-height: 1.5; + --ds-paragraph-lg-font-size: 1.3125rem; + --ds-paragraph-lg-letter-spacing: 0.5%; + --ds-paragraph-md-font-family: Helvetica Neue; + --ds-paragraph-md-font-weight: 400; + --ds-paragraph-md-line-height: 1.5; + --ds-paragraph-md-font-size: 1.125rem; + --ds-paragraph-md-letter-spacing: 0.5%; + --ds-paragraph-sm-font-family: Helvetica Neue; + --ds-paragraph-sm-font-weight: 400; + --ds-paragraph-sm-line-height: 1.5; + --ds-paragraph-sm-font-size: 1rem; + --ds-paragraph-sm-letter-spacing: 0.25%; + --ds-paragraph-xs-font-family: Helvetica Neue; + --ds-paragraph-xs-font-weight: 400; + --ds-paragraph-xs-line-height: 1.5; + --ds-paragraph-xs-font-size: 0.875rem; + --ds-paragraph-xs-letter-spacing: 0.15%; + --ds-paragraph-short-lg-font-family: Helvetica Neue; + --ds-paragraph-short-lg-font-weight: 400; + --ds-paragraph-short-lg-line-height: 1.3; + --ds-paragraph-short-lg-font-size: 1.3125rem; + --ds-paragraph-short-lg-letter-spacing: 0.5%; + --ds-paragraph-short-md-font-family: Helvetica Neue; + --ds-paragraph-short-md-font-weight: 400; + --ds-paragraph-short-md-line-height: 1.3; + --ds-paragraph-short-md-font-size: 1.125rem; + --ds-paragraph-short-md-letter-spacing: 0.5%; + --ds-paragraph-short-sm-font-family: Helvetica Neue; + --ds-paragraph-short-sm-font-weight: 400; + --ds-paragraph-short-sm-line-height: 1.3; + --ds-paragraph-short-sm-font-size: 1rem; + --ds-paragraph-short-sm-letter-spacing: 0.25%; + --ds-paragraph-short-xs-font-family: Helvetica Neue; + --ds-paragraph-short-xs-font-weight: 400; + --ds-paragraph-short-xs-line-height: 1.3; + --ds-paragraph-short-xs-font-size: 0.875rem; + --ds-paragraph-short-xs-letter-spacing: 0.15%; + --ds-paragraph-long-lg-font-family: Helvetica Neue; + --ds-paragraph-long-lg-font-weight: 400; + --ds-paragraph-long-lg-line-height: 1.7; + --ds-paragraph-long-lg-font-size: 1.3125rem; + --ds-paragraph-long-lg-letter-spacing: 0.5%; + --ds-paragraph-long-md-font-family: Helvetica Neue; + --ds-paragraph-long-md-font-weight: 400; + --ds-paragraph-long-md-line-height: 1.7; + --ds-paragraph-long-md-font-size: 1.125rem; + --ds-paragraph-long-md-letter-spacing: 0.5%; + --ds-paragraph-long-sm-font-family: Helvetica Neue; + --ds-paragraph-long-sm-font-weight: 400; + --ds-paragraph-long-sm-line-height: 1.7; + --ds-paragraph-long-sm-font-size: 1rem; + --ds-paragraph-long-sm-letter-spacing: 0.25%; + --ds-paragraph-long-xs-font-family: Helvetica Neue; + --ds-paragraph-long-xs-font-weight: 400; + --ds-paragraph-long-xs-line-height: 1.7; + --ds-paragraph-long-xs-font-size: 0.875rem; + --ds-paragraph-long-xs-letter-spacing: 0.15%; + --ds-label-lg-font-family: Helvetica Neue; + --ds-label-lg-font-weight: 500; + --ds-label-lg-line-height: 1.3; + --ds-label-lg-font-size: 1.3125rem; + --ds-label-lg-letter-spacing: 0.5%; + --ds-label-md-font-family: Helvetica Neue; + --ds-label-md-font-weight: 500; + --ds-label-md-line-height: 1.3; + --ds-label-md-font-size: 1.125rem; + --ds-label-md-letter-spacing: 0.5%; + --ds-label-sm-font-family: Helvetica Neue; + --ds-label-sm-font-weight: 500; + --ds-label-sm-line-height: 1.3; + --ds-label-sm-font-size: 1rem; + --ds-label-sm-letter-spacing: 0.25%; + --ds-label-xs-font-family: Helvetica Neue; + --ds-label-xs-font-weight: 500; + --ds-label-xs-line-height: 1.3; + --ds-label-xs-font-size: 0.875rem; + --ds-label-xs-letter-spacing: 0.15%; + --ds-error_message-lg-font-family: Helvetica Neue; + --ds-error_message-lg-font-weight: 400; + --ds-error_message-lg-line-height: 1.3; + --ds-error_message-lg-font-size: 1.3125rem; + --ds-error_message-lg-letter-spacing: 0.5%; + --ds-error_message-md-font-family: Helvetica Neue; + --ds-error_message-md-font-weight: 400; + --ds-error_message-md-line-height: 1.3; + --ds-error_message-md-font-size: 1.125rem; + --ds-error_message-md-letter-spacing: 0.5%; + --ds-error_message-sm-font-family: Helvetica Neue; + --ds-error_message-sm-font-weight: 400; + --ds-error_message-sm-line-height: 1.3; + --ds-error_message-sm-font-size: 1rem; + --ds-error_message-sm-letter-spacing: 0.25%; + --ds-error_message-xs-font-family: Helvetica Neue; + --ds-error_message-xs-font-weight: 400; + --ds-error_message-xs-line-height: 1.3; + --ds-error_message-xs-font-size: 0.875rem; + --ds-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; --ds-line-height-md: 1.5; --ds-line-height-lg: 1.7; diff --git a/packages/theme/brand/altinn/typography/primary.css b/packages/theme/brand/altinn/typography/primary.css index caf2fd043b..892f2c02fa 100644 --- a/packages/theme/brand/altinn/typography/primary.css +++ b/packages/theme/brand/altinn/typography/primary.css @@ -8,161 +8,161 @@ --ds-font-weight-medium: 500; --ds-font-weight-semibold: 700; --ds-font-weight-regular: 400; - --ds-typography-heading-2xl-font-family: Helvetica Neue; - --ds-typography-heading-2xl-font-weight: 500; - --ds-typography-heading-2xl-line-height: 1.3; - --ds-typography-heading-2xl-font-size: 3.75rem; - --ds-typography-heading-2xl-letter-spacing: -1%; - --ds-typography-heading-xl-font-family: Helvetica Neue; - --ds-typography-heading-xl-font-weight: 500; - --ds-typography-heading-xl-line-height: 1.3; - --ds-typography-heading-xl-font-size: 3rem; - --ds-typography-heading-xl-letter-spacing: -1%; - --ds-typography-heading-lg-font-family: Helvetica Neue; - --ds-typography-heading-lg-font-weight: 500; - --ds-typography-heading-lg-line-height: 1.3; - --ds-typography-heading-lg-font-size: 2.25rem; - --ds-typography-heading-lg-letter-spacing: -0.5%; - --ds-typography-heading-md-font-family: Helvetica Neue; - --ds-typography-heading-md-font-weight: 500; - --ds-typography-heading-md-line-height: 1.3; - --ds-typography-heading-md-font-size: 1.875rem; - --ds-typography-heading-md-letter-spacing: -0.25%; - --ds-typography-heading-sm-font-family: Helvetica Neue; - --ds-typography-heading-sm-font-weight: 500; - --ds-typography-heading-sm-line-height: 1.3; - --ds-typography-heading-sm-font-size: 1.5rem; - --ds-typography-heading-sm-letter-spacing: 0%; - --ds-typography-heading-xs-font-family: Helvetica Neue; - --ds-typography-heading-xs-font-weight: 500; - --ds-typography-heading-xs-line-height: 1.3; - --ds-typography-heading-xs-font-size: 1.3125rem; - --ds-typography-heading-xs-letter-spacing: 0.15%; - --ds-typography-heading-2xs-font-family: Helvetica Neue; - --ds-typography-heading-2xs-font-weight: 500; - --ds-typography-heading-2xs-line-height: 1.3; - --ds-typography-heading-2xs-font-size: 1.125rem; - --ds-typography-heading-2xs-letter-spacing: 0.15%; - --ds-typography-ingress-lg-font-family: Helvetica Neue; - --ds-typography-ingress-lg-font-weight: 400; - --ds-typography-ingress-lg-line-height: 1.7; - --ds-typography-ingress-lg-font-size: 1.875rem; - --ds-typography-ingress-lg-letter-spacing: 0.5%; - --ds-typography-ingress-md-font-family: Helvetica Neue; - --ds-typography-ingress-md-font-weight: 400; - --ds-typography-ingress-md-line-height: 1.7; - --ds-typography-ingress-md-font-size: 1.5rem; - --ds-typography-ingress-md-letter-spacing: 0.5%; - --ds-typography-ingress-sm-font-family: Helvetica Neue; - --ds-typography-ingress-sm-font-weight: 400; - --ds-typography-ingress-sm-line-height: 1.7; - --ds-typography-ingress-sm-font-size: 1.3125rem; - --ds-typography-ingress-sm-letter-spacing: 0.25%; - --ds-typography-ingress-xs-font-family: Helvetica Neue; - --ds-typography-ingress-xs-font-weight: 400; - --ds-typography-ingress-xs-line-height: 1.7; - --ds-typography-ingress-xs-font-size: 1.125rem; - --ds-typography-ingress-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-lg-font-family: Helvetica Neue; - --ds-typography-paragraph-lg-font-weight: 400; - --ds-typography-paragraph-lg-line-height: 1.5; - --ds-typography-paragraph-lg-font-size: 1.3125rem; - --ds-typography-paragraph-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-md-font-family: Helvetica Neue; - --ds-typography-paragraph-md-font-weight: 400; - --ds-typography-paragraph-md-line-height: 1.5; - --ds-typography-paragraph-md-font-size: 1.125rem; - --ds-typography-paragraph-md-letter-spacing: 0.5%; - --ds-typography-paragraph-sm-font-family: Helvetica Neue; - --ds-typography-paragraph-sm-font-weight: 400; - --ds-typography-paragraph-sm-line-height: 1.5; - --ds-typography-paragraph-sm-font-size: 1rem; - --ds-typography-paragraph-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-xs-font-family: Helvetica Neue; - --ds-typography-paragraph-xs-font-weight: 400; - --ds-typography-paragraph-xs-line-height: 1.5; - --ds-typography-paragraph-xs-font-size: 0.875rem; - --ds-typography-paragraph-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-short-lg-font-family: Helvetica Neue; - --ds-typography-paragraph-short-lg-font-weight: 400; - --ds-typography-paragraph-short-lg-line-height: 1.3; - --ds-typography-paragraph-short-lg-font-size: 1.3125rem; - --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-short-md-font-family: Helvetica Neue; - --ds-typography-paragraph-short-md-font-weight: 400; - --ds-typography-paragraph-short-md-line-height: 1.3; - --ds-typography-paragraph-short-md-font-size: 1.125rem; - --ds-typography-paragraph-short-md-letter-spacing: 0.5%; - --ds-typography-paragraph-short-sm-font-family: Helvetica Neue; - --ds-typography-paragraph-short-sm-font-weight: 400; - --ds-typography-paragraph-short-sm-line-height: 1.3; - --ds-typography-paragraph-short-sm-font-size: 1rem; - --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-short-xs-font-family: Helvetica Neue; - --ds-typography-paragraph-short-xs-font-weight: 400; - --ds-typography-paragraph-short-xs-line-height: 1.3; - --ds-typography-paragraph-short-xs-font-size: 0.875rem; - --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-long-lg-font-family: Helvetica Neue; - --ds-typography-paragraph-long-lg-font-weight: 400; - --ds-typography-paragraph-long-lg-line-height: 1.7; - --ds-typography-paragraph-long-lg-font-size: 1.3125rem; - --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-long-md-font-family: Helvetica Neue; - --ds-typography-paragraph-long-md-font-weight: 400; - --ds-typography-paragraph-long-md-line-height: 1.7; - --ds-typography-paragraph-long-md-font-size: 1.125rem; - --ds-typography-paragraph-long-md-letter-spacing: 0.5%; - --ds-typography-paragraph-long-sm-font-family: Helvetica Neue; - --ds-typography-paragraph-long-sm-font-weight: 400; - --ds-typography-paragraph-long-sm-line-height: 1.7; - --ds-typography-paragraph-long-sm-font-size: 1rem; - --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-long-xs-font-family: Helvetica Neue; - --ds-typography-paragraph-long-xs-font-weight: 400; - --ds-typography-paragraph-long-xs-line-height: 1.7; - --ds-typography-paragraph-long-xs-font-size: 0.875rem; - --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; - --ds-typography-label-lg-font-family: Helvetica Neue; - --ds-typography-label-lg-font-weight: 500; - --ds-typography-label-lg-line-height: 1.3; - --ds-typography-label-lg-font-size: 1.3125rem; - --ds-typography-label-lg-letter-spacing: 0.5%; - --ds-typography-label-md-font-family: Helvetica Neue; - --ds-typography-label-md-font-weight: 500; - --ds-typography-label-md-line-height: 1.3; - --ds-typography-label-md-font-size: 1.125rem; - --ds-typography-label-md-letter-spacing: 0.5%; - --ds-typography-label-sm-font-family: Helvetica Neue; - --ds-typography-label-sm-font-weight: 500; - --ds-typography-label-sm-line-height: 1.3; - --ds-typography-label-sm-font-size: 1rem; - --ds-typography-label-sm-letter-spacing: 0.25%; - --ds-typography-label-xs-font-family: Helvetica Neue; - --ds-typography-label-xs-font-weight: 500; - --ds-typography-label-xs-line-height: 1.3; - --ds-typography-label-xs-font-size: 0.875rem; - --ds-typography-label-xs-letter-spacing: 0.15%; - --ds-typography-error_message-lg-font-family: Helvetica Neue; - --ds-typography-error_message-lg-font-weight: 400; - --ds-typography-error_message-lg-line-height: 1.3; - --ds-typography-error_message-lg-font-size: 1.3125rem; - --ds-typography-error_message-lg-letter-spacing: 0.5%; - --ds-typography-error_message-md-font-family: Helvetica Neue; - --ds-typography-error_message-md-font-weight: 400; - --ds-typography-error_message-md-line-height: 1.3; - --ds-typography-error_message-md-font-size: 1.125rem; - --ds-typography-error_message-md-letter-spacing: 0.5%; - --ds-typography-error_message-sm-font-family: Helvetica Neue; - --ds-typography-error_message-sm-font-weight: 400; - --ds-typography-error_message-sm-line-height: 1.3; - --ds-typography-error_message-sm-font-size: 1rem; - --ds-typography-error_message-sm-letter-spacing: 0.25%; - --ds-typography-error_message-xs-font-family: Helvetica Neue; - --ds-typography-error_message-xs-font-weight: 400; - --ds-typography-error_message-xs-line-height: 1.3; - --ds-typography-error_message-xs-font-size: 0.875rem; - --ds-typography-error_message-xs-letter-spacing: 0.15%; + --ds-heading-2xl-font-family: Helvetica Neue; + --ds-heading-2xl-font-weight: 500; + --ds-heading-2xl-line-height: 1.3; + --ds-heading-2xl-font-size: 3.75rem; + --ds-heading-2xl-letter-spacing: -1%; + --ds-heading-xl-font-family: Helvetica Neue; + --ds-heading-xl-font-weight: 500; + --ds-heading-xl-line-height: 1.3; + --ds-heading-xl-font-size: 3rem; + --ds-heading-xl-letter-spacing: -1%; + --ds-heading-lg-font-family: Helvetica Neue; + --ds-heading-lg-font-weight: 500; + --ds-heading-lg-line-height: 1.3; + --ds-heading-lg-font-size: 2.25rem; + --ds-heading-lg-letter-spacing: -0.5%; + --ds-heading-md-font-family: Helvetica Neue; + --ds-heading-md-font-weight: 500; + --ds-heading-md-line-height: 1.3; + --ds-heading-md-font-size: 1.875rem; + --ds-heading-md-letter-spacing: -0.25%; + --ds-heading-sm-font-family: Helvetica Neue; + --ds-heading-sm-font-weight: 500; + --ds-heading-sm-line-height: 1.3; + --ds-heading-sm-font-size: 1.5rem; + --ds-heading-sm-letter-spacing: 0%; + --ds-heading-xs-font-family: Helvetica Neue; + --ds-heading-xs-font-weight: 500; + --ds-heading-xs-line-height: 1.3; + --ds-heading-xs-font-size: 1.3125rem; + --ds-heading-xs-letter-spacing: 0.15%; + --ds-heading-2xs-font-family: Helvetica Neue; + --ds-heading-2xs-font-weight: 500; + --ds-heading-2xs-line-height: 1.3; + --ds-heading-2xs-font-size: 1.125rem; + --ds-heading-2xs-letter-spacing: 0.15%; + --ds-ingress-lg-font-family: Helvetica Neue; + --ds-ingress-lg-font-weight: 400; + --ds-ingress-lg-line-height: 1.7; + --ds-ingress-lg-font-size: 1.875rem; + --ds-ingress-lg-letter-spacing: 0.5%; + --ds-ingress-md-font-family: Helvetica Neue; + --ds-ingress-md-font-weight: 400; + --ds-ingress-md-line-height: 1.7; + --ds-ingress-md-font-size: 1.5rem; + --ds-ingress-md-letter-spacing: 0.5%; + --ds-ingress-sm-font-family: Helvetica Neue; + --ds-ingress-sm-font-weight: 400; + --ds-ingress-sm-line-height: 1.7; + --ds-ingress-sm-font-size: 1.3125rem; + --ds-ingress-sm-letter-spacing: 0.25%; + --ds-ingress-xs-font-family: Helvetica Neue; + --ds-ingress-xs-font-weight: 400; + --ds-ingress-xs-line-height: 1.7; + --ds-ingress-xs-font-size: 1.125rem; + --ds-ingress-xs-letter-spacing: 0.15%; + --ds-paragraph-lg-font-family: Helvetica Neue; + --ds-paragraph-lg-font-weight: 400; + --ds-paragraph-lg-line-height: 1.5; + --ds-paragraph-lg-font-size: 1.3125rem; + --ds-paragraph-lg-letter-spacing: 0.5%; + --ds-paragraph-md-font-family: Helvetica Neue; + --ds-paragraph-md-font-weight: 400; + --ds-paragraph-md-line-height: 1.5; + --ds-paragraph-md-font-size: 1.125rem; + --ds-paragraph-md-letter-spacing: 0.5%; + --ds-paragraph-sm-font-family: Helvetica Neue; + --ds-paragraph-sm-font-weight: 400; + --ds-paragraph-sm-line-height: 1.5; + --ds-paragraph-sm-font-size: 1rem; + --ds-paragraph-sm-letter-spacing: 0.25%; + --ds-paragraph-xs-font-family: Helvetica Neue; + --ds-paragraph-xs-font-weight: 400; + --ds-paragraph-xs-line-height: 1.5; + --ds-paragraph-xs-font-size: 0.875rem; + --ds-paragraph-xs-letter-spacing: 0.15%; + --ds-paragraph-short-lg-font-family: Helvetica Neue; + --ds-paragraph-short-lg-font-weight: 400; + --ds-paragraph-short-lg-line-height: 1.3; + --ds-paragraph-short-lg-font-size: 1.3125rem; + --ds-paragraph-short-lg-letter-spacing: 0.5%; + --ds-paragraph-short-md-font-family: Helvetica Neue; + --ds-paragraph-short-md-font-weight: 400; + --ds-paragraph-short-md-line-height: 1.3; + --ds-paragraph-short-md-font-size: 1.125rem; + --ds-paragraph-short-md-letter-spacing: 0.5%; + --ds-paragraph-short-sm-font-family: Helvetica Neue; + --ds-paragraph-short-sm-font-weight: 400; + --ds-paragraph-short-sm-line-height: 1.3; + --ds-paragraph-short-sm-font-size: 1rem; + --ds-paragraph-short-sm-letter-spacing: 0.25%; + --ds-paragraph-short-xs-font-family: Helvetica Neue; + --ds-paragraph-short-xs-font-weight: 400; + --ds-paragraph-short-xs-line-height: 1.3; + --ds-paragraph-short-xs-font-size: 0.875rem; + --ds-paragraph-short-xs-letter-spacing: 0.15%; + --ds-paragraph-long-lg-font-family: Helvetica Neue; + --ds-paragraph-long-lg-font-weight: 400; + --ds-paragraph-long-lg-line-height: 1.7; + --ds-paragraph-long-lg-font-size: 1.3125rem; + --ds-paragraph-long-lg-letter-spacing: 0.5%; + --ds-paragraph-long-md-font-family: Helvetica Neue; + --ds-paragraph-long-md-font-weight: 400; + --ds-paragraph-long-md-line-height: 1.7; + --ds-paragraph-long-md-font-size: 1.125rem; + --ds-paragraph-long-md-letter-spacing: 0.5%; + --ds-paragraph-long-sm-font-family: Helvetica Neue; + --ds-paragraph-long-sm-font-weight: 400; + --ds-paragraph-long-sm-line-height: 1.7; + --ds-paragraph-long-sm-font-size: 1rem; + --ds-paragraph-long-sm-letter-spacing: 0.25%; + --ds-paragraph-long-xs-font-family: Helvetica Neue; + --ds-paragraph-long-xs-font-weight: 400; + --ds-paragraph-long-xs-line-height: 1.7; + --ds-paragraph-long-xs-font-size: 0.875rem; + --ds-paragraph-long-xs-letter-spacing: 0.15%; + --ds-label-lg-font-family: Helvetica Neue; + --ds-label-lg-font-weight: 500; + --ds-label-lg-line-height: 1.3; + --ds-label-lg-font-size: 1.3125rem; + --ds-label-lg-letter-spacing: 0.5%; + --ds-label-md-font-family: Helvetica Neue; + --ds-label-md-font-weight: 500; + --ds-label-md-line-height: 1.3; + --ds-label-md-font-size: 1.125rem; + --ds-label-md-letter-spacing: 0.5%; + --ds-label-sm-font-family: Helvetica Neue; + --ds-label-sm-font-weight: 500; + --ds-label-sm-line-height: 1.3; + --ds-label-sm-font-size: 1rem; + --ds-label-sm-letter-spacing: 0.25%; + --ds-label-xs-font-family: Helvetica Neue; + --ds-label-xs-font-weight: 500; + --ds-label-xs-line-height: 1.3; + --ds-label-xs-font-size: 0.875rem; + --ds-label-xs-letter-spacing: 0.15%; + --ds-error_message-lg-font-family: Helvetica Neue; + --ds-error_message-lg-font-weight: 400; + --ds-error_message-lg-line-height: 1.3; + --ds-error_message-lg-font-size: 1.3125rem; + --ds-error_message-lg-letter-spacing: 0.5%; + --ds-error_message-md-font-family: Helvetica Neue; + --ds-error_message-md-font-weight: 400; + --ds-error_message-md-line-height: 1.3; + --ds-error_message-md-font-size: 1.125rem; + --ds-error_message-md-letter-spacing: 0.5%; + --ds-error_message-sm-font-family: Helvetica Neue; + --ds-error_message-sm-font-weight: 400; + --ds-error_message-sm-line-height: 1.3; + --ds-error_message-sm-font-size: 1rem; + --ds-error_message-sm-letter-spacing: 0.25%; + --ds-error_message-xs-font-family: Helvetica Neue; + --ds-error_message-xs-font-weight: 400; + --ds-error_message-xs-line-height: 1.3; + --ds-error_message-xs-font-size: 0.875rem; + --ds-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; --ds-line-height-md: 1.5; --ds-line-height-lg: 1.7; diff --git a/packages/theme/brand/altinn/typography/secondary.css b/packages/theme/brand/altinn/typography/secondary.css index dd4b79a99c..1db942b234 100644 --- a/packages/theme/brand/altinn/typography/secondary.css +++ b/packages/theme/brand/altinn/typography/secondary.css @@ -8,161 +8,161 @@ --ds-font-weight-medium: 400; --ds-font-weight-semibold: 700; --ds-font-weight-regular: 400; - --ds-typography-heading-2xl-font-family: IBM Plex Mono; - --ds-typography-heading-2xl-font-weight: 400; - --ds-typography-heading-2xl-line-height: 1.3; - --ds-typography-heading-2xl-font-size: 3.75rem; - --ds-typography-heading-2xl-letter-spacing: -1%; - --ds-typography-heading-xl-font-family: IBM Plex Mono; - --ds-typography-heading-xl-font-weight: 400; - --ds-typography-heading-xl-line-height: 1.3; - --ds-typography-heading-xl-font-size: 3rem; - --ds-typography-heading-xl-letter-spacing: -1%; - --ds-typography-heading-lg-font-family: IBM Plex Mono; - --ds-typography-heading-lg-font-weight: 400; - --ds-typography-heading-lg-line-height: 1.3; - --ds-typography-heading-lg-font-size: 2.25rem; - --ds-typography-heading-lg-letter-spacing: -0.5%; - --ds-typography-heading-md-font-family: IBM Plex Mono; - --ds-typography-heading-md-font-weight: 400; - --ds-typography-heading-md-line-height: 1.3; - --ds-typography-heading-md-font-size: 1.875rem; - --ds-typography-heading-md-letter-spacing: -0.25%; - --ds-typography-heading-sm-font-family: IBM Plex Mono; - --ds-typography-heading-sm-font-weight: 400; - --ds-typography-heading-sm-line-height: 1.3; - --ds-typography-heading-sm-font-size: 1.5rem; - --ds-typography-heading-sm-letter-spacing: 0%; - --ds-typography-heading-xs-font-family: IBM Plex Mono; - --ds-typography-heading-xs-font-weight: 400; - --ds-typography-heading-xs-line-height: 1.3; - --ds-typography-heading-xs-font-size: 1.3125rem; - --ds-typography-heading-xs-letter-spacing: 0.15%; - --ds-typography-heading-2xs-font-family: IBM Plex Mono; - --ds-typography-heading-2xs-font-weight: 400; - --ds-typography-heading-2xs-line-height: 1.3; - --ds-typography-heading-2xs-font-size: 1.125rem; - --ds-typography-heading-2xs-letter-spacing: 0.15%; - --ds-typography-ingress-lg-font-family: IBM Plex Mono; - --ds-typography-ingress-lg-font-weight: 400; - --ds-typography-ingress-lg-line-height: 1.7; - --ds-typography-ingress-lg-font-size: 1.875rem; - --ds-typography-ingress-lg-letter-spacing: 0.5%; - --ds-typography-ingress-md-font-family: IBM Plex Mono; - --ds-typography-ingress-md-font-weight: 400; - --ds-typography-ingress-md-line-height: 1.7; - --ds-typography-ingress-md-font-size: 1.5rem; - --ds-typography-ingress-md-letter-spacing: 0.5%; - --ds-typography-ingress-sm-font-family: IBM Plex Mono; - --ds-typography-ingress-sm-font-weight: 400; - --ds-typography-ingress-sm-line-height: 1.7; - --ds-typography-ingress-sm-font-size: 1.3125rem; - --ds-typography-ingress-sm-letter-spacing: 0.25%; - --ds-typography-ingress-xs-font-family: IBM Plex Mono; - --ds-typography-ingress-xs-font-weight: 400; - --ds-typography-ingress-xs-line-height: 1.7; - --ds-typography-ingress-xs-font-size: 1.125rem; - --ds-typography-ingress-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-lg-font-family: IBM Plex Mono; - --ds-typography-paragraph-lg-font-weight: 400; - --ds-typography-paragraph-lg-line-height: 1.5; - --ds-typography-paragraph-lg-font-size: 1.3125rem; - --ds-typography-paragraph-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-md-font-family: IBM Plex Mono; - --ds-typography-paragraph-md-font-weight: 400; - --ds-typography-paragraph-md-line-height: 1.5; - --ds-typography-paragraph-md-font-size: 1.125rem; - --ds-typography-paragraph-md-letter-spacing: 0.5%; - --ds-typography-paragraph-sm-font-family: IBM Plex Mono; - --ds-typography-paragraph-sm-font-weight: 400; - --ds-typography-paragraph-sm-line-height: 1.5; - --ds-typography-paragraph-sm-font-size: 1rem; - --ds-typography-paragraph-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-xs-font-family: IBM Plex Mono; - --ds-typography-paragraph-xs-font-weight: 400; - --ds-typography-paragraph-xs-line-height: 1.5; - --ds-typography-paragraph-xs-font-size: 0.875rem; - --ds-typography-paragraph-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-short-lg-font-family: IBM Plex Mono; - --ds-typography-paragraph-short-lg-font-weight: 400; - --ds-typography-paragraph-short-lg-line-height: 1.3; - --ds-typography-paragraph-short-lg-font-size: 1.3125rem; - --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-short-md-font-family: IBM Plex Mono; - --ds-typography-paragraph-short-md-font-weight: 400; - --ds-typography-paragraph-short-md-line-height: 1.3; - --ds-typography-paragraph-short-md-font-size: 1.125rem; - --ds-typography-paragraph-short-md-letter-spacing: 0.5%; - --ds-typography-paragraph-short-sm-font-family: IBM Plex Mono; - --ds-typography-paragraph-short-sm-font-weight: 400; - --ds-typography-paragraph-short-sm-line-height: 1.3; - --ds-typography-paragraph-short-sm-font-size: 1rem; - --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-short-xs-font-family: IBM Plex Mono; - --ds-typography-paragraph-short-xs-font-weight: 400; - --ds-typography-paragraph-short-xs-line-height: 1.3; - --ds-typography-paragraph-short-xs-font-size: 0.875rem; - --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-long-lg-font-family: IBM Plex Mono; - --ds-typography-paragraph-long-lg-font-weight: 400; - --ds-typography-paragraph-long-lg-line-height: 1.7; - --ds-typography-paragraph-long-lg-font-size: 1.3125rem; - --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-long-md-font-family: IBM Plex Mono; - --ds-typography-paragraph-long-md-font-weight: 400; - --ds-typography-paragraph-long-md-line-height: 1.7; - --ds-typography-paragraph-long-md-font-size: 1.125rem; - --ds-typography-paragraph-long-md-letter-spacing: 0.5%; - --ds-typography-paragraph-long-sm-font-family: IBM Plex Mono; - --ds-typography-paragraph-long-sm-font-weight: 400; - --ds-typography-paragraph-long-sm-line-height: 1.7; - --ds-typography-paragraph-long-sm-font-size: 1rem; - --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-long-xs-font-family: IBM Plex Mono; - --ds-typography-paragraph-long-xs-font-weight: 400; - --ds-typography-paragraph-long-xs-line-height: 1.7; - --ds-typography-paragraph-long-xs-font-size: 0.875rem; - --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; - --ds-typography-label-lg-font-family: IBM Plex Mono; - --ds-typography-label-lg-font-weight: 400; - --ds-typography-label-lg-line-height: 1.3; - --ds-typography-label-lg-font-size: 1.3125rem; - --ds-typography-label-lg-letter-spacing: 0.5%; - --ds-typography-label-md-font-family: IBM Plex Mono; - --ds-typography-label-md-font-weight: 400; - --ds-typography-label-md-line-height: 1.3; - --ds-typography-label-md-font-size: 1.125rem; - --ds-typography-label-md-letter-spacing: 0.5%; - --ds-typography-label-sm-font-family: IBM Plex Mono; - --ds-typography-label-sm-font-weight: 400; - --ds-typography-label-sm-line-height: 1.3; - --ds-typography-label-sm-font-size: 1rem; - --ds-typography-label-sm-letter-spacing: 0.25%; - --ds-typography-label-xs-font-family: IBM Plex Mono; - --ds-typography-label-xs-font-weight: 400; - --ds-typography-label-xs-line-height: 1.3; - --ds-typography-label-xs-font-size: 0.875rem; - --ds-typography-label-xs-letter-spacing: 0.15%; - --ds-typography-error_message-lg-font-family: IBM Plex Mono; - --ds-typography-error_message-lg-font-weight: 400; - --ds-typography-error_message-lg-line-height: 1.3; - --ds-typography-error_message-lg-font-size: 1.3125rem; - --ds-typography-error_message-lg-letter-spacing: 0.5%; - --ds-typography-error_message-md-font-family: IBM Plex Mono; - --ds-typography-error_message-md-font-weight: 400; - --ds-typography-error_message-md-line-height: 1.3; - --ds-typography-error_message-md-font-size: 1.125rem; - --ds-typography-error_message-md-letter-spacing: 0.5%; - --ds-typography-error_message-sm-font-family: IBM Plex Mono; - --ds-typography-error_message-sm-font-weight: 400; - --ds-typography-error_message-sm-line-height: 1.3; - --ds-typography-error_message-sm-font-size: 1rem; - --ds-typography-error_message-sm-letter-spacing: 0.25%; - --ds-typography-error_message-xs-font-family: IBM Plex Mono; - --ds-typography-error_message-xs-font-weight: 400; - --ds-typography-error_message-xs-line-height: 1.3; - --ds-typography-error_message-xs-font-size: 0.875rem; - --ds-typography-error_message-xs-letter-spacing: 0.15%; + --ds-heading-2xl-font-family: IBM Plex Mono; + --ds-heading-2xl-font-weight: 400; + --ds-heading-2xl-line-height: 1.3; + --ds-heading-2xl-font-size: 3.75rem; + --ds-heading-2xl-letter-spacing: -1%; + --ds-heading-xl-font-family: IBM Plex Mono; + --ds-heading-xl-font-weight: 400; + --ds-heading-xl-line-height: 1.3; + --ds-heading-xl-font-size: 3rem; + --ds-heading-xl-letter-spacing: -1%; + --ds-heading-lg-font-family: IBM Plex Mono; + --ds-heading-lg-font-weight: 400; + --ds-heading-lg-line-height: 1.3; + --ds-heading-lg-font-size: 2.25rem; + --ds-heading-lg-letter-spacing: -0.5%; + --ds-heading-md-font-family: IBM Plex Mono; + --ds-heading-md-font-weight: 400; + --ds-heading-md-line-height: 1.3; + --ds-heading-md-font-size: 1.875rem; + --ds-heading-md-letter-spacing: -0.25%; + --ds-heading-sm-font-family: IBM Plex Mono; + --ds-heading-sm-font-weight: 400; + --ds-heading-sm-line-height: 1.3; + --ds-heading-sm-font-size: 1.5rem; + --ds-heading-sm-letter-spacing: 0%; + --ds-heading-xs-font-family: IBM Plex Mono; + --ds-heading-xs-font-weight: 400; + --ds-heading-xs-line-height: 1.3; + --ds-heading-xs-font-size: 1.3125rem; + --ds-heading-xs-letter-spacing: 0.15%; + --ds-heading-2xs-font-family: IBM Plex Mono; + --ds-heading-2xs-font-weight: 400; + --ds-heading-2xs-line-height: 1.3; + --ds-heading-2xs-font-size: 1.125rem; + --ds-heading-2xs-letter-spacing: 0.15%; + --ds-ingress-lg-font-family: IBM Plex Mono; + --ds-ingress-lg-font-weight: 400; + --ds-ingress-lg-line-height: 1.7; + --ds-ingress-lg-font-size: 1.875rem; + --ds-ingress-lg-letter-spacing: 0.5%; + --ds-ingress-md-font-family: IBM Plex Mono; + --ds-ingress-md-font-weight: 400; + --ds-ingress-md-line-height: 1.7; + --ds-ingress-md-font-size: 1.5rem; + --ds-ingress-md-letter-spacing: 0.5%; + --ds-ingress-sm-font-family: IBM Plex Mono; + --ds-ingress-sm-font-weight: 400; + --ds-ingress-sm-line-height: 1.7; + --ds-ingress-sm-font-size: 1.3125rem; + --ds-ingress-sm-letter-spacing: 0.25%; + --ds-ingress-xs-font-family: IBM Plex Mono; + --ds-ingress-xs-font-weight: 400; + --ds-ingress-xs-line-height: 1.7; + --ds-ingress-xs-font-size: 1.125rem; + --ds-ingress-xs-letter-spacing: 0.15%; + --ds-paragraph-lg-font-family: IBM Plex Mono; + --ds-paragraph-lg-font-weight: 400; + --ds-paragraph-lg-line-height: 1.5; + --ds-paragraph-lg-font-size: 1.3125rem; + --ds-paragraph-lg-letter-spacing: 0.5%; + --ds-paragraph-md-font-family: IBM Plex Mono; + --ds-paragraph-md-font-weight: 400; + --ds-paragraph-md-line-height: 1.5; + --ds-paragraph-md-font-size: 1.125rem; + --ds-paragraph-md-letter-spacing: 0.5%; + --ds-paragraph-sm-font-family: IBM Plex Mono; + --ds-paragraph-sm-font-weight: 400; + --ds-paragraph-sm-line-height: 1.5; + --ds-paragraph-sm-font-size: 1rem; + --ds-paragraph-sm-letter-spacing: 0.25%; + --ds-paragraph-xs-font-family: IBM Plex Mono; + --ds-paragraph-xs-font-weight: 400; + --ds-paragraph-xs-line-height: 1.5; + --ds-paragraph-xs-font-size: 0.875rem; + --ds-paragraph-xs-letter-spacing: 0.15%; + --ds-paragraph-short-lg-font-family: IBM Plex Mono; + --ds-paragraph-short-lg-font-weight: 400; + --ds-paragraph-short-lg-line-height: 1.3; + --ds-paragraph-short-lg-font-size: 1.3125rem; + --ds-paragraph-short-lg-letter-spacing: 0.5%; + --ds-paragraph-short-md-font-family: IBM Plex Mono; + --ds-paragraph-short-md-font-weight: 400; + --ds-paragraph-short-md-line-height: 1.3; + --ds-paragraph-short-md-font-size: 1.125rem; + --ds-paragraph-short-md-letter-spacing: 0.5%; + --ds-paragraph-short-sm-font-family: IBM Plex Mono; + --ds-paragraph-short-sm-font-weight: 400; + --ds-paragraph-short-sm-line-height: 1.3; + --ds-paragraph-short-sm-font-size: 1rem; + --ds-paragraph-short-sm-letter-spacing: 0.25%; + --ds-paragraph-short-xs-font-family: IBM Plex Mono; + --ds-paragraph-short-xs-font-weight: 400; + --ds-paragraph-short-xs-line-height: 1.3; + --ds-paragraph-short-xs-font-size: 0.875rem; + --ds-paragraph-short-xs-letter-spacing: 0.15%; + --ds-paragraph-long-lg-font-family: IBM Plex Mono; + --ds-paragraph-long-lg-font-weight: 400; + --ds-paragraph-long-lg-line-height: 1.7; + --ds-paragraph-long-lg-font-size: 1.3125rem; + --ds-paragraph-long-lg-letter-spacing: 0.5%; + --ds-paragraph-long-md-font-family: IBM Plex Mono; + --ds-paragraph-long-md-font-weight: 400; + --ds-paragraph-long-md-line-height: 1.7; + --ds-paragraph-long-md-font-size: 1.125rem; + --ds-paragraph-long-md-letter-spacing: 0.5%; + --ds-paragraph-long-sm-font-family: IBM Plex Mono; + --ds-paragraph-long-sm-font-weight: 400; + --ds-paragraph-long-sm-line-height: 1.7; + --ds-paragraph-long-sm-font-size: 1rem; + --ds-paragraph-long-sm-letter-spacing: 0.25%; + --ds-paragraph-long-xs-font-family: IBM Plex Mono; + --ds-paragraph-long-xs-font-weight: 400; + --ds-paragraph-long-xs-line-height: 1.7; + --ds-paragraph-long-xs-font-size: 0.875rem; + --ds-paragraph-long-xs-letter-spacing: 0.15%; + --ds-label-lg-font-family: IBM Plex Mono; + --ds-label-lg-font-weight: 400; + --ds-label-lg-line-height: 1.3; + --ds-label-lg-font-size: 1.3125rem; + --ds-label-lg-letter-spacing: 0.5%; + --ds-label-md-font-family: IBM Plex Mono; + --ds-label-md-font-weight: 400; + --ds-label-md-line-height: 1.3; + --ds-label-md-font-size: 1.125rem; + --ds-label-md-letter-spacing: 0.5%; + --ds-label-sm-font-family: IBM Plex Mono; + --ds-label-sm-font-weight: 400; + --ds-label-sm-line-height: 1.3; + --ds-label-sm-font-size: 1rem; + --ds-label-sm-letter-spacing: 0.25%; + --ds-label-xs-font-family: IBM Plex Mono; + --ds-label-xs-font-weight: 400; + --ds-label-xs-line-height: 1.3; + --ds-label-xs-font-size: 0.875rem; + --ds-label-xs-letter-spacing: 0.15%; + --ds-error_message-lg-font-family: IBM Plex Mono; + --ds-error_message-lg-font-weight: 400; + --ds-error_message-lg-line-height: 1.3; + --ds-error_message-lg-font-size: 1.3125rem; + --ds-error_message-lg-letter-spacing: 0.5%; + --ds-error_message-md-font-family: IBM Plex Mono; + --ds-error_message-md-font-weight: 400; + --ds-error_message-md-line-height: 1.3; + --ds-error_message-md-font-size: 1.125rem; + --ds-error_message-md-letter-spacing: 0.5%; + --ds-error_message-sm-font-family: IBM Plex Mono; + --ds-error_message-sm-font-weight: 400; + --ds-error_message-sm-line-height: 1.3; + --ds-error_message-sm-font-size: 1rem; + --ds-error_message-sm-letter-spacing: 0.25%; + --ds-error_message-xs-font-family: IBM Plex Mono; + --ds-error_message-xs-font-weight: 400; + --ds-error_message-xs-line-height: 1.3; + --ds-error_message-xs-font-size: 0.875rem; + --ds-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; --ds-line-height-md: 1.5; --ds-line-height-lg: 1.7; diff --git a/packages/theme/brand/digdir.css b/packages/theme/brand/digdir.css index 8d7fa4c962..1aa99db6ca 100644 --- a/packages/theme/brand/digdir.css +++ b/packages/theme/brand/digdir.css @@ -636,161 +636,161 @@ --ds-font-weight-medium: 500; --ds-font-weight-semibold: 600; --ds-font-weight-regular: 400; - --ds-typography-heading-2xl-font-family: IBM Plex Mono; - --ds-typography-heading-2xl-font-weight: 500; - --ds-typography-heading-2xl-line-height: 1.3; - --ds-typography-heading-2xl-font-size: 3.75rem; - --ds-typography-heading-2xl-letter-spacing: -1%; - --ds-typography-heading-xl-font-family: IBM Plex Mono; - --ds-typography-heading-xl-font-weight: 500; - --ds-typography-heading-xl-line-height: 1.3; - --ds-typography-heading-xl-font-size: 3rem; - --ds-typography-heading-xl-letter-spacing: -1%; - --ds-typography-heading-lg-font-family: IBM Plex Mono; - --ds-typography-heading-lg-font-weight: 500; - --ds-typography-heading-lg-line-height: 1.3; - --ds-typography-heading-lg-font-size: 2.25rem; - --ds-typography-heading-lg-letter-spacing: -0.5%; - --ds-typography-heading-md-font-family: IBM Plex Mono; - --ds-typography-heading-md-font-weight: 500; - --ds-typography-heading-md-line-height: 1.3; - --ds-typography-heading-md-font-size: 1.875rem; - --ds-typography-heading-md-letter-spacing: -0.25%; - --ds-typography-heading-sm-font-family: IBM Plex Mono; - --ds-typography-heading-sm-font-weight: 500; - --ds-typography-heading-sm-line-height: 1.3; - --ds-typography-heading-sm-font-size: 1.5rem; - --ds-typography-heading-sm-letter-spacing: 0%; - --ds-typography-heading-xs-font-family: IBM Plex Mono; - --ds-typography-heading-xs-font-weight: 500; - --ds-typography-heading-xs-line-height: 1.3; - --ds-typography-heading-xs-font-size: 1.3125rem; - --ds-typography-heading-xs-letter-spacing: 0.15%; - --ds-typography-heading-2xs-font-family: IBM Plex Mono; - --ds-typography-heading-2xs-font-weight: 500; - --ds-typography-heading-2xs-line-height: 1.3; - --ds-typography-heading-2xs-font-size: 1.125rem; - --ds-typography-heading-2xs-letter-spacing: 0.15%; - --ds-typography-ingress-lg-font-family: IBM Plex Mono; - --ds-typography-ingress-lg-font-weight: 400; - --ds-typography-ingress-lg-line-height: 1.7; - --ds-typography-ingress-lg-font-size: 1.875rem; - --ds-typography-ingress-lg-letter-spacing: 0.5%; - --ds-typography-ingress-md-font-family: IBM Plex Mono; - --ds-typography-ingress-md-font-weight: 400; - --ds-typography-ingress-md-line-height: 1.7; - --ds-typography-ingress-md-font-size: 1.5rem; - --ds-typography-ingress-md-letter-spacing: 0.5%; - --ds-typography-ingress-sm-font-family: IBM Plex Mono; - --ds-typography-ingress-sm-font-weight: 400; - --ds-typography-ingress-sm-line-height: 1.7; - --ds-typography-ingress-sm-font-size: 1.3125rem; - --ds-typography-ingress-sm-letter-spacing: 0.25%; - --ds-typography-ingress-xs-font-family: IBM Plex Mono; - --ds-typography-ingress-xs-font-weight: 400; - --ds-typography-ingress-xs-line-height: 1.7; - --ds-typography-ingress-xs-font-size: 1.125rem; - --ds-typography-ingress-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-lg-font-family: IBM Plex Mono; - --ds-typography-paragraph-lg-font-weight: 400; - --ds-typography-paragraph-lg-line-height: 1.5; - --ds-typography-paragraph-lg-font-size: 1.3125rem; - --ds-typography-paragraph-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-md-font-family: IBM Plex Mono; - --ds-typography-paragraph-md-font-weight: 400; - --ds-typography-paragraph-md-line-height: 1.5; - --ds-typography-paragraph-md-font-size: 1.125rem; - --ds-typography-paragraph-md-letter-spacing: 0.5%; - --ds-typography-paragraph-sm-font-family: IBM Plex Mono; - --ds-typography-paragraph-sm-font-weight: 400; - --ds-typography-paragraph-sm-line-height: 1.5; - --ds-typography-paragraph-sm-font-size: 1rem; - --ds-typography-paragraph-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-xs-font-family: IBM Plex Mono; - --ds-typography-paragraph-xs-font-weight: 400; - --ds-typography-paragraph-xs-line-height: 1.5; - --ds-typography-paragraph-xs-font-size: 0.875rem; - --ds-typography-paragraph-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-short-lg-font-family: IBM Plex Mono; - --ds-typography-paragraph-short-lg-font-weight: 400; - --ds-typography-paragraph-short-lg-line-height: 1.3; - --ds-typography-paragraph-short-lg-font-size: 1.3125rem; - --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-short-md-font-family: IBM Plex Mono; - --ds-typography-paragraph-short-md-font-weight: 400; - --ds-typography-paragraph-short-md-line-height: 1.3; - --ds-typography-paragraph-short-md-font-size: 1.125rem; - --ds-typography-paragraph-short-md-letter-spacing: 0.5%; - --ds-typography-paragraph-short-sm-font-family: IBM Plex Mono; - --ds-typography-paragraph-short-sm-font-weight: 400; - --ds-typography-paragraph-short-sm-line-height: 1.3; - --ds-typography-paragraph-short-sm-font-size: 1rem; - --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-short-xs-font-family: IBM Plex Mono; - --ds-typography-paragraph-short-xs-font-weight: 400; - --ds-typography-paragraph-short-xs-line-height: 1.3; - --ds-typography-paragraph-short-xs-font-size: 0.875rem; - --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-long-lg-font-family: IBM Plex Mono; - --ds-typography-paragraph-long-lg-font-weight: 400; - --ds-typography-paragraph-long-lg-line-height: 1.7; - --ds-typography-paragraph-long-lg-font-size: 1.3125rem; - --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-long-md-font-family: IBM Plex Mono; - --ds-typography-paragraph-long-md-font-weight: 400; - --ds-typography-paragraph-long-md-line-height: 1.7; - --ds-typography-paragraph-long-md-font-size: 1.125rem; - --ds-typography-paragraph-long-md-letter-spacing: 0.5%; - --ds-typography-paragraph-long-sm-font-family: IBM Plex Mono; - --ds-typography-paragraph-long-sm-font-weight: 400; - --ds-typography-paragraph-long-sm-line-height: 1.7; - --ds-typography-paragraph-long-sm-font-size: 1rem; - --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-long-xs-font-family: IBM Plex Mono; - --ds-typography-paragraph-long-xs-font-weight: 400; - --ds-typography-paragraph-long-xs-line-height: 1.7; - --ds-typography-paragraph-long-xs-font-size: 0.875rem; - --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; - --ds-typography-label-lg-font-family: IBM Plex Mono; - --ds-typography-label-lg-font-weight: 500; - --ds-typography-label-lg-line-height: 1.3; - --ds-typography-label-lg-font-size: 1.3125rem; - --ds-typography-label-lg-letter-spacing: 0.5%; - --ds-typography-label-md-font-family: IBM Plex Mono; - --ds-typography-label-md-font-weight: 500; - --ds-typography-label-md-line-height: 1.3; - --ds-typography-label-md-font-size: 1.125rem; - --ds-typography-label-md-letter-spacing: 0.5%; - --ds-typography-label-sm-font-family: IBM Plex Mono; - --ds-typography-label-sm-font-weight: 500; - --ds-typography-label-sm-line-height: 1.3; - --ds-typography-label-sm-font-size: 1rem; - --ds-typography-label-sm-letter-spacing: 0.25%; - --ds-typography-label-xs-font-family: IBM Plex Mono; - --ds-typography-label-xs-font-weight: 500; - --ds-typography-label-xs-line-height: 1.3; - --ds-typography-label-xs-font-size: 0.875rem; - --ds-typography-label-xs-letter-spacing: 0.15%; - --ds-typography-error_message-lg-font-family: IBM Plex Mono; - --ds-typography-error_message-lg-font-weight: 400; - --ds-typography-error_message-lg-line-height: 1.3; - --ds-typography-error_message-lg-font-size: 1.3125rem; - --ds-typography-error_message-lg-letter-spacing: 0.5%; - --ds-typography-error_message-md-font-family: IBM Plex Mono; - --ds-typography-error_message-md-font-weight: 400; - --ds-typography-error_message-md-line-height: 1.3; - --ds-typography-error_message-md-font-size: 1.125rem; - --ds-typography-error_message-md-letter-spacing: 0.5%; - --ds-typography-error_message-sm-font-family: IBM Plex Mono; - --ds-typography-error_message-sm-font-weight: 400; - --ds-typography-error_message-sm-line-height: 1.3; - --ds-typography-error_message-sm-font-size: 1rem; - --ds-typography-error_message-sm-letter-spacing: 0.25%; - --ds-typography-error_message-xs-font-family: IBM Plex Mono; - --ds-typography-error_message-xs-font-weight: 400; - --ds-typography-error_message-xs-line-height: 1.3; - --ds-typography-error_message-xs-font-size: 0.875rem; - --ds-typography-error_message-xs-letter-spacing: 0.15%; + --ds-heading-2xl-font-family: IBM Plex Mono; + --ds-heading-2xl-font-weight: 500; + --ds-heading-2xl-line-height: 1.3; + --ds-heading-2xl-font-size: 3.75rem; + --ds-heading-2xl-letter-spacing: -1%; + --ds-heading-xl-font-family: IBM Plex Mono; + --ds-heading-xl-font-weight: 500; + --ds-heading-xl-line-height: 1.3; + --ds-heading-xl-font-size: 3rem; + --ds-heading-xl-letter-spacing: -1%; + --ds-heading-lg-font-family: IBM Plex Mono; + --ds-heading-lg-font-weight: 500; + --ds-heading-lg-line-height: 1.3; + --ds-heading-lg-font-size: 2.25rem; + --ds-heading-lg-letter-spacing: -0.5%; + --ds-heading-md-font-family: IBM Plex Mono; + --ds-heading-md-font-weight: 500; + --ds-heading-md-line-height: 1.3; + --ds-heading-md-font-size: 1.875rem; + --ds-heading-md-letter-spacing: -0.25%; + --ds-heading-sm-font-family: IBM Plex Mono; + --ds-heading-sm-font-weight: 500; + --ds-heading-sm-line-height: 1.3; + --ds-heading-sm-font-size: 1.5rem; + --ds-heading-sm-letter-spacing: 0%; + --ds-heading-xs-font-family: IBM Plex Mono; + --ds-heading-xs-font-weight: 500; + --ds-heading-xs-line-height: 1.3; + --ds-heading-xs-font-size: 1.3125rem; + --ds-heading-xs-letter-spacing: 0.15%; + --ds-heading-2xs-font-family: IBM Plex Mono; + --ds-heading-2xs-font-weight: 500; + --ds-heading-2xs-line-height: 1.3; + --ds-heading-2xs-font-size: 1.125rem; + --ds-heading-2xs-letter-spacing: 0.15%; + --ds-ingress-lg-font-family: IBM Plex Mono; + --ds-ingress-lg-font-weight: 400; + --ds-ingress-lg-line-height: 1.7; + --ds-ingress-lg-font-size: 1.875rem; + --ds-ingress-lg-letter-spacing: 0.5%; + --ds-ingress-md-font-family: IBM Plex Mono; + --ds-ingress-md-font-weight: 400; + --ds-ingress-md-line-height: 1.7; + --ds-ingress-md-font-size: 1.5rem; + --ds-ingress-md-letter-spacing: 0.5%; + --ds-ingress-sm-font-family: IBM Plex Mono; + --ds-ingress-sm-font-weight: 400; + --ds-ingress-sm-line-height: 1.7; + --ds-ingress-sm-font-size: 1.3125rem; + --ds-ingress-sm-letter-spacing: 0.25%; + --ds-ingress-xs-font-family: IBM Plex Mono; + --ds-ingress-xs-font-weight: 400; + --ds-ingress-xs-line-height: 1.7; + --ds-ingress-xs-font-size: 1.125rem; + --ds-ingress-xs-letter-spacing: 0.15%; + --ds-paragraph-lg-font-family: IBM Plex Mono; + --ds-paragraph-lg-font-weight: 400; + --ds-paragraph-lg-line-height: 1.5; + --ds-paragraph-lg-font-size: 1.3125rem; + --ds-paragraph-lg-letter-spacing: 0.5%; + --ds-paragraph-md-font-family: IBM Plex Mono; + --ds-paragraph-md-font-weight: 400; + --ds-paragraph-md-line-height: 1.5; + --ds-paragraph-md-font-size: 1.125rem; + --ds-paragraph-md-letter-spacing: 0.5%; + --ds-paragraph-sm-font-family: IBM Plex Mono; + --ds-paragraph-sm-font-weight: 400; + --ds-paragraph-sm-line-height: 1.5; + --ds-paragraph-sm-font-size: 1rem; + --ds-paragraph-sm-letter-spacing: 0.25%; + --ds-paragraph-xs-font-family: IBM Plex Mono; + --ds-paragraph-xs-font-weight: 400; + --ds-paragraph-xs-line-height: 1.5; + --ds-paragraph-xs-font-size: 0.875rem; + --ds-paragraph-xs-letter-spacing: 0.15%; + --ds-paragraph-short-lg-font-family: IBM Plex Mono; + --ds-paragraph-short-lg-font-weight: 400; + --ds-paragraph-short-lg-line-height: 1.3; + --ds-paragraph-short-lg-font-size: 1.3125rem; + --ds-paragraph-short-lg-letter-spacing: 0.5%; + --ds-paragraph-short-md-font-family: IBM Plex Mono; + --ds-paragraph-short-md-font-weight: 400; + --ds-paragraph-short-md-line-height: 1.3; + --ds-paragraph-short-md-font-size: 1.125rem; + --ds-paragraph-short-md-letter-spacing: 0.5%; + --ds-paragraph-short-sm-font-family: IBM Plex Mono; + --ds-paragraph-short-sm-font-weight: 400; + --ds-paragraph-short-sm-line-height: 1.3; + --ds-paragraph-short-sm-font-size: 1rem; + --ds-paragraph-short-sm-letter-spacing: 0.25%; + --ds-paragraph-short-xs-font-family: IBM Plex Mono; + --ds-paragraph-short-xs-font-weight: 400; + --ds-paragraph-short-xs-line-height: 1.3; + --ds-paragraph-short-xs-font-size: 0.875rem; + --ds-paragraph-short-xs-letter-spacing: 0.15%; + --ds-paragraph-long-lg-font-family: IBM Plex Mono; + --ds-paragraph-long-lg-font-weight: 400; + --ds-paragraph-long-lg-line-height: 1.7; + --ds-paragraph-long-lg-font-size: 1.3125rem; + --ds-paragraph-long-lg-letter-spacing: 0.5%; + --ds-paragraph-long-md-font-family: IBM Plex Mono; + --ds-paragraph-long-md-font-weight: 400; + --ds-paragraph-long-md-line-height: 1.7; + --ds-paragraph-long-md-font-size: 1.125rem; + --ds-paragraph-long-md-letter-spacing: 0.5%; + --ds-paragraph-long-sm-font-family: IBM Plex Mono; + --ds-paragraph-long-sm-font-weight: 400; + --ds-paragraph-long-sm-line-height: 1.7; + --ds-paragraph-long-sm-font-size: 1rem; + --ds-paragraph-long-sm-letter-spacing: 0.25%; + --ds-paragraph-long-xs-font-family: IBM Plex Mono; + --ds-paragraph-long-xs-font-weight: 400; + --ds-paragraph-long-xs-line-height: 1.7; + --ds-paragraph-long-xs-font-size: 0.875rem; + --ds-paragraph-long-xs-letter-spacing: 0.15%; + --ds-label-lg-font-family: IBM Plex Mono; + --ds-label-lg-font-weight: 500; + --ds-label-lg-line-height: 1.3; + --ds-label-lg-font-size: 1.3125rem; + --ds-label-lg-letter-spacing: 0.5%; + --ds-label-md-font-family: IBM Plex Mono; + --ds-label-md-font-weight: 500; + --ds-label-md-line-height: 1.3; + --ds-label-md-font-size: 1.125rem; + --ds-label-md-letter-spacing: 0.5%; + --ds-label-sm-font-family: IBM Plex Mono; + --ds-label-sm-font-weight: 500; + --ds-label-sm-line-height: 1.3; + --ds-label-sm-font-size: 1rem; + --ds-label-sm-letter-spacing: 0.25%; + --ds-label-xs-font-family: IBM Plex Mono; + --ds-label-xs-font-weight: 500; + --ds-label-xs-line-height: 1.3; + --ds-label-xs-font-size: 0.875rem; + --ds-label-xs-letter-spacing: 0.15%; + --ds-error_message-lg-font-family: IBM Plex Mono; + --ds-error_message-lg-font-weight: 400; + --ds-error_message-lg-line-height: 1.3; + --ds-error_message-lg-font-size: 1.3125rem; + --ds-error_message-lg-letter-spacing: 0.5%; + --ds-error_message-md-font-family: IBM Plex Mono; + --ds-error_message-md-font-weight: 400; + --ds-error_message-md-line-height: 1.3; + --ds-error_message-md-font-size: 1.125rem; + --ds-error_message-md-letter-spacing: 0.5%; + --ds-error_message-sm-font-family: IBM Plex Mono; + --ds-error_message-sm-font-weight: 400; + --ds-error_message-sm-line-height: 1.3; + --ds-error_message-sm-font-size: 1rem; + --ds-error_message-sm-letter-spacing: 0.25%; + --ds-error_message-xs-font-family: IBM Plex Mono; + --ds-error_message-xs-font-weight: 400; + --ds-error_message-xs-line-height: 1.3; + --ds-error_message-xs-font-size: 0.875rem; + --ds-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; --ds-line-height-md: 1.5; --ds-line-height-lg: 1.7; @@ -1550,161 +1550,161 @@ --ds-font-weight-medium: 500; --ds-font-weight-semibold: 600; --ds-font-weight-regular: 400; - --ds-typography-heading-2xl-font-family: Inter; - --ds-typography-heading-2xl-font-weight: 500; - --ds-typography-heading-2xl-line-height: 1.3; - --ds-typography-heading-2xl-font-size: 3.75rem; - --ds-typography-heading-2xl-letter-spacing: -1%; - --ds-typography-heading-xl-font-family: Inter; - --ds-typography-heading-xl-font-weight: 500; - --ds-typography-heading-xl-line-height: 1.3; - --ds-typography-heading-xl-font-size: 3rem; - --ds-typography-heading-xl-letter-spacing: -1%; - --ds-typography-heading-lg-font-family: Inter; - --ds-typography-heading-lg-font-weight: 500; - --ds-typography-heading-lg-line-height: 1.3; - --ds-typography-heading-lg-font-size: 2.25rem; - --ds-typography-heading-lg-letter-spacing: -0.5%; - --ds-typography-heading-md-font-family: Inter; - --ds-typography-heading-md-font-weight: 500; - --ds-typography-heading-md-line-height: 1.3; - --ds-typography-heading-md-font-size: 1.875rem; - --ds-typography-heading-md-letter-spacing: -0.25%; - --ds-typography-heading-sm-font-family: Inter; - --ds-typography-heading-sm-font-weight: 500; - --ds-typography-heading-sm-line-height: 1.3; - --ds-typography-heading-sm-font-size: 1.5rem; - --ds-typography-heading-sm-letter-spacing: 0%; - --ds-typography-heading-xs-font-family: Inter; - --ds-typography-heading-xs-font-weight: 500; - --ds-typography-heading-xs-line-height: 1.3; - --ds-typography-heading-xs-font-size: 1.3125rem; - --ds-typography-heading-xs-letter-spacing: 0.15%; - --ds-typography-heading-2xs-font-family: Inter; - --ds-typography-heading-2xs-font-weight: 500; - --ds-typography-heading-2xs-line-height: 1.3; - --ds-typography-heading-2xs-font-size: 1.125rem; - --ds-typography-heading-2xs-letter-spacing: 0.15%; - --ds-typography-ingress-lg-font-family: Inter; - --ds-typography-ingress-lg-font-weight: 400; - --ds-typography-ingress-lg-line-height: 1.7; - --ds-typography-ingress-lg-font-size: 1.875rem; - --ds-typography-ingress-lg-letter-spacing: 0.5%; - --ds-typography-ingress-md-font-family: Inter; - --ds-typography-ingress-md-font-weight: 400; - --ds-typography-ingress-md-line-height: 1.7; - --ds-typography-ingress-md-font-size: 1.5rem; - --ds-typography-ingress-md-letter-spacing: 0.5%; - --ds-typography-ingress-sm-font-family: Inter; - --ds-typography-ingress-sm-font-weight: 400; - --ds-typography-ingress-sm-line-height: 1.7; - --ds-typography-ingress-sm-font-size: 1.3125rem; - --ds-typography-ingress-sm-letter-spacing: 0.25%; - --ds-typography-ingress-xs-font-family: Inter; - --ds-typography-ingress-xs-font-weight: 400; - --ds-typography-ingress-xs-line-height: 1.7; - --ds-typography-ingress-xs-font-size: 1.125rem; - --ds-typography-ingress-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-lg-font-family: Inter; - --ds-typography-paragraph-lg-font-weight: 400; - --ds-typography-paragraph-lg-line-height: 1.5; - --ds-typography-paragraph-lg-font-size: 1.3125rem; - --ds-typography-paragraph-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-md-font-family: Inter; - --ds-typography-paragraph-md-font-weight: 400; - --ds-typography-paragraph-md-line-height: 1.5; - --ds-typography-paragraph-md-font-size: 1.125rem; - --ds-typography-paragraph-md-letter-spacing: 0.5%; - --ds-typography-paragraph-sm-font-family: Inter; - --ds-typography-paragraph-sm-font-weight: 400; - --ds-typography-paragraph-sm-line-height: 1.5; - --ds-typography-paragraph-sm-font-size: 1rem; - --ds-typography-paragraph-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-xs-font-family: Inter; - --ds-typography-paragraph-xs-font-weight: 400; - --ds-typography-paragraph-xs-line-height: 1.5; - --ds-typography-paragraph-xs-font-size: 0.875rem; - --ds-typography-paragraph-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-short-lg-font-family: Inter; - --ds-typography-paragraph-short-lg-font-weight: 400; - --ds-typography-paragraph-short-lg-line-height: 1.3; - --ds-typography-paragraph-short-lg-font-size: 1.3125rem; - --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-short-md-font-family: Inter; - --ds-typography-paragraph-short-md-font-weight: 400; - --ds-typography-paragraph-short-md-line-height: 1.3; - --ds-typography-paragraph-short-md-font-size: 1.125rem; - --ds-typography-paragraph-short-md-letter-spacing: 0.5%; - --ds-typography-paragraph-short-sm-font-family: Inter; - --ds-typography-paragraph-short-sm-font-weight: 400; - --ds-typography-paragraph-short-sm-line-height: 1.3; - --ds-typography-paragraph-short-sm-font-size: 1rem; - --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-short-xs-font-family: Inter; - --ds-typography-paragraph-short-xs-font-weight: 400; - --ds-typography-paragraph-short-xs-line-height: 1.3; - --ds-typography-paragraph-short-xs-font-size: 0.875rem; - --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-long-lg-font-family: Inter; - --ds-typography-paragraph-long-lg-font-weight: 400; - --ds-typography-paragraph-long-lg-line-height: 1.7; - --ds-typography-paragraph-long-lg-font-size: 1.3125rem; - --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-long-md-font-family: Inter; - --ds-typography-paragraph-long-md-font-weight: 400; - --ds-typography-paragraph-long-md-line-height: 1.7; - --ds-typography-paragraph-long-md-font-size: 1.125rem; - --ds-typography-paragraph-long-md-letter-spacing: 0.5%; - --ds-typography-paragraph-long-sm-font-family: Inter; - --ds-typography-paragraph-long-sm-font-weight: 400; - --ds-typography-paragraph-long-sm-line-height: 1.7; - --ds-typography-paragraph-long-sm-font-size: 1rem; - --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-long-xs-font-family: Inter; - --ds-typography-paragraph-long-xs-font-weight: 400; - --ds-typography-paragraph-long-xs-line-height: 1.7; - --ds-typography-paragraph-long-xs-font-size: 0.875rem; - --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; - --ds-typography-label-lg-font-family: Inter; - --ds-typography-label-lg-font-weight: 500; - --ds-typography-label-lg-line-height: 1.3; - --ds-typography-label-lg-font-size: 1.3125rem; - --ds-typography-label-lg-letter-spacing: 0.5%; - --ds-typography-label-md-font-family: Inter; - --ds-typography-label-md-font-weight: 500; - --ds-typography-label-md-line-height: 1.3; - --ds-typography-label-md-font-size: 1.125rem; - --ds-typography-label-md-letter-spacing: 0.5%; - --ds-typography-label-sm-font-family: Inter; - --ds-typography-label-sm-font-weight: 500; - --ds-typography-label-sm-line-height: 1.3; - --ds-typography-label-sm-font-size: 1rem; - --ds-typography-label-sm-letter-spacing: 0.25%; - --ds-typography-label-xs-font-family: Inter; - --ds-typography-label-xs-font-weight: 500; - --ds-typography-label-xs-line-height: 1.3; - --ds-typography-label-xs-font-size: 0.875rem; - --ds-typography-label-xs-letter-spacing: 0.15%; - --ds-typography-error_message-lg-font-family: Inter; - --ds-typography-error_message-lg-font-weight: 400; - --ds-typography-error_message-lg-line-height: 1.3; - --ds-typography-error_message-lg-font-size: 1.3125rem; - --ds-typography-error_message-lg-letter-spacing: 0.5%; - --ds-typography-error_message-md-font-family: Inter; - --ds-typography-error_message-md-font-weight: 400; - --ds-typography-error_message-md-line-height: 1.3; - --ds-typography-error_message-md-font-size: 1.125rem; - --ds-typography-error_message-md-letter-spacing: 0.5%; - --ds-typography-error_message-sm-font-family: Inter; - --ds-typography-error_message-sm-font-weight: 400; - --ds-typography-error_message-sm-line-height: 1.3; - --ds-typography-error_message-sm-font-size: 1rem; - --ds-typography-error_message-sm-letter-spacing: 0.25%; - --ds-typography-error_message-xs-font-family: Inter; - --ds-typography-error_message-xs-font-weight: 400; - --ds-typography-error_message-xs-line-height: 1.3; - --ds-typography-error_message-xs-font-size: 0.875rem; - --ds-typography-error_message-xs-letter-spacing: 0.15%; + --ds-heading-2xl-font-family: Inter; + --ds-heading-2xl-font-weight: 500; + --ds-heading-2xl-line-height: 1.3; + --ds-heading-2xl-font-size: 3.75rem; + --ds-heading-2xl-letter-spacing: -1%; + --ds-heading-xl-font-family: Inter; + --ds-heading-xl-font-weight: 500; + --ds-heading-xl-line-height: 1.3; + --ds-heading-xl-font-size: 3rem; + --ds-heading-xl-letter-spacing: -1%; + --ds-heading-lg-font-family: Inter; + --ds-heading-lg-font-weight: 500; + --ds-heading-lg-line-height: 1.3; + --ds-heading-lg-font-size: 2.25rem; + --ds-heading-lg-letter-spacing: -0.5%; + --ds-heading-md-font-family: Inter; + --ds-heading-md-font-weight: 500; + --ds-heading-md-line-height: 1.3; + --ds-heading-md-font-size: 1.875rem; + --ds-heading-md-letter-spacing: -0.25%; + --ds-heading-sm-font-family: Inter; + --ds-heading-sm-font-weight: 500; + --ds-heading-sm-line-height: 1.3; + --ds-heading-sm-font-size: 1.5rem; + --ds-heading-sm-letter-spacing: 0%; + --ds-heading-xs-font-family: Inter; + --ds-heading-xs-font-weight: 500; + --ds-heading-xs-line-height: 1.3; + --ds-heading-xs-font-size: 1.3125rem; + --ds-heading-xs-letter-spacing: 0.15%; + --ds-heading-2xs-font-family: Inter; + --ds-heading-2xs-font-weight: 500; + --ds-heading-2xs-line-height: 1.3; + --ds-heading-2xs-font-size: 1.125rem; + --ds-heading-2xs-letter-spacing: 0.15%; + --ds-ingress-lg-font-family: Inter; + --ds-ingress-lg-font-weight: 400; + --ds-ingress-lg-line-height: 1.7; + --ds-ingress-lg-font-size: 1.875rem; + --ds-ingress-lg-letter-spacing: 0.5%; + --ds-ingress-md-font-family: Inter; + --ds-ingress-md-font-weight: 400; + --ds-ingress-md-line-height: 1.7; + --ds-ingress-md-font-size: 1.5rem; + --ds-ingress-md-letter-spacing: 0.5%; + --ds-ingress-sm-font-family: Inter; + --ds-ingress-sm-font-weight: 400; + --ds-ingress-sm-line-height: 1.7; + --ds-ingress-sm-font-size: 1.3125rem; + --ds-ingress-sm-letter-spacing: 0.25%; + --ds-ingress-xs-font-family: Inter; + --ds-ingress-xs-font-weight: 400; + --ds-ingress-xs-line-height: 1.7; + --ds-ingress-xs-font-size: 1.125rem; + --ds-ingress-xs-letter-spacing: 0.15%; + --ds-paragraph-lg-font-family: Inter; + --ds-paragraph-lg-font-weight: 400; + --ds-paragraph-lg-line-height: 1.5; + --ds-paragraph-lg-font-size: 1.3125rem; + --ds-paragraph-lg-letter-spacing: 0.5%; + --ds-paragraph-md-font-family: Inter; + --ds-paragraph-md-font-weight: 400; + --ds-paragraph-md-line-height: 1.5; + --ds-paragraph-md-font-size: 1.125rem; + --ds-paragraph-md-letter-spacing: 0.5%; + --ds-paragraph-sm-font-family: Inter; + --ds-paragraph-sm-font-weight: 400; + --ds-paragraph-sm-line-height: 1.5; + --ds-paragraph-sm-font-size: 1rem; + --ds-paragraph-sm-letter-spacing: 0.25%; + --ds-paragraph-xs-font-family: Inter; + --ds-paragraph-xs-font-weight: 400; + --ds-paragraph-xs-line-height: 1.5; + --ds-paragraph-xs-font-size: 0.875rem; + --ds-paragraph-xs-letter-spacing: 0.15%; + --ds-paragraph-short-lg-font-family: Inter; + --ds-paragraph-short-lg-font-weight: 400; + --ds-paragraph-short-lg-line-height: 1.3; + --ds-paragraph-short-lg-font-size: 1.3125rem; + --ds-paragraph-short-lg-letter-spacing: 0.5%; + --ds-paragraph-short-md-font-family: Inter; + --ds-paragraph-short-md-font-weight: 400; + --ds-paragraph-short-md-line-height: 1.3; + --ds-paragraph-short-md-font-size: 1.125rem; + --ds-paragraph-short-md-letter-spacing: 0.5%; + --ds-paragraph-short-sm-font-family: Inter; + --ds-paragraph-short-sm-font-weight: 400; + --ds-paragraph-short-sm-line-height: 1.3; + --ds-paragraph-short-sm-font-size: 1rem; + --ds-paragraph-short-sm-letter-spacing: 0.25%; + --ds-paragraph-short-xs-font-family: Inter; + --ds-paragraph-short-xs-font-weight: 400; + --ds-paragraph-short-xs-line-height: 1.3; + --ds-paragraph-short-xs-font-size: 0.875rem; + --ds-paragraph-short-xs-letter-spacing: 0.15%; + --ds-paragraph-long-lg-font-family: Inter; + --ds-paragraph-long-lg-font-weight: 400; + --ds-paragraph-long-lg-line-height: 1.7; + --ds-paragraph-long-lg-font-size: 1.3125rem; + --ds-paragraph-long-lg-letter-spacing: 0.5%; + --ds-paragraph-long-md-font-family: Inter; + --ds-paragraph-long-md-font-weight: 400; + --ds-paragraph-long-md-line-height: 1.7; + --ds-paragraph-long-md-font-size: 1.125rem; + --ds-paragraph-long-md-letter-spacing: 0.5%; + --ds-paragraph-long-sm-font-family: Inter; + --ds-paragraph-long-sm-font-weight: 400; + --ds-paragraph-long-sm-line-height: 1.7; + --ds-paragraph-long-sm-font-size: 1rem; + --ds-paragraph-long-sm-letter-spacing: 0.25%; + --ds-paragraph-long-xs-font-family: Inter; + --ds-paragraph-long-xs-font-weight: 400; + --ds-paragraph-long-xs-line-height: 1.7; + --ds-paragraph-long-xs-font-size: 0.875rem; + --ds-paragraph-long-xs-letter-spacing: 0.15%; + --ds-label-lg-font-family: Inter; + --ds-label-lg-font-weight: 500; + --ds-label-lg-line-height: 1.3; + --ds-label-lg-font-size: 1.3125rem; + --ds-label-lg-letter-spacing: 0.5%; + --ds-label-md-font-family: Inter; + --ds-label-md-font-weight: 500; + --ds-label-md-line-height: 1.3; + --ds-label-md-font-size: 1.125rem; + --ds-label-md-letter-spacing: 0.5%; + --ds-label-sm-font-family: Inter; + --ds-label-sm-font-weight: 500; + --ds-label-sm-line-height: 1.3; + --ds-label-sm-font-size: 1rem; + --ds-label-sm-letter-spacing: 0.25%; + --ds-label-xs-font-family: Inter; + --ds-label-xs-font-weight: 500; + --ds-label-xs-line-height: 1.3; + --ds-label-xs-font-size: 0.875rem; + --ds-label-xs-letter-spacing: 0.15%; + --ds-error_message-lg-font-family: Inter; + --ds-error_message-lg-font-weight: 400; + --ds-error_message-lg-line-height: 1.3; + --ds-error_message-lg-font-size: 1.3125rem; + --ds-error_message-lg-letter-spacing: 0.5%; + --ds-error_message-md-font-family: Inter; + --ds-error_message-md-font-weight: 400; + --ds-error_message-md-line-height: 1.3; + --ds-error_message-md-font-size: 1.125rem; + --ds-error_message-md-letter-spacing: 0.5%; + --ds-error_message-sm-font-family: Inter; + --ds-error_message-sm-font-weight: 400; + --ds-error_message-sm-line-height: 1.3; + --ds-error_message-sm-font-size: 1rem; + --ds-error_message-sm-letter-spacing: 0.25%; + --ds-error_message-xs-font-family: Inter; + --ds-error_message-xs-font-weight: 400; + --ds-error_message-xs-line-height: 1.3; + --ds-error_message-xs-font-size: 0.875rem; + --ds-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; --ds-line-height-md: 1.5; --ds-line-height-lg: 1.7; diff --git a/packages/theme/brand/digdir/typography/primary.css b/packages/theme/brand/digdir/typography/primary.css index 6bcfdd4a0b..3d928bd395 100644 --- a/packages/theme/brand/digdir/typography/primary.css +++ b/packages/theme/brand/digdir/typography/primary.css @@ -8,161 +8,161 @@ --ds-font-weight-medium: 500; --ds-font-weight-semibold: 600; --ds-font-weight-regular: 400; - --ds-typography-heading-2xl-font-family: Inter; - --ds-typography-heading-2xl-font-weight: 500; - --ds-typography-heading-2xl-line-height: 1.3; - --ds-typography-heading-2xl-font-size: 3.75rem; - --ds-typography-heading-2xl-letter-spacing: -1%; - --ds-typography-heading-xl-font-family: Inter; - --ds-typography-heading-xl-font-weight: 500; - --ds-typography-heading-xl-line-height: 1.3; - --ds-typography-heading-xl-font-size: 3rem; - --ds-typography-heading-xl-letter-spacing: -1%; - --ds-typography-heading-lg-font-family: Inter; - --ds-typography-heading-lg-font-weight: 500; - --ds-typography-heading-lg-line-height: 1.3; - --ds-typography-heading-lg-font-size: 2.25rem; - --ds-typography-heading-lg-letter-spacing: -0.5%; - --ds-typography-heading-md-font-family: Inter; - --ds-typography-heading-md-font-weight: 500; - --ds-typography-heading-md-line-height: 1.3; - --ds-typography-heading-md-font-size: 1.875rem; - --ds-typography-heading-md-letter-spacing: -0.25%; - --ds-typography-heading-sm-font-family: Inter; - --ds-typography-heading-sm-font-weight: 500; - --ds-typography-heading-sm-line-height: 1.3; - --ds-typography-heading-sm-font-size: 1.5rem; - --ds-typography-heading-sm-letter-spacing: 0%; - --ds-typography-heading-xs-font-family: Inter; - --ds-typography-heading-xs-font-weight: 500; - --ds-typography-heading-xs-line-height: 1.3; - --ds-typography-heading-xs-font-size: 1.3125rem; - --ds-typography-heading-xs-letter-spacing: 0.15%; - --ds-typography-heading-2xs-font-family: Inter; - --ds-typography-heading-2xs-font-weight: 500; - --ds-typography-heading-2xs-line-height: 1.3; - --ds-typography-heading-2xs-font-size: 1.125rem; - --ds-typography-heading-2xs-letter-spacing: 0.15%; - --ds-typography-ingress-lg-font-family: Inter; - --ds-typography-ingress-lg-font-weight: 400; - --ds-typography-ingress-lg-line-height: 1.7; - --ds-typography-ingress-lg-font-size: 1.875rem; - --ds-typography-ingress-lg-letter-spacing: 0.5%; - --ds-typography-ingress-md-font-family: Inter; - --ds-typography-ingress-md-font-weight: 400; - --ds-typography-ingress-md-line-height: 1.7; - --ds-typography-ingress-md-font-size: 1.5rem; - --ds-typography-ingress-md-letter-spacing: 0.5%; - --ds-typography-ingress-sm-font-family: Inter; - --ds-typography-ingress-sm-font-weight: 400; - --ds-typography-ingress-sm-line-height: 1.7; - --ds-typography-ingress-sm-font-size: 1.3125rem; - --ds-typography-ingress-sm-letter-spacing: 0.25%; - --ds-typography-ingress-xs-font-family: Inter; - --ds-typography-ingress-xs-font-weight: 400; - --ds-typography-ingress-xs-line-height: 1.7; - --ds-typography-ingress-xs-font-size: 1.125rem; - --ds-typography-ingress-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-lg-font-family: Inter; - --ds-typography-paragraph-lg-font-weight: 400; - --ds-typography-paragraph-lg-line-height: 1.5; - --ds-typography-paragraph-lg-font-size: 1.3125rem; - --ds-typography-paragraph-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-md-font-family: Inter; - --ds-typography-paragraph-md-font-weight: 400; - --ds-typography-paragraph-md-line-height: 1.5; - --ds-typography-paragraph-md-font-size: 1.125rem; - --ds-typography-paragraph-md-letter-spacing: 0.5%; - --ds-typography-paragraph-sm-font-family: Inter; - --ds-typography-paragraph-sm-font-weight: 400; - --ds-typography-paragraph-sm-line-height: 1.5; - --ds-typography-paragraph-sm-font-size: 1rem; - --ds-typography-paragraph-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-xs-font-family: Inter; - --ds-typography-paragraph-xs-font-weight: 400; - --ds-typography-paragraph-xs-line-height: 1.5; - --ds-typography-paragraph-xs-font-size: 0.875rem; - --ds-typography-paragraph-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-short-lg-font-family: Inter; - --ds-typography-paragraph-short-lg-font-weight: 400; - --ds-typography-paragraph-short-lg-line-height: 1.3; - --ds-typography-paragraph-short-lg-font-size: 1.3125rem; - --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-short-md-font-family: Inter; - --ds-typography-paragraph-short-md-font-weight: 400; - --ds-typography-paragraph-short-md-line-height: 1.3; - --ds-typography-paragraph-short-md-font-size: 1.125rem; - --ds-typography-paragraph-short-md-letter-spacing: 0.5%; - --ds-typography-paragraph-short-sm-font-family: Inter; - --ds-typography-paragraph-short-sm-font-weight: 400; - --ds-typography-paragraph-short-sm-line-height: 1.3; - --ds-typography-paragraph-short-sm-font-size: 1rem; - --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-short-xs-font-family: Inter; - --ds-typography-paragraph-short-xs-font-weight: 400; - --ds-typography-paragraph-short-xs-line-height: 1.3; - --ds-typography-paragraph-short-xs-font-size: 0.875rem; - --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-long-lg-font-family: Inter; - --ds-typography-paragraph-long-lg-font-weight: 400; - --ds-typography-paragraph-long-lg-line-height: 1.7; - --ds-typography-paragraph-long-lg-font-size: 1.3125rem; - --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-long-md-font-family: Inter; - --ds-typography-paragraph-long-md-font-weight: 400; - --ds-typography-paragraph-long-md-line-height: 1.7; - --ds-typography-paragraph-long-md-font-size: 1.125rem; - --ds-typography-paragraph-long-md-letter-spacing: 0.5%; - --ds-typography-paragraph-long-sm-font-family: Inter; - --ds-typography-paragraph-long-sm-font-weight: 400; - --ds-typography-paragraph-long-sm-line-height: 1.7; - --ds-typography-paragraph-long-sm-font-size: 1rem; - --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-long-xs-font-family: Inter; - --ds-typography-paragraph-long-xs-font-weight: 400; - --ds-typography-paragraph-long-xs-line-height: 1.7; - --ds-typography-paragraph-long-xs-font-size: 0.875rem; - --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; - --ds-typography-label-lg-font-family: Inter; - --ds-typography-label-lg-font-weight: 500; - --ds-typography-label-lg-line-height: 1.3; - --ds-typography-label-lg-font-size: 1.3125rem; - --ds-typography-label-lg-letter-spacing: 0.5%; - --ds-typography-label-md-font-family: Inter; - --ds-typography-label-md-font-weight: 500; - --ds-typography-label-md-line-height: 1.3; - --ds-typography-label-md-font-size: 1.125rem; - --ds-typography-label-md-letter-spacing: 0.5%; - --ds-typography-label-sm-font-family: Inter; - --ds-typography-label-sm-font-weight: 500; - --ds-typography-label-sm-line-height: 1.3; - --ds-typography-label-sm-font-size: 1rem; - --ds-typography-label-sm-letter-spacing: 0.25%; - --ds-typography-label-xs-font-family: Inter; - --ds-typography-label-xs-font-weight: 500; - --ds-typography-label-xs-line-height: 1.3; - --ds-typography-label-xs-font-size: 0.875rem; - --ds-typography-label-xs-letter-spacing: 0.15%; - --ds-typography-error_message-lg-font-family: Inter; - --ds-typography-error_message-lg-font-weight: 400; - --ds-typography-error_message-lg-line-height: 1.3; - --ds-typography-error_message-lg-font-size: 1.3125rem; - --ds-typography-error_message-lg-letter-spacing: 0.5%; - --ds-typography-error_message-md-font-family: Inter; - --ds-typography-error_message-md-font-weight: 400; - --ds-typography-error_message-md-line-height: 1.3; - --ds-typography-error_message-md-font-size: 1.125rem; - --ds-typography-error_message-md-letter-spacing: 0.5%; - --ds-typography-error_message-sm-font-family: Inter; - --ds-typography-error_message-sm-font-weight: 400; - --ds-typography-error_message-sm-line-height: 1.3; - --ds-typography-error_message-sm-font-size: 1rem; - --ds-typography-error_message-sm-letter-spacing: 0.25%; - --ds-typography-error_message-xs-font-family: Inter; - --ds-typography-error_message-xs-font-weight: 400; - --ds-typography-error_message-xs-line-height: 1.3; - --ds-typography-error_message-xs-font-size: 0.875rem; - --ds-typography-error_message-xs-letter-spacing: 0.15%; + --ds-heading-2xl-font-family: Inter; + --ds-heading-2xl-font-weight: 500; + --ds-heading-2xl-line-height: 1.3; + --ds-heading-2xl-font-size: 3.75rem; + --ds-heading-2xl-letter-spacing: -1%; + --ds-heading-xl-font-family: Inter; + --ds-heading-xl-font-weight: 500; + --ds-heading-xl-line-height: 1.3; + --ds-heading-xl-font-size: 3rem; + --ds-heading-xl-letter-spacing: -1%; + --ds-heading-lg-font-family: Inter; + --ds-heading-lg-font-weight: 500; + --ds-heading-lg-line-height: 1.3; + --ds-heading-lg-font-size: 2.25rem; + --ds-heading-lg-letter-spacing: -0.5%; + --ds-heading-md-font-family: Inter; + --ds-heading-md-font-weight: 500; + --ds-heading-md-line-height: 1.3; + --ds-heading-md-font-size: 1.875rem; + --ds-heading-md-letter-spacing: -0.25%; + --ds-heading-sm-font-family: Inter; + --ds-heading-sm-font-weight: 500; + --ds-heading-sm-line-height: 1.3; + --ds-heading-sm-font-size: 1.5rem; + --ds-heading-sm-letter-spacing: 0%; + --ds-heading-xs-font-family: Inter; + --ds-heading-xs-font-weight: 500; + --ds-heading-xs-line-height: 1.3; + --ds-heading-xs-font-size: 1.3125rem; + --ds-heading-xs-letter-spacing: 0.15%; + --ds-heading-2xs-font-family: Inter; + --ds-heading-2xs-font-weight: 500; + --ds-heading-2xs-line-height: 1.3; + --ds-heading-2xs-font-size: 1.125rem; + --ds-heading-2xs-letter-spacing: 0.15%; + --ds-ingress-lg-font-family: Inter; + --ds-ingress-lg-font-weight: 400; + --ds-ingress-lg-line-height: 1.7; + --ds-ingress-lg-font-size: 1.875rem; + --ds-ingress-lg-letter-spacing: 0.5%; + --ds-ingress-md-font-family: Inter; + --ds-ingress-md-font-weight: 400; + --ds-ingress-md-line-height: 1.7; + --ds-ingress-md-font-size: 1.5rem; + --ds-ingress-md-letter-spacing: 0.5%; + --ds-ingress-sm-font-family: Inter; + --ds-ingress-sm-font-weight: 400; + --ds-ingress-sm-line-height: 1.7; + --ds-ingress-sm-font-size: 1.3125rem; + --ds-ingress-sm-letter-spacing: 0.25%; + --ds-ingress-xs-font-family: Inter; + --ds-ingress-xs-font-weight: 400; + --ds-ingress-xs-line-height: 1.7; + --ds-ingress-xs-font-size: 1.125rem; + --ds-ingress-xs-letter-spacing: 0.15%; + --ds-paragraph-lg-font-family: Inter; + --ds-paragraph-lg-font-weight: 400; + --ds-paragraph-lg-line-height: 1.5; + --ds-paragraph-lg-font-size: 1.3125rem; + --ds-paragraph-lg-letter-spacing: 0.5%; + --ds-paragraph-md-font-family: Inter; + --ds-paragraph-md-font-weight: 400; + --ds-paragraph-md-line-height: 1.5; + --ds-paragraph-md-font-size: 1.125rem; + --ds-paragraph-md-letter-spacing: 0.5%; + --ds-paragraph-sm-font-family: Inter; + --ds-paragraph-sm-font-weight: 400; + --ds-paragraph-sm-line-height: 1.5; + --ds-paragraph-sm-font-size: 1rem; + --ds-paragraph-sm-letter-spacing: 0.25%; + --ds-paragraph-xs-font-family: Inter; + --ds-paragraph-xs-font-weight: 400; + --ds-paragraph-xs-line-height: 1.5; + --ds-paragraph-xs-font-size: 0.875rem; + --ds-paragraph-xs-letter-spacing: 0.15%; + --ds-paragraph-short-lg-font-family: Inter; + --ds-paragraph-short-lg-font-weight: 400; + --ds-paragraph-short-lg-line-height: 1.3; + --ds-paragraph-short-lg-font-size: 1.3125rem; + --ds-paragraph-short-lg-letter-spacing: 0.5%; + --ds-paragraph-short-md-font-family: Inter; + --ds-paragraph-short-md-font-weight: 400; + --ds-paragraph-short-md-line-height: 1.3; + --ds-paragraph-short-md-font-size: 1.125rem; + --ds-paragraph-short-md-letter-spacing: 0.5%; + --ds-paragraph-short-sm-font-family: Inter; + --ds-paragraph-short-sm-font-weight: 400; + --ds-paragraph-short-sm-line-height: 1.3; + --ds-paragraph-short-sm-font-size: 1rem; + --ds-paragraph-short-sm-letter-spacing: 0.25%; + --ds-paragraph-short-xs-font-family: Inter; + --ds-paragraph-short-xs-font-weight: 400; + --ds-paragraph-short-xs-line-height: 1.3; + --ds-paragraph-short-xs-font-size: 0.875rem; + --ds-paragraph-short-xs-letter-spacing: 0.15%; + --ds-paragraph-long-lg-font-family: Inter; + --ds-paragraph-long-lg-font-weight: 400; + --ds-paragraph-long-lg-line-height: 1.7; + --ds-paragraph-long-lg-font-size: 1.3125rem; + --ds-paragraph-long-lg-letter-spacing: 0.5%; + --ds-paragraph-long-md-font-family: Inter; + --ds-paragraph-long-md-font-weight: 400; + --ds-paragraph-long-md-line-height: 1.7; + --ds-paragraph-long-md-font-size: 1.125rem; + --ds-paragraph-long-md-letter-spacing: 0.5%; + --ds-paragraph-long-sm-font-family: Inter; + --ds-paragraph-long-sm-font-weight: 400; + --ds-paragraph-long-sm-line-height: 1.7; + --ds-paragraph-long-sm-font-size: 1rem; + --ds-paragraph-long-sm-letter-spacing: 0.25%; + --ds-paragraph-long-xs-font-family: Inter; + --ds-paragraph-long-xs-font-weight: 400; + --ds-paragraph-long-xs-line-height: 1.7; + --ds-paragraph-long-xs-font-size: 0.875rem; + --ds-paragraph-long-xs-letter-spacing: 0.15%; + --ds-label-lg-font-family: Inter; + --ds-label-lg-font-weight: 500; + --ds-label-lg-line-height: 1.3; + --ds-label-lg-font-size: 1.3125rem; + --ds-label-lg-letter-spacing: 0.5%; + --ds-label-md-font-family: Inter; + --ds-label-md-font-weight: 500; + --ds-label-md-line-height: 1.3; + --ds-label-md-font-size: 1.125rem; + --ds-label-md-letter-spacing: 0.5%; + --ds-label-sm-font-family: Inter; + --ds-label-sm-font-weight: 500; + --ds-label-sm-line-height: 1.3; + --ds-label-sm-font-size: 1rem; + --ds-label-sm-letter-spacing: 0.25%; + --ds-label-xs-font-family: Inter; + --ds-label-xs-font-weight: 500; + --ds-label-xs-line-height: 1.3; + --ds-label-xs-font-size: 0.875rem; + --ds-label-xs-letter-spacing: 0.15%; + --ds-error_message-lg-font-family: Inter; + --ds-error_message-lg-font-weight: 400; + --ds-error_message-lg-line-height: 1.3; + --ds-error_message-lg-font-size: 1.3125rem; + --ds-error_message-lg-letter-spacing: 0.5%; + --ds-error_message-md-font-family: Inter; + --ds-error_message-md-font-weight: 400; + --ds-error_message-md-line-height: 1.3; + --ds-error_message-md-font-size: 1.125rem; + --ds-error_message-md-letter-spacing: 0.5%; + --ds-error_message-sm-font-family: Inter; + --ds-error_message-sm-font-weight: 400; + --ds-error_message-sm-line-height: 1.3; + --ds-error_message-sm-font-size: 1rem; + --ds-error_message-sm-letter-spacing: 0.25%; + --ds-error_message-xs-font-family: Inter; + --ds-error_message-xs-font-weight: 400; + --ds-error_message-xs-line-height: 1.3; + --ds-error_message-xs-font-size: 0.875rem; + --ds-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; --ds-line-height-md: 1.5; --ds-line-height-lg: 1.7; diff --git a/packages/theme/brand/digdir/typography/secondary.css b/packages/theme/brand/digdir/typography/secondary.css index d195646f6c..991ef1841e 100644 --- a/packages/theme/brand/digdir/typography/secondary.css +++ b/packages/theme/brand/digdir/typography/secondary.css @@ -8,161 +8,161 @@ --ds-font-weight-medium: 500; --ds-font-weight-semibold: 600; --ds-font-weight-regular: 400; - --ds-typography-heading-2xl-font-family: IBM Plex Mono; - --ds-typography-heading-2xl-font-weight: 500; - --ds-typography-heading-2xl-line-height: 1.3; - --ds-typography-heading-2xl-font-size: 3.75rem; - --ds-typography-heading-2xl-letter-spacing: -1%; - --ds-typography-heading-xl-font-family: IBM Plex Mono; - --ds-typography-heading-xl-font-weight: 500; - --ds-typography-heading-xl-line-height: 1.3; - --ds-typography-heading-xl-font-size: 3rem; - --ds-typography-heading-xl-letter-spacing: -1%; - --ds-typography-heading-lg-font-family: IBM Plex Mono; - --ds-typography-heading-lg-font-weight: 500; - --ds-typography-heading-lg-line-height: 1.3; - --ds-typography-heading-lg-font-size: 2.25rem; - --ds-typography-heading-lg-letter-spacing: -0.5%; - --ds-typography-heading-md-font-family: IBM Plex Mono; - --ds-typography-heading-md-font-weight: 500; - --ds-typography-heading-md-line-height: 1.3; - --ds-typography-heading-md-font-size: 1.875rem; - --ds-typography-heading-md-letter-spacing: -0.25%; - --ds-typography-heading-sm-font-family: IBM Plex Mono; - --ds-typography-heading-sm-font-weight: 500; - --ds-typography-heading-sm-line-height: 1.3; - --ds-typography-heading-sm-font-size: 1.5rem; - --ds-typography-heading-sm-letter-spacing: 0%; - --ds-typography-heading-xs-font-family: IBM Plex Mono; - --ds-typography-heading-xs-font-weight: 500; - --ds-typography-heading-xs-line-height: 1.3; - --ds-typography-heading-xs-font-size: 1.3125rem; - --ds-typography-heading-xs-letter-spacing: 0.15%; - --ds-typography-heading-2xs-font-family: IBM Plex Mono; - --ds-typography-heading-2xs-font-weight: 500; - --ds-typography-heading-2xs-line-height: 1.3; - --ds-typography-heading-2xs-font-size: 1.125rem; - --ds-typography-heading-2xs-letter-spacing: 0.15%; - --ds-typography-ingress-lg-font-family: IBM Plex Mono; - --ds-typography-ingress-lg-font-weight: 400; - --ds-typography-ingress-lg-line-height: 1.7; - --ds-typography-ingress-lg-font-size: 1.875rem; - --ds-typography-ingress-lg-letter-spacing: 0.5%; - --ds-typography-ingress-md-font-family: IBM Plex Mono; - --ds-typography-ingress-md-font-weight: 400; - --ds-typography-ingress-md-line-height: 1.7; - --ds-typography-ingress-md-font-size: 1.5rem; - --ds-typography-ingress-md-letter-spacing: 0.5%; - --ds-typography-ingress-sm-font-family: IBM Plex Mono; - --ds-typography-ingress-sm-font-weight: 400; - --ds-typography-ingress-sm-line-height: 1.7; - --ds-typography-ingress-sm-font-size: 1.3125rem; - --ds-typography-ingress-sm-letter-spacing: 0.25%; - --ds-typography-ingress-xs-font-family: IBM Plex Mono; - --ds-typography-ingress-xs-font-weight: 400; - --ds-typography-ingress-xs-line-height: 1.7; - --ds-typography-ingress-xs-font-size: 1.125rem; - --ds-typography-ingress-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-lg-font-family: IBM Plex Mono; - --ds-typography-paragraph-lg-font-weight: 400; - --ds-typography-paragraph-lg-line-height: 1.5; - --ds-typography-paragraph-lg-font-size: 1.3125rem; - --ds-typography-paragraph-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-md-font-family: IBM Plex Mono; - --ds-typography-paragraph-md-font-weight: 400; - --ds-typography-paragraph-md-line-height: 1.5; - --ds-typography-paragraph-md-font-size: 1.125rem; - --ds-typography-paragraph-md-letter-spacing: 0.5%; - --ds-typography-paragraph-sm-font-family: IBM Plex Mono; - --ds-typography-paragraph-sm-font-weight: 400; - --ds-typography-paragraph-sm-line-height: 1.5; - --ds-typography-paragraph-sm-font-size: 1rem; - --ds-typography-paragraph-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-xs-font-family: IBM Plex Mono; - --ds-typography-paragraph-xs-font-weight: 400; - --ds-typography-paragraph-xs-line-height: 1.5; - --ds-typography-paragraph-xs-font-size: 0.875rem; - --ds-typography-paragraph-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-short-lg-font-family: IBM Plex Mono; - --ds-typography-paragraph-short-lg-font-weight: 400; - --ds-typography-paragraph-short-lg-line-height: 1.3; - --ds-typography-paragraph-short-lg-font-size: 1.3125rem; - --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-short-md-font-family: IBM Plex Mono; - --ds-typography-paragraph-short-md-font-weight: 400; - --ds-typography-paragraph-short-md-line-height: 1.3; - --ds-typography-paragraph-short-md-font-size: 1.125rem; - --ds-typography-paragraph-short-md-letter-spacing: 0.5%; - --ds-typography-paragraph-short-sm-font-family: IBM Plex Mono; - --ds-typography-paragraph-short-sm-font-weight: 400; - --ds-typography-paragraph-short-sm-line-height: 1.3; - --ds-typography-paragraph-short-sm-font-size: 1rem; - --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-short-xs-font-family: IBM Plex Mono; - --ds-typography-paragraph-short-xs-font-weight: 400; - --ds-typography-paragraph-short-xs-line-height: 1.3; - --ds-typography-paragraph-short-xs-font-size: 0.875rem; - --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-long-lg-font-family: IBM Plex Mono; - --ds-typography-paragraph-long-lg-font-weight: 400; - --ds-typography-paragraph-long-lg-line-height: 1.7; - --ds-typography-paragraph-long-lg-font-size: 1.3125rem; - --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-long-md-font-family: IBM Plex Mono; - --ds-typography-paragraph-long-md-font-weight: 400; - --ds-typography-paragraph-long-md-line-height: 1.7; - --ds-typography-paragraph-long-md-font-size: 1.125rem; - --ds-typography-paragraph-long-md-letter-spacing: 0.5%; - --ds-typography-paragraph-long-sm-font-family: IBM Plex Mono; - --ds-typography-paragraph-long-sm-font-weight: 400; - --ds-typography-paragraph-long-sm-line-height: 1.7; - --ds-typography-paragraph-long-sm-font-size: 1rem; - --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-long-xs-font-family: IBM Plex Mono; - --ds-typography-paragraph-long-xs-font-weight: 400; - --ds-typography-paragraph-long-xs-line-height: 1.7; - --ds-typography-paragraph-long-xs-font-size: 0.875rem; - --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; - --ds-typography-label-lg-font-family: IBM Plex Mono; - --ds-typography-label-lg-font-weight: 500; - --ds-typography-label-lg-line-height: 1.3; - --ds-typography-label-lg-font-size: 1.3125rem; - --ds-typography-label-lg-letter-spacing: 0.5%; - --ds-typography-label-md-font-family: IBM Plex Mono; - --ds-typography-label-md-font-weight: 500; - --ds-typography-label-md-line-height: 1.3; - --ds-typography-label-md-font-size: 1.125rem; - --ds-typography-label-md-letter-spacing: 0.5%; - --ds-typography-label-sm-font-family: IBM Plex Mono; - --ds-typography-label-sm-font-weight: 500; - --ds-typography-label-sm-line-height: 1.3; - --ds-typography-label-sm-font-size: 1rem; - --ds-typography-label-sm-letter-spacing: 0.25%; - --ds-typography-label-xs-font-family: IBM Plex Mono; - --ds-typography-label-xs-font-weight: 500; - --ds-typography-label-xs-line-height: 1.3; - --ds-typography-label-xs-font-size: 0.875rem; - --ds-typography-label-xs-letter-spacing: 0.15%; - --ds-typography-error_message-lg-font-family: IBM Plex Mono; - --ds-typography-error_message-lg-font-weight: 400; - --ds-typography-error_message-lg-line-height: 1.3; - --ds-typography-error_message-lg-font-size: 1.3125rem; - --ds-typography-error_message-lg-letter-spacing: 0.5%; - --ds-typography-error_message-md-font-family: IBM Plex Mono; - --ds-typography-error_message-md-font-weight: 400; - --ds-typography-error_message-md-line-height: 1.3; - --ds-typography-error_message-md-font-size: 1.125rem; - --ds-typography-error_message-md-letter-spacing: 0.5%; - --ds-typography-error_message-sm-font-family: IBM Plex Mono; - --ds-typography-error_message-sm-font-weight: 400; - --ds-typography-error_message-sm-line-height: 1.3; - --ds-typography-error_message-sm-font-size: 1rem; - --ds-typography-error_message-sm-letter-spacing: 0.25%; - --ds-typography-error_message-xs-font-family: IBM Plex Mono; - --ds-typography-error_message-xs-font-weight: 400; - --ds-typography-error_message-xs-line-height: 1.3; - --ds-typography-error_message-xs-font-size: 0.875rem; - --ds-typography-error_message-xs-letter-spacing: 0.15%; + --ds-heading-2xl-font-family: IBM Plex Mono; + --ds-heading-2xl-font-weight: 500; + --ds-heading-2xl-line-height: 1.3; + --ds-heading-2xl-font-size: 3.75rem; + --ds-heading-2xl-letter-spacing: -1%; + --ds-heading-xl-font-family: IBM Plex Mono; + --ds-heading-xl-font-weight: 500; + --ds-heading-xl-line-height: 1.3; + --ds-heading-xl-font-size: 3rem; + --ds-heading-xl-letter-spacing: -1%; + --ds-heading-lg-font-family: IBM Plex Mono; + --ds-heading-lg-font-weight: 500; + --ds-heading-lg-line-height: 1.3; + --ds-heading-lg-font-size: 2.25rem; + --ds-heading-lg-letter-spacing: -0.5%; + --ds-heading-md-font-family: IBM Plex Mono; + --ds-heading-md-font-weight: 500; + --ds-heading-md-line-height: 1.3; + --ds-heading-md-font-size: 1.875rem; + --ds-heading-md-letter-spacing: -0.25%; + --ds-heading-sm-font-family: IBM Plex Mono; + --ds-heading-sm-font-weight: 500; + --ds-heading-sm-line-height: 1.3; + --ds-heading-sm-font-size: 1.5rem; + --ds-heading-sm-letter-spacing: 0%; + --ds-heading-xs-font-family: IBM Plex Mono; + --ds-heading-xs-font-weight: 500; + --ds-heading-xs-line-height: 1.3; + --ds-heading-xs-font-size: 1.3125rem; + --ds-heading-xs-letter-spacing: 0.15%; + --ds-heading-2xs-font-family: IBM Plex Mono; + --ds-heading-2xs-font-weight: 500; + --ds-heading-2xs-line-height: 1.3; + --ds-heading-2xs-font-size: 1.125rem; + --ds-heading-2xs-letter-spacing: 0.15%; + --ds-ingress-lg-font-family: IBM Plex Mono; + --ds-ingress-lg-font-weight: 400; + --ds-ingress-lg-line-height: 1.7; + --ds-ingress-lg-font-size: 1.875rem; + --ds-ingress-lg-letter-spacing: 0.5%; + --ds-ingress-md-font-family: IBM Plex Mono; + --ds-ingress-md-font-weight: 400; + --ds-ingress-md-line-height: 1.7; + --ds-ingress-md-font-size: 1.5rem; + --ds-ingress-md-letter-spacing: 0.5%; + --ds-ingress-sm-font-family: IBM Plex Mono; + --ds-ingress-sm-font-weight: 400; + --ds-ingress-sm-line-height: 1.7; + --ds-ingress-sm-font-size: 1.3125rem; + --ds-ingress-sm-letter-spacing: 0.25%; + --ds-ingress-xs-font-family: IBM Plex Mono; + --ds-ingress-xs-font-weight: 400; + --ds-ingress-xs-line-height: 1.7; + --ds-ingress-xs-font-size: 1.125rem; + --ds-ingress-xs-letter-spacing: 0.15%; + --ds-paragraph-lg-font-family: IBM Plex Mono; + --ds-paragraph-lg-font-weight: 400; + --ds-paragraph-lg-line-height: 1.5; + --ds-paragraph-lg-font-size: 1.3125rem; + --ds-paragraph-lg-letter-spacing: 0.5%; + --ds-paragraph-md-font-family: IBM Plex Mono; + --ds-paragraph-md-font-weight: 400; + --ds-paragraph-md-line-height: 1.5; + --ds-paragraph-md-font-size: 1.125rem; + --ds-paragraph-md-letter-spacing: 0.5%; + --ds-paragraph-sm-font-family: IBM Plex Mono; + --ds-paragraph-sm-font-weight: 400; + --ds-paragraph-sm-line-height: 1.5; + --ds-paragraph-sm-font-size: 1rem; + --ds-paragraph-sm-letter-spacing: 0.25%; + --ds-paragraph-xs-font-family: IBM Plex Mono; + --ds-paragraph-xs-font-weight: 400; + --ds-paragraph-xs-line-height: 1.5; + --ds-paragraph-xs-font-size: 0.875rem; + --ds-paragraph-xs-letter-spacing: 0.15%; + --ds-paragraph-short-lg-font-family: IBM Plex Mono; + --ds-paragraph-short-lg-font-weight: 400; + --ds-paragraph-short-lg-line-height: 1.3; + --ds-paragraph-short-lg-font-size: 1.3125rem; + --ds-paragraph-short-lg-letter-spacing: 0.5%; + --ds-paragraph-short-md-font-family: IBM Plex Mono; + --ds-paragraph-short-md-font-weight: 400; + --ds-paragraph-short-md-line-height: 1.3; + --ds-paragraph-short-md-font-size: 1.125rem; + --ds-paragraph-short-md-letter-spacing: 0.5%; + --ds-paragraph-short-sm-font-family: IBM Plex Mono; + --ds-paragraph-short-sm-font-weight: 400; + --ds-paragraph-short-sm-line-height: 1.3; + --ds-paragraph-short-sm-font-size: 1rem; + --ds-paragraph-short-sm-letter-spacing: 0.25%; + --ds-paragraph-short-xs-font-family: IBM Plex Mono; + --ds-paragraph-short-xs-font-weight: 400; + --ds-paragraph-short-xs-line-height: 1.3; + --ds-paragraph-short-xs-font-size: 0.875rem; + --ds-paragraph-short-xs-letter-spacing: 0.15%; + --ds-paragraph-long-lg-font-family: IBM Plex Mono; + --ds-paragraph-long-lg-font-weight: 400; + --ds-paragraph-long-lg-line-height: 1.7; + --ds-paragraph-long-lg-font-size: 1.3125rem; + --ds-paragraph-long-lg-letter-spacing: 0.5%; + --ds-paragraph-long-md-font-family: IBM Plex Mono; + --ds-paragraph-long-md-font-weight: 400; + --ds-paragraph-long-md-line-height: 1.7; + --ds-paragraph-long-md-font-size: 1.125rem; + --ds-paragraph-long-md-letter-spacing: 0.5%; + --ds-paragraph-long-sm-font-family: IBM Plex Mono; + --ds-paragraph-long-sm-font-weight: 400; + --ds-paragraph-long-sm-line-height: 1.7; + --ds-paragraph-long-sm-font-size: 1rem; + --ds-paragraph-long-sm-letter-spacing: 0.25%; + --ds-paragraph-long-xs-font-family: IBM Plex Mono; + --ds-paragraph-long-xs-font-weight: 400; + --ds-paragraph-long-xs-line-height: 1.7; + --ds-paragraph-long-xs-font-size: 0.875rem; + --ds-paragraph-long-xs-letter-spacing: 0.15%; + --ds-label-lg-font-family: IBM Plex Mono; + --ds-label-lg-font-weight: 500; + --ds-label-lg-line-height: 1.3; + --ds-label-lg-font-size: 1.3125rem; + --ds-label-lg-letter-spacing: 0.5%; + --ds-label-md-font-family: IBM Plex Mono; + --ds-label-md-font-weight: 500; + --ds-label-md-line-height: 1.3; + --ds-label-md-font-size: 1.125rem; + --ds-label-md-letter-spacing: 0.5%; + --ds-label-sm-font-family: IBM Plex Mono; + --ds-label-sm-font-weight: 500; + --ds-label-sm-line-height: 1.3; + --ds-label-sm-font-size: 1rem; + --ds-label-sm-letter-spacing: 0.25%; + --ds-label-xs-font-family: IBM Plex Mono; + --ds-label-xs-font-weight: 500; + --ds-label-xs-line-height: 1.3; + --ds-label-xs-font-size: 0.875rem; + --ds-label-xs-letter-spacing: 0.15%; + --ds-error_message-lg-font-family: IBM Plex Mono; + --ds-error_message-lg-font-weight: 400; + --ds-error_message-lg-line-height: 1.3; + --ds-error_message-lg-font-size: 1.3125rem; + --ds-error_message-lg-letter-spacing: 0.5%; + --ds-error_message-md-font-family: IBM Plex Mono; + --ds-error_message-md-font-weight: 400; + --ds-error_message-md-line-height: 1.3; + --ds-error_message-md-font-size: 1.125rem; + --ds-error_message-md-letter-spacing: 0.5%; + --ds-error_message-sm-font-family: IBM Plex Mono; + --ds-error_message-sm-font-weight: 400; + --ds-error_message-sm-line-height: 1.3; + --ds-error_message-sm-font-size: 1rem; + --ds-error_message-sm-letter-spacing: 0.25%; + --ds-error_message-xs-font-family: IBM Plex Mono; + --ds-error_message-xs-font-weight: 400; + --ds-error_message-xs-line-height: 1.3; + --ds-error_message-xs-font-size: 0.875rem; + --ds-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; --ds-line-height-md: 1.5; --ds-line-height-lg: 1.7; diff --git a/packages/theme/brand/portal.css b/packages/theme/brand/portal.css index d5232a33ac..259d835f06 100644 --- a/packages/theme/brand/portal.css +++ b/packages/theme/brand/portal.css @@ -636,161 +636,161 @@ --ds-font-weight-medium: 400; --ds-font-weight-semibold: 700; --ds-font-weight-regular: 400; - --ds-typography-heading-2xl-font-family: IBM Plex Mono; - --ds-typography-heading-2xl-font-weight: 400; - --ds-typography-heading-2xl-line-height: 1.3; - --ds-typography-heading-2xl-font-size: 3.75rem; - --ds-typography-heading-2xl-letter-spacing: -1%; - --ds-typography-heading-xl-font-family: IBM Plex Mono; - --ds-typography-heading-xl-font-weight: 400; - --ds-typography-heading-xl-line-height: 1.3; - --ds-typography-heading-xl-font-size: 3rem; - --ds-typography-heading-xl-letter-spacing: -1%; - --ds-typography-heading-lg-font-family: IBM Plex Mono; - --ds-typography-heading-lg-font-weight: 400; - --ds-typography-heading-lg-line-height: 1.3; - --ds-typography-heading-lg-font-size: 2.25rem; - --ds-typography-heading-lg-letter-spacing: -0.5%; - --ds-typography-heading-md-font-family: IBM Plex Mono; - --ds-typography-heading-md-font-weight: 400; - --ds-typography-heading-md-line-height: 1.3; - --ds-typography-heading-md-font-size: 1.875rem; - --ds-typography-heading-md-letter-spacing: -0.25%; - --ds-typography-heading-sm-font-family: IBM Plex Mono; - --ds-typography-heading-sm-font-weight: 400; - --ds-typography-heading-sm-line-height: 1.3; - --ds-typography-heading-sm-font-size: 1.5rem; - --ds-typography-heading-sm-letter-spacing: 0%; - --ds-typography-heading-xs-font-family: IBM Plex Mono; - --ds-typography-heading-xs-font-weight: 400; - --ds-typography-heading-xs-line-height: 1.3; - --ds-typography-heading-xs-font-size: 1.3125rem; - --ds-typography-heading-xs-letter-spacing: 0.15%; - --ds-typography-heading-2xs-font-family: IBM Plex Mono; - --ds-typography-heading-2xs-font-weight: 400; - --ds-typography-heading-2xs-line-height: 1.3; - --ds-typography-heading-2xs-font-size: 1.125rem; - --ds-typography-heading-2xs-letter-spacing: 0.15%; - --ds-typography-ingress-lg-font-family: IBM Plex Mono; - --ds-typography-ingress-lg-font-weight: 400; - --ds-typography-ingress-lg-line-height: 1.7; - --ds-typography-ingress-lg-font-size: 1.875rem; - --ds-typography-ingress-lg-letter-spacing: 0.5%; - --ds-typography-ingress-md-font-family: IBM Plex Mono; - --ds-typography-ingress-md-font-weight: 400; - --ds-typography-ingress-md-line-height: 1.7; - --ds-typography-ingress-md-font-size: 1.5rem; - --ds-typography-ingress-md-letter-spacing: 0.5%; - --ds-typography-ingress-sm-font-family: IBM Plex Mono; - --ds-typography-ingress-sm-font-weight: 400; - --ds-typography-ingress-sm-line-height: 1.7; - --ds-typography-ingress-sm-font-size: 1.3125rem; - --ds-typography-ingress-sm-letter-spacing: 0.25%; - --ds-typography-ingress-xs-font-family: IBM Plex Mono; - --ds-typography-ingress-xs-font-weight: 400; - --ds-typography-ingress-xs-line-height: 1.7; - --ds-typography-ingress-xs-font-size: 1.125rem; - --ds-typography-ingress-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-lg-font-family: IBM Plex Mono; - --ds-typography-paragraph-lg-font-weight: 400; - --ds-typography-paragraph-lg-line-height: 1.5; - --ds-typography-paragraph-lg-font-size: 1.3125rem; - --ds-typography-paragraph-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-md-font-family: IBM Plex Mono; - --ds-typography-paragraph-md-font-weight: 400; - --ds-typography-paragraph-md-line-height: 1.5; - --ds-typography-paragraph-md-font-size: 1.125rem; - --ds-typography-paragraph-md-letter-spacing: 0.5%; - --ds-typography-paragraph-sm-font-family: IBM Plex Mono; - --ds-typography-paragraph-sm-font-weight: 400; - --ds-typography-paragraph-sm-line-height: 1.5; - --ds-typography-paragraph-sm-font-size: 1rem; - --ds-typography-paragraph-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-xs-font-family: IBM Plex Mono; - --ds-typography-paragraph-xs-font-weight: 400; - --ds-typography-paragraph-xs-line-height: 1.5; - --ds-typography-paragraph-xs-font-size: 0.875rem; - --ds-typography-paragraph-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-short-lg-font-family: IBM Plex Mono; - --ds-typography-paragraph-short-lg-font-weight: 400; - --ds-typography-paragraph-short-lg-line-height: 1.3; - --ds-typography-paragraph-short-lg-font-size: 1.3125rem; - --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-short-md-font-family: IBM Plex Mono; - --ds-typography-paragraph-short-md-font-weight: 400; - --ds-typography-paragraph-short-md-line-height: 1.3; - --ds-typography-paragraph-short-md-font-size: 1.125rem; - --ds-typography-paragraph-short-md-letter-spacing: 0.5%; - --ds-typography-paragraph-short-sm-font-family: IBM Plex Mono; - --ds-typography-paragraph-short-sm-font-weight: 400; - --ds-typography-paragraph-short-sm-line-height: 1.3; - --ds-typography-paragraph-short-sm-font-size: 1rem; - --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-short-xs-font-family: IBM Plex Mono; - --ds-typography-paragraph-short-xs-font-weight: 400; - --ds-typography-paragraph-short-xs-line-height: 1.3; - --ds-typography-paragraph-short-xs-font-size: 0.875rem; - --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-long-lg-font-family: IBM Plex Mono; - --ds-typography-paragraph-long-lg-font-weight: 400; - --ds-typography-paragraph-long-lg-line-height: 1.7; - --ds-typography-paragraph-long-lg-font-size: 1.3125rem; - --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-long-md-font-family: IBM Plex Mono; - --ds-typography-paragraph-long-md-font-weight: 400; - --ds-typography-paragraph-long-md-line-height: 1.7; - --ds-typography-paragraph-long-md-font-size: 1.125rem; - --ds-typography-paragraph-long-md-letter-spacing: 0.5%; - --ds-typography-paragraph-long-sm-font-family: IBM Plex Mono; - --ds-typography-paragraph-long-sm-font-weight: 400; - --ds-typography-paragraph-long-sm-line-height: 1.7; - --ds-typography-paragraph-long-sm-font-size: 1rem; - --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-long-xs-font-family: IBM Plex Mono; - --ds-typography-paragraph-long-xs-font-weight: 400; - --ds-typography-paragraph-long-xs-line-height: 1.7; - --ds-typography-paragraph-long-xs-font-size: 0.875rem; - --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; - --ds-typography-label-lg-font-family: IBM Plex Mono; - --ds-typography-label-lg-font-weight: 400; - --ds-typography-label-lg-line-height: 1.3; - --ds-typography-label-lg-font-size: 1.3125rem; - --ds-typography-label-lg-letter-spacing: 0.5%; - --ds-typography-label-md-font-family: IBM Plex Mono; - --ds-typography-label-md-font-weight: 400; - --ds-typography-label-md-line-height: 1.3; - --ds-typography-label-md-font-size: 1.125rem; - --ds-typography-label-md-letter-spacing: 0.5%; - --ds-typography-label-sm-font-family: IBM Plex Mono; - --ds-typography-label-sm-font-weight: 400; - --ds-typography-label-sm-line-height: 1.3; - --ds-typography-label-sm-font-size: 1rem; - --ds-typography-label-sm-letter-spacing: 0.25%; - --ds-typography-label-xs-font-family: IBM Plex Mono; - --ds-typography-label-xs-font-weight: 400; - --ds-typography-label-xs-line-height: 1.3; - --ds-typography-label-xs-font-size: 0.875rem; - --ds-typography-label-xs-letter-spacing: 0.15%; - --ds-typography-error_message-lg-font-family: IBM Plex Mono; - --ds-typography-error_message-lg-font-weight: 400; - --ds-typography-error_message-lg-line-height: 1.3; - --ds-typography-error_message-lg-font-size: 1.3125rem; - --ds-typography-error_message-lg-letter-spacing: 0.5%; - --ds-typography-error_message-md-font-family: IBM Plex Mono; - --ds-typography-error_message-md-font-weight: 400; - --ds-typography-error_message-md-line-height: 1.3; - --ds-typography-error_message-md-font-size: 1.125rem; - --ds-typography-error_message-md-letter-spacing: 0.5%; - --ds-typography-error_message-sm-font-family: IBM Plex Mono; - --ds-typography-error_message-sm-font-weight: 400; - --ds-typography-error_message-sm-line-height: 1.3; - --ds-typography-error_message-sm-font-size: 1rem; - --ds-typography-error_message-sm-letter-spacing: 0.25%; - --ds-typography-error_message-xs-font-family: IBM Plex Mono; - --ds-typography-error_message-xs-font-weight: 400; - --ds-typography-error_message-xs-line-height: 1.3; - --ds-typography-error_message-xs-font-size: 0.875rem; - --ds-typography-error_message-xs-letter-spacing: 0.15%; + --ds-heading-2xl-font-family: IBM Plex Mono; + --ds-heading-2xl-font-weight: 400; + --ds-heading-2xl-line-height: 1.3; + --ds-heading-2xl-font-size: 3.75rem; + --ds-heading-2xl-letter-spacing: -1%; + --ds-heading-xl-font-family: IBM Plex Mono; + --ds-heading-xl-font-weight: 400; + --ds-heading-xl-line-height: 1.3; + --ds-heading-xl-font-size: 3rem; + --ds-heading-xl-letter-spacing: -1%; + --ds-heading-lg-font-family: IBM Plex Mono; + --ds-heading-lg-font-weight: 400; + --ds-heading-lg-line-height: 1.3; + --ds-heading-lg-font-size: 2.25rem; + --ds-heading-lg-letter-spacing: -0.5%; + --ds-heading-md-font-family: IBM Plex Mono; + --ds-heading-md-font-weight: 400; + --ds-heading-md-line-height: 1.3; + --ds-heading-md-font-size: 1.875rem; + --ds-heading-md-letter-spacing: -0.25%; + --ds-heading-sm-font-family: IBM Plex Mono; + --ds-heading-sm-font-weight: 400; + --ds-heading-sm-line-height: 1.3; + --ds-heading-sm-font-size: 1.5rem; + --ds-heading-sm-letter-spacing: 0%; + --ds-heading-xs-font-family: IBM Plex Mono; + --ds-heading-xs-font-weight: 400; + --ds-heading-xs-line-height: 1.3; + --ds-heading-xs-font-size: 1.3125rem; + --ds-heading-xs-letter-spacing: 0.15%; + --ds-heading-2xs-font-family: IBM Plex Mono; + --ds-heading-2xs-font-weight: 400; + --ds-heading-2xs-line-height: 1.3; + --ds-heading-2xs-font-size: 1.125rem; + --ds-heading-2xs-letter-spacing: 0.15%; + --ds-ingress-lg-font-family: IBM Plex Mono; + --ds-ingress-lg-font-weight: 400; + --ds-ingress-lg-line-height: 1.7; + --ds-ingress-lg-font-size: 1.875rem; + --ds-ingress-lg-letter-spacing: 0.5%; + --ds-ingress-md-font-family: IBM Plex Mono; + --ds-ingress-md-font-weight: 400; + --ds-ingress-md-line-height: 1.7; + --ds-ingress-md-font-size: 1.5rem; + --ds-ingress-md-letter-spacing: 0.5%; + --ds-ingress-sm-font-family: IBM Plex Mono; + --ds-ingress-sm-font-weight: 400; + --ds-ingress-sm-line-height: 1.7; + --ds-ingress-sm-font-size: 1.3125rem; + --ds-ingress-sm-letter-spacing: 0.25%; + --ds-ingress-xs-font-family: IBM Plex Mono; + --ds-ingress-xs-font-weight: 400; + --ds-ingress-xs-line-height: 1.7; + --ds-ingress-xs-font-size: 1.125rem; + --ds-ingress-xs-letter-spacing: 0.15%; + --ds-paragraph-lg-font-family: IBM Plex Mono; + --ds-paragraph-lg-font-weight: 400; + --ds-paragraph-lg-line-height: 1.5; + --ds-paragraph-lg-font-size: 1.3125rem; + --ds-paragraph-lg-letter-spacing: 0.5%; + --ds-paragraph-md-font-family: IBM Plex Mono; + --ds-paragraph-md-font-weight: 400; + --ds-paragraph-md-line-height: 1.5; + --ds-paragraph-md-font-size: 1.125rem; + --ds-paragraph-md-letter-spacing: 0.5%; + --ds-paragraph-sm-font-family: IBM Plex Mono; + --ds-paragraph-sm-font-weight: 400; + --ds-paragraph-sm-line-height: 1.5; + --ds-paragraph-sm-font-size: 1rem; + --ds-paragraph-sm-letter-spacing: 0.25%; + --ds-paragraph-xs-font-family: IBM Plex Mono; + --ds-paragraph-xs-font-weight: 400; + --ds-paragraph-xs-line-height: 1.5; + --ds-paragraph-xs-font-size: 0.875rem; + --ds-paragraph-xs-letter-spacing: 0.15%; + --ds-paragraph-short-lg-font-family: IBM Plex Mono; + --ds-paragraph-short-lg-font-weight: 400; + --ds-paragraph-short-lg-line-height: 1.3; + --ds-paragraph-short-lg-font-size: 1.3125rem; + --ds-paragraph-short-lg-letter-spacing: 0.5%; + --ds-paragraph-short-md-font-family: IBM Plex Mono; + --ds-paragraph-short-md-font-weight: 400; + --ds-paragraph-short-md-line-height: 1.3; + --ds-paragraph-short-md-font-size: 1.125rem; + --ds-paragraph-short-md-letter-spacing: 0.5%; + --ds-paragraph-short-sm-font-family: IBM Plex Mono; + --ds-paragraph-short-sm-font-weight: 400; + --ds-paragraph-short-sm-line-height: 1.3; + --ds-paragraph-short-sm-font-size: 1rem; + --ds-paragraph-short-sm-letter-spacing: 0.25%; + --ds-paragraph-short-xs-font-family: IBM Plex Mono; + --ds-paragraph-short-xs-font-weight: 400; + --ds-paragraph-short-xs-line-height: 1.3; + --ds-paragraph-short-xs-font-size: 0.875rem; + --ds-paragraph-short-xs-letter-spacing: 0.15%; + --ds-paragraph-long-lg-font-family: IBM Plex Mono; + --ds-paragraph-long-lg-font-weight: 400; + --ds-paragraph-long-lg-line-height: 1.7; + --ds-paragraph-long-lg-font-size: 1.3125rem; + --ds-paragraph-long-lg-letter-spacing: 0.5%; + --ds-paragraph-long-md-font-family: IBM Plex Mono; + --ds-paragraph-long-md-font-weight: 400; + --ds-paragraph-long-md-line-height: 1.7; + --ds-paragraph-long-md-font-size: 1.125rem; + --ds-paragraph-long-md-letter-spacing: 0.5%; + --ds-paragraph-long-sm-font-family: IBM Plex Mono; + --ds-paragraph-long-sm-font-weight: 400; + --ds-paragraph-long-sm-line-height: 1.7; + --ds-paragraph-long-sm-font-size: 1rem; + --ds-paragraph-long-sm-letter-spacing: 0.25%; + --ds-paragraph-long-xs-font-family: IBM Plex Mono; + --ds-paragraph-long-xs-font-weight: 400; + --ds-paragraph-long-xs-line-height: 1.7; + --ds-paragraph-long-xs-font-size: 0.875rem; + --ds-paragraph-long-xs-letter-spacing: 0.15%; + --ds-label-lg-font-family: IBM Plex Mono; + --ds-label-lg-font-weight: 400; + --ds-label-lg-line-height: 1.3; + --ds-label-lg-font-size: 1.3125rem; + --ds-label-lg-letter-spacing: 0.5%; + --ds-label-md-font-family: IBM Plex Mono; + --ds-label-md-font-weight: 400; + --ds-label-md-line-height: 1.3; + --ds-label-md-font-size: 1.125rem; + --ds-label-md-letter-spacing: 0.5%; + --ds-label-sm-font-family: IBM Plex Mono; + --ds-label-sm-font-weight: 400; + --ds-label-sm-line-height: 1.3; + --ds-label-sm-font-size: 1rem; + --ds-label-sm-letter-spacing: 0.25%; + --ds-label-xs-font-family: IBM Plex Mono; + --ds-label-xs-font-weight: 400; + --ds-label-xs-line-height: 1.3; + --ds-label-xs-font-size: 0.875rem; + --ds-label-xs-letter-spacing: 0.15%; + --ds-error_message-lg-font-family: IBM Plex Mono; + --ds-error_message-lg-font-weight: 400; + --ds-error_message-lg-line-height: 1.3; + --ds-error_message-lg-font-size: 1.3125rem; + --ds-error_message-lg-letter-spacing: 0.5%; + --ds-error_message-md-font-family: IBM Plex Mono; + --ds-error_message-md-font-weight: 400; + --ds-error_message-md-line-height: 1.3; + --ds-error_message-md-font-size: 1.125rem; + --ds-error_message-md-letter-spacing: 0.5%; + --ds-error_message-sm-font-family: IBM Plex Mono; + --ds-error_message-sm-font-weight: 400; + --ds-error_message-sm-line-height: 1.3; + --ds-error_message-sm-font-size: 1rem; + --ds-error_message-sm-letter-spacing: 0.25%; + --ds-error_message-xs-font-family: IBM Plex Mono; + --ds-error_message-xs-font-weight: 400; + --ds-error_message-xs-line-height: 1.3; + --ds-error_message-xs-font-size: 0.875rem; + --ds-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; --ds-line-height-md: 1.5; --ds-line-height-lg: 1.7; @@ -1550,161 +1550,161 @@ --ds-font-weight-medium: 500; --ds-font-weight-semibold: 600; --ds-font-weight-regular: 400; - --ds-typography-heading-2xl-font-family: Inter; - --ds-typography-heading-2xl-font-weight: 500; - --ds-typography-heading-2xl-line-height: 1.3; - --ds-typography-heading-2xl-font-size: 3.75rem; - --ds-typography-heading-2xl-letter-spacing: -1%; - --ds-typography-heading-xl-font-family: Inter; - --ds-typography-heading-xl-font-weight: 500; - --ds-typography-heading-xl-line-height: 1.3; - --ds-typography-heading-xl-font-size: 3rem; - --ds-typography-heading-xl-letter-spacing: -1%; - --ds-typography-heading-lg-font-family: Inter; - --ds-typography-heading-lg-font-weight: 500; - --ds-typography-heading-lg-line-height: 1.3; - --ds-typography-heading-lg-font-size: 2.25rem; - --ds-typography-heading-lg-letter-spacing: -0.5%; - --ds-typography-heading-md-font-family: Inter; - --ds-typography-heading-md-font-weight: 500; - --ds-typography-heading-md-line-height: 1.3; - --ds-typography-heading-md-font-size: 1.875rem; - --ds-typography-heading-md-letter-spacing: -0.25%; - --ds-typography-heading-sm-font-family: Inter; - --ds-typography-heading-sm-font-weight: 500; - --ds-typography-heading-sm-line-height: 1.3; - --ds-typography-heading-sm-font-size: 1.5rem; - --ds-typography-heading-sm-letter-spacing: 0%; - --ds-typography-heading-xs-font-family: Inter; - --ds-typography-heading-xs-font-weight: 500; - --ds-typography-heading-xs-line-height: 1.3; - --ds-typography-heading-xs-font-size: 1.3125rem; - --ds-typography-heading-xs-letter-spacing: 0.15%; - --ds-typography-heading-2xs-font-family: Inter; - --ds-typography-heading-2xs-font-weight: 500; - --ds-typography-heading-2xs-line-height: 1.3; - --ds-typography-heading-2xs-font-size: 1.125rem; - --ds-typography-heading-2xs-letter-spacing: 0.15%; - --ds-typography-ingress-lg-font-family: Inter; - --ds-typography-ingress-lg-font-weight: 400; - --ds-typography-ingress-lg-line-height: 1.7; - --ds-typography-ingress-lg-font-size: 1.875rem; - --ds-typography-ingress-lg-letter-spacing: 0.5%; - --ds-typography-ingress-md-font-family: Inter; - --ds-typography-ingress-md-font-weight: 400; - --ds-typography-ingress-md-line-height: 1.7; - --ds-typography-ingress-md-font-size: 1.5rem; - --ds-typography-ingress-md-letter-spacing: 0.5%; - --ds-typography-ingress-sm-font-family: Inter; - --ds-typography-ingress-sm-font-weight: 400; - --ds-typography-ingress-sm-line-height: 1.7; - --ds-typography-ingress-sm-font-size: 1.3125rem; - --ds-typography-ingress-sm-letter-spacing: 0.25%; - --ds-typography-ingress-xs-font-family: Inter; - --ds-typography-ingress-xs-font-weight: 400; - --ds-typography-ingress-xs-line-height: 1.7; - --ds-typography-ingress-xs-font-size: 1.125rem; - --ds-typography-ingress-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-lg-font-family: Inter; - --ds-typography-paragraph-lg-font-weight: 400; - --ds-typography-paragraph-lg-line-height: 1.5; - --ds-typography-paragraph-lg-font-size: 1.3125rem; - --ds-typography-paragraph-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-md-font-family: Inter; - --ds-typography-paragraph-md-font-weight: 400; - --ds-typography-paragraph-md-line-height: 1.5; - --ds-typography-paragraph-md-font-size: 1.125rem; - --ds-typography-paragraph-md-letter-spacing: 0.5%; - --ds-typography-paragraph-sm-font-family: Inter; - --ds-typography-paragraph-sm-font-weight: 400; - --ds-typography-paragraph-sm-line-height: 1.5; - --ds-typography-paragraph-sm-font-size: 1rem; - --ds-typography-paragraph-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-xs-font-family: Inter; - --ds-typography-paragraph-xs-font-weight: 400; - --ds-typography-paragraph-xs-line-height: 1.5; - --ds-typography-paragraph-xs-font-size: 0.875rem; - --ds-typography-paragraph-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-short-lg-font-family: Inter; - --ds-typography-paragraph-short-lg-font-weight: 400; - --ds-typography-paragraph-short-lg-line-height: 1.3; - --ds-typography-paragraph-short-lg-font-size: 1.3125rem; - --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-short-md-font-family: Inter; - --ds-typography-paragraph-short-md-font-weight: 400; - --ds-typography-paragraph-short-md-line-height: 1.3; - --ds-typography-paragraph-short-md-font-size: 1.125rem; - --ds-typography-paragraph-short-md-letter-spacing: 0.5%; - --ds-typography-paragraph-short-sm-font-family: Inter; - --ds-typography-paragraph-short-sm-font-weight: 400; - --ds-typography-paragraph-short-sm-line-height: 1.3; - --ds-typography-paragraph-short-sm-font-size: 1rem; - --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-short-xs-font-family: Inter; - --ds-typography-paragraph-short-xs-font-weight: 400; - --ds-typography-paragraph-short-xs-line-height: 1.3; - --ds-typography-paragraph-short-xs-font-size: 0.875rem; - --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-long-lg-font-family: Inter; - --ds-typography-paragraph-long-lg-font-weight: 400; - --ds-typography-paragraph-long-lg-line-height: 1.7; - --ds-typography-paragraph-long-lg-font-size: 1.3125rem; - --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-long-md-font-family: Inter; - --ds-typography-paragraph-long-md-font-weight: 400; - --ds-typography-paragraph-long-md-line-height: 1.7; - --ds-typography-paragraph-long-md-font-size: 1.125rem; - --ds-typography-paragraph-long-md-letter-spacing: 0.5%; - --ds-typography-paragraph-long-sm-font-family: Inter; - --ds-typography-paragraph-long-sm-font-weight: 400; - --ds-typography-paragraph-long-sm-line-height: 1.7; - --ds-typography-paragraph-long-sm-font-size: 1rem; - --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-long-xs-font-family: Inter; - --ds-typography-paragraph-long-xs-font-weight: 400; - --ds-typography-paragraph-long-xs-line-height: 1.7; - --ds-typography-paragraph-long-xs-font-size: 0.875rem; - --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; - --ds-typography-label-lg-font-family: Inter; - --ds-typography-label-lg-font-weight: 500; - --ds-typography-label-lg-line-height: 1.3; - --ds-typography-label-lg-font-size: 1.3125rem; - --ds-typography-label-lg-letter-spacing: 0.5%; - --ds-typography-label-md-font-family: Inter; - --ds-typography-label-md-font-weight: 500; - --ds-typography-label-md-line-height: 1.3; - --ds-typography-label-md-font-size: 1.125rem; - --ds-typography-label-md-letter-spacing: 0.5%; - --ds-typography-label-sm-font-family: Inter; - --ds-typography-label-sm-font-weight: 500; - --ds-typography-label-sm-line-height: 1.3; - --ds-typography-label-sm-font-size: 1rem; - --ds-typography-label-sm-letter-spacing: 0.25%; - --ds-typography-label-xs-font-family: Inter; - --ds-typography-label-xs-font-weight: 500; - --ds-typography-label-xs-line-height: 1.3; - --ds-typography-label-xs-font-size: 0.875rem; - --ds-typography-label-xs-letter-spacing: 0.15%; - --ds-typography-error_message-lg-font-family: Inter; - --ds-typography-error_message-lg-font-weight: 400; - --ds-typography-error_message-lg-line-height: 1.3; - --ds-typography-error_message-lg-font-size: 1.3125rem; - --ds-typography-error_message-lg-letter-spacing: 0.5%; - --ds-typography-error_message-md-font-family: Inter; - --ds-typography-error_message-md-font-weight: 400; - --ds-typography-error_message-md-line-height: 1.3; - --ds-typography-error_message-md-font-size: 1.125rem; - --ds-typography-error_message-md-letter-spacing: 0.5%; - --ds-typography-error_message-sm-font-family: Inter; - --ds-typography-error_message-sm-font-weight: 400; - --ds-typography-error_message-sm-line-height: 1.3; - --ds-typography-error_message-sm-font-size: 1rem; - --ds-typography-error_message-sm-letter-spacing: 0.25%; - --ds-typography-error_message-xs-font-family: Inter; - --ds-typography-error_message-xs-font-weight: 400; - --ds-typography-error_message-xs-line-height: 1.3; - --ds-typography-error_message-xs-font-size: 0.875rem; - --ds-typography-error_message-xs-letter-spacing: 0.15%; + --ds-heading-2xl-font-family: Inter; + --ds-heading-2xl-font-weight: 500; + --ds-heading-2xl-line-height: 1.3; + --ds-heading-2xl-font-size: 3.75rem; + --ds-heading-2xl-letter-spacing: -1%; + --ds-heading-xl-font-family: Inter; + --ds-heading-xl-font-weight: 500; + --ds-heading-xl-line-height: 1.3; + --ds-heading-xl-font-size: 3rem; + --ds-heading-xl-letter-spacing: -1%; + --ds-heading-lg-font-family: Inter; + --ds-heading-lg-font-weight: 500; + --ds-heading-lg-line-height: 1.3; + --ds-heading-lg-font-size: 2.25rem; + --ds-heading-lg-letter-spacing: -0.5%; + --ds-heading-md-font-family: Inter; + --ds-heading-md-font-weight: 500; + --ds-heading-md-line-height: 1.3; + --ds-heading-md-font-size: 1.875rem; + --ds-heading-md-letter-spacing: -0.25%; + --ds-heading-sm-font-family: Inter; + --ds-heading-sm-font-weight: 500; + --ds-heading-sm-line-height: 1.3; + --ds-heading-sm-font-size: 1.5rem; + --ds-heading-sm-letter-spacing: 0%; + --ds-heading-xs-font-family: Inter; + --ds-heading-xs-font-weight: 500; + --ds-heading-xs-line-height: 1.3; + --ds-heading-xs-font-size: 1.3125rem; + --ds-heading-xs-letter-spacing: 0.15%; + --ds-heading-2xs-font-family: Inter; + --ds-heading-2xs-font-weight: 500; + --ds-heading-2xs-line-height: 1.3; + --ds-heading-2xs-font-size: 1.125rem; + --ds-heading-2xs-letter-spacing: 0.15%; + --ds-ingress-lg-font-family: Inter; + --ds-ingress-lg-font-weight: 400; + --ds-ingress-lg-line-height: 1.7; + --ds-ingress-lg-font-size: 1.875rem; + --ds-ingress-lg-letter-spacing: 0.5%; + --ds-ingress-md-font-family: Inter; + --ds-ingress-md-font-weight: 400; + --ds-ingress-md-line-height: 1.7; + --ds-ingress-md-font-size: 1.5rem; + --ds-ingress-md-letter-spacing: 0.5%; + --ds-ingress-sm-font-family: Inter; + --ds-ingress-sm-font-weight: 400; + --ds-ingress-sm-line-height: 1.7; + --ds-ingress-sm-font-size: 1.3125rem; + --ds-ingress-sm-letter-spacing: 0.25%; + --ds-ingress-xs-font-family: Inter; + --ds-ingress-xs-font-weight: 400; + --ds-ingress-xs-line-height: 1.7; + --ds-ingress-xs-font-size: 1.125rem; + --ds-ingress-xs-letter-spacing: 0.15%; + --ds-paragraph-lg-font-family: Inter; + --ds-paragraph-lg-font-weight: 400; + --ds-paragraph-lg-line-height: 1.5; + --ds-paragraph-lg-font-size: 1.3125rem; + --ds-paragraph-lg-letter-spacing: 0.5%; + --ds-paragraph-md-font-family: Inter; + --ds-paragraph-md-font-weight: 400; + --ds-paragraph-md-line-height: 1.5; + --ds-paragraph-md-font-size: 1.125rem; + --ds-paragraph-md-letter-spacing: 0.5%; + --ds-paragraph-sm-font-family: Inter; + --ds-paragraph-sm-font-weight: 400; + --ds-paragraph-sm-line-height: 1.5; + --ds-paragraph-sm-font-size: 1rem; + --ds-paragraph-sm-letter-spacing: 0.25%; + --ds-paragraph-xs-font-family: Inter; + --ds-paragraph-xs-font-weight: 400; + --ds-paragraph-xs-line-height: 1.5; + --ds-paragraph-xs-font-size: 0.875rem; + --ds-paragraph-xs-letter-spacing: 0.15%; + --ds-paragraph-short-lg-font-family: Inter; + --ds-paragraph-short-lg-font-weight: 400; + --ds-paragraph-short-lg-line-height: 1.3; + --ds-paragraph-short-lg-font-size: 1.3125rem; + --ds-paragraph-short-lg-letter-spacing: 0.5%; + --ds-paragraph-short-md-font-family: Inter; + --ds-paragraph-short-md-font-weight: 400; + --ds-paragraph-short-md-line-height: 1.3; + --ds-paragraph-short-md-font-size: 1.125rem; + --ds-paragraph-short-md-letter-spacing: 0.5%; + --ds-paragraph-short-sm-font-family: Inter; + --ds-paragraph-short-sm-font-weight: 400; + --ds-paragraph-short-sm-line-height: 1.3; + --ds-paragraph-short-sm-font-size: 1rem; + --ds-paragraph-short-sm-letter-spacing: 0.25%; + --ds-paragraph-short-xs-font-family: Inter; + --ds-paragraph-short-xs-font-weight: 400; + --ds-paragraph-short-xs-line-height: 1.3; + --ds-paragraph-short-xs-font-size: 0.875rem; + --ds-paragraph-short-xs-letter-spacing: 0.15%; + --ds-paragraph-long-lg-font-family: Inter; + --ds-paragraph-long-lg-font-weight: 400; + --ds-paragraph-long-lg-line-height: 1.7; + --ds-paragraph-long-lg-font-size: 1.3125rem; + --ds-paragraph-long-lg-letter-spacing: 0.5%; + --ds-paragraph-long-md-font-family: Inter; + --ds-paragraph-long-md-font-weight: 400; + --ds-paragraph-long-md-line-height: 1.7; + --ds-paragraph-long-md-font-size: 1.125rem; + --ds-paragraph-long-md-letter-spacing: 0.5%; + --ds-paragraph-long-sm-font-family: Inter; + --ds-paragraph-long-sm-font-weight: 400; + --ds-paragraph-long-sm-line-height: 1.7; + --ds-paragraph-long-sm-font-size: 1rem; + --ds-paragraph-long-sm-letter-spacing: 0.25%; + --ds-paragraph-long-xs-font-family: Inter; + --ds-paragraph-long-xs-font-weight: 400; + --ds-paragraph-long-xs-line-height: 1.7; + --ds-paragraph-long-xs-font-size: 0.875rem; + --ds-paragraph-long-xs-letter-spacing: 0.15%; + --ds-label-lg-font-family: Inter; + --ds-label-lg-font-weight: 500; + --ds-label-lg-line-height: 1.3; + --ds-label-lg-font-size: 1.3125rem; + --ds-label-lg-letter-spacing: 0.5%; + --ds-label-md-font-family: Inter; + --ds-label-md-font-weight: 500; + --ds-label-md-line-height: 1.3; + --ds-label-md-font-size: 1.125rem; + --ds-label-md-letter-spacing: 0.5%; + --ds-label-sm-font-family: Inter; + --ds-label-sm-font-weight: 500; + --ds-label-sm-line-height: 1.3; + --ds-label-sm-font-size: 1rem; + --ds-label-sm-letter-spacing: 0.25%; + --ds-label-xs-font-family: Inter; + --ds-label-xs-font-weight: 500; + --ds-label-xs-line-height: 1.3; + --ds-label-xs-font-size: 0.875rem; + --ds-label-xs-letter-spacing: 0.15%; + --ds-error_message-lg-font-family: Inter; + --ds-error_message-lg-font-weight: 400; + --ds-error_message-lg-line-height: 1.3; + --ds-error_message-lg-font-size: 1.3125rem; + --ds-error_message-lg-letter-spacing: 0.5%; + --ds-error_message-md-font-family: Inter; + --ds-error_message-md-font-weight: 400; + --ds-error_message-md-line-height: 1.3; + --ds-error_message-md-font-size: 1.125rem; + --ds-error_message-md-letter-spacing: 0.5%; + --ds-error_message-sm-font-family: Inter; + --ds-error_message-sm-font-weight: 400; + --ds-error_message-sm-line-height: 1.3; + --ds-error_message-sm-font-size: 1rem; + --ds-error_message-sm-letter-spacing: 0.25%; + --ds-error_message-xs-font-family: Inter; + --ds-error_message-xs-font-weight: 400; + --ds-error_message-xs-line-height: 1.3; + --ds-error_message-xs-font-size: 0.875rem; + --ds-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; --ds-line-height-md: 1.5; --ds-line-height-lg: 1.7; diff --git a/packages/theme/brand/portal/typography/primary.css b/packages/theme/brand/portal/typography/primary.css index 6bcfdd4a0b..3d928bd395 100644 --- a/packages/theme/brand/portal/typography/primary.css +++ b/packages/theme/brand/portal/typography/primary.css @@ -8,161 +8,161 @@ --ds-font-weight-medium: 500; --ds-font-weight-semibold: 600; --ds-font-weight-regular: 400; - --ds-typography-heading-2xl-font-family: Inter; - --ds-typography-heading-2xl-font-weight: 500; - --ds-typography-heading-2xl-line-height: 1.3; - --ds-typography-heading-2xl-font-size: 3.75rem; - --ds-typography-heading-2xl-letter-spacing: -1%; - --ds-typography-heading-xl-font-family: Inter; - --ds-typography-heading-xl-font-weight: 500; - --ds-typography-heading-xl-line-height: 1.3; - --ds-typography-heading-xl-font-size: 3rem; - --ds-typography-heading-xl-letter-spacing: -1%; - --ds-typography-heading-lg-font-family: Inter; - --ds-typography-heading-lg-font-weight: 500; - --ds-typography-heading-lg-line-height: 1.3; - --ds-typography-heading-lg-font-size: 2.25rem; - --ds-typography-heading-lg-letter-spacing: -0.5%; - --ds-typography-heading-md-font-family: Inter; - --ds-typography-heading-md-font-weight: 500; - --ds-typography-heading-md-line-height: 1.3; - --ds-typography-heading-md-font-size: 1.875rem; - --ds-typography-heading-md-letter-spacing: -0.25%; - --ds-typography-heading-sm-font-family: Inter; - --ds-typography-heading-sm-font-weight: 500; - --ds-typography-heading-sm-line-height: 1.3; - --ds-typography-heading-sm-font-size: 1.5rem; - --ds-typography-heading-sm-letter-spacing: 0%; - --ds-typography-heading-xs-font-family: Inter; - --ds-typography-heading-xs-font-weight: 500; - --ds-typography-heading-xs-line-height: 1.3; - --ds-typography-heading-xs-font-size: 1.3125rem; - --ds-typography-heading-xs-letter-spacing: 0.15%; - --ds-typography-heading-2xs-font-family: Inter; - --ds-typography-heading-2xs-font-weight: 500; - --ds-typography-heading-2xs-line-height: 1.3; - --ds-typography-heading-2xs-font-size: 1.125rem; - --ds-typography-heading-2xs-letter-spacing: 0.15%; - --ds-typography-ingress-lg-font-family: Inter; - --ds-typography-ingress-lg-font-weight: 400; - --ds-typography-ingress-lg-line-height: 1.7; - --ds-typography-ingress-lg-font-size: 1.875rem; - --ds-typography-ingress-lg-letter-spacing: 0.5%; - --ds-typography-ingress-md-font-family: Inter; - --ds-typography-ingress-md-font-weight: 400; - --ds-typography-ingress-md-line-height: 1.7; - --ds-typography-ingress-md-font-size: 1.5rem; - --ds-typography-ingress-md-letter-spacing: 0.5%; - --ds-typography-ingress-sm-font-family: Inter; - --ds-typography-ingress-sm-font-weight: 400; - --ds-typography-ingress-sm-line-height: 1.7; - --ds-typography-ingress-sm-font-size: 1.3125rem; - --ds-typography-ingress-sm-letter-spacing: 0.25%; - --ds-typography-ingress-xs-font-family: Inter; - --ds-typography-ingress-xs-font-weight: 400; - --ds-typography-ingress-xs-line-height: 1.7; - --ds-typography-ingress-xs-font-size: 1.125rem; - --ds-typography-ingress-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-lg-font-family: Inter; - --ds-typography-paragraph-lg-font-weight: 400; - --ds-typography-paragraph-lg-line-height: 1.5; - --ds-typography-paragraph-lg-font-size: 1.3125rem; - --ds-typography-paragraph-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-md-font-family: Inter; - --ds-typography-paragraph-md-font-weight: 400; - --ds-typography-paragraph-md-line-height: 1.5; - --ds-typography-paragraph-md-font-size: 1.125rem; - --ds-typography-paragraph-md-letter-spacing: 0.5%; - --ds-typography-paragraph-sm-font-family: Inter; - --ds-typography-paragraph-sm-font-weight: 400; - --ds-typography-paragraph-sm-line-height: 1.5; - --ds-typography-paragraph-sm-font-size: 1rem; - --ds-typography-paragraph-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-xs-font-family: Inter; - --ds-typography-paragraph-xs-font-weight: 400; - --ds-typography-paragraph-xs-line-height: 1.5; - --ds-typography-paragraph-xs-font-size: 0.875rem; - --ds-typography-paragraph-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-short-lg-font-family: Inter; - --ds-typography-paragraph-short-lg-font-weight: 400; - --ds-typography-paragraph-short-lg-line-height: 1.3; - --ds-typography-paragraph-short-lg-font-size: 1.3125rem; - --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-short-md-font-family: Inter; - --ds-typography-paragraph-short-md-font-weight: 400; - --ds-typography-paragraph-short-md-line-height: 1.3; - --ds-typography-paragraph-short-md-font-size: 1.125rem; - --ds-typography-paragraph-short-md-letter-spacing: 0.5%; - --ds-typography-paragraph-short-sm-font-family: Inter; - --ds-typography-paragraph-short-sm-font-weight: 400; - --ds-typography-paragraph-short-sm-line-height: 1.3; - --ds-typography-paragraph-short-sm-font-size: 1rem; - --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-short-xs-font-family: Inter; - --ds-typography-paragraph-short-xs-font-weight: 400; - --ds-typography-paragraph-short-xs-line-height: 1.3; - --ds-typography-paragraph-short-xs-font-size: 0.875rem; - --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-long-lg-font-family: Inter; - --ds-typography-paragraph-long-lg-font-weight: 400; - --ds-typography-paragraph-long-lg-line-height: 1.7; - --ds-typography-paragraph-long-lg-font-size: 1.3125rem; - --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-long-md-font-family: Inter; - --ds-typography-paragraph-long-md-font-weight: 400; - --ds-typography-paragraph-long-md-line-height: 1.7; - --ds-typography-paragraph-long-md-font-size: 1.125rem; - --ds-typography-paragraph-long-md-letter-spacing: 0.5%; - --ds-typography-paragraph-long-sm-font-family: Inter; - --ds-typography-paragraph-long-sm-font-weight: 400; - --ds-typography-paragraph-long-sm-line-height: 1.7; - --ds-typography-paragraph-long-sm-font-size: 1rem; - --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-long-xs-font-family: Inter; - --ds-typography-paragraph-long-xs-font-weight: 400; - --ds-typography-paragraph-long-xs-line-height: 1.7; - --ds-typography-paragraph-long-xs-font-size: 0.875rem; - --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; - --ds-typography-label-lg-font-family: Inter; - --ds-typography-label-lg-font-weight: 500; - --ds-typography-label-lg-line-height: 1.3; - --ds-typography-label-lg-font-size: 1.3125rem; - --ds-typography-label-lg-letter-spacing: 0.5%; - --ds-typography-label-md-font-family: Inter; - --ds-typography-label-md-font-weight: 500; - --ds-typography-label-md-line-height: 1.3; - --ds-typography-label-md-font-size: 1.125rem; - --ds-typography-label-md-letter-spacing: 0.5%; - --ds-typography-label-sm-font-family: Inter; - --ds-typography-label-sm-font-weight: 500; - --ds-typography-label-sm-line-height: 1.3; - --ds-typography-label-sm-font-size: 1rem; - --ds-typography-label-sm-letter-spacing: 0.25%; - --ds-typography-label-xs-font-family: Inter; - --ds-typography-label-xs-font-weight: 500; - --ds-typography-label-xs-line-height: 1.3; - --ds-typography-label-xs-font-size: 0.875rem; - --ds-typography-label-xs-letter-spacing: 0.15%; - --ds-typography-error_message-lg-font-family: Inter; - --ds-typography-error_message-lg-font-weight: 400; - --ds-typography-error_message-lg-line-height: 1.3; - --ds-typography-error_message-lg-font-size: 1.3125rem; - --ds-typography-error_message-lg-letter-spacing: 0.5%; - --ds-typography-error_message-md-font-family: Inter; - --ds-typography-error_message-md-font-weight: 400; - --ds-typography-error_message-md-line-height: 1.3; - --ds-typography-error_message-md-font-size: 1.125rem; - --ds-typography-error_message-md-letter-spacing: 0.5%; - --ds-typography-error_message-sm-font-family: Inter; - --ds-typography-error_message-sm-font-weight: 400; - --ds-typography-error_message-sm-line-height: 1.3; - --ds-typography-error_message-sm-font-size: 1rem; - --ds-typography-error_message-sm-letter-spacing: 0.25%; - --ds-typography-error_message-xs-font-family: Inter; - --ds-typography-error_message-xs-font-weight: 400; - --ds-typography-error_message-xs-line-height: 1.3; - --ds-typography-error_message-xs-font-size: 0.875rem; - --ds-typography-error_message-xs-letter-spacing: 0.15%; + --ds-heading-2xl-font-family: Inter; + --ds-heading-2xl-font-weight: 500; + --ds-heading-2xl-line-height: 1.3; + --ds-heading-2xl-font-size: 3.75rem; + --ds-heading-2xl-letter-spacing: -1%; + --ds-heading-xl-font-family: Inter; + --ds-heading-xl-font-weight: 500; + --ds-heading-xl-line-height: 1.3; + --ds-heading-xl-font-size: 3rem; + --ds-heading-xl-letter-spacing: -1%; + --ds-heading-lg-font-family: Inter; + --ds-heading-lg-font-weight: 500; + --ds-heading-lg-line-height: 1.3; + --ds-heading-lg-font-size: 2.25rem; + --ds-heading-lg-letter-spacing: -0.5%; + --ds-heading-md-font-family: Inter; + --ds-heading-md-font-weight: 500; + --ds-heading-md-line-height: 1.3; + --ds-heading-md-font-size: 1.875rem; + --ds-heading-md-letter-spacing: -0.25%; + --ds-heading-sm-font-family: Inter; + --ds-heading-sm-font-weight: 500; + --ds-heading-sm-line-height: 1.3; + --ds-heading-sm-font-size: 1.5rem; + --ds-heading-sm-letter-spacing: 0%; + --ds-heading-xs-font-family: Inter; + --ds-heading-xs-font-weight: 500; + --ds-heading-xs-line-height: 1.3; + --ds-heading-xs-font-size: 1.3125rem; + --ds-heading-xs-letter-spacing: 0.15%; + --ds-heading-2xs-font-family: Inter; + --ds-heading-2xs-font-weight: 500; + --ds-heading-2xs-line-height: 1.3; + --ds-heading-2xs-font-size: 1.125rem; + --ds-heading-2xs-letter-spacing: 0.15%; + --ds-ingress-lg-font-family: Inter; + --ds-ingress-lg-font-weight: 400; + --ds-ingress-lg-line-height: 1.7; + --ds-ingress-lg-font-size: 1.875rem; + --ds-ingress-lg-letter-spacing: 0.5%; + --ds-ingress-md-font-family: Inter; + --ds-ingress-md-font-weight: 400; + --ds-ingress-md-line-height: 1.7; + --ds-ingress-md-font-size: 1.5rem; + --ds-ingress-md-letter-spacing: 0.5%; + --ds-ingress-sm-font-family: Inter; + --ds-ingress-sm-font-weight: 400; + --ds-ingress-sm-line-height: 1.7; + --ds-ingress-sm-font-size: 1.3125rem; + --ds-ingress-sm-letter-spacing: 0.25%; + --ds-ingress-xs-font-family: Inter; + --ds-ingress-xs-font-weight: 400; + --ds-ingress-xs-line-height: 1.7; + --ds-ingress-xs-font-size: 1.125rem; + --ds-ingress-xs-letter-spacing: 0.15%; + --ds-paragraph-lg-font-family: Inter; + --ds-paragraph-lg-font-weight: 400; + --ds-paragraph-lg-line-height: 1.5; + --ds-paragraph-lg-font-size: 1.3125rem; + --ds-paragraph-lg-letter-spacing: 0.5%; + --ds-paragraph-md-font-family: Inter; + --ds-paragraph-md-font-weight: 400; + --ds-paragraph-md-line-height: 1.5; + --ds-paragraph-md-font-size: 1.125rem; + --ds-paragraph-md-letter-spacing: 0.5%; + --ds-paragraph-sm-font-family: Inter; + --ds-paragraph-sm-font-weight: 400; + --ds-paragraph-sm-line-height: 1.5; + --ds-paragraph-sm-font-size: 1rem; + --ds-paragraph-sm-letter-spacing: 0.25%; + --ds-paragraph-xs-font-family: Inter; + --ds-paragraph-xs-font-weight: 400; + --ds-paragraph-xs-line-height: 1.5; + --ds-paragraph-xs-font-size: 0.875rem; + --ds-paragraph-xs-letter-spacing: 0.15%; + --ds-paragraph-short-lg-font-family: Inter; + --ds-paragraph-short-lg-font-weight: 400; + --ds-paragraph-short-lg-line-height: 1.3; + --ds-paragraph-short-lg-font-size: 1.3125rem; + --ds-paragraph-short-lg-letter-spacing: 0.5%; + --ds-paragraph-short-md-font-family: Inter; + --ds-paragraph-short-md-font-weight: 400; + --ds-paragraph-short-md-line-height: 1.3; + --ds-paragraph-short-md-font-size: 1.125rem; + --ds-paragraph-short-md-letter-spacing: 0.5%; + --ds-paragraph-short-sm-font-family: Inter; + --ds-paragraph-short-sm-font-weight: 400; + --ds-paragraph-short-sm-line-height: 1.3; + --ds-paragraph-short-sm-font-size: 1rem; + --ds-paragraph-short-sm-letter-spacing: 0.25%; + --ds-paragraph-short-xs-font-family: Inter; + --ds-paragraph-short-xs-font-weight: 400; + --ds-paragraph-short-xs-line-height: 1.3; + --ds-paragraph-short-xs-font-size: 0.875rem; + --ds-paragraph-short-xs-letter-spacing: 0.15%; + --ds-paragraph-long-lg-font-family: Inter; + --ds-paragraph-long-lg-font-weight: 400; + --ds-paragraph-long-lg-line-height: 1.7; + --ds-paragraph-long-lg-font-size: 1.3125rem; + --ds-paragraph-long-lg-letter-spacing: 0.5%; + --ds-paragraph-long-md-font-family: Inter; + --ds-paragraph-long-md-font-weight: 400; + --ds-paragraph-long-md-line-height: 1.7; + --ds-paragraph-long-md-font-size: 1.125rem; + --ds-paragraph-long-md-letter-spacing: 0.5%; + --ds-paragraph-long-sm-font-family: Inter; + --ds-paragraph-long-sm-font-weight: 400; + --ds-paragraph-long-sm-line-height: 1.7; + --ds-paragraph-long-sm-font-size: 1rem; + --ds-paragraph-long-sm-letter-spacing: 0.25%; + --ds-paragraph-long-xs-font-family: Inter; + --ds-paragraph-long-xs-font-weight: 400; + --ds-paragraph-long-xs-line-height: 1.7; + --ds-paragraph-long-xs-font-size: 0.875rem; + --ds-paragraph-long-xs-letter-spacing: 0.15%; + --ds-label-lg-font-family: Inter; + --ds-label-lg-font-weight: 500; + --ds-label-lg-line-height: 1.3; + --ds-label-lg-font-size: 1.3125rem; + --ds-label-lg-letter-spacing: 0.5%; + --ds-label-md-font-family: Inter; + --ds-label-md-font-weight: 500; + --ds-label-md-line-height: 1.3; + --ds-label-md-font-size: 1.125rem; + --ds-label-md-letter-spacing: 0.5%; + --ds-label-sm-font-family: Inter; + --ds-label-sm-font-weight: 500; + --ds-label-sm-line-height: 1.3; + --ds-label-sm-font-size: 1rem; + --ds-label-sm-letter-spacing: 0.25%; + --ds-label-xs-font-family: Inter; + --ds-label-xs-font-weight: 500; + --ds-label-xs-line-height: 1.3; + --ds-label-xs-font-size: 0.875rem; + --ds-label-xs-letter-spacing: 0.15%; + --ds-error_message-lg-font-family: Inter; + --ds-error_message-lg-font-weight: 400; + --ds-error_message-lg-line-height: 1.3; + --ds-error_message-lg-font-size: 1.3125rem; + --ds-error_message-lg-letter-spacing: 0.5%; + --ds-error_message-md-font-family: Inter; + --ds-error_message-md-font-weight: 400; + --ds-error_message-md-line-height: 1.3; + --ds-error_message-md-font-size: 1.125rem; + --ds-error_message-md-letter-spacing: 0.5%; + --ds-error_message-sm-font-family: Inter; + --ds-error_message-sm-font-weight: 400; + --ds-error_message-sm-line-height: 1.3; + --ds-error_message-sm-font-size: 1rem; + --ds-error_message-sm-letter-spacing: 0.25%; + --ds-error_message-xs-font-family: Inter; + --ds-error_message-xs-font-weight: 400; + --ds-error_message-xs-line-height: 1.3; + --ds-error_message-xs-font-size: 0.875rem; + --ds-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; --ds-line-height-md: 1.5; --ds-line-height-lg: 1.7; diff --git a/packages/theme/brand/portal/typography/secondary.css b/packages/theme/brand/portal/typography/secondary.css index dd4b79a99c..1db942b234 100644 --- a/packages/theme/brand/portal/typography/secondary.css +++ b/packages/theme/brand/portal/typography/secondary.css @@ -8,161 +8,161 @@ --ds-font-weight-medium: 400; --ds-font-weight-semibold: 700; --ds-font-weight-regular: 400; - --ds-typography-heading-2xl-font-family: IBM Plex Mono; - --ds-typography-heading-2xl-font-weight: 400; - --ds-typography-heading-2xl-line-height: 1.3; - --ds-typography-heading-2xl-font-size: 3.75rem; - --ds-typography-heading-2xl-letter-spacing: -1%; - --ds-typography-heading-xl-font-family: IBM Plex Mono; - --ds-typography-heading-xl-font-weight: 400; - --ds-typography-heading-xl-line-height: 1.3; - --ds-typography-heading-xl-font-size: 3rem; - --ds-typography-heading-xl-letter-spacing: -1%; - --ds-typography-heading-lg-font-family: IBM Plex Mono; - --ds-typography-heading-lg-font-weight: 400; - --ds-typography-heading-lg-line-height: 1.3; - --ds-typography-heading-lg-font-size: 2.25rem; - --ds-typography-heading-lg-letter-spacing: -0.5%; - --ds-typography-heading-md-font-family: IBM Plex Mono; - --ds-typography-heading-md-font-weight: 400; - --ds-typography-heading-md-line-height: 1.3; - --ds-typography-heading-md-font-size: 1.875rem; - --ds-typography-heading-md-letter-spacing: -0.25%; - --ds-typography-heading-sm-font-family: IBM Plex Mono; - --ds-typography-heading-sm-font-weight: 400; - --ds-typography-heading-sm-line-height: 1.3; - --ds-typography-heading-sm-font-size: 1.5rem; - --ds-typography-heading-sm-letter-spacing: 0%; - --ds-typography-heading-xs-font-family: IBM Plex Mono; - --ds-typography-heading-xs-font-weight: 400; - --ds-typography-heading-xs-line-height: 1.3; - --ds-typography-heading-xs-font-size: 1.3125rem; - --ds-typography-heading-xs-letter-spacing: 0.15%; - --ds-typography-heading-2xs-font-family: IBM Plex Mono; - --ds-typography-heading-2xs-font-weight: 400; - --ds-typography-heading-2xs-line-height: 1.3; - --ds-typography-heading-2xs-font-size: 1.125rem; - --ds-typography-heading-2xs-letter-spacing: 0.15%; - --ds-typography-ingress-lg-font-family: IBM Plex Mono; - --ds-typography-ingress-lg-font-weight: 400; - --ds-typography-ingress-lg-line-height: 1.7; - --ds-typography-ingress-lg-font-size: 1.875rem; - --ds-typography-ingress-lg-letter-spacing: 0.5%; - --ds-typography-ingress-md-font-family: IBM Plex Mono; - --ds-typography-ingress-md-font-weight: 400; - --ds-typography-ingress-md-line-height: 1.7; - --ds-typography-ingress-md-font-size: 1.5rem; - --ds-typography-ingress-md-letter-spacing: 0.5%; - --ds-typography-ingress-sm-font-family: IBM Plex Mono; - --ds-typography-ingress-sm-font-weight: 400; - --ds-typography-ingress-sm-line-height: 1.7; - --ds-typography-ingress-sm-font-size: 1.3125rem; - --ds-typography-ingress-sm-letter-spacing: 0.25%; - --ds-typography-ingress-xs-font-family: IBM Plex Mono; - --ds-typography-ingress-xs-font-weight: 400; - --ds-typography-ingress-xs-line-height: 1.7; - --ds-typography-ingress-xs-font-size: 1.125rem; - --ds-typography-ingress-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-lg-font-family: IBM Plex Mono; - --ds-typography-paragraph-lg-font-weight: 400; - --ds-typography-paragraph-lg-line-height: 1.5; - --ds-typography-paragraph-lg-font-size: 1.3125rem; - --ds-typography-paragraph-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-md-font-family: IBM Plex Mono; - --ds-typography-paragraph-md-font-weight: 400; - --ds-typography-paragraph-md-line-height: 1.5; - --ds-typography-paragraph-md-font-size: 1.125rem; - --ds-typography-paragraph-md-letter-spacing: 0.5%; - --ds-typography-paragraph-sm-font-family: IBM Plex Mono; - --ds-typography-paragraph-sm-font-weight: 400; - --ds-typography-paragraph-sm-line-height: 1.5; - --ds-typography-paragraph-sm-font-size: 1rem; - --ds-typography-paragraph-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-xs-font-family: IBM Plex Mono; - --ds-typography-paragraph-xs-font-weight: 400; - --ds-typography-paragraph-xs-line-height: 1.5; - --ds-typography-paragraph-xs-font-size: 0.875rem; - --ds-typography-paragraph-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-short-lg-font-family: IBM Plex Mono; - --ds-typography-paragraph-short-lg-font-weight: 400; - --ds-typography-paragraph-short-lg-line-height: 1.3; - --ds-typography-paragraph-short-lg-font-size: 1.3125rem; - --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-short-md-font-family: IBM Plex Mono; - --ds-typography-paragraph-short-md-font-weight: 400; - --ds-typography-paragraph-short-md-line-height: 1.3; - --ds-typography-paragraph-short-md-font-size: 1.125rem; - --ds-typography-paragraph-short-md-letter-spacing: 0.5%; - --ds-typography-paragraph-short-sm-font-family: IBM Plex Mono; - --ds-typography-paragraph-short-sm-font-weight: 400; - --ds-typography-paragraph-short-sm-line-height: 1.3; - --ds-typography-paragraph-short-sm-font-size: 1rem; - --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-short-xs-font-family: IBM Plex Mono; - --ds-typography-paragraph-short-xs-font-weight: 400; - --ds-typography-paragraph-short-xs-line-height: 1.3; - --ds-typography-paragraph-short-xs-font-size: 0.875rem; - --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-long-lg-font-family: IBM Plex Mono; - --ds-typography-paragraph-long-lg-font-weight: 400; - --ds-typography-paragraph-long-lg-line-height: 1.7; - --ds-typography-paragraph-long-lg-font-size: 1.3125rem; - --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-long-md-font-family: IBM Plex Mono; - --ds-typography-paragraph-long-md-font-weight: 400; - --ds-typography-paragraph-long-md-line-height: 1.7; - --ds-typography-paragraph-long-md-font-size: 1.125rem; - --ds-typography-paragraph-long-md-letter-spacing: 0.5%; - --ds-typography-paragraph-long-sm-font-family: IBM Plex Mono; - --ds-typography-paragraph-long-sm-font-weight: 400; - --ds-typography-paragraph-long-sm-line-height: 1.7; - --ds-typography-paragraph-long-sm-font-size: 1rem; - --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-long-xs-font-family: IBM Plex Mono; - --ds-typography-paragraph-long-xs-font-weight: 400; - --ds-typography-paragraph-long-xs-line-height: 1.7; - --ds-typography-paragraph-long-xs-font-size: 0.875rem; - --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; - --ds-typography-label-lg-font-family: IBM Plex Mono; - --ds-typography-label-lg-font-weight: 400; - --ds-typography-label-lg-line-height: 1.3; - --ds-typography-label-lg-font-size: 1.3125rem; - --ds-typography-label-lg-letter-spacing: 0.5%; - --ds-typography-label-md-font-family: IBM Plex Mono; - --ds-typography-label-md-font-weight: 400; - --ds-typography-label-md-line-height: 1.3; - --ds-typography-label-md-font-size: 1.125rem; - --ds-typography-label-md-letter-spacing: 0.5%; - --ds-typography-label-sm-font-family: IBM Plex Mono; - --ds-typography-label-sm-font-weight: 400; - --ds-typography-label-sm-line-height: 1.3; - --ds-typography-label-sm-font-size: 1rem; - --ds-typography-label-sm-letter-spacing: 0.25%; - --ds-typography-label-xs-font-family: IBM Plex Mono; - --ds-typography-label-xs-font-weight: 400; - --ds-typography-label-xs-line-height: 1.3; - --ds-typography-label-xs-font-size: 0.875rem; - --ds-typography-label-xs-letter-spacing: 0.15%; - --ds-typography-error_message-lg-font-family: IBM Plex Mono; - --ds-typography-error_message-lg-font-weight: 400; - --ds-typography-error_message-lg-line-height: 1.3; - --ds-typography-error_message-lg-font-size: 1.3125rem; - --ds-typography-error_message-lg-letter-spacing: 0.5%; - --ds-typography-error_message-md-font-family: IBM Plex Mono; - --ds-typography-error_message-md-font-weight: 400; - --ds-typography-error_message-md-line-height: 1.3; - --ds-typography-error_message-md-font-size: 1.125rem; - --ds-typography-error_message-md-letter-spacing: 0.5%; - --ds-typography-error_message-sm-font-family: IBM Plex Mono; - --ds-typography-error_message-sm-font-weight: 400; - --ds-typography-error_message-sm-line-height: 1.3; - --ds-typography-error_message-sm-font-size: 1rem; - --ds-typography-error_message-sm-letter-spacing: 0.25%; - --ds-typography-error_message-xs-font-family: IBM Plex Mono; - --ds-typography-error_message-xs-font-weight: 400; - --ds-typography-error_message-xs-line-height: 1.3; - --ds-typography-error_message-xs-font-size: 0.875rem; - --ds-typography-error_message-xs-letter-spacing: 0.15%; + --ds-heading-2xl-font-family: IBM Plex Mono; + --ds-heading-2xl-font-weight: 400; + --ds-heading-2xl-line-height: 1.3; + --ds-heading-2xl-font-size: 3.75rem; + --ds-heading-2xl-letter-spacing: -1%; + --ds-heading-xl-font-family: IBM Plex Mono; + --ds-heading-xl-font-weight: 400; + --ds-heading-xl-line-height: 1.3; + --ds-heading-xl-font-size: 3rem; + --ds-heading-xl-letter-spacing: -1%; + --ds-heading-lg-font-family: IBM Plex Mono; + --ds-heading-lg-font-weight: 400; + --ds-heading-lg-line-height: 1.3; + --ds-heading-lg-font-size: 2.25rem; + --ds-heading-lg-letter-spacing: -0.5%; + --ds-heading-md-font-family: IBM Plex Mono; + --ds-heading-md-font-weight: 400; + --ds-heading-md-line-height: 1.3; + --ds-heading-md-font-size: 1.875rem; + --ds-heading-md-letter-spacing: -0.25%; + --ds-heading-sm-font-family: IBM Plex Mono; + --ds-heading-sm-font-weight: 400; + --ds-heading-sm-line-height: 1.3; + --ds-heading-sm-font-size: 1.5rem; + --ds-heading-sm-letter-spacing: 0%; + --ds-heading-xs-font-family: IBM Plex Mono; + --ds-heading-xs-font-weight: 400; + --ds-heading-xs-line-height: 1.3; + --ds-heading-xs-font-size: 1.3125rem; + --ds-heading-xs-letter-spacing: 0.15%; + --ds-heading-2xs-font-family: IBM Plex Mono; + --ds-heading-2xs-font-weight: 400; + --ds-heading-2xs-line-height: 1.3; + --ds-heading-2xs-font-size: 1.125rem; + --ds-heading-2xs-letter-spacing: 0.15%; + --ds-ingress-lg-font-family: IBM Plex Mono; + --ds-ingress-lg-font-weight: 400; + --ds-ingress-lg-line-height: 1.7; + --ds-ingress-lg-font-size: 1.875rem; + --ds-ingress-lg-letter-spacing: 0.5%; + --ds-ingress-md-font-family: IBM Plex Mono; + --ds-ingress-md-font-weight: 400; + --ds-ingress-md-line-height: 1.7; + --ds-ingress-md-font-size: 1.5rem; + --ds-ingress-md-letter-spacing: 0.5%; + --ds-ingress-sm-font-family: IBM Plex Mono; + --ds-ingress-sm-font-weight: 400; + --ds-ingress-sm-line-height: 1.7; + --ds-ingress-sm-font-size: 1.3125rem; + --ds-ingress-sm-letter-spacing: 0.25%; + --ds-ingress-xs-font-family: IBM Plex Mono; + --ds-ingress-xs-font-weight: 400; + --ds-ingress-xs-line-height: 1.7; + --ds-ingress-xs-font-size: 1.125rem; + --ds-ingress-xs-letter-spacing: 0.15%; + --ds-paragraph-lg-font-family: IBM Plex Mono; + --ds-paragraph-lg-font-weight: 400; + --ds-paragraph-lg-line-height: 1.5; + --ds-paragraph-lg-font-size: 1.3125rem; + --ds-paragraph-lg-letter-spacing: 0.5%; + --ds-paragraph-md-font-family: IBM Plex Mono; + --ds-paragraph-md-font-weight: 400; + --ds-paragraph-md-line-height: 1.5; + --ds-paragraph-md-font-size: 1.125rem; + --ds-paragraph-md-letter-spacing: 0.5%; + --ds-paragraph-sm-font-family: IBM Plex Mono; + --ds-paragraph-sm-font-weight: 400; + --ds-paragraph-sm-line-height: 1.5; + --ds-paragraph-sm-font-size: 1rem; + --ds-paragraph-sm-letter-spacing: 0.25%; + --ds-paragraph-xs-font-family: IBM Plex Mono; + --ds-paragraph-xs-font-weight: 400; + --ds-paragraph-xs-line-height: 1.5; + --ds-paragraph-xs-font-size: 0.875rem; + --ds-paragraph-xs-letter-spacing: 0.15%; + --ds-paragraph-short-lg-font-family: IBM Plex Mono; + --ds-paragraph-short-lg-font-weight: 400; + --ds-paragraph-short-lg-line-height: 1.3; + --ds-paragraph-short-lg-font-size: 1.3125rem; + --ds-paragraph-short-lg-letter-spacing: 0.5%; + --ds-paragraph-short-md-font-family: IBM Plex Mono; + --ds-paragraph-short-md-font-weight: 400; + --ds-paragraph-short-md-line-height: 1.3; + --ds-paragraph-short-md-font-size: 1.125rem; + --ds-paragraph-short-md-letter-spacing: 0.5%; + --ds-paragraph-short-sm-font-family: IBM Plex Mono; + --ds-paragraph-short-sm-font-weight: 400; + --ds-paragraph-short-sm-line-height: 1.3; + --ds-paragraph-short-sm-font-size: 1rem; + --ds-paragraph-short-sm-letter-spacing: 0.25%; + --ds-paragraph-short-xs-font-family: IBM Plex Mono; + --ds-paragraph-short-xs-font-weight: 400; + --ds-paragraph-short-xs-line-height: 1.3; + --ds-paragraph-short-xs-font-size: 0.875rem; + --ds-paragraph-short-xs-letter-spacing: 0.15%; + --ds-paragraph-long-lg-font-family: IBM Plex Mono; + --ds-paragraph-long-lg-font-weight: 400; + --ds-paragraph-long-lg-line-height: 1.7; + --ds-paragraph-long-lg-font-size: 1.3125rem; + --ds-paragraph-long-lg-letter-spacing: 0.5%; + --ds-paragraph-long-md-font-family: IBM Plex Mono; + --ds-paragraph-long-md-font-weight: 400; + --ds-paragraph-long-md-line-height: 1.7; + --ds-paragraph-long-md-font-size: 1.125rem; + --ds-paragraph-long-md-letter-spacing: 0.5%; + --ds-paragraph-long-sm-font-family: IBM Plex Mono; + --ds-paragraph-long-sm-font-weight: 400; + --ds-paragraph-long-sm-line-height: 1.7; + --ds-paragraph-long-sm-font-size: 1rem; + --ds-paragraph-long-sm-letter-spacing: 0.25%; + --ds-paragraph-long-xs-font-family: IBM Plex Mono; + --ds-paragraph-long-xs-font-weight: 400; + --ds-paragraph-long-xs-line-height: 1.7; + --ds-paragraph-long-xs-font-size: 0.875rem; + --ds-paragraph-long-xs-letter-spacing: 0.15%; + --ds-label-lg-font-family: IBM Plex Mono; + --ds-label-lg-font-weight: 400; + --ds-label-lg-line-height: 1.3; + --ds-label-lg-font-size: 1.3125rem; + --ds-label-lg-letter-spacing: 0.5%; + --ds-label-md-font-family: IBM Plex Mono; + --ds-label-md-font-weight: 400; + --ds-label-md-line-height: 1.3; + --ds-label-md-font-size: 1.125rem; + --ds-label-md-letter-spacing: 0.5%; + --ds-label-sm-font-family: IBM Plex Mono; + --ds-label-sm-font-weight: 400; + --ds-label-sm-line-height: 1.3; + --ds-label-sm-font-size: 1rem; + --ds-label-sm-letter-spacing: 0.25%; + --ds-label-xs-font-family: IBM Plex Mono; + --ds-label-xs-font-weight: 400; + --ds-label-xs-line-height: 1.3; + --ds-label-xs-font-size: 0.875rem; + --ds-label-xs-letter-spacing: 0.15%; + --ds-error_message-lg-font-family: IBM Plex Mono; + --ds-error_message-lg-font-weight: 400; + --ds-error_message-lg-line-height: 1.3; + --ds-error_message-lg-font-size: 1.3125rem; + --ds-error_message-lg-letter-spacing: 0.5%; + --ds-error_message-md-font-family: IBM Plex Mono; + --ds-error_message-md-font-weight: 400; + --ds-error_message-md-line-height: 1.3; + --ds-error_message-md-font-size: 1.125rem; + --ds-error_message-md-letter-spacing: 0.5%; + --ds-error_message-sm-font-family: IBM Plex Mono; + --ds-error_message-sm-font-weight: 400; + --ds-error_message-sm-line-height: 1.3; + --ds-error_message-sm-font-size: 1rem; + --ds-error_message-sm-letter-spacing: 0.25%; + --ds-error_message-xs-font-family: IBM Plex Mono; + --ds-error_message-xs-font-weight: 400; + --ds-error_message-xs-line-height: 1.3; + --ds-error_message-xs-font-size: 0.875rem; + --ds-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; --ds-line-height-md: 1.5; --ds-line-height-lg: 1.7; diff --git a/packages/theme/brand/uutilsynet.css b/packages/theme/brand/uutilsynet.css index c18d05631a..9a3b650c6c 100644 --- a/packages/theme/brand/uutilsynet.css +++ b/packages/theme/brand/uutilsynet.css @@ -636,161 +636,161 @@ --ds-font-weight-medium: 400; --ds-font-weight-semibold: 700; --ds-font-weight-regular: 400; - --ds-typography-heading-2xl-font-family: IBM Plex Mono; - --ds-typography-heading-2xl-font-weight: 400; - --ds-typography-heading-2xl-line-height: 1.3; - --ds-typography-heading-2xl-font-size: 3.75rem; - --ds-typography-heading-2xl-letter-spacing: -1%; - --ds-typography-heading-xl-font-family: IBM Plex Mono; - --ds-typography-heading-xl-font-weight: 400; - --ds-typography-heading-xl-line-height: 1.3; - --ds-typography-heading-xl-font-size: 3rem; - --ds-typography-heading-xl-letter-spacing: -1%; - --ds-typography-heading-lg-font-family: IBM Plex Mono; - --ds-typography-heading-lg-font-weight: 400; - --ds-typography-heading-lg-line-height: 1.3; - --ds-typography-heading-lg-font-size: 2.25rem; - --ds-typography-heading-lg-letter-spacing: -0.5%; - --ds-typography-heading-md-font-family: IBM Plex Mono; - --ds-typography-heading-md-font-weight: 400; - --ds-typography-heading-md-line-height: 1.3; - --ds-typography-heading-md-font-size: 1.875rem; - --ds-typography-heading-md-letter-spacing: -0.25%; - --ds-typography-heading-sm-font-family: IBM Plex Mono; - --ds-typography-heading-sm-font-weight: 400; - --ds-typography-heading-sm-line-height: 1.3; - --ds-typography-heading-sm-font-size: 1.5rem; - --ds-typography-heading-sm-letter-spacing: 0%; - --ds-typography-heading-xs-font-family: IBM Plex Mono; - --ds-typography-heading-xs-font-weight: 400; - --ds-typography-heading-xs-line-height: 1.3; - --ds-typography-heading-xs-font-size: 1.3125rem; - --ds-typography-heading-xs-letter-spacing: 0.15%; - --ds-typography-heading-2xs-font-family: IBM Plex Mono; - --ds-typography-heading-2xs-font-weight: 400; - --ds-typography-heading-2xs-line-height: 1.3; - --ds-typography-heading-2xs-font-size: 1.125rem; - --ds-typography-heading-2xs-letter-spacing: 0.15%; - --ds-typography-ingress-lg-font-family: IBM Plex Mono; - --ds-typography-ingress-lg-font-weight: 400; - --ds-typography-ingress-lg-line-height: 1.7; - --ds-typography-ingress-lg-font-size: 1.875rem; - --ds-typography-ingress-lg-letter-spacing: 0.5%; - --ds-typography-ingress-md-font-family: IBM Plex Mono; - --ds-typography-ingress-md-font-weight: 400; - --ds-typography-ingress-md-line-height: 1.7; - --ds-typography-ingress-md-font-size: 1.5rem; - --ds-typography-ingress-md-letter-spacing: 0.5%; - --ds-typography-ingress-sm-font-family: IBM Plex Mono; - --ds-typography-ingress-sm-font-weight: 400; - --ds-typography-ingress-sm-line-height: 1.7; - --ds-typography-ingress-sm-font-size: 1.3125rem; - --ds-typography-ingress-sm-letter-spacing: 0.25%; - --ds-typography-ingress-xs-font-family: IBM Plex Mono; - --ds-typography-ingress-xs-font-weight: 400; - --ds-typography-ingress-xs-line-height: 1.7; - --ds-typography-ingress-xs-font-size: 1.125rem; - --ds-typography-ingress-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-lg-font-family: IBM Plex Mono; - --ds-typography-paragraph-lg-font-weight: 400; - --ds-typography-paragraph-lg-line-height: 1.5; - --ds-typography-paragraph-lg-font-size: 1.3125rem; - --ds-typography-paragraph-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-md-font-family: IBM Plex Mono; - --ds-typography-paragraph-md-font-weight: 400; - --ds-typography-paragraph-md-line-height: 1.5; - --ds-typography-paragraph-md-font-size: 1.125rem; - --ds-typography-paragraph-md-letter-spacing: 0.5%; - --ds-typography-paragraph-sm-font-family: IBM Plex Mono; - --ds-typography-paragraph-sm-font-weight: 400; - --ds-typography-paragraph-sm-line-height: 1.5; - --ds-typography-paragraph-sm-font-size: 1rem; - --ds-typography-paragraph-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-xs-font-family: IBM Plex Mono; - --ds-typography-paragraph-xs-font-weight: 400; - --ds-typography-paragraph-xs-line-height: 1.5; - --ds-typography-paragraph-xs-font-size: 0.875rem; - --ds-typography-paragraph-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-short-lg-font-family: IBM Plex Mono; - --ds-typography-paragraph-short-lg-font-weight: 400; - --ds-typography-paragraph-short-lg-line-height: 1.3; - --ds-typography-paragraph-short-lg-font-size: 1.3125rem; - --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-short-md-font-family: IBM Plex Mono; - --ds-typography-paragraph-short-md-font-weight: 400; - --ds-typography-paragraph-short-md-line-height: 1.3; - --ds-typography-paragraph-short-md-font-size: 1.125rem; - --ds-typography-paragraph-short-md-letter-spacing: 0.5%; - --ds-typography-paragraph-short-sm-font-family: IBM Plex Mono; - --ds-typography-paragraph-short-sm-font-weight: 400; - --ds-typography-paragraph-short-sm-line-height: 1.3; - --ds-typography-paragraph-short-sm-font-size: 1rem; - --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-short-xs-font-family: IBM Plex Mono; - --ds-typography-paragraph-short-xs-font-weight: 400; - --ds-typography-paragraph-short-xs-line-height: 1.3; - --ds-typography-paragraph-short-xs-font-size: 0.875rem; - --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-long-lg-font-family: IBM Plex Mono; - --ds-typography-paragraph-long-lg-font-weight: 400; - --ds-typography-paragraph-long-lg-line-height: 1.7; - --ds-typography-paragraph-long-lg-font-size: 1.3125rem; - --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-long-md-font-family: IBM Plex Mono; - --ds-typography-paragraph-long-md-font-weight: 400; - --ds-typography-paragraph-long-md-line-height: 1.7; - --ds-typography-paragraph-long-md-font-size: 1.125rem; - --ds-typography-paragraph-long-md-letter-spacing: 0.5%; - --ds-typography-paragraph-long-sm-font-family: IBM Plex Mono; - --ds-typography-paragraph-long-sm-font-weight: 400; - --ds-typography-paragraph-long-sm-line-height: 1.7; - --ds-typography-paragraph-long-sm-font-size: 1rem; - --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-long-xs-font-family: IBM Plex Mono; - --ds-typography-paragraph-long-xs-font-weight: 400; - --ds-typography-paragraph-long-xs-line-height: 1.7; - --ds-typography-paragraph-long-xs-font-size: 0.875rem; - --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; - --ds-typography-label-lg-font-family: IBM Plex Mono; - --ds-typography-label-lg-font-weight: 400; - --ds-typography-label-lg-line-height: 1.3; - --ds-typography-label-lg-font-size: 1.3125rem; - --ds-typography-label-lg-letter-spacing: 0.5%; - --ds-typography-label-md-font-family: IBM Plex Mono; - --ds-typography-label-md-font-weight: 400; - --ds-typography-label-md-line-height: 1.3; - --ds-typography-label-md-font-size: 1.125rem; - --ds-typography-label-md-letter-spacing: 0.5%; - --ds-typography-label-sm-font-family: IBM Plex Mono; - --ds-typography-label-sm-font-weight: 400; - --ds-typography-label-sm-line-height: 1.3; - --ds-typography-label-sm-font-size: 1rem; - --ds-typography-label-sm-letter-spacing: 0.25%; - --ds-typography-label-xs-font-family: IBM Plex Mono; - --ds-typography-label-xs-font-weight: 400; - --ds-typography-label-xs-line-height: 1.3; - --ds-typography-label-xs-font-size: 0.875rem; - --ds-typography-label-xs-letter-spacing: 0.15%; - --ds-typography-error_message-lg-font-family: IBM Plex Mono; - --ds-typography-error_message-lg-font-weight: 400; - --ds-typography-error_message-lg-line-height: 1.3; - --ds-typography-error_message-lg-font-size: 1.3125rem; - --ds-typography-error_message-lg-letter-spacing: 0.5%; - --ds-typography-error_message-md-font-family: IBM Plex Mono; - --ds-typography-error_message-md-font-weight: 400; - --ds-typography-error_message-md-line-height: 1.3; - --ds-typography-error_message-md-font-size: 1.125rem; - --ds-typography-error_message-md-letter-spacing: 0.5%; - --ds-typography-error_message-sm-font-family: IBM Plex Mono; - --ds-typography-error_message-sm-font-weight: 400; - --ds-typography-error_message-sm-line-height: 1.3; - --ds-typography-error_message-sm-font-size: 1rem; - --ds-typography-error_message-sm-letter-spacing: 0.25%; - --ds-typography-error_message-xs-font-family: IBM Plex Mono; - --ds-typography-error_message-xs-font-weight: 400; - --ds-typography-error_message-xs-line-height: 1.3; - --ds-typography-error_message-xs-font-size: 0.875rem; - --ds-typography-error_message-xs-letter-spacing: 0.15%; + --ds-heading-2xl-font-family: IBM Plex Mono; + --ds-heading-2xl-font-weight: 400; + --ds-heading-2xl-line-height: 1.3; + --ds-heading-2xl-font-size: 3.75rem; + --ds-heading-2xl-letter-spacing: -1%; + --ds-heading-xl-font-family: IBM Plex Mono; + --ds-heading-xl-font-weight: 400; + --ds-heading-xl-line-height: 1.3; + --ds-heading-xl-font-size: 3rem; + --ds-heading-xl-letter-spacing: -1%; + --ds-heading-lg-font-family: IBM Plex Mono; + --ds-heading-lg-font-weight: 400; + --ds-heading-lg-line-height: 1.3; + --ds-heading-lg-font-size: 2.25rem; + --ds-heading-lg-letter-spacing: -0.5%; + --ds-heading-md-font-family: IBM Plex Mono; + --ds-heading-md-font-weight: 400; + --ds-heading-md-line-height: 1.3; + --ds-heading-md-font-size: 1.875rem; + --ds-heading-md-letter-spacing: -0.25%; + --ds-heading-sm-font-family: IBM Plex Mono; + --ds-heading-sm-font-weight: 400; + --ds-heading-sm-line-height: 1.3; + --ds-heading-sm-font-size: 1.5rem; + --ds-heading-sm-letter-spacing: 0%; + --ds-heading-xs-font-family: IBM Plex Mono; + --ds-heading-xs-font-weight: 400; + --ds-heading-xs-line-height: 1.3; + --ds-heading-xs-font-size: 1.3125rem; + --ds-heading-xs-letter-spacing: 0.15%; + --ds-heading-2xs-font-family: IBM Plex Mono; + --ds-heading-2xs-font-weight: 400; + --ds-heading-2xs-line-height: 1.3; + --ds-heading-2xs-font-size: 1.125rem; + --ds-heading-2xs-letter-spacing: 0.15%; + --ds-ingress-lg-font-family: IBM Plex Mono; + --ds-ingress-lg-font-weight: 400; + --ds-ingress-lg-line-height: 1.7; + --ds-ingress-lg-font-size: 1.875rem; + --ds-ingress-lg-letter-spacing: 0.5%; + --ds-ingress-md-font-family: IBM Plex Mono; + --ds-ingress-md-font-weight: 400; + --ds-ingress-md-line-height: 1.7; + --ds-ingress-md-font-size: 1.5rem; + --ds-ingress-md-letter-spacing: 0.5%; + --ds-ingress-sm-font-family: IBM Plex Mono; + --ds-ingress-sm-font-weight: 400; + --ds-ingress-sm-line-height: 1.7; + --ds-ingress-sm-font-size: 1.3125rem; + --ds-ingress-sm-letter-spacing: 0.25%; + --ds-ingress-xs-font-family: IBM Plex Mono; + --ds-ingress-xs-font-weight: 400; + --ds-ingress-xs-line-height: 1.7; + --ds-ingress-xs-font-size: 1.125rem; + --ds-ingress-xs-letter-spacing: 0.15%; + --ds-paragraph-lg-font-family: IBM Plex Mono; + --ds-paragraph-lg-font-weight: 400; + --ds-paragraph-lg-line-height: 1.5; + --ds-paragraph-lg-font-size: 1.3125rem; + --ds-paragraph-lg-letter-spacing: 0.5%; + --ds-paragraph-md-font-family: IBM Plex Mono; + --ds-paragraph-md-font-weight: 400; + --ds-paragraph-md-line-height: 1.5; + --ds-paragraph-md-font-size: 1.125rem; + --ds-paragraph-md-letter-spacing: 0.5%; + --ds-paragraph-sm-font-family: IBM Plex Mono; + --ds-paragraph-sm-font-weight: 400; + --ds-paragraph-sm-line-height: 1.5; + --ds-paragraph-sm-font-size: 1rem; + --ds-paragraph-sm-letter-spacing: 0.25%; + --ds-paragraph-xs-font-family: IBM Plex Mono; + --ds-paragraph-xs-font-weight: 400; + --ds-paragraph-xs-line-height: 1.5; + --ds-paragraph-xs-font-size: 0.875rem; + --ds-paragraph-xs-letter-spacing: 0.15%; + --ds-paragraph-short-lg-font-family: IBM Plex Mono; + --ds-paragraph-short-lg-font-weight: 400; + --ds-paragraph-short-lg-line-height: 1.3; + --ds-paragraph-short-lg-font-size: 1.3125rem; + --ds-paragraph-short-lg-letter-spacing: 0.5%; + --ds-paragraph-short-md-font-family: IBM Plex Mono; + --ds-paragraph-short-md-font-weight: 400; + --ds-paragraph-short-md-line-height: 1.3; + --ds-paragraph-short-md-font-size: 1.125rem; + --ds-paragraph-short-md-letter-spacing: 0.5%; + --ds-paragraph-short-sm-font-family: IBM Plex Mono; + --ds-paragraph-short-sm-font-weight: 400; + --ds-paragraph-short-sm-line-height: 1.3; + --ds-paragraph-short-sm-font-size: 1rem; + --ds-paragraph-short-sm-letter-spacing: 0.25%; + --ds-paragraph-short-xs-font-family: IBM Plex Mono; + --ds-paragraph-short-xs-font-weight: 400; + --ds-paragraph-short-xs-line-height: 1.3; + --ds-paragraph-short-xs-font-size: 0.875rem; + --ds-paragraph-short-xs-letter-spacing: 0.15%; + --ds-paragraph-long-lg-font-family: IBM Plex Mono; + --ds-paragraph-long-lg-font-weight: 400; + --ds-paragraph-long-lg-line-height: 1.7; + --ds-paragraph-long-lg-font-size: 1.3125rem; + --ds-paragraph-long-lg-letter-spacing: 0.5%; + --ds-paragraph-long-md-font-family: IBM Plex Mono; + --ds-paragraph-long-md-font-weight: 400; + --ds-paragraph-long-md-line-height: 1.7; + --ds-paragraph-long-md-font-size: 1.125rem; + --ds-paragraph-long-md-letter-spacing: 0.5%; + --ds-paragraph-long-sm-font-family: IBM Plex Mono; + --ds-paragraph-long-sm-font-weight: 400; + --ds-paragraph-long-sm-line-height: 1.7; + --ds-paragraph-long-sm-font-size: 1rem; + --ds-paragraph-long-sm-letter-spacing: 0.25%; + --ds-paragraph-long-xs-font-family: IBM Plex Mono; + --ds-paragraph-long-xs-font-weight: 400; + --ds-paragraph-long-xs-line-height: 1.7; + --ds-paragraph-long-xs-font-size: 0.875rem; + --ds-paragraph-long-xs-letter-spacing: 0.15%; + --ds-label-lg-font-family: IBM Plex Mono; + --ds-label-lg-font-weight: 400; + --ds-label-lg-line-height: 1.3; + --ds-label-lg-font-size: 1.3125rem; + --ds-label-lg-letter-spacing: 0.5%; + --ds-label-md-font-family: IBM Plex Mono; + --ds-label-md-font-weight: 400; + --ds-label-md-line-height: 1.3; + --ds-label-md-font-size: 1.125rem; + --ds-label-md-letter-spacing: 0.5%; + --ds-label-sm-font-family: IBM Plex Mono; + --ds-label-sm-font-weight: 400; + --ds-label-sm-line-height: 1.3; + --ds-label-sm-font-size: 1rem; + --ds-label-sm-letter-spacing: 0.25%; + --ds-label-xs-font-family: IBM Plex Mono; + --ds-label-xs-font-weight: 400; + --ds-label-xs-line-height: 1.3; + --ds-label-xs-font-size: 0.875rem; + --ds-label-xs-letter-spacing: 0.15%; + --ds-error_message-lg-font-family: IBM Plex Mono; + --ds-error_message-lg-font-weight: 400; + --ds-error_message-lg-line-height: 1.3; + --ds-error_message-lg-font-size: 1.3125rem; + --ds-error_message-lg-letter-spacing: 0.5%; + --ds-error_message-md-font-family: IBM Plex Mono; + --ds-error_message-md-font-weight: 400; + --ds-error_message-md-line-height: 1.3; + --ds-error_message-md-font-size: 1.125rem; + --ds-error_message-md-letter-spacing: 0.5%; + --ds-error_message-sm-font-family: IBM Plex Mono; + --ds-error_message-sm-font-weight: 400; + --ds-error_message-sm-line-height: 1.3; + --ds-error_message-sm-font-size: 1rem; + --ds-error_message-sm-letter-spacing: 0.25%; + --ds-error_message-xs-font-family: IBM Plex Mono; + --ds-error_message-xs-font-weight: 400; + --ds-error_message-xs-line-height: 1.3; + --ds-error_message-xs-font-size: 0.875rem; + --ds-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; --ds-line-height-md: 1.5; --ds-line-height-lg: 1.7; @@ -1550,161 +1550,161 @@ --ds-font-weight-medium: 500; --ds-font-weight-semibold: 600; --ds-font-weight-regular: 400; - --ds-typography-heading-2xl-font-family: Inter; - --ds-typography-heading-2xl-font-weight: 500; - --ds-typography-heading-2xl-line-height: 1.3; - --ds-typography-heading-2xl-font-size: 3.75rem; - --ds-typography-heading-2xl-letter-spacing: -1%; - --ds-typography-heading-xl-font-family: Inter; - --ds-typography-heading-xl-font-weight: 500; - --ds-typography-heading-xl-line-height: 1.3; - --ds-typography-heading-xl-font-size: 3rem; - --ds-typography-heading-xl-letter-spacing: -1%; - --ds-typography-heading-lg-font-family: Inter; - --ds-typography-heading-lg-font-weight: 500; - --ds-typography-heading-lg-line-height: 1.3; - --ds-typography-heading-lg-font-size: 2.25rem; - --ds-typography-heading-lg-letter-spacing: -0.5%; - --ds-typography-heading-md-font-family: Inter; - --ds-typography-heading-md-font-weight: 500; - --ds-typography-heading-md-line-height: 1.3; - --ds-typography-heading-md-font-size: 1.875rem; - --ds-typography-heading-md-letter-spacing: -0.25%; - --ds-typography-heading-sm-font-family: Inter; - --ds-typography-heading-sm-font-weight: 500; - --ds-typography-heading-sm-line-height: 1.3; - --ds-typography-heading-sm-font-size: 1.5rem; - --ds-typography-heading-sm-letter-spacing: 0%; - --ds-typography-heading-xs-font-family: Inter; - --ds-typography-heading-xs-font-weight: 500; - --ds-typography-heading-xs-line-height: 1.3; - --ds-typography-heading-xs-font-size: 1.3125rem; - --ds-typography-heading-xs-letter-spacing: 0.15%; - --ds-typography-heading-2xs-font-family: Inter; - --ds-typography-heading-2xs-font-weight: 500; - --ds-typography-heading-2xs-line-height: 1.3; - --ds-typography-heading-2xs-font-size: 1.125rem; - --ds-typography-heading-2xs-letter-spacing: 0.15%; - --ds-typography-ingress-lg-font-family: Inter; - --ds-typography-ingress-lg-font-weight: 400; - --ds-typography-ingress-lg-line-height: 1.7; - --ds-typography-ingress-lg-font-size: 1.875rem; - --ds-typography-ingress-lg-letter-spacing: 0.5%; - --ds-typography-ingress-md-font-family: Inter; - --ds-typography-ingress-md-font-weight: 400; - --ds-typography-ingress-md-line-height: 1.7; - --ds-typography-ingress-md-font-size: 1.5rem; - --ds-typography-ingress-md-letter-spacing: 0.5%; - --ds-typography-ingress-sm-font-family: Inter; - --ds-typography-ingress-sm-font-weight: 400; - --ds-typography-ingress-sm-line-height: 1.7; - --ds-typography-ingress-sm-font-size: 1.3125rem; - --ds-typography-ingress-sm-letter-spacing: 0.25%; - --ds-typography-ingress-xs-font-family: Inter; - --ds-typography-ingress-xs-font-weight: 400; - --ds-typography-ingress-xs-line-height: 1.7; - --ds-typography-ingress-xs-font-size: 1.125rem; - --ds-typography-ingress-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-lg-font-family: Inter; - --ds-typography-paragraph-lg-font-weight: 400; - --ds-typography-paragraph-lg-line-height: 1.5; - --ds-typography-paragraph-lg-font-size: 1.3125rem; - --ds-typography-paragraph-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-md-font-family: Inter; - --ds-typography-paragraph-md-font-weight: 400; - --ds-typography-paragraph-md-line-height: 1.5; - --ds-typography-paragraph-md-font-size: 1.125rem; - --ds-typography-paragraph-md-letter-spacing: 0.5%; - --ds-typography-paragraph-sm-font-family: Inter; - --ds-typography-paragraph-sm-font-weight: 400; - --ds-typography-paragraph-sm-line-height: 1.5; - --ds-typography-paragraph-sm-font-size: 1rem; - --ds-typography-paragraph-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-xs-font-family: Inter; - --ds-typography-paragraph-xs-font-weight: 400; - --ds-typography-paragraph-xs-line-height: 1.5; - --ds-typography-paragraph-xs-font-size: 0.875rem; - --ds-typography-paragraph-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-short-lg-font-family: Inter; - --ds-typography-paragraph-short-lg-font-weight: 400; - --ds-typography-paragraph-short-lg-line-height: 1.3; - --ds-typography-paragraph-short-lg-font-size: 1.3125rem; - --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-short-md-font-family: Inter; - --ds-typography-paragraph-short-md-font-weight: 400; - --ds-typography-paragraph-short-md-line-height: 1.3; - --ds-typography-paragraph-short-md-font-size: 1.125rem; - --ds-typography-paragraph-short-md-letter-spacing: 0.5%; - --ds-typography-paragraph-short-sm-font-family: Inter; - --ds-typography-paragraph-short-sm-font-weight: 400; - --ds-typography-paragraph-short-sm-line-height: 1.3; - --ds-typography-paragraph-short-sm-font-size: 1rem; - --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-short-xs-font-family: Inter; - --ds-typography-paragraph-short-xs-font-weight: 400; - --ds-typography-paragraph-short-xs-line-height: 1.3; - --ds-typography-paragraph-short-xs-font-size: 0.875rem; - --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-long-lg-font-family: Inter; - --ds-typography-paragraph-long-lg-font-weight: 400; - --ds-typography-paragraph-long-lg-line-height: 1.7; - --ds-typography-paragraph-long-lg-font-size: 1.3125rem; - --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-long-md-font-family: Inter; - --ds-typography-paragraph-long-md-font-weight: 400; - --ds-typography-paragraph-long-md-line-height: 1.7; - --ds-typography-paragraph-long-md-font-size: 1.125rem; - --ds-typography-paragraph-long-md-letter-spacing: 0.5%; - --ds-typography-paragraph-long-sm-font-family: Inter; - --ds-typography-paragraph-long-sm-font-weight: 400; - --ds-typography-paragraph-long-sm-line-height: 1.7; - --ds-typography-paragraph-long-sm-font-size: 1rem; - --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-long-xs-font-family: Inter; - --ds-typography-paragraph-long-xs-font-weight: 400; - --ds-typography-paragraph-long-xs-line-height: 1.7; - --ds-typography-paragraph-long-xs-font-size: 0.875rem; - --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; - --ds-typography-label-lg-font-family: Inter; - --ds-typography-label-lg-font-weight: 500; - --ds-typography-label-lg-line-height: 1.3; - --ds-typography-label-lg-font-size: 1.3125rem; - --ds-typography-label-lg-letter-spacing: 0.5%; - --ds-typography-label-md-font-family: Inter; - --ds-typography-label-md-font-weight: 500; - --ds-typography-label-md-line-height: 1.3; - --ds-typography-label-md-font-size: 1.125rem; - --ds-typography-label-md-letter-spacing: 0.5%; - --ds-typography-label-sm-font-family: Inter; - --ds-typography-label-sm-font-weight: 500; - --ds-typography-label-sm-line-height: 1.3; - --ds-typography-label-sm-font-size: 1rem; - --ds-typography-label-sm-letter-spacing: 0.25%; - --ds-typography-label-xs-font-family: Inter; - --ds-typography-label-xs-font-weight: 500; - --ds-typography-label-xs-line-height: 1.3; - --ds-typography-label-xs-font-size: 0.875rem; - --ds-typography-label-xs-letter-spacing: 0.15%; - --ds-typography-error_message-lg-font-family: Inter; - --ds-typography-error_message-lg-font-weight: 400; - --ds-typography-error_message-lg-line-height: 1.3; - --ds-typography-error_message-lg-font-size: 1.3125rem; - --ds-typography-error_message-lg-letter-spacing: 0.5%; - --ds-typography-error_message-md-font-family: Inter; - --ds-typography-error_message-md-font-weight: 400; - --ds-typography-error_message-md-line-height: 1.3; - --ds-typography-error_message-md-font-size: 1.125rem; - --ds-typography-error_message-md-letter-spacing: 0.5%; - --ds-typography-error_message-sm-font-family: Inter; - --ds-typography-error_message-sm-font-weight: 400; - --ds-typography-error_message-sm-line-height: 1.3; - --ds-typography-error_message-sm-font-size: 1rem; - --ds-typography-error_message-sm-letter-spacing: 0.25%; - --ds-typography-error_message-xs-font-family: Inter; - --ds-typography-error_message-xs-font-weight: 400; - --ds-typography-error_message-xs-line-height: 1.3; - --ds-typography-error_message-xs-font-size: 0.875rem; - --ds-typography-error_message-xs-letter-spacing: 0.15%; + --ds-heading-2xl-font-family: Inter; + --ds-heading-2xl-font-weight: 500; + --ds-heading-2xl-line-height: 1.3; + --ds-heading-2xl-font-size: 3.75rem; + --ds-heading-2xl-letter-spacing: -1%; + --ds-heading-xl-font-family: Inter; + --ds-heading-xl-font-weight: 500; + --ds-heading-xl-line-height: 1.3; + --ds-heading-xl-font-size: 3rem; + --ds-heading-xl-letter-spacing: -1%; + --ds-heading-lg-font-family: Inter; + --ds-heading-lg-font-weight: 500; + --ds-heading-lg-line-height: 1.3; + --ds-heading-lg-font-size: 2.25rem; + --ds-heading-lg-letter-spacing: -0.5%; + --ds-heading-md-font-family: Inter; + --ds-heading-md-font-weight: 500; + --ds-heading-md-line-height: 1.3; + --ds-heading-md-font-size: 1.875rem; + --ds-heading-md-letter-spacing: -0.25%; + --ds-heading-sm-font-family: Inter; + --ds-heading-sm-font-weight: 500; + --ds-heading-sm-line-height: 1.3; + --ds-heading-sm-font-size: 1.5rem; + --ds-heading-sm-letter-spacing: 0%; + --ds-heading-xs-font-family: Inter; + --ds-heading-xs-font-weight: 500; + --ds-heading-xs-line-height: 1.3; + --ds-heading-xs-font-size: 1.3125rem; + --ds-heading-xs-letter-spacing: 0.15%; + --ds-heading-2xs-font-family: Inter; + --ds-heading-2xs-font-weight: 500; + --ds-heading-2xs-line-height: 1.3; + --ds-heading-2xs-font-size: 1.125rem; + --ds-heading-2xs-letter-spacing: 0.15%; + --ds-ingress-lg-font-family: Inter; + --ds-ingress-lg-font-weight: 400; + --ds-ingress-lg-line-height: 1.7; + --ds-ingress-lg-font-size: 1.875rem; + --ds-ingress-lg-letter-spacing: 0.5%; + --ds-ingress-md-font-family: Inter; + --ds-ingress-md-font-weight: 400; + --ds-ingress-md-line-height: 1.7; + --ds-ingress-md-font-size: 1.5rem; + --ds-ingress-md-letter-spacing: 0.5%; + --ds-ingress-sm-font-family: Inter; + --ds-ingress-sm-font-weight: 400; + --ds-ingress-sm-line-height: 1.7; + --ds-ingress-sm-font-size: 1.3125rem; + --ds-ingress-sm-letter-spacing: 0.25%; + --ds-ingress-xs-font-family: Inter; + --ds-ingress-xs-font-weight: 400; + --ds-ingress-xs-line-height: 1.7; + --ds-ingress-xs-font-size: 1.125rem; + --ds-ingress-xs-letter-spacing: 0.15%; + --ds-paragraph-lg-font-family: Inter; + --ds-paragraph-lg-font-weight: 400; + --ds-paragraph-lg-line-height: 1.5; + --ds-paragraph-lg-font-size: 1.3125rem; + --ds-paragraph-lg-letter-spacing: 0.5%; + --ds-paragraph-md-font-family: Inter; + --ds-paragraph-md-font-weight: 400; + --ds-paragraph-md-line-height: 1.5; + --ds-paragraph-md-font-size: 1.125rem; + --ds-paragraph-md-letter-spacing: 0.5%; + --ds-paragraph-sm-font-family: Inter; + --ds-paragraph-sm-font-weight: 400; + --ds-paragraph-sm-line-height: 1.5; + --ds-paragraph-sm-font-size: 1rem; + --ds-paragraph-sm-letter-spacing: 0.25%; + --ds-paragraph-xs-font-family: Inter; + --ds-paragraph-xs-font-weight: 400; + --ds-paragraph-xs-line-height: 1.5; + --ds-paragraph-xs-font-size: 0.875rem; + --ds-paragraph-xs-letter-spacing: 0.15%; + --ds-paragraph-short-lg-font-family: Inter; + --ds-paragraph-short-lg-font-weight: 400; + --ds-paragraph-short-lg-line-height: 1.3; + --ds-paragraph-short-lg-font-size: 1.3125rem; + --ds-paragraph-short-lg-letter-spacing: 0.5%; + --ds-paragraph-short-md-font-family: Inter; + --ds-paragraph-short-md-font-weight: 400; + --ds-paragraph-short-md-line-height: 1.3; + --ds-paragraph-short-md-font-size: 1.125rem; + --ds-paragraph-short-md-letter-spacing: 0.5%; + --ds-paragraph-short-sm-font-family: Inter; + --ds-paragraph-short-sm-font-weight: 400; + --ds-paragraph-short-sm-line-height: 1.3; + --ds-paragraph-short-sm-font-size: 1rem; + --ds-paragraph-short-sm-letter-spacing: 0.25%; + --ds-paragraph-short-xs-font-family: Inter; + --ds-paragraph-short-xs-font-weight: 400; + --ds-paragraph-short-xs-line-height: 1.3; + --ds-paragraph-short-xs-font-size: 0.875rem; + --ds-paragraph-short-xs-letter-spacing: 0.15%; + --ds-paragraph-long-lg-font-family: Inter; + --ds-paragraph-long-lg-font-weight: 400; + --ds-paragraph-long-lg-line-height: 1.7; + --ds-paragraph-long-lg-font-size: 1.3125rem; + --ds-paragraph-long-lg-letter-spacing: 0.5%; + --ds-paragraph-long-md-font-family: Inter; + --ds-paragraph-long-md-font-weight: 400; + --ds-paragraph-long-md-line-height: 1.7; + --ds-paragraph-long-md-font-size: 1.125rem; + --ds-paragraph-long-md-letter-spacing: 0.5%; + --ds-paragraph-long-sm-font-family: Inter; + --ds-paragraph-long-sm-font-weight: 400; + --ds-paragraph-long-sm-line-height: 1.7; + --ds-paragraph-long-sm-font-size: 1rem; + --ds-paragraph-long-sm-letter-spacing: 0.25%; + --ds-paragraph-long-xs-font-family: Inter; + --ds-paragraph-long-xs-font-weight: 400; + --ds-paragraph-long-xs-line-height: 1.7; + --ds-paragraph-long-xs-font-size: 0.875rem; + --ds-paragraph-long-xs-letter-spacing: 0.15%; + --ds-label-lg-font-family: Inter; + --ds-label-lg-font-weight: 500; + --ds-label-lg-line-height: 1.3; + --ds-label-lg-font-size: 1.3125rem; + --ds-label-lg-letter-spacing: 0.5%; + --ds-label-md-font-family: Inter; + --ds-label-md-font-weight: 500; + --ds-label-md-line-height: 1.3; + --ds-label-md-font-size: 1.125rem; + --ds-label-md-letter-spacing: 0.5%; + --ds-label-sm-font-family: Inter; + --ds-label-sm-font-weight: 500; + --ds-label-sm-line-height: 1.3; + --ds-label-sm-font-size: 1rem; + --ds-label-sm-letter-spacing: 0.25%; + --ds-label-xs-font-family: Inter; + --ds-label-xs-font-weight: 500; + --ds-label-xs-line-height: 1.3; + --ds-label-xs-font-size: 0.875rem; + --ds-label-xs-letter-spacing: 0.15%; + --ds-error_message-lg-font-family: Inter; + --ds-error_message-lg-font-weight: 400; + --ds-error_message-lg-line-height: 1.3; + --ds-error_message-lg-font-size: 1.3125rem; + --ds-error_message-lg-letter-spacing: 0.5%; + --ds-error_message-md-font-family: Inter; + --ds-error_message-md-font-weight: 400; + --ds-error_message-md-line-height: 1.3; + --ds-error_message-md-font-size: 1.125rem; + --ds-error_message-md-letter-spacing: 0.5%; + --ds-error_message-sm-font-family: Inter; + --ds-error_message-sm-font-weight: 400; + --ds-error_message-sm-line-height: 1.3; + --ds-error_message-sm-font-size: 1rem; + --ds-error_message-sm-letter-spacing: 0.25%; + --ds-error_message-xs-font-family: Inter; + --ds-error_message-xs-font-weight: 400; + --ds-error_message-xs-line-height: 1.3; + --ds-error_message-xs-font-size: 0.875rem; + --ds-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; --ds-line-height-md: 1.5; --ds-line-height-lg: 1.7; diff --git a/packages/theme/brand/uutilsynet/typography/primary.css b/packages/theme/brand/uutilsynet/typography/primary.css index 6bcfdd4a0b..3d928bd395 100644 --- a/packages/theme/brand/uutilsynet/typography/primary.css +++ b/packages/theme/brand/uutilsynet/typography/primary.css @@ -8,161 +8,161 @@ --ds-font-weight-medium: 500; --ds-font-weight-semibold: 600; --ds-font-weight-regular: 400; - --ds-typography-heading-2xl-font-family: Inter; - --ds-typography-heading-2xl-font-weight: 500; - --ds-typography-heading-2xl-line-height: 1.3; - --ds-typography-heading-2xl-font-size: 3.75rem; - --ds-typography-heading-2xl-letter-spacing: -1%; - --ds-typography-heading-xl-font-family: Inter; - --ds-typography-heading-xl-font-weight: 500; - --ds-typography-heading-xl-line-height: 1.3; - --ds-typography-heading-xl-font-size: 3rem; - --ds-typography-heading-xl-letter-spacing: -1%; - --ds-typography-heading-lg-font-family: Inter; - --ds-typography-heading-lg-font-weight: 500; - --ds-typography-heading-lg-line-height: 1.3; - --ds-typography-heading-lg-font-size: 2.25rem; - --ds-typography-heading-lg-letter-spacing: -0.5%; - --ds-typography-heading-md-font-family: Inter; - --ds-typography-heading-md-font-weight: 500; - --ds-typography-heading-md-line-height: 1.3; - --ds-typography-heading-md-font-size: 1.875rem; - --ds-typography-heading-md-letter-spacing: -0.25%; - --ds-typography-heading-sm-font-family: Inter; - --ds-typography-heading-sm-font-weight: 500; - --ds-typography-heading-sm-line-height: 1.3; - --ds-typography-heading-sm-font-size: 1.5rem; - --ds-typography-heading-sm-letter-spacing: 0%; - --ds-typography-heading-xs-font-family: Inter; - --ds-typography-heading-xs-font-weight: 500; - --ds-typography-heading-xs-line-height: 1.3; - --ds-typography-heading-xs-font-size: 1.3125rem; - --ds-typography-heading-xs-letter-spacing: 0.15%; - --ds-typography-heading-2xs-font-family: Inter; - --ds-typography-heading-2xs-font-weight: 500; - --ds-typography-heading-2xs-line-height: 1.3; - --ds-typography-heading-2xs-font-size: 1.125rem; - --ds-typography-heading-2xs-letter-spacing: 0.15%; - --ds-typography-ingress-lg-font-family: Inter; - --ds-typography-ingress-lg-font-weight: 400; - --ds-typography-ingress-lg-line-height: 1.7; - --ds-typography-ingress-lg-font-size: 1.875rem; - --ds-typography-ingress-lg-letter-spacing: 0.5%; - --ds-typography-ingress-md-font-family: Inter; - --ds-typography-ingress-md-font-weight: 400; - --ds-typography-ingress-md-line-height: 1.7; - --ds-typography-ingress-md-font-size: 1.5rem; - --ds-typography-ingress-md-letter-spacing: 0.5%; - --ds-typography-ingress-sm-font-family: Inter; - --ds-typography-ingress-sm-font-weight: 400; - --ds-typography-ingress-sm-line-height: 1.7; - --ds-typography-ingress-sm-font-size: 1.3125rem; - --ds-typography-ingress-sm-letter-spacing: 0.25%; - --ds-typography-ingress-xs-font-family: Inter; - --ds-typography-ingress-xs-font-weight: 400; - --ds-typography-ingress-xs-line-height: 1.7; - --ds-typography-ingress-xs-font-size: 1.125rem; - --ds-typography-ingress-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-lg-font-family: Inter; - --ds-typography-paragraph-lg-font-weight: 400; - --ds-typography-paragraph-lg-line-height: 1.5; - --ds-typography-paragraph-lg-font-size: 1.3125rem; - --ds-typography-paragraph-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-md-font-family: Inter; - --ds-typography-paragraph-md-font-weight: 400; - --ds-typography-paragraph-md-line-height: 1.5; - --ds-typography-paragraph-md-font-size: 1.125rem; - --ds-typography-paragraph-md-letter-spacing: 0.5%; - --ds-typography-paragraph-sm-font-family: Inter; - --ds-typography-paragraph-sm-font-weight: 400; - --ds-typography-paragraph-sm-line-height: 1.5; - --ds-typography-paragraph-sm-font-size: 1rem; - --ds-typography-paragraph-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-xs-font-family: Inter; - --ds-typography-paragraph-xs-font-weight: 400; - --ds-typography-paragraph-xs-line-height: 1.5; - --ds-typography-paragraph-xs-font-size: 0.875rem; - --ds-typography-paragraph-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-short-lg-font-family: Inter; - --ds-typography-paragraph-short-lg-font-weight: 400; - --ds-typography-paragraph-short-lg-line-height: 1.3; - --ds-typography-paragraph-short-lg-font-size: 1.3125rem; - --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-short-md-font-family: Inter; - --ds-typography-paragraph-short-md-font-weight: 400; - --ds-typography-paragraph-short-md-line-height: 1.3; - --ds-typography-paragraph-short-md-font-size: 1.125rem; - --ds-typography-paragraph-short-md-letter-spacing: 0.5%; - --ds-typography-paragraph-short-sm-font-family: Inter; - --ds-typography-paragraph-short-sm-font-weight: 400; - --ds-typography-paragraph-short-sm-line-height: 1.3; - --ds-typography-paragraph-short-sm-font-size: 1rem; - --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-short-xs-font-family: Inter; - --ds-typography-paragraph-short-xs-font-weight: 400; - --ds-typography-paragraph-short-xs-line-height: 1.3; - --ds-typography-paragraph-short-xs-font-size: 0.875rem; - --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-long-lg-font-family: Inter; - --ds-typography-paragraph-long-lg-font-weight: 400; - --ds-typography-paragraph-long-lg-line-height: 1.7; - --ds-typography-paragraph-long-lg-font-size: 1.3125rem; - --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-long-md-font-family: Inter; - --ds-typography-paragraph-long-md-font-weight: 400; - --ds-typography-paragraph-long-md-line-height: 1.7; - --ds-typography-paragraph-long-md-font-size: 1.125rem; - --ds-typography-paragraph-long-md-letter-spacing: 0.5%; - --ds-typography-paragraph-long-sm-font-family: Inter; - --ds-typography-paragraph-long-sm-font-weight: 400; - --ds-typography-paragraph-long-sm-line-height: 1.7; - --ds-typography-paragraph-long-sm-font-size: 1rem; - --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-long-xs-font-family: Inter; - --ds-typography-paragraph-long-xs-font-weight: 400; - --ds-typography-paragraph-long-xs-line-height: 1.7; - --ds-typography-paragraph-long-xs-font-size: 0.875rem; - --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; - --ds-typography-label-lg-font-family: Inter; - --ds-typography-label-lg-font-weight: 500; - --ds-typography-label-lg-line-height: 1.3; - --ds-typography-label-lg-font-size: 1.3125rem; - --ds-typography-label-lg-letter-spacing: 0.5%; - --ds-typography-label-md-font-family: Inter; - --ds-typography-label-md-font-weight: 500; - --ds-typography-label-md-line-height: 1.3; - --ds-typography-label-md-font-size: 1.125rem; - --ds-typography-label-md-letter-spacing: 0.5%; - --ds-typography-label-sm-font-family: Inter; - --ds-typography-label-sm-font-weight: 500; - --ds-typography-label-sm-line-height: 1.3; - --ds-typography-label-sm-font-size: 1rem; - --ds-typography-label-sm-letter-spacing: 0.25%; - --ds-typography-label-xs-font-family: Inter; - --ds-typography-label-xs-font-weight: 500; - --ds-typography-label-xs-line-height: 1.3; - --ds-typography-label-xs-font-size: 0.875rem; - --ds-typography-label-xs-letter-spacing: 0.15%; - --ds-typography-error_message-lg-font-family: Inter; - --ds-typography-error_message-lg-font-weight: 400; - --ds-typography-error_message-lg-line-height: 1.3; - --ds-typography-error_message-lg-font-size: 1.3125rem; - --ds-typography-error_message-lg-letter-spacing: 0.5%; - --ds-typography-error_message-md-font-family: Inter; - --ds-typography-error_message-md-font-weight: 400; - --ds-typography-error_message-md-line-height: 1.3; - --ds-typography-error_message-md-font-size: 1.125rem; - --ds-typography-error_message-md-letter-spacing: 0.5%; - --ds-typography-error_message-sm-font-family: Inter; - --ds-typography-error_message-sm-font-weight: 400; - --ds-typography-error_message-sm-line-height: 1.3; - --ds-typography-error_message-sm-font-size: 1rem; - --ds-typography-error_message-sm-letter-spacing: 0.25%; - --ds-typography-error_message-xs-font-family: Inter; - --ds-typography-error_message-xs-font-weight: 400; - --ds-typography-error_message-xs-line-height: 1.3; - --ds-typography-error_message-xs-font-size: 0.875rem; - --ds-typography-error_message-xs-letter-spacing: 0.15%; + --ds-heading-2xl-font-family: Inter; + --ds-heading-2xl-font-weight: 500; + --ds-heading-2xl-line-height: 1.3; + --ds-heading-2xl-font-size: 3.75rem; + --ds-heading-2xl-letter-spacing: -1%; + --ds-heading-xl-font-family: Inter; + --ds-heading-xl-font-weight: 500; + --ds-heading-xl-line-height: 1.3; + --ds-heading-xl-font-size: 3rem; + --ds-heading-xl-letter-spacing: -1%; + --ds-heading-lg-font-family: Inter; + --ds-heading-lg-font-weight: 500; + --ds-heading-lg-line-height: 1.3; + --ds-heading-lg-font-size: 2.25rem; + --ds-heading-lg-letter-spacing: -0.5%; + --ds-heading-md-font-family: Inter; + --ds-heading-md-font-weight: 500; + --ds-heading-md-line-height: 1.3; + --ds-heading-md-font-size: 1.875rem; + --ds-heading-md-letter-spacing: -0.25%; + --ds-heading-sm-font-family: Inter; + --ds-heading-sm-font-weight: 500; + --ds-heading-sm-line-height: 1.3; + --ds-heading-sm-font-size: 1.5rem; + --ds-heading-sm-letter-spacing: 0%; + --ds-heading-xs-font-family: Inter; + --ds-heading-xs-font-weight: 500; + --ds-heading-xs-line-height: 1.3; + --ds-heading-xs-font-size: 1.3125rem; + --ds-heading-xs-letter-spacing: 0.15%; + --ds-heading-2xs-font-family: Inter; + --ds-heading-2xs-font-weight: 500; + --ds-heading-2xs-line-height: 1.3; + --ds-heading-2xs-font-size: 1.125rem; + --ds-heading-2xs-letter-spacing: 0.15%; + --ds-ingress-lg-font-family: Inter; + --ds-ingress-lg-font-weight: 400; + --ds-ingress-lg-line-height: 1.7; + --ds-ingress-lg-font-size: 1.875rem; + --ds-ingress-lg-letter-spacing: 0.5%; + --ds-ingress-md-font-family: Inter; + --ds-ingress-md-font-weight: 400; + --ds-ingress-md-line-height: 1.7; + --ds-ingress-md-font-size: 1.5rem; + --ds-ingress-md-letter-spacing: 0.5%; + --ds-ingress-sm-font-family: Inter; + --ds-ingress-sm-font-weight: 400; + --ds-ingress-sm-line-height: 1.7; + --ds-ingress-sm-font-size: 1.3125rem; + --ds-ingress-sm-letter-spacing: 0.25%; + --ds-ingress-xs-font-family: Inter; + --ds-ingress-xs-font-weight: 400; + --ds-ingress-xs-line-height: 1.7; + --ds-ingress-xs-font-size: 1.125rem; + --ds-ingress-xs-letter-spacing: 0.15%; + --ds-paragraph-lg-font-family: Inter; + --ds-paragraph-lg-font-weight: 400; + --ds-paragraph-lg-line-height: 1.5; + --ds-paragraph-lg-font-size: 1.3125rem; + --ds-paragraph-lg-letter-spacing: 0.5%; + --ds-paragraph-md-font-family: Inter; + --ds-paragraph-md-font-weight: 400; + --ds-paragraph-md-line-height: 1.5; + --ds-paragraph-md-font-size: 1.125rem; + --ds-paragraph-md-letter-spacing: 0.5%; + --ds-paragraph-sm-font-family: Inter; + --ds-paragraph-sm-font-weight: 400; + --ds-paragraph-sm-line-height: 1.5; + --ds-paragraph-sm-font-size: 1rem; + --ds-paragraph-sm-letter-spacing: 0.25%; + --ds-paragraph-xs-font-family: Inter; + --ds-paragraph-xs-font-weight: 400; + --ds-paragraph-xs-line-height: 1.5; + --ds-paragraph-xs-font-size: 0.875rem; + --ds-paragraph-xs-letter-spacing: 0.15%; + --ds-paragraph-short-lg-font-family: Inter; + --ds-paragraph-short-lg-font-weight: 400; + --ds-paragraph-short-lg-line-height: 1.3; + --ds-paragraph-short-lg-font-size: 1.3125rem; + --ds-paragraph-short-lg-letter-spacing: 0.5%; + --ds-paragraph-short-md-font-family: Inter; + --ds-paragraph-short-md-font-weight: 400; + --ds-paragraph-short-md-line-height: 1.3; + --ds-paragraph-short-md-font-size: 1.125rem; + --ds-paragraph-short-md-letter-spacing: 0.5%; + --ds-paragraph-short-sm-font-family: Inter; + --ds-paragraph-short-sm-font-weight: 400; + --ds-paragraph-short-sm-line-height: 1.3; + --ds-paragraph-short-sm-font-size: 1rem; + --ds-paragraph-short-sm-letter-spacing: 0.25%; + --ds-paragraph-short-xs-font-family: Inter; + --ds-paragraph-short-xs-font-weight: 400; + --ds-paragraph-short-xs-line-height: 1.3; + --ds-paragraph-short-xs-font-size: 0.875rem; + --ds-paragraph-short-xs-letter-spacing: 0.15%; + --ds-paragraph-long-lg-font-family: Inter; + --ds-paragraph-long-lg-font-weight: 400; + --ds-paragraph-long-lg-line-height: 1.7; + --ds-paragraph-long-lg-font-size: 1.3125rem; + --ds-paragraph-long-lg-letter-spacing: 0.5%; + --ds-paragraph-long-md-font-family: Inter; + --ds-paragraph-long-md-font-weight: 400; + --ds-paragraph-long-md-line-height: 1.7; + --ds-paragraph-long-md-font-size: 1.125rem; + --ds-paragraph-long-md-letter-spacing: 0.5%; + --ds-paragraph-long-sm-font-family: Inter; + --ds-paragraph-long-sm-font-weight: 400; + --ds-paragraph-long-sm-line-height: 1.7; + --ds-paragraph-long-sm-font-size: 1rem; + --ds-paragraph-long-sm-letter-spacing: 0.25%; + --ds-paragraph-long-xs-font-family: Inter; + --ds-paragraph-long-xs-font-weight: 400; + --ds-paragraph-long-xs-line-height: 1.7; + --ds-paragraph-long-xs-font-size: 0.875rem; + --ds-paragraph-long-xs-letter-spacing: 0.15%; + --ds-label-lg-font-family: Inter; + --ds-label-lg-font-weight: 500; + --ds-label-lg-line-height: 1.3; + --ds-label-lg-font-size: 1.3125rem; + --ds-label-lg-letter-spacing: 0.5%; + --ds-label-md-font-family: Inter; + --ds-label-md-font-weight: 500; + --ds-label-md-line-height: 1.3; + --ds-label-md-font-size: 1.125rem; + --ds-label-md-letter-spacing: 0.5%; + --ds-label-sm-font-family: Inter; + --ds-label-sm-font-weight: 500; + --ds-label-sm-line-height: 1.3; + --ds-label-sm-font-size: 1rem; + --ds-label-sm-letter-spacing: 0.25%; + --ds-label-xs-font-family: Inter; + --ds-label-xs-font-weight: 500; + --ds-label-xs-line-height: 1.3; + --ds-label-xs-font-size: 0.875rem; + --ds-label-xs-letter-spacing: 0.15%; + --ds-error_message-lg-font-family: Inter; + --ds-error_message-lg-font-weight: 400; + --ds-error_message-lg-line-height: 1.3; + --ds-error_message-lg-font-size: 1.3125rem; + --ds-error_message-lg-letter-spacing: 0.5%; + --ds-error_message-md-font-family: Inter; + --ds-error_message-md-font-weight: 400; + --ds-error_message-md-line-height: 1.3; + --ds-error_message-md-font-size: 1.125rem; + --ds-error_message-md-letter-spacing: 0.5%; + --ds-error_message-sm-font-family: Inter; + --ds-error_message-sm-font-weight: 400; + --ds-error_message-sm-line-height: 1.3; + --ds-error_message-sm-font-size: 1rem; + --ds-error_message-sm-letter-spacing: 0.25%; + --ds-error_message-xs-font-family: Inter; + --ds-error_message-xs-font-weight: 400; + --ds-error_message-xs-line-height: 1.3; + --ds-error_message-xs-font-size: 0.875rem; + --ds-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; --ds-line-height-md: 1.5; --ds-line-height-lg: 1.7; diff --git a/packages/theme/brand/uutilsynet/typography/secondary.css b/packages/theme/brand/uutilsynet/typography/secondary.css index dd4b79a99c..1db942b234 100644 --- a/packages/theme/brand/uutilsynet/typography/secondary.css +++ b/packages/theme/brand/uutilsynet/typography/secondary.css @@ -8,161 +8,161 @@ --ds-font-weight-medium: 400; --ds-font-weight-semibold: 700; --ds-font-weight-regular: 400; - --ds-typography-heading-2xl-font-family: IBM Plex Mono; - --ds-typography-heading-2xl-font-weight: 400; - --ds-typography-heading-2xl-line-height: 1.3; - --ds-typography-heading-2xl-font-size: 3.75rem; - --ds-typography-heading-2xl-letter-spacing: -1%; - --ds-typography-heading-xl-font-family: IBM Plex Mono; - --ds-typography-heading-xl-font-weight: 400; - --ds-typography-heading-xl-line-height: 1.3; - --ds-typography-heading-xl-font-size: 3rem; - --ds-typography-heading-xl-letter-spacing: -1%; - --ds-typography-heading-lg-font-family: IBM Plex Mono; - --ds-typography-heading-lg-font-weight: 400; - --ds-typography-heading-lg-line-height: 1.3; - --ds-typography-heading-lg-font-size: 2.25rem; - --ds-typography-heading-lg-letter-spacing: -0.5%; - --ds-typography-heading-md-font-family: IBM Plex Mono; - --ds-typography-heading-md-font-weight: 400; - --ds-typography-heading-md-line-height: 1.3; - --ds-typography-heading-md-font-size: 1.875rem; - --ds-typography-heading-md-letter-spacing: -0.25%; - --ds-typography-heading-sm-font-family: IBM Plex Mono; - --ds-typography-heading-sm-font-weight: 400; - --ds-typography-heading-sm-line-height: 1.3; - --ds-typography-heading-sm-font-size: 1.5rem; - --ds-typography-heading-sm-letter-spacing: 0%; - --ds-typography-heading-xs-font-family: IBM Plex Mono; - --ds-typography-heading-xs-font-weight: 400; - --ds-typography-heading-xs-line-height: 1.3; - --ds-typography-heading-xs-font-size: 1.3125rem; - --ds-typography-heading-xs-letter-spacing: 0.15%; - --ds-typography-heading-2xs-font-family: IBM Plex Mono; - --ds-typography-heading-2xs-font-weight: 400; - --ds-typography-heading-2xs-line-height: 1.3; - --ds-typography-heading-2xs-font-size: 1.125rem; - --ds-typography-heading-2xs-letter-spacing: 0.15%; - --ds-typography-ingress-lg-font-family: IBM Plex Mono; - --ds-typography-ingress-lg-font-weight: 400; - --ds-typography-ingress-lg-line-height: 1.7; - --ds-typography-ingress-lg-font-size: 1.875rem; - --ds-typography-ingress-lg-letter-spacing: 0.5%; - --ds-typography-ingress-md-font-family: IBM Plex Mono; - --ds-typography-ingress-md-font-weight: 400; - --ds-typography-ingress-md-line-height: 1.7; - --ds-typography-ingress-md-font-size: 1.5rem; - --ds-typography-ingress-md-letter-spacing: 0.5%; - --ds-typography-ingress-sm-font-family: IBM Plex Mono; - --ds-typography-ingress-sm-font-weight: 400; - --ds-typography-ingress-sm-line-height: 1.7; - --ds-typography-ingress-sm-font-size: 1.3125rem; - --ds-typography-ingress-sm-letter-spacing: 0.25%; - --ds-typography-ingress-xs-font-family: IBM Plex Mono; - --ds-typography-ingress-xs-font-weight: 400; - --ds-typography-ingress-xs-line-height: 1.7; - --ds-typography-ingress-xs-font-size: 1.125rem; - --ds-typography-ingress-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-lg-font-family: IBM Plex Mono; - --ds-typography-paragraph-lg-font-weight: 400; - --ds-typography-paragraph-lg-line-height: 1.5; - --ds-typography-paragraph-lg-font-size: 1.3125rem; - --ds-typography-paragraph-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-md-font-family: IBM Plex Mono; - --ds-typography-paragraph-md-font-weight: 400; - --ds-typography-paragraph-md-line-height: 1.5; - --ds-typography-paragraph-md-font-size: 1.125rem; - --ds-typography-paragraph-md-letter-spacing: 0.5%; - --ds-typography-paragraph-sm-font-family: IBM Plex Mono; - --ds-typography-paragraph-sm-font-weight: 400; - --ds-typography-paragraph-sm-line-height: 1.5; - --ds-typography-paragraph-sm-font-size: 1rem; - --ds-typography-paragraph-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-xs-font-family: IBM Plex Mono; - --ds-typography-paragraph-xs-font-weight: 400; - --ds-typography-paragraph-xs-line-height: 1.5; - --ds-typography-paragraph-xs-font-size: 0.875rem; - --ds-typography-paragraph-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-short-lg-font-family: IBM Plex Mono; - --ds-typography-paragraph-short-lg-font-weight: 400; - --ds-typography-paragraph-short-lg-line-height: 1.3; - --ds-typography-paragraph-short-lg-font-size: 1.3125rem; - --ds-typography-paragraph-short-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-short-md-font-family: IBM Plex Mono; - --ds-typography-paragraph-short-md-font-weight: 400; - --ds-typography-paragraph-short-md-line-height: 1.3; - --ds-typography-paragraph-short-md-font-size: 1.125rem; - --ds-typography-paragraph-short-md-letter-spacing: 0.5%; - --ds-typography-paragraph-short-sm-font-family: IBM Plex Mono; - --ds-typography-paragraph-short-sm-font-weight: 400; - --ds-typography-paragraph-short-sm-line-height: 1.3; - --ds-typography-paragraph-short-sm-font-size: 1rem; - --ds-typography-paragraph-short-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-short-xs-font-family: IBM Plex Mono; - --ds-typography-paragraph-short-xs-font-weight: 400; - --ds-typography-paragraph-short-xs-line-height: 1.3; - --ds-typography-paragraph-short-xs-font-size: 0.875rem; - --ds-typography-paragraph-short-xs-letter-spacing: 0.15%; - --ds-typography-paragraph-long-lg-font-family: IBM Plex Mono; - --ds-typography-paragraph-long-lg-font-weight: 400; - --ds-typography-paragraph-long-lg-line-height: 1.7; - --ds-typography-paragraph-long-lg-font-size: 1.3125rem; - --ds-typography-paragraph-long-lg-letter-spacing: 0.5%; - --ds-typography-paragraph-long-md-font-family: IBM Plex Mono; - --ds-typography-paragraph-long-md-font-weight: 400; - --ds-typography-paragraph-long-md-line-height: 1.7; - --ds-typography-paragraph-long-md-font-size: 1.125rem; - --ds-typography-paragraph-long-md-letter-spacing: 0.5%; - --ds-typography-paragraph-long-sm-font-family: IBM Plex Mono; - --ds-typography-paragraph-long-sm-font-weight: 400; - --ds-typography-paragraph-long-sm-line-height: 1.7; - --ds-typography-paragraph-long-sm-font-size: 1rem; - --ds-typography-paragraph-long-sm-letter-spacing: 0.25%; - --ds-typography-paragraph-long-xs-font-family: IBM Plex Mono; - --ds-typography-paragraph-long-xs-font-weight: 400; - --ds-typography-paragraph-long-xs-line-height: 1.7; - --ds-typography-paragraph-long-xs-font-size: 0.875rem; - --ds-typography-paragraph-long-xs-letter-spacing: 0.15%; - --ds-typography-label-lg-font-family: IBM Plex Mono; - --ds-typography-label-lg-font-weight: 400; - --ds-typography-label-lg-line-height: 1.3; - --ds-typography-label-lg-font-size: 1.3125rem; - --ds-typography-label-lg-letter-spacing: 0.5%; - --ds-typography-label-md-font-family: IBM Plex Mono; - --ds-typography-label-md-font-weight: 400; - --ds-typography-label-md-line-height: 1.3; - --ds-typography-label-md-font-size: 1.125rem; - --ds-typography-label-md-letter-spacing: 0.5%; - --ds-typography-label-sm-font-family: IBM Plex Mono; - --ds-typography-label-sm-font-weight: 400; - --ds-typography-label-sm-line-height: 1.3; - --ds-typography-label-sm-font-size: 1rem; - --ds-typography-label-sm-letter-spacing: 0.25%; - --ds-typography-label-xs-font-family: IBM Plex Mono; - --ds-typography-label-xs-font-weight: 400; - --ds-typography-label-xs-line-height: 1.3; - --ds-typography-label-xs-font-size: 0.875rem; - --ds-typography-label-xs-letter-spacing: 0.15%; - --ds-typography-error_message-lg-font-family: IBM Plex Mono; - --ds-typography-error_message-lg-font-weight: 400; - --ds-typography-error_message-lg-line-height: 1.3; - --ds-typography-error_message-lg-font-size: 1.3125rem; - --ds-typography-error_message-lg-letter-spacing: 0.5%; - --ds-typography-error_message-md-font-family: IBM Plex Mono; - --ds-typography-error_message-md-font-weight: 400; - --ds-typography-error_message-md-line-height: 1.3; - --ds-typography-error_message-md-font-size: 1.125rem; - --ds-typography-error_message-md-letter-spacing: 0.5%; - --ds-typography-error_message-sm-font-family: IBM Plex Mono; - --ds-typography-error_message-sm-font-weight: 400; - --ds-typography-error_message-sm-line-height: 1.3; - --ds-typography-error_message-sm-font-size: 1rem; - --ds-typography-error_message-sm-letter-spacing: 0.25%; - --ds-typography-error_message-xs-font-family: IBM Plex Mono; - --ds-typography-error_message-xs-font-weight: 400; - --ds-typography-error_message-xs-line-height: 1.3; - --ds-typography-error_message-xs-font-size: 0.875rem; - --ds-typography-error_message-xs-letter-spacing: 0.15%; + --ds-heading-2xl-font-family: IBM Plex Mono; + --ds-heading-2xl-font-weight: 400; + --ds-heading-2xl-line-height: 1.3; + --ds-heading-2xl-font-size: 3.75rem; + --ds-heading-2xl-letter-spacing: -1%; + --ds-heading-xl-font-family: IBM Plex Mono; + --ds-heading-xl-font-weight: 400; + --ds-heading-xl-line-height: 1.3; + --ds-heading-xl-font-size: 3rem; + --ds-heading-xl-letter-spacing: -1%; + --ds-heading-lg-font-family: IBM Plex Mono; + --ds-heading-lg-font-weight: 400; + --ds-heading-lg-line-height: 1.3; + --ds-heading-lg-font-size: 2.25rem; + --ds-heading-lg-letter-spacing: -0.5%; + --ds-heading-md-font-family: IBM Plex Mono; + --ds-heading-md-font-weight: 400; + --ds-heading-md-line-height: 1.3; + --ds-heading-md-font-size: 1.875rem; + --ds-heading-md-letter-spacing: -0.25%; + --ds-heading-sm-font-family: IBM Plex Mono; + --ds-heading-sm-font-weight: 400; + --ds-heading-sm-line-height: 1.3; + --ds-heading-sm-font-size: 1.5rem; + --ds-heading-sm-letter-spacing: 0%; + --ds-heading-xs-font-family: IBM Plex Mono; + --ds-heading-xs-font-weight: 400; + --ds-heading-xs-line-height: 1.3; + --ds-heading-xs-font-size: 1.3125rem; + --ds-heading-xs-letter-spacing: 0.15%; + --ds-heading-2xs-font-family: IBM Plex Mono; + --ds-heading-2xs-font-weight: 400; + --ds-heading-2xs-line-height: 1.3; + --ds-heading-2xs-font-size: 1.125rem; + --ds-heading-2xs-letter-spacing: 0.15%; + --ds-ingress-lg-font-family: IBM Plex Mono; + --ds-ingress-lg-font-weight: 400; + --ds-ingress-lg-line-height: 1.7; + --ds-ingress-lg-font-size: 1.875rem; + --ds-ingress-lg-letter-spacing: 0.5%; + --ds-ingress-md-font-family: IBM Plex Mono; + --ds-ingress-md-font-weight: 400; + --ds-ingress-md-line-height: 1.7; + --ds-ingress-md-font-size: 1.5rem; + --ds-ingress-md-letter-spacing: 0.5%; + --ds-ingress-sm-font-family: IBM Plex Mono; + --ds-ingress-sm-font-weight: 400; + --ds-ingress-sm-line-height: 1.7; + --ds-ingress-sm-font-size: 1.3125rem; + --ds-ingress-sm-letter-spacing: 0.25%; + --ds-ingress-xs-font-family: IBM Plex Mono; + --ds-ingress-xs-font-weight: 400; + --ds-ingress-xs-line-height: 1.7; + --ds-ingress-xs-font-size: 1.125rem; + --ds-ingress-xs-letter-spacing: 0.15%; + --ds-paragraph-lg-font-family: IBM Plex Mono; + --ds-paragraph-lg-font-weight: 400; + --ds-paragraph-lg-line-height: 1.5; + --ds-paragraph-lg-font-size: 1.3125rem; + --ds-paragraph-lg-letter-spacing: 0.5%; + --ds-paragraph-md-font-family: IBM Plex Mono; + --ds-paragraph-md-font-weight: 400; + --ds-paragraph-md-line-height: 1.5; + --ds-paragraph-md-font-size: 1.125rem; + --ds-paragraph-md-letter-spacing: 0.5%; + --ds-paragraph-sm-font-family: IBM Plex Mono; + --ds-paragraph-sm-font-weight: 400; + --ds-paragraph-sm-line-height: 1.5; + --ds-paragraph-sm-font-size: 1rem; + --ds-paragraph-sm-letter-spacing: 0.25%; + --ds-paragraph-xs-font-family: IBM Plex Mono; + --ds-paragraph-xs-font-weight: 400; + --ds-paragraph-xs-line-height: 1.5; + --ds-paragraph-xs-font-size: 0.875rem; + --ds-paragraph-xs-letter-spacing: 0.15%; + --ds-paragraph-short-lg-font-family: IBM Plex Mono; + --ds-paragraph-short-lg-font-weight: 400; + --ds-paragraph-short-lg-line-height: 1.3; + --ds-paragraph-short-lg-font-size: 1.3125rem; + --ds-paragraph-short-lg-letter-spacing: 0.5%; + --ds-paragraph-short-md-font-family: IBM Plex Mono; + --ds-paragraph-short-md-font-weight: 400; + --ds-paragraph-short-md-line-height: 1.3; + --ds-paragraph-short-md-font-size: 1.125rem; + --ds-paragraph-short-md-letter-spacing: 0.5%; + --ds-paragraph-short-sm-font-family: IBM Plex Mono; + --ds-paragraph-short-sm-font-weight: 400; + --ds-paragraph-short-sm-line-height: 1.3; + --ds-paragraph-short-sm-font-size: 1rem; + --ds-paragraph-short-sm-letter-spacing: 0.25%; + --ds-paragraph-short-xs-font-family: IBM Plex Mono; + --ds-paragraph-short-xs-font-weight: 400; + --ds-paragraph-short-xs-line-height: 1.3; + --ds-paragraph-short-xs-font-size: 0.875rem; + --ds-paragraph-short-xs-letter-spacing: 0.15%; + --ds-paragraph-long-lg-font-family: IBM Plex Mono; + --ds-paragraph-long-lg-font-weight: 400; + --ds-paragraph-long-lg-line-height: 1.7; + --ds-paragraph-long-lg-font-size: 1.3125rem; + --ds-paragraph-long-lg-letter-spacing: 0.5%; + --ds-paragraph-long-md-font-family: IBM Plex Mono; + --ds-paragraph-long-md-font-weight: 400; + --ds-paragraph-long-md-line-height: 1.7; + --ds-paragraph-long-md-font-size: 1.125rem; + --ds-paragraph-long-md-letter-spacing: 0.5%; + --ds-paragraph-long-sm-font-family: IBM Plex Mono; + --ds-paragraph-long-sm-font-weight: 400; + --ds-paragraph-long-sm-line-height: 1.7; + --ds-paragraph-long-sm-font-size: 1rem; + --ds-paragraph-long-sm-letter-spacing: 0.25%; + --ds-paragraph-long-xs-font-family: IBM Plex Mono; + --ds-paragraph-long-xs-font-weight: 400; + --ds-paragraph-long-xs-line-height: 1.7; + --ds-paragraph-long-xs-font-size: 0.875rem; + --ds-paragraph-long-xs-letter-spacing: 0.15%; + --ds-label-lg-font-family: IBM Plex Mono; + --ds-label-lg-font-weight: 400; + --ds-label-lg-line-height: 1.3; + --ds-label-lg-font-size: 1.3125rem; + --ds-label-lg-letter-spacing: 0.5%; + --ds-label-md-font-family: IBM Plex Mono; + --ds-label-md-font-weight: 400; + --ds-label-md-line-height: 1.3; + --ds-label-md-font-size: 1.125rem; + --ds-label-md-letter-spacing: 0.5%; + --ds-label-sm-font-family: IBM Plex Mono; + --ds-label-sm-font-weight: 400; + --ds-label-sm-line-height: 1.3; + --ds-label-sm-font-size: 1rem; + --ds-label-sm-letter-spacing: 0.25%; + --ds-label-xs-font-family: IBM Plex Mono; + --ds-label-xs-font-weight: 400; + --ds-label-xs-line-height: 1.3; + --ds-label-xs-font-size: 0.875rem; + --ds-label-xs-letter-spacing: 0.15%; + --ds-error_message-lg-font-family: IBM Plex Mono; + --ds-error_message-lg-font-weight: 400; + --ds-error_message-lg-line-height: 1.3; + --ds-error_message-lg-font-size: 1.3125rem; + --ds-error_message-lg-letter-spacing: 0.5%; + --ds-error_message-md-font-family: IBM Plex Mono; + --ds-error_message-md-font-weight: 400; + --ds-error_message-md-line-height: 1.3; + --ds-error_message-md-font-size: 1.125rem; + --ds-error_message-md-letter-spacing: 0.5%; + --ds-error_message-sm-font-family: IBM Plex Mono; + --ds-error_message-sm-font-weight: 400; + --ds-error_message-sm-line-height: 1.3; + --ds-error_message-sm-font-size: 1rem; + --ds-error_message-sm-letter-spacing: 0.25%; + --ds-error_message-xs-font-family: IBM Plex Mono; + --ds-error_message-xs-font-weight: 400; + --ds-error_message-xs-line-height: 1.3; + --ds-error_message-xs-font-size: 0.875rem; + --ds-error_message-xs-letter-spacing: 0.15%; --ds-line-height-sm: 1.3; --ds-line-height-md: 1.5; --ds-line-height-lg: 1.7; From 343ce8c2311319c5e9741caeca4d4cd166b0d0af Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Tue, 17 Sep 2024 15:58:25 +0200 Subject: [PATCH 06/14] replicate current setup with new typography file --- packages/css/baseline/typography.css | 290 +++++++++++++++++++++++++++ packages/css/index.css | 7 +- 2 files changed, 295 insertions(+), 2 deletions(-) create mode 100644 packages/css/baseline/typography.css diff --git a/packages/css/baseline/typography.css b/packages/css/baseline/typography.css new file mode 100644 index 0000000000..6774b1067f --- /dev/null +++ b/packages/css/baseline/typography.css @@ -0,0 +1,290 @@ +.ds-font-weight--medium { + font-weight: var(--ds-font-weight-medium); +} + +.ds-font-weight--semibold { + font-weight: var(--ds-font-weight-semibold); +} + +.ds-font-weight--regular { + font-weight: var(--ds-font-weight-regular); +} + +.ds-line-height--sm { + line-height: var(--ds-line-height-sm); +} + +.ds-line-height--md { + line-height: var(--ds-line-height-md); +} + +.ds-line-height--lg { + line-height: var(--ds-line-height-lg); +} + +/** Heading */ +.ds-heading { + --dsc-bottom-spacing: var(--ds-spacing-6); + + margin: 0; + color: var(--ds-color-neutral-text-default); +} + +.ds-heading--spacing { + margin-bottom: var(--dsc-bottom-spacing); +} + +.ds-heading--2xs { + --dsc-bottom-spacing: var(--ds-spacing-1); + + font-weight: var(--ds-heading-2xs-font-weight); + line-height: var(--ds-heading-2xs-line-height); + font-size: var(--ds-heading-2xs-font-size); + letter-spacing: var(--ds-heading-2xs-letter-spacing); +} + +.ds-heading--xs { + --dsc-bottom-spacing: var(--ds-spacing-2); + + font-weight: var(--ds-heading-xs-font-weight); + line-height: var(--ds-heading-xs-line-height); + font-size: var(--ds-heading-xs-font-size); + letter-spacing: var(--ds-heading-xs-letter-spacing); +} + +.ds-heading--sm { + --dsc-bottom-spacing: var(--ds-spacing-3); + + font-weight: var(--ds-heading-sm-font-weight); + line-height: var(--ds-heading-sm-line-height); + font-size: var(--ds-heading-sm-font-size); + letter-spacing: var(--ds-heading-sm-letter-spacing); +} + +.ds-heading--md { + --dsc-bottom-spacing: var(--ds-spacing-4); + + font-weight: var(--ds-heading-md-font-weight); + line-height: var(--ds-heading-md-line-height); + font-size: var (--ds-heading-md-font-size); + letter-spacing: var(--ds-heading-md-letter-spacing); +} + +.ds-heading--lg { + --dsc-bottom-spacing: var(--ds-spacing-5); + + font-weight: var(--ds-heading-lg-font-weight); + line-height: var(--ds-heading-lg-line-height); + font-size: var(--ds-heading-lg-font-size); + letter-spacing: var(--ds-heading-lg-letter-spacing); +} + +.ds-heading--xl { + --dsc-bottom-spacing: var(--ds-spacing-6); + + font-weight: var(--ds-heading-xl-font-weight); + line-height: var(--ds-heading-xl-line-height); + font-size: var(--ds-heading-xl-font-size); + letter-spacing: var(--ds-heading-xl-letter-spacing); +} + +.ds-heading--2xl { + --dsc-bottom-spacing: var(--ds-spacing-7); + + font-weight: var(--ds-heading-2xl-font-weight); + line-height: var(--ds-heading-2xl-line-height); + font-size: var(--ds-heading-2xl-font-size); + letter-spacing: var(--ds-heading-2xl-letter-spacing); +} + +/** Ingress */ + +.ds-ingress { + --dsc-bottom-spacing: var(--ds-spacing-5); + + margin: 0; + color: var(--ds-color-neutral-text-default); +} + +.ds-ingress--spacing { + margin-bottom: var(--dsc-bottom-spacing); +} + +.ds-ingress--xs { + --dsc-bottom-spacing: var(--ds-spacing-8); + + font-weight: var(--ds-ingress-xs-font-weight); + line-height: var(--ds-ingress-xs-line-height); + font-size: var(--ds-ingress-xs-font-size); + letter-spacing: var(--ds-ingress-xs-letter-spacing); +} + +.ds-ingress--sm { + --dsc-bottom-spacing: var(--ds-spacing-7); + + font-weight: var(--ds-ingress-sm-font-weight); + line-height: var(--ds-ingress-sm-line-height); + font-size: var(--ds-ingress-sm-font-size); + letter-spacing: var(--ds-ingress-sm-letter-spacing); +} + +.ds-ingress--md { + --dsc-bottom-spacing: var(--ds-spacing-5); + + font-weight: var(--ds-ingress-md-font-weight); + line-height: var(--ds-ingress-md-line-height); + font-size: var(--ds-ingress-md-font-size); + letter-spacing: var(--ds-ingress-md-letter-spacing); +} + +.ds-ingress--lg { + --dsc-bottom-spacing: var(--ds-spacing-6); + + font-weight: var(--ds-ingress-lg-font-weight); + line-height: var(--ds-ingress-lg-line-height); + font-size: var(--ds-ingress-lg-font-size); + letter-spacing: var(--ds-ingress-lg-letter-spacing); +} + +/** Paragraph */ +.ds-paragraph { + --dsc-bottom-spacing: var(--ds-spacing-5); + + color: var(--ds-color-neutral-text-default); + margin: 0; +} + +.ds-paragraph--spacing { + margin-bottom: var(--dsc-bottom-spacing); +} + +.ds-paragraph--xs { + --dsc-bottom-spacing: var(--ds-spacing-3); + + font-weight: var(--ds-paragraph-xs-font-weight); + line-height: var(--ds-paragraph-xs-line-height); + font-size: var(--ds-paragraph-xs-font-size); + letter-spacing: var(--ds-paragraph-xs-letter-spacing); +} + +.ds-paragraph--sm { + --dsc-bottom-spacing: var(--ds-spacing-4); + + font-weight: var(--ds-paragraph-sm-font-weight); + line-height: var(--ds-paragraph-sm-line-height); + font-size: var(--ds-paragraph-sm-font-size); + letter-spacing: var(--ds-paragraph-sm-letter-spacing); +} + +.ds-paragraph--md { + --dsc-bottom-spacing: var(--ds-spacing-5); + + font-weight: var(--ds-paragraph-md-font-weight); + line-height: var(--ds-paragraph-md-line-height); + font-size: var(--ds-paragraph-md-font-size); + letter-spacing: var(--ds-paragraph-md-letter-spacing); +} + +.ds-paragraph--lg { + --dsc-bottom-spacing: var(--ds-spacing-6); + + font-weight: var(--ds-paragraph-lg-font-weight); + line-height: var(--ds-paragraph-lg-line-height); + font-size: var(--ds-paragraph-lg-font-size); + letter-spacing: var(--ds-paragraph-lg-letter-spacing); +} + +/** Label */ + +.ds-label { + --dsc-bottom-spacing: var(--ds-spacing-1); + + display: inline-block; + margin: 0; + padding: 0; + color: var(--ds-color-neutral-text-default); +} + +.ds-label--spacing { + margin-bottom: var(--dsc-bottom-spacing); +} + +.ds-label--xs { + font-weight: var(--ds-label-xs-font-weight); + line-height: var(--ds-label-xs-line-height); + font-size: var(--ds-label-xs-font-size); + letter-spacing: var(--ds-label-xs-letter-spacing); +} + +.ds-label--sm { + font-weight: var(--ds-label-sm-font-weight); + line-height: var(--ds-label-sm-line-height); + font-size: var(--ds-label-sm-font-size); + letter-spacing: var(--ds-label-sm-letter-spacing); +} + +.ds-label--md { + font-weight: var(--ds-label-md-font-weight); + line-height: var(--ds-label-md-line-height); + font-size: var(--ds-label-md-font-size); + letter-spacing: var(--ds-label-md-letter-spacing); +} + +.ds-label--lg { + font-weight: var(--ds-label-lg-font-weight); + line-height: var(--ds-label-lg-line-height); + font-size: var(--ds-label-lg-font-size); + letter-spacing: var(--ds-label-lg-letter-spacing); +} + +/** Error message */ + +.ds-error-message { + --dsc-bottom-spacing: var(--ds-spacing-5); + + margin: 0; +} + +.ds-error-message--error { + color: var(--ds-color-danger-text-subtle); +} + +.ds-error-message--spacing { + margin-bottom: var(--dsc-bottom-spacing); +} + +.ds-error-message--xs { + --dsc-bottom-spacing: var(--ds-spacing-3); + + font-weight: var(--ds-error_message-xs-font-weight); + line-height: var(--ds-error_message-xs-line-height); + font-size: var(--ds-error_message-xs-font-size); + letter-spacing: var(--ds-error_message-xs-letter-spacing); +} + +.ds-error-message--sm { + --dsc-bottom-spacing: var(--ds-spacing-4); + + font-weight: var(--ds-error_message-sm-font-weight); + line-height: var(--ds-error_message-sm-line-height); + font-size: var(--ds-error_message-sm-font-size); + letter-spacing: var(--ds-error_message-sm-letter-spacing); +} + +.ds-error-message--md { + --dsc-bottom-spacing: var(--ds-spacing-5); + + font-weight: var(--ds-error_message-md-font-weight); + line-height: var(--ds-error_message-md-line-height); + font-size: var(--ds-error_message-md-font-size); + letter-spacing: var(--ds-error_message-md-letter-spacing); +} + +.ds-error-message--lg { + --dsc-bottom-spacing: var(--ds-spacing-5); + + font-weight: var(--ds-error_message-lg-font-weight); + line-height: var(--ds-error_message-lg-line-height); + font-size: var(--ds-error_message-lg-font-size); + letter-spacing: var(--ds-error_message-lg-letter-spacing); +} diff --git a/packages/css/index.css b/packages/css/index.css index fef99b2e5f..d2096caa9d 100644 --- a/packages/css/index.css +++ b/packages/css/index.css @@ -4,11 +4,14 @@ /** Import order defines ordinal specificity for layers */ @import url('./baseline/ds-reset.css') layer(ds.reset); -@import url('./baseline/typography/label.css') layer(ds.base.typography); +@import url('./baseline/typography.css') layer(ds.typography); + +/* @import url('./baseline/typography/label.css') layer(ds.base.typography); @import url('./baseline/typography/heading.css') layer(ds.base.typography); @import url('./baseline/typography/paragraph.css') layer(ds.base.typography); @import url('./baseline/typography/ingress.css') layer(ds.base.typography); -@import url('./baseline/typography/error-message.css') layer(ds.base.typography); +@import url('./baseline/typography/error-message.css') layer(ds.base.typography); */ + @import url('./utilities.css') layer(ds.utilities); @import url('./button.css') layer(ds.components); @import url('./alert.css') layer(ds.components); From 119d25bc93fbe076c3c3bf2333ac4225f4bca0b8 Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Tue, 17 Sep 2024 15:59:46 +0200 Subject: [PATCH 07/14] remove old partial typography classes --- .../css/baseline/typography/error-message.css | 29 -------------- packages/css/baseline/typography/heading.css | 38 ------------------- packages/css/baseline/typography/ingress.css | 26 ------------- packages/css/baseline/typography/label.css | 12 ------ .../css/baseline/typography/paragraph.css | 26 ------------- packages/css/index.css | 7 ---- 6 files changed, 138 deletions(-) delete mode 100644 packages/css/baseline/typography/error-message.css delete mode 100644 packages/css/baseline/typography/heading.css delete mode 100644 packages/css/baseline/typography/ingress.css delete mode 100644 packages/css/baseline/typography/label.css delete mode 100644 packages/css/baseline/typography/paragraph.css diff --git a/packages/css/baseline/typography/error-message.css b/packages/css/baseline/typography/error-message.css deleted file mode 100644 index a1d85be1a3..0000000000 --- a/packages/css/baseline/typography/error-message.css +++ /dev/null @@ -1,29 +0,0 @@ -.ds-error-message { - --dsc-bottom-spacing: var(--ds-spacing-5); - - margin: 0; -} - -.ds-error-message--error { - color: var(--ds-color-danger-text-subtle); -} - -.ds-error-message--spacing { - margin-bottom: var(--dsc-bottom-spacing); -} - -.ds-error_message--lg { - --dsc-bottom-spacing: var(--ds-spacing-5); -} - -.ds-error_message--md { - --dsc-bottom-spacing: var(--ds-spacing-5); -} - -.ds-error_message--sm { - --dsc-bottom-spacing: var(--ds-spacing-4); -} - -.ds-error_message--xs { - --dsc-bottom-spacing: var(--ds-spacing-3); -} diff --git a/packages/css/baseline/typography/heading.css b/packages/css/baseline/typography/heading.css deleted file mode 100644 index 00d4da0f07..0000000000 --- a/packages/css/baseline/typography/heading.css +++ /dev/null @@ -1,38 +0,0 @@ -.ds-heading { - --dsc-bottom-spacing: var(--ds-spacing-6); - - margin: 0; - color: var(--ds-color-neutral-text-default); -} - -.ds-heading--spacing { - margin-bottom: var(--dsc-bottom-spacing); -} - -.ds-heading--2xl { - --dsc-bottom-spacing: var(--ds-spacing-7); -} - -.ds-heading--xl { - --dsc-bottom-spacing: var(--ds-spacing-6); -} - -.ds-heading--lg { - --dsc-bottom-spacing: var(--ds-spacing-5); -} - -.ds-heading--md { - --dsc-bottom-spacing: var(--ds-spacing-4); -} - -.ds-heading--sm { - --dsc-bottom-spacing: var(--ds-spacing-3); -} - -.ds-heading--xs { - --dsc-bottom-spacing: var(--ds-spacing-2); -} - -.ds-heading--2xs { - --dsc-bottom-spacing: var(--ds-spacing-1); -} diff --git a/packages/css/baseline/typography/ingress.css b/packages/css/baseline/typography/ingress.css deleted file mode 100644 index a76cde76e4..0000000000 --- a/packages/css/baseline/typography/ingress.css +++ /dev/null @@ -1,26 +0,0 @@ -.ds-ingress { - --dsc-bottom-spacing: var(--ds-spacing-5); - - margin: 0; - color: var(--ds-color-neutral-text-default); -} - -.ds-ingress--spacing { - margin-bottom: var(--dsc-bottom-spacing); -} - -.ds-ingress--lg { - --dsc-bottom-spacing: var(--ds-spacing-6); -} - -.ds-ingress--md { - --dsc-bottom-spacing: var(--ds-spacing-5); -} - -.ds-ingress--sm { - --dsc-bottom-spacing: var(--ds-spacing-7); -} - -.ds-ingress--xs { - --dsc-bottom-spacing: var(--ds-spacing-8); -} diff --git a/packages/css/baseline/typography/label.css b/packages/css/baseline/typography/label.css deleted file mode 100644 index 5dd5118316..0000000000 --- a/packages/css/baseline/typography/label.css +++ /dev/null @@ -1,12 +0,0 @@ -.ds-label { - --dsc-bottom-spacing: var(--ds-spacing-1); - - display: inline-block; - margin: 0; - padding: 0; - color: var(--ds-color-neutral-text-default); -} - -.ds-label--spacing { - margin-bottom: var(--dsc-bottom-spacing); -} diff --git a/packages/css/baseline/typography/paragraph.css b/packages/css/baseline/typography/paragraph.css deleted file mode 100644 index 3620a57fd8..0000000000 --- a/packages/css/baseline/typography/paragraph.css +++ /dev/null @@ -1,26 +0,0 @@ -.ds-paragraph { - --dsc-bottom-spacing: var(--ds-spacing-5); - - color: var(--ds-color-neutral-text-default); - margin: 0; -} - -.ds-paragraph--spacing { - margin-bottom: var(--dsc-bottom-spacing); -} - -.ds-paragraph--lg { - --dsc-bottom-spacing: var(--ds-spacing-6); -} - -.ds-paragraph--md { - --dsc-bottom-spacing: var(--ds-spacing-5); -} - -.ds-paragraph--sm { - --dsc-bottom-spacing: var(--ds-spacing-4); -} - -.ds-paragraph--xs { - --dsc-bottom-spacing: var(--ds-spacing-3); -} diff --git a/packages/css/index.css b/packages/css/index.css index d2096caa9d..c2f650d85a 100644 --- a/packages/css/index.css +++ b/packages/css/index.css @@ -5,13 +5,6 @@ /** Import order defines ordinal specificity for layers */ @import url('./baseline/ds-reset.css') layer(ds.reset); @import url('./baseline/typography.css') layer(ds.typography); - -/* @import url('./baseline/typography/label.css') layer(ds.base.typography); -@import url('./baseline/typography/heading.css') layer(ds.base.typography); -@import url('./baseline/typography/paragraph.css') layer(ds.base.typography); -@import url('./baseline/typography/ingress.css') layer(ds.base.typography); -@import url('./baseline/typography/error-message.css') layer(ds.base.typography); */ - @import url('./utilities.css') layer(ds.utilities); @import url('./button.css') layer(ds.components); @import url('./alert.css') layer(ds.components); From eb75b79bb33bf4233e68a5868b9175baf5b43b59 Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Tue, 17 Sep 2024 16:08:23 +0200 Subject: [PATCH 08/14] remove duplicate font-families --- packages/cli/src/tokens/build/formats/css.ts | 12 +++- packages/theme/brand/altinn.css | 62 ------------------- .../theme/brand/altinn/typography/primary.css | 31 ---------- .../brand/altinn/typography/secondary.css | 31 ---------- packages/theme/brand/digdir.css | 62 ------------------- .../theme/brand/digdir/typography/primary.css | 31 ---------- .../brand/digdir/typography/secondary.css | 31 ---------- packages/theme/brand/portal.css | 62 ------------------- .../theme/brand/portal/typography/primary.css | 31 ---------- .../brand/portal/typography/secondary.css | 31 ---------- packages/theme/brand/uutilsynet.css | 62 ------------------- .../brand/uutilsynet/typography/primary.css | 31 ---------- .../brand/uutilsynet/typography/secondary.css | 31 ---------- 13 files changed, 11 insertions(+), 497 deletions(-) diff --git a/packages/cli/src/tokens/build/formats/css.ts b/packages/cli/src/tokens/build/formats/css.ts index 381bf0f075..024013e982 100644 --- a/packages/cli/src/tokens/build/formats/css.ts +++ b/packages/cli/src/tokens/build/formats/css.ts @@ -84,6 +84,12 @@ export const semantic: Format = { }, }; +// Predicate to filter tokens with .path array that includes both typography and fontFamily +const typographyFontFamilyPredicate = R.allPass([ + R.pathSatisfies(R.includes('typography'), ['path']), + R.pathSatisfies(R.includes('fontFamily'), ['path']), +]); + export const typography: Format = { name: 'ds/css-typography', format: async ({ dictionary, file, options, platform }) => { @@ -99,7 +105,11 @@ export const typography: Format = { usesDtcg, }); - const formattedTokens = R.pipe(R.map(format), R.join('\n'))(dictionary.allTokens); + console.log('dictionary.allTokens', dictionary.allTokens); + + const filteredTokens = R.reject(typographyFontFamilyPredicate, dictionary.allTokens); + + const formattedTokens = R.pipe(R.map(format), R.join('\n'))(filteredTokens); const content = selector ? `${selector} {\n${formattedTokens}\n}` : formattedTokens; const body = R.isNotNil(layer) ? `@layer ${layer} {\n${content}\n}` : content; diff --git a/packages/theme/brand/altinn.css b/packages/theme/brand/altinn.css index 255efae4bf..8c9aca2b18 100644 --- a/packages/theme/brand/altinn.css +++ b/packages/theme/brand/altinn.css @@ -636,157 +636,126 @@ --ds-font-weight-medium: 400; --ds-font-weight-semibold: 700; --ds-font-weight-regular: 400; - --ds-heading-2xl-font-family: IBM Plex Mono; --ds-heading-2xl-font-weight: 400; --ds-heading-2xl-line-height: 1.3; --ds-heading-2xl-font-size: 3.75rem; --ds-heading-2xl-letter-spacing: -1%; - --ds-heading-xl-font-family: IBM Plex Mono; --ds-heading-xl-font-weight: 400; --ds-heading-xl-line-height: 1.3; --ds-heading-xl-font-size: 3rem; --ds-heading-xl-letter-spacing: -1%; - --ds-heading-lg-font-family: IBM Plex Mono; --ds-heading-lg-font-weight: 400; --ds-heading-lg-line-height: 1.3; --ds-heading-lg-font-size: 2.25rem; --ds-heading-lg-letter-spacing: -0.5%; - --ds-heading-md-font-family: IBM Plex Mono; --ds-heading-md-font-weight: 400; --ds-heading-md-line-height: 1.3; --ds-heading-md-font-size: 1.875rem; --ds-heading-md-letter-spacing: -0.25%; - --ds-heading-sm-font-family: IBM Plex Mono; --ds-heading-sm-font-weight: 400; --ds-heading-sm-line-height: 1.3; --ds-heading-sm-font-size: 1.5rem; --ds-heading-sm-letter-spacing: 0%; - --ds-heading-xs-font-family: IBM Plex Mono; --ds-heading-xs-font-weight: 400; --ds-heading-xs-line-height: 1.3; --ds-heading-xs-font-size: 1.3125rem; --ds-heading-xs-letter-spacing: 0.15%; - --ds-heading-2xs-font-family: IBM Plex Mono; --ds-heading-2xs-font-weight: 400; --ds-heading-2xs-line-height: 1.3; --ds-heading-2xs-font-size: 1.125rem; --ds-heading-2xs-letter-spacing: 0.15%; - --ds-ingress-lg-font-family: IBM Plex Mono; --ds-ingress-lg-font-weight: 400; --ds-ingress-lg-line-height: 1.7; --ds-ingress-lg-font-size: 1.875rem; --ds-ingress-lg-letter-spacing: 0.5%; - --ds-ingress-md-font-family: IBM Plex Mono; --ds-ingress-md-font-weight: 400; --ds-ingress-md-line-height: 1.7; --ds-ingress-md-font-size: 1.5rem; --ds-ingress-md-letter-spacing: 0.5%; - --ds-ingress-sm-font-family: IBM Plex Mono; --ds-ingress-sm-font-weight: 400; --ds-ingress-sm-line-height: 1.7; --ds-ingress-sm-font-size: 1.3125rem; --ds-ingress-sm-letter-spacing: 0.25%; - --ds-ingress-xs-font-family: IBM Plex Mono; --ds-ingress-xs-font-weight: 400; --ds-ingress-xs-line-height: 1.7; --ds-ingress-xs-font-size: 1.125rem; --ds-ingress-xs-letter-spacing: 0.15%; - --ds-paragraph-lg-font-family: IBM Plex Mono; --ds-paragraph-lg-font-weight: 400; --ds-paragraph-lg-line-height: 1.5; --ds-paragraph-lg-font-size: 1.3125rem; --ds-paragraph-lg-letter-spacing: 0.5%; - --ds-paragraph-md-font-family: IBM Plex Mono; --ds-paragraph-md-font-weight: 400; --ds-paragraph-md-line-height: 1.5; --ds-paragraph-md-font-size: 1.125rem; --ds-paragraph-md-letter-spacing: 0.5%; - --ds-paragraph-sm-font-family: IBM Plex Mono; --ds-paragraph-sm-font-weight: 400; --ds-paragraph-sm-line-height: 1.5; --ds-paragraph-sm-font-size: 1rem; --ds-paragraph-sm-letter-spacing: 0.25%; - --ds-paragraph-xs-font-family: IBM Plex Mono; --ds-paragraph-xs-font-weight: 400; --ds-paragraph-xs-line-height: 1.5; --ds-paragraph-xs-font-size: 0.875rem; --ds-paragraph-xs-letter-spacing: 0.15%; - --ds-paragraph-short-lg-font-family: IBM Plex Mono; --ds-paragraph-short-lg-font-weight: 400; --ds-paragraph-short-lg-line-height: 1.3; --ds-paragraph-short-lg-font-size: 1.3125rem; --ds-paragraph-short-lg-letter-spacing: 0.5%; - --ds-paragraph-short-md-font-family: IBM Plex Mono; --ds-paragraph-short-md-font-weight: 400; --ds-paragraph-short-md-line-height: 1.3; --ds-paragraph-short-md-font-size: 1.125rem; --ds-paragraph-short-md-letter-spacing: 0.5%; - --ds-paragraph-short-sm-font-family: IBM Plex Mono; --ds-paragraph-short-sm-font-weight: 400; --ds-paragraph-short-sm-line-height: 1.3; --ds-paragraph-short-sm-font-size: 1rem; --ds-paragraph-short-sm-letter-spacing: 0.25%; - --ds-paragraph-short-xs-font-family: IBM Plex Mono; --ds-paragraph-short-xs-font-weight: 400; --ds-paragraph-short-xs-line-height: 1.3; --ds-paragraph-short-xs-font-size: 0.875rem; --ds-paragraph-short-xs-letter-spacing: 0.15%; - --ds-paragraph-long-lg-font-family: IBM Plex Mono; --ds-paragraph-long-lg-font-weight: 400; --ds-paragraph-long-lg-line-height: 1.7; --ds-paragraph-long-lg-font-size: 1.3125rem; --ds-paragraph-long-lg-letter-spacing: 0.5%; - --ds-paragraph-long-md-font-family: IBM Plex Mono; --ds-paragraph-long-md-font-weight: 400; --ds-paragraph-long-md-line-height: 1.7; --ds-paragraph-long-md-font-size: 1.125rem; --ds-paragraph-long-md-letter-spacing: 0.5%; - --ds-paragraph-long-sm-font-family: IBM Plex Mono; --ds-paragraph-long-sm-font-weight: 400; --ds-paragraph-long-sm-line-height: 1.7; --ds-paragraph-long-sm-font-size: 1rem; --ds-paragraph-long-sm-letter-spacing: 0.25%; - --ds-paragraph-long-xs-font-family: IBM Plex Mono; --ds-paragraph-long-xs-font-weight: 400; --ds-paragraph-long-xs-line-height: 1.7; --ds-paragraph-long-xs-font-size: 0.875rem; --ds-paragraph-long-xs-letter-spacing: 0.15%; - --ds-label-lg-font-family: IBM Plex Mono; --ds-label-lg-font-weight: 400; --ds-label-lg-line-height: 1.3; --ds-label-lg-font-size: 1.3125rem; --ds-label-lg-letter-spacing: 0.5%; - --ds-label-md-font-family: IBM Plex Mono; --ds-label-md-font-weight: 400; --ds-label-md-line-height: 1.3; --ds-label-md-font-size: 1.125rem; --ds-label-md-letter-spacing: 0.5%; - --ds-label-sm-font-family: IBM Plex Mono; --ds-label-sm-font-weight: 400; --ds-label-sm-line-height: 1.3; --ds-label-sm-font-size: 1rem; --ds-label-sm-letter-spacing: 0.25%; - --ds-label-xs-font-family: IBM Plex Mono; --ds-label-xs-font-weight: 400; --ds-label-xs-line-height: 1.3; --ds-label-xs-font-size: 0.875rem; --ds-label-xs-letter-spacing: 0.15%; - --ds-error_message-lg-font-family: IBM Plex Mono; --ds-error_message-lg-font-weight: 400; --ds-error_message-lg-line-height: 1.3; --ds-error_message-lg-font-size: 1.3125rem; --ds-error_message-lg-letter-spacing: 0.5%; - --ds-error_message-md-font-family: IBM Plex Mono; --ds-error_message-md-font-weight: 400; --ds-error_message-md-line-height: 1.3; --ds-error_message-md-font-size: 1.125rem; --ds-error_message-md-letter-spacing: 0.5%; - --ds-error_message-sm-font-family: IBM Plex Mono; --ds-error_message-sm-font-weight: 400; --ds-error_message-sm-line-height: 1.3; --ds-error_message-sm-font-size: 1rem; --ds-error_message-sm-letter-spacing: 0.25%; - --ds-error_message-xs-font-family: IBM Plex Mono; --ds-error_message-xs-font-weight: 400; --ds-error_message-xs-line-height: 1.3; --ds-error_message-xs-font-size: 0.875rem; @@ -1550,157 +1519,126 @@ --ds-font-weight-medium: 500; --ds-font-weight-semibold: 700; --ds-font-weight-regular: 400; - --ds-heading-2xl-font-family: Helvetica Neue; --ds-heading-2xl-font-weight: 500; --ds-heading-2xl-line-height: 1.3; --ds-heading-2xl-font-size: 3.75rem; --ds-heading-2xl-letter-spacing: -1%; - --ds-heading-xl-font-family: Helvetica Neue; --ds-heading-xl-font-weight: 500; --ds-heading-xl-line-height: 1.3; --ds-heading-xl-font-size: 3rem; --ds-heading-xl-letter-spacing: -1%; - --ds-heading-lg-font-family: Helvetica Neue; --ds-heading-lg-font-weight: 500; --ds-heading-lg-line-height: 1.3; --ds-heading-lg-font-size: 2.25rem; --ds-heading-lg-letter-spacing: -0.5%; - --ds-heading-md-font-family: Helvetica Neue; --ds-heading-md-font-weight: 500; --ds-heading-md-line-height: 1.3; --ds-heading-md-font-size: 1.875rem; --ds-heading-md-letter-spacing: -0.25%; - --ds-heading-sm-font-family: Helvetica Neue; --ds-heading-sm-font-weight: 500; --ds-heading-sm-line-height: 1.3; --ds-heading-sm-font-size: 1.5rem; --ds-heading-sm-letter-spacing: 0%; - --ds-heading-xs-font-family: Helvetica Neue; --ds-heading-xs-font-weight: 500; --ds-heading-xs-line-height: 1.3; --ds-heading-xs-font-size: 1.3125rem; --ds-heading-xs-letter-spacing: 0.15%; - --ds-heading-2xs-font-family: Helvetica Neue; --ds-heading-2xs-font-weight: 500; --ds-heading-2xs-line-height: 1.3; --ds-heading-2xs-font-size: 1.125rem; --ds-heading-2xs-letter-spacing: 0.15%; - --ds-ingress-lg-font-family: Helvetica Neue; --ds-ingress-lg-font-weight: 400; --ds-ingress-lg-line-height: 1.7; --ds-ingress-lg-font-size: 1.875rem; --ds-ingress-lg-letter-spacing: 0.5%; - --ds-ingress-md-font-family: Helvetica Neue; --ds-ingress-md-font-weight: 400; --ds-ingress-md-line-height: 1.7; --ds-ingress-md-font-size: 1.5rem; --ds-ingress-md-letter-spacing: 0.5%; - --ds-ingress-sm-font-family: Helvetica Neue; --ds-ingress-sm-font-weight: 400; --ds-ingress-sm-line-height: 1.7; --ds-ingress-sm-font-size: 1.3125rem; --ds-ingress-sm-letter-spacing: 0.25%; - --ds-ingress-xs-font-family: Helvetica Neue; --ds-ingress-xs-font-weight: 400; --ds-ingress-xs-line-height: 1.7; --ds-ingress-xs-font-size: 1.125rem; --ds-ingress-xs-letter-spacing: 0.15%; - --ds-paragraph-lg-font-family: Helvetica Neue; --ds-paragraph-lg-font-weight: 400; --ds-paragraph-lg-line-height: 1.5; --ds-paragraph-lg-font-size: 1.3125rem; --ds-paragraph-lg-letter-spacing: 0.5%; - --ds-paragraph-md-font-family: Helvetica Neue; --ds-paragraph-md-font-weight: 400; --ds-paragraph-md-line-height: 1.5; --ds-paragraph-md-font-size: 1.125rem; --ds-paragraph-md-letter-spacing: 0.5%; - --ds-paragraph-sm-font-family: Helvetica Neue; --ds-paragraph-sm-font-weight: 400; --ds-paragraph-sm-line-height: 1.5; --ds-paragraph-sm-font-size: 1rem; --ds-paragraph-sm-letter-spacing: 0.25%; - --ds-paragraph-xs-font-family: Helvetica Neue; --ds-paragraph-xs-font-weight: 400; --ds-paragraph-xs-line-height: 1.5; --ds-paragraph-xs-font-size: 0.875rem; --ds-paragraph-xs-letter-spacing: 0.15%; - --ds-paragraph-short-lg-font-family: Helvetica Neue; --ds-paragraph-short-lg-font-weight: 400; --ds-paragraph-short-lg-line-height: 1.3; --ds-paragraph-short-lg-font-size: 1.3125rem; --ds-paragraph-short-lg-letter-spacing: 0.5%; - --ds-paragraph-short-md-font-family: Helvetica Neue; --ds-paragraph-short-md-font-weight: 400; --ds-paragraph-short-md-line-height: 1.3; --ds-paragraph-short-md-font-size: 1.125rem; --ds-paragraph-short-md-letter-spacing: 0.5%; - --ds-paragraph-short-sm-font-family: Helvetica Neue; --ds-paragraph-short-sm-font-weight: 400; --ds-paragraph-short-sm-line-height: 1.3; --ds-paragraph-short-sm-font-size: 1rem; --ds-paragraph-short-sm-letter-spacing: 0.25%; - --ds-paragraph-short-xs-font-family: Helvetica Neue; --ds-paragraph-short-xs-font-weight: 400; --ds-paragraph-short-xs-line-height: 1.3; --ds-paragraph-short-xs-font-size: 0.875rem; --ds-paragraph-short-xs-letter-spacing: 0.15%; - --ds-paragraph-long-lg-font-family: Helvetica Neue; --ds-paragraph-long-lg-font-weight: 400; --ds-paragraph-long-lg-line-height: 1.7; --ds-paragraph-long-lg-font-size: 1.3125rem; --ds-paragraph-long-lg-letter-spacing: 0.5%; - --ds-paragraph-long-md-font-family: Helvetica Neue; --ds-paragraph-long-md-font-weight: 400; --ds-paragraph-long-md-line-height: 1.7; --ds-paragraph-long-md-font-size: 1.125rem; --ds-paragraph-long-md-letter-spacing: 0.5%; - --ds-paragraph-long-sm-font-family: Helvetica Neue; --ds-paragraph-long-sm-font-weight: 400; --ds-paragraph-long-sm-line-height: 1.7; --ds-paragraph-long-sm-font-size: 1rem; --ds-paragraph-long-sm-letter-spacing: 0.25%; - --ds-paragraph-long-xs-font-family: Helvetica Neue; --ds-paragraph-long-xs-font-weight: 400; --ds-paragraph-long-xs-line-height: 1.7; --ds-paragraph-long-xs-font-size: 0.875rem; --ds-paragraph-long-xs-letter-spacing: 0.15%; - --ds-label-lg-font-family: Helvetica Neue; --ds-label-lg-font-weight: 500; --ds-label-lg-line-height: 1.3; --ds-label-lg-font-size: 1.3125rem; --ds-label-lg-letter-spacing: 0.5%; - --ds-label-md-font-family: Helvetica Neue; --ds-label-md-font-weight: 500; --ds-label-md-line-height: 1.3; --ds-label-md-font-size: 1.125rem; --ds-label-md-letter-spacing: 0.5%; - --ds-label-sm-font-family: Helvetica Neue; --ds-label-sm-font-weight: 500; --ds-label-sm-line-height: 1.3; --ds-label-sm-font-size: 1rem; --ds-label-sm-letter-spacing: 0.25%; - --ds-label-xs-font-family: Helvetica Neue; --ds-label-xs-font-weight: 500; --ds-label-xs-line-height: 1.3; --ds-label-xs-font-size: 0.875rem; --ds-label-xs-letter-spacing: 0.15%; - --ds-error_message-lg-font-family: Helvetica Neue; --ds-error_message-lg-font-weight: 400; --ds-error_message-lg-line-height: 1.3; --ds-error_message-lg-font-size: 1.3125rem; --ds-error_message-lg-letter-spacing: 0.5%; - --ds-error_message-md-font-family: Helvetica Neue; --ds-error_message-md-font-weight: 400; --ds-error_message-md-line-height: 1.3; --ds-error_message-md-font-size: 1.125rem; --ds-error_message-md-letter-spacing: 0.5%; - --ds-error_message-sm-font-family: Helvetica Neue; --ds-error_message-sm-font-weight: 400; --ds-error_message-sm-line-height: 1.3; --ds-error_message-sm-font-size: 1rem; --ds-error_message-sm-letter-spacing: 0.25%; - --ds-error_message-xs-font-family: Helvetica Neue; --ds-error_message-xs-font-weight: 400; --ds-error_message-xs-line-height: 1.3; --ds-error_message-xs-font-size: 0.875rem; diff --git a/packages/theme/brand/altinn/typography/primary.css b/packages/theme/brand/altinn/typography/primary.css index 892f2c02fa..677ff6c267 100644 --- a/packages/theme/brand/altinn/typography/primary.css +++ b/packages/theme/brand/altinn/typography/primary.css @@ -8,157 +8,126 @@ --ds-font-weight-medium: 500; --ds-font-weight-semibold: 700; --ds-font-weight-regular: 400; - --ds-heading-2xl-font-family: Helvetica Neue; --ds-heading-2xl-font-weight: 500; --ds-heading-2xl-line-height: 1.3; --ds-heading-2xl-font-size: 3.75rem; --ds-heading-2xl-letter-spacing: -1%; - --ds-heading-xl-font-family: Helvetica Neue; --ds-heading-xl-font-weight: 500; --ds-heading-xl-line-height: 1.3; --ds-heading-xl-font-size: 3rem; --ds-heading-xl-letter-spacing: -1%; - --ds-heading-lg-font-family: Helvetica Neue; --ds-heading-lg-font-weight: 500; --ds-heading-lg-line-height: 1.3; --ds-heading-lg-font-size: 2.25rem; --ds-heading-lg-letter-spacing: -0.5%; - --ds-heading-md-font-family: Helvetica Neue; --ds-heading-md-font-weight: 500; --ds-heading-md-line-height: 1.3; --ds-heading-md-font-size: 1.875rem; --ds-heading-md-letter-spacing: -0.25%; - --ds-heading-sm-font-family: Helvetica Neue; --ds-heading-sm-font-weight: 500; --ds-heading-sm-line-height: 1.3; --ds-heading-sm-font-size: 1.5rem; --ds-heading-sm-letter-spacing: 0%; - --ds-heading-xs-font-family: Helvetica Neue; --ds-heading-xs-font-weight: 500; --ds-heading-xs-line-height: 1.3; --ds-heading-xs-font-size: 1.3125rem; --ds-heading-xs-letter-spacing: 0.15%; - --ds-heading-2xs-font-family: Helvetica Neue; --ds-heading-2xs-font-weight: 500; --ds-heading-2xs-line-height: 1.3; --ds-heading-2xs-font-size: 1.125rem; --ds-heading-2xs-letter-spacing: 0.15%; - --ds-ingress-lg-font-family: Helvetica Neue; --ds-ingress-lg-font-weight: 400; --ds-ingress-lg-line-height: 1.7; --ds-ingress-lg-font-size: 1.875rem; --ds-ingress-lg-letter-spacing: 0.5%; - --ds-ingress-md-font-family: Helvetica Neue; --ds-ingress-md-font-weight: 400; --ds-ingress-md-line-height: 1.7; --ds-ingress-md-font-size: 1.5rem; --ds-ingress-md-letter-spacing: 0.5%; - --ds-ingress-sm-font-family: Helvetica Neue; --ds-ingress-sm-font-weight: 400; --ds-ingress-sm-line-height: 1.7; --ds-ingress-sm-font-size: 1.3125rem; --ds-ingress-sm-letter-spacing: 0.25%; - --ds-ingress-xs-font-family: Helvetica Neue; --ds-ingress-xs-font-weight: 400; --ds-ingress-xs-line-height: 1.7; --ds-ingress-xs-font-size: 1.125rem; --ds-ingress-xs-letter-spacing: 0.15%; - --ds-paragraph-lg-font-family: Helvetica Neue; --ds-paragraph-lg-font-weight: 400; --ds-paragraph-lg-line-height: 1.5; --ds-paragraph-lg-font-size: 1.3125rem; --ds-paragraph-lg-letter-spacing: 0.5%; - --ds-paragraph-md-font-family: Helvetica Neue; --ds-paragraph-md-font-weight: 400; --ds-paragraph-md-line-height: 1.5; --ds-paragraph-md-font-size: 1.125rem; --ds-paragraph-md-letter-spacing: 0.5%; - --ds-paragraph-sm-font-family: Helvetica Neue; --ds-paragraph-sm-font-weight: 400; --ds-paragraph-sm-line-height: 1.5; --ds-paragraph-sm-font-size: 1rem; --ds-paragraph-sm-letter-spacing: 0.25%; - --ds-paragraph-xs-font-family: Helvetica Neue; --ds-paragraph-xs-font-weight: 400; --ds-paragraph-xs-line-height: 1.5; --ds-paragraph-xs-font-size: 0.875rem; --ds-paragraph-xs-letter-spacing: 0.15%; - --ds-paragraph-short-lg-font-family: Helvetica Neue; --ds-paragraph-short-lg-font-weight: 400; --ds-paragraph-short-lg-line-height: 1.3; --ds-paragraph-short-lg-font-size: 1.3125rem; --ds-paragraph-short-lg-letter-spacing: 0.5%; - --ds-paragraph-short-md-font-family: Helvetica Neue; --ds-paragraph-short-md-font-weight: 400; --ds-paragraph-short-md-line-height: 1.3; --ds-paragraph-short-md-font-size: 1.125rem; --ds-paragraph-short-md-letter-spacing: 0.5%; - --ds-paragraph-short-sm-font-family: Helvetica Neue; --ds-paragraph-short-sm-font-weight: 400; --ds-paragraph-short-sm-line-height: 1.3; --ds-paragraph-short-sm-font-size: 1rem; --ds-paragraph-short-sm-letter-spacing: 0.25%; - --ds-paragraph-short-xs-font-family: Helvetica Neue; --ds-paragraph-short-xs-font-weight: 400; --ds-paragraph-short-xs-line-height: 1.3; --ds-paragraph-short-xs-font-size: 0.875rem; --ds-paragraph-short-xs-letter-spacing: 0.15%; - --ds-paragraph-long-lg-font-family: Helvetica Neue; --ds-paragraph-long-lg-font-weight: 400; --ds-paragraph-long-lg-line-height: 1.7; --ds-paragraph-long-lg-font-size: 1.3125rem; --ds-paragraph-long-lg-letter-spacing: 0.5%; - --ds-paragraph-long-md-font-family: Helvetica Neue; --ds-paragraph-long-md-font-weight: 400; --ds-paragraph-long-md-line-height: 1.7; --ds-paragraph-long-md-font-size: 1.125rem; --ds-paragraph-long-md-letter-spacing: 0.5%; - --ds-paragraph-long-sm-font-family: Helvetica Neue; --ds-paragraph-long-sm-font-weight: 400; --ds-paragraph-long-sm-line-height: 1.7; --ds-paragraph-long-sm-font-size: 1rem; --ds-paragraph-long-sm-letter-spacing: 0.25%; - --ds-paragraph-long-xs-font-family: Helvetica Neue; --ds-paragraph-long-xs-font-weight: 400; --ds-paragraph-long-xs-line-height: 1.7; --ds-paragraph-long-xs-font-size: 0.875rem; --ds-paragraph-long-xs-letter-spacing: 0.15%; - --ds-label-lg-font-family: Helvetica Neue; --ds-label-lg-font-weight: 500; --ds-label-lg-line-height: 1.3; --ds-label-lg-font-size: 1.3125rem; --ds-label-lg-letter-spacing: 0.5%; - --ds-label-md-font-family: Helvetica Neue; --ds-label-md-font-weight: 500; --ds-label-md-line-height: 1.3; --ds-label-md-font-size: 1.125rem; --ds-label-md-letter-spacing: 0.5%; - --ds-label-sm-font-family: Helvetica Neue; --ds-label-sm-font-weight: 500; --ds-label-sm-line-height: 1.3; --ds-label-sm-font-size: 1rem; --ds-label-sm-letter-spacing: 0.25%; - --ds-label-xs-font-family: Helvetica Neue; --ds-label-xs-font-weight: 500; --ds-label-xs-line-height: 1.3; --ds-label-xs-font-size: 0.875rem; --ds-label-xs-letter-spacing: 0.15%; - --ds-error_message-lg-font-family: Helvetica Neue; --ds-error_message-lg-font-weight: 400; --ds-error_message-lg-line-height: 1.3; --ds-error_message-lg-font-size: 1.3125rem; --ds-error_message-lg-letter-spacing: 0.5%; - --ds-error_message-md-font-family: Helvetica Neue; --ds-error_message-md-font-weight: 400; --ds-error_message-md-line-height: 1.3; --ds-error_message-md-font-size: 1.125rem; --ds-error_message-md-letter-spacing: 0.5%; - --ds-error_message-sm-font-family: Helvetica Neue; --ds-error_message-sm-font-weight: 400; --ds-error_message-sm-line-height: 1.3; --ds-error_message-sm-font-size: 1rem; --ds-error_message-sm-letter-spacing: 0.25%; - --ds-error_message-xs-font-family: Helvetica Neue; --ds-error_message-xs-font-weight: 400; --ds-error_message-xs-line-height: 1.3; --ds-error_message-xs-font-size: 0.875rem; diff --git a/packages/theme/brand/altinn/typography/secondary.css b/packages/theme/brand/altinn/typography/secondary.css index 1db942b234..c738d6c785 100644 --- a/packages/theme/brand/altinn/typography/secondary.css +++ b/packages/theme/brand/altinn/typography/secondary.css @@ -8,157 +8,126 @@ --ds-font-weight-medium: 400; --ds-font-weight-semibold: 700; --ds-font-weight-regular: 400; - --ds-heading-2xl-font-family: IBM Plex Mono; --ds-heading-2xl-font-weight: 400; --ds-heading-2xl-line-height: 1.3; --ds-heading-2xl-font-size: 3.75rem; --ds-heading-2xl-letter-spacing: -1%; - --ds-heading-xl-font-family: IBM Plex Mono; --ds-heading-xl-font-weight: 400; --ds-heading-xl-line-height: 1.3; --ds-heading-xl-font-size: 3rem; --ds-heading-xl-letter-spacing: -1%; - --ds-heading-lg-font-family: IBM Plex Mono; --ds-heading-lg-font-weight: 400; --ds-heading-lg-line-height: 1.3; --ds-heading-lg-font-size: 2.25rem; --ds-heading-lg-letter-spacing: -0.5%; - --ds-heading-md-font-family: IBM Plex Mono; --ds-heading-md-font-weight: 400; --ds-heading-md-line-height: 1.3; --ds-heading-md-font-size: 1.875rem; --ds-heading-md-letter-spacing: -0.25%; - --ds-heading-sm-font-family: IBM Plex Mono; --ds-heading-sm-font-weight: 400; --ds-heading-sm-line-height: 1.3; --ds-heading-sm-font-size: 1.5rem; --ds-heading-sm-letter-spacing: 0%; - --ds-heading-xs-font-family: IBM Plex Mono; --ds-heading-xs-font-weight: 400; --ds-heading-xs-line-height: 1.3; --ds-heading-xs-font-size: 1.3125rem; --ds-heading-xs-letter-spacing: 0.15%; - --ds-heading-2xs-font-family: IBM Plex Mono; --ds-heading-2xs-font-weight: 400; --ds-heading-2xs-line-height: 1.3; --ds-heading-2xs-font-size: 1.125rem; --ds-heading-2xs-letter-spacing: 0.15%; - --ds-ingress-lg-font-family: IBM Plex Mono; --ds-ingress-lg-font-weight: 400; --ds-ingress-lg-line-height: 1.7; --ds-ingress-lg-font-size: 1.875rem; --ds-ingress-lg-letter-spacing: 0.5%; - --ds-ingress-md-font-family: IBM Plex Mono; --ds-ingress-md-font-weight: 400; --ds-ingress-md-line-height: 1.7; --ds-ingress-md-font-size: 1.5rem; --ds-ingress-md-letter-spacing: 0.5%; - --ds-ingress-sm-font-family: IBM Plex Mono; --ds-ingress-sm-font-weight: 400; --ds-ingress-sm-line-height: 1.7; --ds-ingress-sm-font-size: 1.3125rem; --ds-ingress-sm-letter-spacing: 0.25%; - --ds-ingress-xs-font-family: IBM Plex Mono; --ds-ingress-xs-font-weight: 400; --ds-ingress-xs-line-height: 1.7; --ds-ingress-xs-font-size: 1.125rem; --ds-ingress-xs-letter-spacing: 0.15%; - --ds-paragraph-lg-font-family: IBM Plex Mono; --ds-paragraph-lg-font-weight: 400; --ds-paragraph-lg-line-height: 1.5; --ds-paragraph-lg-font-size: 1.3125rem; --ds-paragraph-lg-letter-spacing: 0.5%; - --ds-paragraph-md-font-family: IBM Plex Mono; --ds-paragraph-md-font-weight: 400; --ds-paragraph-md-line-height: 1.5; --ds-paragraph-md-font-size: 1.125rem; --ds-paragraph-md-letter-spacing: 0.5%; - --ds-paragraph-sm-font-family: IBM Plex Mono; --ds-paragraph-sm-font-weight: 400; --ds-paragraph-sm-line-height: 1.5; --ds-paragraph-sm-font-size: 1rem; --ds-paragraph-sm-letter-spacing: 0.25%; - --ds-paragraph-xs-font-family: IBM Plex Mono; --ds-paragraph-xs-font-weight: 400; --ds-paragraph-xs-line-height: 1.5; --ds-paragraph-xs-font-size: 0.875rem; --ds-paragraph-xs-letter-spacing: 0.15%; - --ds-paragraph-short-lg-font-family: IBM Plex Mono; --ds-paragraph-short-lg-font-weight: 400; --ds-paragraph-short-lg-line-height: 1.3; --ds-paragraph-short-lg-font-size: 1.3125rem; --ds-paragraph-short-lg-letter-spacing: 0.5%; - --ds-paragraph-short-md-font-family: IBM Plex Mono; --ds-paragraph-short-md-font-weight: 400; --ds-paragraph-short-md-line-height: 1.3; --ds-paragraph-short-md-font-size: 1.125rem; --ds-paragraph-short-md-letter-spacing: 0.5%; - --ds-paragraph-short-sm-font-family: IBM Plex Mono; --ds-paragraph-short-sm-font-weight: 400; --ds-paragraph-short-sm-line-height: 1.3; --ds-paragraph-short-sm-font-size: 1rem; --ds-paragraph-short-sm-letter-spacing: 0.25%; - --ds-paragraph-short-xs-font-family: IBM Plex Mono; --ds-paragraph-short-xs-font-weight: 400; --ds-paragraph-short-xs-line-height: 1.3; --ds-paragraph-short-xs-font-size: 0.875rem; --ds-paragraph-short-xs-letter-spacing: 0.15%; - --ds-paragraph-long-lg-font-family: IBM Plex Mono; --ds-paragraph-long-lg-font-weight: 400; --ds-paragraph-long-lg-line-height: 1.7; --ds-paragraph-long-lg-font-size: 1.3125rem; --ds-paragraph-long-lg-letter-spacing: 0.5%; - --ds-paragraph-long-md-font-family: IBM Plex Mono; --ds-paragraph-long-md-font-weight: 400; --ds-paragraph-long-md-line-height: 1.7; --ds-paragraph-long-md-font-size: 1.125rem; --ds-paragraph-long-md-letter-spacing: 0.5%; - --ds-paragraph-long-sm-font-family: IBM Plex Mono; --ds-paragraph-long-sm-font-weight: 400; --ds-paragraph-long-sm-line-height: 1.7; --ds-paragraph-long-sm-font-size: 1rem; --ds-paragraph-long-sm-letter-spacing: 0.25%; - --ds-paragraph-long-xs-font-family: IBM Plex Mono; --ds-paragraph-long-xs-font-weight: 400; --ds-paragraph-long-xs-line-height: 1.7; --ds-paragraph-long-xs-font-size: 0.875rem; --ds-paragraph-long-xs-letter-spacing: 0.15%; - --ds-label-lg-font-family: IBM Plex Mono; --ds-label-lg-font-weight: 400; --ds-label-lg-line-height: 1.3; --ds-label-lg-font-size: 1.3125rem; --ds-label-lg-letter-spacing: 0.5%; - --ds-label-md-font-family: IBM Plex Mono; --ds-label-md-font-weight: 400; --ds-label-md-line-height: 1.3; --ds-label-md-font-size: 1.125rem; --ds-label-md-letter-spacing: 0.5%; - --ds-label-sm-font-family: IBM Plex Mono; --ds-label-sm-font-weight: 400; --ds-label-sm-line-height: 1.3; --ds-label-sm-font-size: 1rem; --ds-label-sm-letter-spacing: 0.25%; - --ds-label-xs-font-family: IBM Plex Mono; --ds-label-xs-font-weight: 400; --ds-label-xs-line-height: 1.3; --ds-label-xs-font-size: 0.875rem; --ds-label-xs-letter-spacing: 0.15%; - --ds-error_message-lg-font-family: IBM Plex Mono; --ds-error_message-lg-font-weight: 400; --ds-error_message-lg-line-height: 1.3; --ds-error_message-lg-font-size: 1.3125rem; --ds-error_message-lg-letter-spacing: 0.5%; - --ds-error_message-md-font-family: IBM Plex Mono; --ds-error_message-md-font-weight: 400; --ds-error_message-md-line-height: 1.3; --ds-error_message-md-font-size: 1.125rem; --ds-error_message-md-letter-spacing: 0.5%; - --ds-error_message-sm-font-family: IBM Plex Mono; --ds-error_message-sm-font-weight: 400; --ds-error_message-sm-line-height: 1.3; --ds-error_message-sm-font-size: 1rem; --ds-error_message-sm-letter-spacing: 0.25%; - --ds-error_message-xs-font-family: IBM Plex Mono; --ds-error_message-xs-font-weight: 400; --ds-error_message-xs-line-height: 1.3; --ds-error_message-xs-font-size: 0.875rem; diff --git a/packages/theme/brand/digdir.css b/packages/theme/brand/digdir.css index 1aa99db6ca..8e02aa07dd 100644 --- a/packages/theme/brand/digdir.css +++ b/packages/theme/brand/digdir.css @@ -636,157 +636,126 @@ --ds-font-weight-medium: 500; --ds-font-weight-semibold: 600; --ds-font-weight-regular: 400; - --ds-heading-2xl-font-family: IBM Plex Mono; --ds-heading-2xl-font-weight: 500; --ds-heading-2xl-line-height: 1.3; --ds-heading-2xl-font-size: 3.75rem; --ds-heading-2xl-letter-spacing: -1%; - --ds-heading-xl-font-family: IBM Plex Mono; --ds-heading-xl-font-weight: 500; --ds-heading-xl-line-height: 1.3; --ds-heading-xl-font-size: 3rem; --ds-heading-xl-letter-spacing: -1%; - --ds-heading-lg-font-family: IBM Plex Mono; --ds-heading-lg-font-weight: 500; --ds-heading-lg-line-height: 1.3; --ds-heading-lg-font-size: 2.25rem; --ds-heading-lg-letter-spacing: -0.5%; - --ds-heading-md-font-family: IBM Plex Mono; --ds-heading-md-font-weight: 500; --ds-heading-md-line-height: 1.3; --ds-heading-md-font-size: 1.875rem; --ds-heading-md-letter-spacing: -0.25%; - --ds-heading-sm-font-family: IBM Plex Mono; --ds-heading-sm-font-weight: 500; --ds-heading-sm-line-height: 1.3; --ds-heading-sm-font-size: 1.5rem; --ds-heading-sm-letter-spacing: 0%; - --ds-heading-xs-font-family: IBM Plex Mono; --ds-heading-xs-font-weight: 500; --ds-heading-xs-line-height: 1.3; --ds-heading-xs-font-size: 1.3125rem; --ds-heading-xs-letter-spacing: 0.15%; - --ds-heading-2xs-font-family: IBM Plex Mono; --ds-heading-2xs-font-weight: 500; --ds-heading-2xs-line-height: 1.3; --ds-heading-2xs-font-size: 1.125rem; --ds-heading-2xs-letter-spacing: 0.15%; - --ds-ingress-lg-font-family: IBM Plex Mono; --ds-ingress-lg-font-weight: 400; --ds-ingress-lg-line-height: 1.7; --ds-ingress-lg-font-size: 1.875rem; --ds-ingress-lg-letter-spacing: 0.5%; - --ds-ingress-md-font-family: IBM Plex Mono; --ds-ingress-md-font-weight: 400; --ds-ingress-md-line-height: 1.7; --ds-ingress-md-font-size: 1.5rem; --ds-ingress-md-letter-spacing: 0.5%; - --ds-ingress-sm-font-family: IBM Plex Mono; --ds-ingress-sm-font-weight: 400; --ds-ingress-sm-line-height: 1.7; --ds-ingress-sm-font-size: 1.3125rem; --ds-ingress-sm-letter-spacing: 0.25%; - --ds-ingress-xs-font-family: IBM Plex Mono; --ds-ingress-xs-font-weight: 400; --ds-ingress-xs-line-height: 1.7; --ds-ingress-xs-font-size: 1.125rem; --ds-ingress-xs-letter-spacing: 0.15%; - --ds-paragraph-lg-font-family: IBM Plex Mono; --ds-paragraph-lg-font-weight: 400; --ds-paragraph-lg-line-height: 1.5; --ds-paragraph-lg-font-size: 1.3125rem; --ds-paragraph-lg-letter-spacing: 0.5%; - --ds-paragraph-md-font-family: IBM Plex Mono; --ds-paragraph-md-font-weight: 400; --ds-paragraph-md-line-height: 1.5; --ds-paragraph-md-font-size: 1.125rem; --ds-paragraph-md-letter-spacing: 0.5%; - --ds-paragraph-sm-font-family: IBM Plex Mono; --ds-paragraph-sm-font-weight: 400; --ds-paragraph-sm-line-height: 1.5; --ds-paragraph-sm-font-size: 1rem; --ds-paragraph-sm-letter-spacing: 0.25%; - --ds-paragraph-xs-font-family: IBM Plex Mono; --ds-paragraph-xs-font-weight: 400; --ds-paragraph-xs-line-height: 1.5; --ds-paragraph-xs-font-size: 0.875rem; --ds-paragraph-xs-letter-spacing: 0.15%; - --ds-paragraph-short-lg-font-family: IBM Plex Mono; --ds-paragraph-short-lg-font-weight: 400; --ds-paragraph-short-lg-line-height: 1.3; --ds-paragraph-short-lg-font-size: 1.3125rem; --ds-paragraph-short-lg-letter-spacing: 0.5%; - --ds-paragraph-short-md-font-family: IBM Plex Mono; --ds-paragraph-short-md-font-weight: 400; --ds-paragraph-short-md-line-height: 1.3; --ds-paragraph-short-md-font-size: 1.125rem; --ds-paragraph-short-md-letter-spacing: 0.5%; - --ds-paragraph-short-sm-font-family: IBM Plex Mono; --ds-paragraph-short-sm-font-weight: 400; --ds-paragraph-short-sm-line-height: 1.3; --ds-paragraph-short-sm-font-size: 1rem; --ds-paragraph-short-sm-letter-spacing: 0.25%; - --ds-paragraph-short-xs-font-family: IBM Plex Mono; --ds-paragraph-short-xs-font-weight: 400; --ds-paragraph-short-xs-line-height: 1.3; --ds-paragraph-short-xs-font-size: 0.875rem; --ds-paragraph-short-xs-letter-spacing: 0.15%; - --ds-paragraph-long-lg-font-family: IBM Plex Mono; --ds-paragraph-long-lg-font-weight: 400; --ds-paragraph-long-lg-line-height: 1.7; --ds-paragraph-long-lg-font-size: 1.3125rem; --ds-paragraph-long-lg-letter-spacing: 0.5%; - --ds-paragraph-long-md-font-family: IBM Plex Mono; --ds-paragraph-long-md-font-weight: 400; --ds-paragraph-long-md-line-height: 1.7; --ds-paragraph-long-md-font-size: 1.125rem; --ds-paragraph-long-md-letter-spacing: 0.5%; - --ds-paragraph-long-sm-font-family: IBM Plex Mono; --ds-paragraph-long-sm-font-weight: 400; --ds-paragraph-long-sm-line-height: 1.7; --ds-paragraph-long-sm-font-size: 1rem; --ds-paragraph-long-sm-letter-spacing: 0.25%; - --ds-paragraph-long-xs-font-family: IBM Plex Mono; --ds-paragraph-long-xs-font-weight: 400; --ds-paragraph-long-xs-line-height: 1.7; --ds-paragraph-long-xs-font-size: 0.875rem; --ds-paragraph-long-xs-letter-spacing: 0.15%; - --ds-label-lg-font-family: IBM Plex Mono; --ds-label-lg-font-weight: 500; --ds-label-lg-line-height: 1.3; --ds-label-lg-font-size: 1.3125rem; --ds-label-lg-letter-spacing: 0.5%; - --ds-label-md-font-family: IBM Plex Mono; --ds-label-md-font-weight: 500; --ds-label-md-line-height: 1.3; --ds-label-md-font-size: 1.125rem; --ds-label-md-letter-spacing: 0.5%; - --ds-label-sm-font-family: IBM Plex Mono; --ds-label-sm-font-weight: 500; --ds-label-sm-line-height: 1.3; --ds-label-sm-font-size: 1rem; --ds-label-sm-letter-spacing: 0.25%; - --ds-label-xs-font-family: IBM Plex Mono; --ds-label-xs-font-weight: 500; --ds-label-xs-line-height: 1.3; --ds-label-xs-font-size: 0.875rem; --ds-label-xs-letter-spacing: 0.15%; - --ds-error_message-lg-font-family: IBM Plex Mono; --ds-error_message-lg-font-weight: 400; --ds-error_message-lg-line-height: 1.3; --ds-error_message-lg-font-size: 1.3125rem; --ds-error_message-lg-letter-spacing: 0.5%; - --ds-error_message-md-font-family: IBM Plex Mono; --ds-error_message-md-font-weight: 400; --ds-error_message-md-line-height: 1.3; --ds-error_message-md-font-size: 1.125rem; --ds-error_message-md-letter-spacing: 0.5%; - --ds-error_message-sm-font-family: IBM Plex Mono; --ds-error_message-sm-font-weight: 400; --ds-error_message-sm-line-height: 1.3; --ds-error_message-sm-font-size: 1rem; --ds-error_message-sm-letter-spacing: 0.25%; - --ds-error_message-xs-font-family: IBM Plex Mono; --ds-error_message-xs-font-weight: 400; --ds-error_message-xs-line-height: 1.3; --ds-error_message-xs-font-size: 0.875rem; @@ -1550,157 +1519,126 @@ --ds-font-weight-medium: 500; --ds-font-weight-semibold: 600; --ds-font-weight-regular: 400; - --ds-heading-2xl-font-family: Inter; --ds-heading-2xl-font-weight: 500; --ds-heading-2xl-line-height: 1.3; --ds-heading-2xl-font-size: 3.75rem; --ds-heading-2xl-letter-spacing: -1%; - --ds-heading-xl-font-family: Inter; --ds-heading-xl-font-weight: 500; --ds-heading-xl-line-height: 1.3; --ds-heading-xl-font-size: 3rem; --ds-heading-xl-letter-spacing: -1%; - --ds-heading-lg-font-family: Inter; --ds-heading-lg-font-weight: 500; --ds-heading-lg-line-height: 1.3; --ds-heading-lg-font-size: 2.25rem; --ds-heading-lg-letter-spacing: -0.5%; - --ds-heading-md-font-family: Inter; --ds-heading-md-font-weight: 500; --ds-heading-md-line-height: 1.3; --ds-heading-md-font-size: 1.875rem; --ds-heading-md-letter-spacing: -0.25%; - --ds-heading-sm-font-family: Inter; --ds-heading-sm-font-weight: 500; --ds-heading-sm-line-height: 1.3; --ds-heading-sm-font-size: 1.5rem; --ds-heading-sm-letter-spacing: 0%; - --ds-heading-xs-font-family: Inter; --ds-heading-xs-font-weight: 500; --ds-heading-xs-line-height: 1.3; --ds-heading-xs-font-size: 1.3125rem; --ds-heading-xs-letter-spacing: 0.15%; - --ds-heading-2xs-font-family: Inter; --ds-heading-2xs-font-weight: 500; --ds-heading-2xs-line-height: 1.3; --ds-heading-2xs-font-size: 1.125rem; --ds-heading-2xs-letter-spacing: 0.15%; - --ds-ingress-lg-font-family: Inter; --ds-ingress-lg-font-weight: 400; --ds-ingress-lg-line-height: 1.7; --ds-ingress-lg-font-size: 1.875rem; --ds-ingress-lg-letter-spacing: 0.5%; - --ds-ingress-md-font-family: Inter; --ds-ingress-md-font-weight: 400; --ds-ingress-md-line-height: 1.7; --ds-ingress-md-font-size: 1.5rem; --ds-ingress-md-letter-spacing: 0.5%; - --ds-ingress-sm-font-family: Inter; --ds-ingress-sm-font-weight: 400; --ds-ingress-sm-line-height: 1.7; --ds-ingress-sm-font-size: 1.3125rem; --ds-ingress-sm-letter-spacing: 0.25%; - --ds-ingress-xs-font-family: Inter; --ds-ingress-xs-font-weight: 400; --ds-ingress-xs-line-height: 1.7; --ds-ingress-xs-font-size: 1.125rem; --ds-ingress-xs-letter-spacing: 0.15%; - --ds-paragraph-lg-font-family: Inter; --ds-paragraph-lg-font-weight: 400; --ds-paragraph-lg-line-height: 1.5; --ds-paragraph-lg-font-size: 1.3125rem; --ds-paragraph-lg-letter-spacing: 0.5%; - --ds-paragraph-md-font-family: Inter; --ds-paragraph-md-font-weight: 400; --ds-paragraph-md-line-height: 1.5; --ds-paragraph-md-font-size: 1.125rem; --ds-paragraph-md-letter-spacing: 0.5%; - --ds-paragraph-sm-font-family: Inter; --ds-paragraph-sm-font-weight: 400; --ds-paragraph-sm-line-height: 1.5; --ds-paragraph-sm-font-size: 1rem; --ds-paragraph-sm-letter-spacing: 0.25%; - --ds-paragraph-xs-font-family: Inter; --ds-paragraph-xs-font-weight: 400; --ds-paragraph-xs-line-height: 1.5; --ds-paragraph-xs-font-size: 0.875rem; --ds-paragraph-xs-letter-spacing: 0.15%; - --ds-paragraph-short-lg-font-family: Inter; --ds-paragraph-short-lg-font-weight: 400; --ds-paragraph-short-lg-line-height: 1.3; --ds-paragraph-short-lg-font-size: 1.3125rem; --ds-paragraph-short-lg-letter-spacing: 0.5%; - --ds-paragraph-short-md-font-family: Inter; --ds-paragraph-short-md-font-weight: 400; --ds-paragraph-short-md-line-height: 1.3; --ds-paragraph-short-md-font-size: 1.125rem; --ds-paragraph-short-md-letter-spacing: 0.5%; - --ds-paragraph-short-sm-font-family: Inter; --ds-paragraph-short-sm-font-weight: 400; --ds-paragraph-short-sm-line-height: 1.3; --ds-paragraph-short-sm-font-size: 1rem; --ds-paragraph-short-sm-letter-spacing: 0.25%; - --ds-paragraph-short-xs-font-family: Inter; --ds-paragraph-short-xs-font-weight: 400; --ds-paragraph-short-xs-line-height: 1.3; --ds-paragraph-short-xs-font-size: 0.875rem; --ds-paragraph-short-xs-letter-spacing: 0.15%; - --ds-paragraph-long-lg-font-family: Inter; --ds-paragraph-long-lg-font-weight: 400; --ds-paragraph-long-lg-line-height: 1.7; --ds-paragraph-long-lg-font-size: 1.3125rem; --ds-paragraph-long-lg-letter-spacing: 0.5%; - --ds-paragraph-long-md-font-family: Inter; --ds-paragraph-long-md-font-weight: 400; --ds-paragraph-long-md-line-height: 1.7; --ds-paragraph-long-md-font-size: 1.125rem; --ds-paragraph-long-md-letter-spacing: 0.5%; - --ds-paragraph-long-sm-font-family: Inter; --ds-paragraph-long-sm-font-weight: 400; --ds-paragraph-long-sm-line-height: 1.7; --ds-paragraph-long-sm-font-size: 1rem; --ds-paragraph-long-sm-letter-spacing: 0.25%; - --ds-paragraph-long-xs-font-family: Inter; --ds-paragraph-long-xs-font-weight: 400; --ds-paragraph-long-xs-line-height: 1.7; --ds-paragraph-long-xs-font-size: 0.875rem; --ds-paragraph-long-xs-letter-spacing: 0.15%; - --ds-label-lg-font-family: Inter; --ds-label-lg-font-weight: 500; --ds-label-lg-line-height: 1.3; --ds-label-lg-font-size: 1.3125rem; --ds-label-lg-letter-spacing: 0.5%; - --ds-label-md-font-family: Inter; --ds-label-md-font-weight: 500; --ds-label-md-line-height: 1.3; --ds-label-md-font-size: 1.125rem; --ds-label-md-letter-spacing: 0.5%; - --ds-label-sm-font-family: Inter; --ds-label-sm-font-weight: 500; --ds-label-sm-line-height: 1.3; --ds-label-sm-font-size: 1rem; --ds-label-sm-letter-spacing: 0.25%; - --ds-label-xs-font-family: Inter; --ds-label-xs-font-weight: 500; --ds-label-xs-line-height: 1.3; --ds-label-xs-font-size: 0.875rem; --ds-label-xs-letter-spacing: 0.15%; - --ds-error_message-lg-font-family: Inter; --ds-error_message-lg-font-weight: 400; --ds-error_message-lg-line-height: 1.3; --ds-error_message-lg-font-size: 1.3125rem; --ds-error_message-lg-letter-spacing: 0.5%; - --ds-error_message-md-font-family: Inter; --ds-error_message-md-font-weight: 400; --ds-error_message-md-line-height: 1.3; --ds-error_message-md-font-size: 1.125rem; --ds-error_message-md-letter-spacing: 0.5%; - --ds-error_message-sm-font-family: Inter; --ds-error_message-sm-font-weight: 400; --ds-error_message-sm-line-height: 1.3; --ds-error_message-sm-font-size: 1rem; --ds-error_message-sm-letter-spacing: 0.25%; - --ds-error_message-xs-font-family: Inter; --ds-error_message-xs-font-weight: 400; --ds-error_message-xs-line-height: 1.3; --ds-error_message-xs-font-size: 0.875rem; diff --git a/packages/theme/brand/digdir/typography/primary.css b/packages/theme/brand/digdir/typography/primary.css index 3d928bd395..43925c501f 100644 --- a/packages/theme/brand/digdir/typography/primary.css +++ b/packages/theme/brand/digdir/typography/primary.css @@ -8,157 +8,126 @@ --ds-font-weight-medium: 500; --ds-font-weight-semibold: 600; --ds-font-weight-regular: 400; - --ds-heading-2xl-font-family: Inter; --ds-heading-2xl-font-weight: 500; --ds-heading-2xl-line-height: 1.3; --ds-heading-2xl-font-size: 3.75rem; --ds-heading-2xl-letter-spacing: -1%; - --ds-heading-xl-font-family: Inter; --ds-heading-xl-font-weight: 500; --ds-heading-xl-line-height: 1.3; --ds-heading-xl-font-size: 3rem; --ds-heading-xl-letter-spacing: -1%; - --ds-heading-lg-font-family: Inter; --ds-heading-lg-font-weight: 500; --ds-heading-lg-line-height: 1.3; --ds-heading-lg-font-size: 2.25rem; --ds-heading-lg-letter-spacing: -0.5%; - --ds-heading-md-font-family: Inter; --ds-heading-md-font-weight: 500; --ds-heading-md-line-height: 1.3; --ds-heading-md-font-size: 1.875rem; --ds-heading-md-letter-spacing: -0.25%; - --ds-heading-sm-font-family: Inter; --ds-heading-sm-font-weight: 500; --ds-heading-sm-line-height: 1.3; --ds-heading-sm-font-size: 1.5rem; --ds-heading-sm-letter-spacing: 0%; - --ds-heading-xs-font-family: Inter; --ds-heading-xs-font-weight: 500; --ds-heading-xs-line-height: 1.3; --ds-heading-xs-font-size: 1.3125rem; --ds-heading-xs-letter-spacing: 0.15%; - --ds-heading-2xs-font-family: Inter; --ds-heading-2xs-font-weight: 500; --ds-heading-2xs-line-height: 1.3; --ds-heading-2xs-font-size: 1.125rem; --ds-heading-2xs-letter-spacing: 0.15%; - --ds-ingress-lg-font-family: Inter; --ds-ingress-lg-font-weight: 400; --ds-ingress-lg-line-height: 1.7; --ds-ingress-lg-font-size: 1.875rem; --ds-ingress-lg-letter-spacing: 0.5%; - --ds-ingress-md-font-family: Inter; --ds-ingress-md-font-weight: 400; --ds-ingress-md-line-height: 1.7; --ds-ingress-md-font-size: 1.5rem; --ds-ingress-md-letter-spacing: 0.5%; - --ds-ingress-sm-font-family: Inter; --ds-ingress-sm-font-weight: 400; --ds-ingress-sm-line-height: 1.7; --ds-ingress-sm-font-size: 1.3125rem; --ds-ingress-sm-letter-spacing: 0.25%; - --ds-ingress-xs-font-family: Inter; --ds-ingress-xs-font-weight: 400; --ds-ingress-xs-line-height: 1.7; --ds-ingress-xs-font-size: 1.125rem; --ds-ingress-xs-letter-spacing: 0.15%; - --ds-paragraph-lg-font-family: Inter; --ds-paragraph-lg-font-weight: 400; --ds-paragraph-lg-line-height: 1.5; --ds-paragraph-lg-font-size: 1.3125rem; --ds-paragraph-lg-letter-spacing: 0.5%; - --ds-paragraph-md-font-family: Inter; --ds-paragraph-md-font-weight: 400; --ds-paragraph-md-line-height: 1.5; --ds-paragraph-md-font-size: 1.125rem; --ds-paragraph-md-letter-spacing: 0.5%; - --ds-paragraph-sm-font-family: Inter; --ds-paragraph-sm-font-weight: 400; --ds-paragraph-sm-line-height: 1.5; --ds-paragraph-sm-font-size: 1rem; --ds-paragraph-sm-letter-spacing: 0.25%; - --ds-paragraph-xs-font-family: Inter; --ds-paragraph-xs-font-weight: 400; --ds-paragraph-xs-line-height: 1.5; --ds-paragraph-xs-font-size: 0.875rem; --ds-paragraph-xs-letter-spacing: 0.15%; - --ds-paragraph-short-lg-font-family: Inter; --ds-paragraph-short-lg-font-weight: 400; --ds-paragraph-short-lg-line-height: 1.3; --ds-paragraph-short-lg-font-size: 1.3125rem; --ds-paragraph-short-lg-letter-spacing: 0.5%; - --ds-paragraph-short-md-font-family: Inter; --ds-paragraph-short-md-font-weight: 400; --ds-paragraph-short-md-line-height: 1.3; --ds-paragraph-short-md-font-size: 1.125rem; --ds-paragraph-short-md-letter-spacing: 0.5%; - --ds-paragraph-short-sm-font-family: Inter; --ds-paragraph-short-sm-font-weight: 400; --ds-paragraph-short-sm-line-height: 1.3; --ds-paragraph-short-sm-font-size: 1rem; --ds-paragraph-short-sm-letter-spacing: 0.25%; - --ds-paragraph-short-xs-font-family: Inter; --ds-paragraph-short-xs-font-weight: 400; --ds-paragraph-short-xs-line-height: 1.3; --ds-paragraph-short-xs-font-size: 0.875rem; --ds-paragraph-short-xs-letter-spacing: 0.15%; - --ds-paragraph-long-lg-font-family: Inter; --ds-paragraph-long-lg-font-weight: 400; --ds-paragraph-long-lg-line-height: 1.7; --ds-paragraph-long-lg-font-size: 1.3125rem; --ds-paragraph-long-lg-letter-spacing: 0.5%; - --ds-paragraph-long-md-font-family: Inter; --ds-paragraph-long-md-font-weight: 400; --ds-paragraph-long-md-line-height: 1.7; --ds-paragraph-long-md-font-size: 1.125rem; --ds-paragraph-long-md-letter-spacing: 0.5%; - --ds-paragraph-long-sm-font-family: Inter; --ds-paragraph-long-sm-font-weight: 400; --ds-paragraph-long-sm-line-height: 1.7; --ds-paragraph-long-sm-font-size: 1rem; --ds-paragraph-long-sm-letter-spacing: 0.25%; - --ds-paragraph-long-xs-font-family: Inter; --ds-paragraph-long-xs-font-weight: 400; --ds-paragraph-long-xs-line-height: 1.7; --ds-paragraph-long-xs-font-size: 0.875rem; --ds-paragraph-long-xs-letter-spacing: 0.15%; - --ds-label-lg-font-family: Inter; --ds-label-lg-font-weight: 500; --ds-label-lg-line-height: 1.3; --ds-label-lg-font-size: 1.3125rem; --ds-label-lg-letter-spacing: 0.5%; - --ds-label-md-font-family: Inter; --ds-label-md-font-weight: 500; --ds-label-md-line-height: 1.3; --ds-label-md-font-size: 1.125rem; --ds-label-md-letter-spacing: 0.5%; - --ds-label-sm-font-family: Inter; --ds-label-sm-font-weight: 500; --ds-label-sm-line-height: 1.3; --ds-label-sm-font-size: 1rem; --ds-label-sm-letter-spacing: 0.25%; - --ds-label-xs-font-family: Inter; --ds-label-xs-font-weight: 500; --ds-label-xs-line-height: 1.3; --ds-label-xs-font-size: 0.875rem; --ds-label-xs-letter-spacing: 0.15%; - --ds-error_message-lg-font-family: Inter; --ds-error_message-lg-font-weight: 400; --ds-error_message-lg-line-height: 1.3; --ds-error_message-lg-font-size: 1.3125rem; --ds-error_message-lg-letter-spacing: 0.5%; - --ds-error_message-md-font-family: Inter; --ds-error_message-md-font-weight: 400; --ds-error_message-md-line-height: 1.3; --ds-error_message-md-font-size: 1.125rem; --ds-error_message-md-letter-spacing: 0.5%; - --ds-error_message-sm-font-family: Inter; --ds-error_message-sm-font-weight: 400; --ds-error_message-sm-line-height: 1.3; --ds-error_message-sm-font-size: 1rem; --ds-error_message-sm-letter-spacing: 0.25%; - --ds-error_message-xs-font-family: Inter; --ds-error_message-xs-font-weight: 400; --ds-error_message-xs-line-height: 1.3; --ds-error_message-xs-font-size: 0.875rem; diff --git a/packages/theme/brand/digdir/typography/secondary.css b/packages/theme/brand/digdir/typography/secondary.css index 991ef1841e..a2f03cf0f2 100644 --- a/packages/theme/brand/digdir/typography/secondary.css +++ b/packages/theme/brand/digdir/typography/secondary.css @@ -8,157 +8,126 @@ --ds-font-weight-medium: 500; --ds-font-weight-semibold: 600; --ds-font-weight-regular: 400; - --ds-heading-2xl-font-family: IBM Plex Mono; --ds-heading-2xl-font-weight: 500; --ds-heading-2xl-line-height: 1.3; --ds-heading-2xl-font-size: 3.75rem; --ds-heading-2xl-letter-spacing: -1%; - --ds-heading-xl-font-family: IBM Plex Mono; --ds-heading-xl-font-weight: 500; --ds-heading-xl-line-height: 1.3; --ds-heading-xl-font-size: 3rem; --ds-heading-xl-letter-spacing: -1%; - --ds-heading-lg-font-family: IBM Plex Mono; --ds-heading-lg-font-weight: 500; --ds-heading-lg-line-height: 1.3; --ds-heading-lg-font-size: 2.25rem; --ds-heading-lg-letter-spacing: -0.5%; - --ds-heading-md-font-family: IBM Plex Mono; --ds-heading-md-font-weight: 500; --ds-heading-md-line-height: 1.3; --ds-heading-md-font-size: 1.875rem; --ds-heading-md-letter-spacing: -0.25%; - --ds-heading-sm-font-family: IBM Plex Mono; --ds-heading-sm-font-weight: 500; --ds-heading-sm-line-height: 1.3; --ds-heading-sm-font-size: 1.5rem; --ds-heading-sm-letter-spacing: 0%; - --ds-heading-xs-font-family: IBM Plex Mono; --ds-heading-xs-font-weight: 500; --ds-heading-xs-line-height: 1.3; --ds-heading-xs-font-size: 1.3125rem; --ds-heading-xs-letter-spacing: 0.15%; - --ds-heading-2xs-font-family: IBM Plex Mono; --ds-heading-2xs-font-weight: 500; --ds-heading-2xs-line-height: 1.3; --ds-heading-2xs-font-size: 1.125rem; --ds-heading-2xs-letter-spacing: 0.15%; - --ds-ingress-lg-font-family: IBM Plex Mono; --ds-ingress-lg-font-weight: 400; --ds-ingress-lg-line-height: 1.7; --ds-ingress-lg-font-size: 1.875rem; --ds-ingress-lg-letter-spacing: 0.5%; - --ds-ingress-md-font-family: IBM Plex Mono; --ds-ingress-md-font-weight: 400; --ds-ingress-md-line-height: 1.7; --ds-ingress-md-font-size: 1.5rem; --ds-ingress-md-letter-spacing: 0.5%; - --ds-ingress-sm-font-family: IBM Plex Mono; --ds-ingress-sm-font-weight: 400; --ds-ingress-sm-line-height: 1.7; --ds-ingress-sm-font-size: 1.3125rem; --ds-ingress-sm-letter-spacing: 0.25%; - --ds-ingress-xs-font-family: IBM Plex Mono; --ds-ingress-xs-font-weight: 400; --ds-ingress-xs-line-height: 1.7; --ds-ingress-xs-font-size: 1.125rem; --ds-ingress-xs-letter-spacing: 0.15%; - --ds-paragraph-lg-font-family: IBM Plex Mono; --ds-paragraph-lg-font-weight: 400; --ds-paragraph-lg-line-height: 1.5; --ds-paragraph-lg-font-size: 1.3125rem; --ds-paragraph-lg-letter-spacing: 0.5%; - --ds-paragraph-md-font-family: IBM Plex Mono; --ds-paragraph-md-font-weight: 400; --ds-paragraph-md-line-height: 1.5; --ds-paragraph-md-font-size: 1.125rem; --ds-paragraph-md-letter-spacing: 0.5%; - --ds-paragraph-sm-font-family: IBM Plex Mono; --ds-paragraph-sm-font-weight: 400; --ds-paragraph-sm-line-height: 1.5; --ds-paragraph-sm-font-size: 1rem; --ds-paragraph-sm-letter-spacing: 0.25%; - --ds-paragraph-xs-font-family: IBM Plex Mono; --ds-paragraph-xs-font-weight: 400; --ds-paragraph-xs-line-height: 1.5; --ds-paragraph-xs-font-size: 0.875rem; --ds-paragraph-xs-letter-spacing: 0.15%; - --ds-paragraph-short-lg-font-family: IBM Plex Mono; --ds-paragraph-short-lg-font-weight: 400; --ds-paragraph-short-lg-line-height: 1.3; --ds-paragraph-short-lg-font-size: 1.3125rem; --ds-paragraph-short-lg-letter-spacing: 0.5%; - --ds-paragraph-short-md-font-family: IBM Plex Mono; --ds-paragraph-short-md-font-weight: 400; --ds-paragraph-short-md-line-height: 1.3; --ds-paragraph-short-md-font-size: 1.125rem; --ds-paragraph-short-md-letter-spacing: 0.5%; - --ds-paragraph-short-sm-font-family: IBM Plex Mono; --ds-paragraph-short-sm-font-weight: 400; --ds-paragraph-short-sm-line-height: 1.3; --ds-paragraph-short-sm-font-size: 1rem; --ds-paragraph-short-sm-letter-spacing: 0.25%; - --ds-paragraph-short-xs-font-family: IBM Plex Mono; --ds-paragraph-short-xs-font-weight: 400; --ds-paragraph-short-xs-line-height: 1.3; --ds-paragraph-short-xs-font-size: 0.875rem; --ds-paragraph-short-xs-letter-spacing: 0.15%; - --ds-paragraph-long-lg-font-family: IBM Plex Mono; --ds-paragraph-long-lg-font-weight: 400; --ds-paragraph-long-lg-line-height: 1.7; --ds-paragraph-long-lg-font-size: 1.3125rem; --ds-paragraph-long-lg-letter-spacing: 0.5%; - --ds-paragraph-long-md-font-family: IBM Plex Mono; --ds-paragraph-long-md-font-weight: 400; --ds-paragraph-long-md-line-height: 1.7; --ds-paragraph-long-md-font-size: 1.125rem; --ds-paragraph-long-md-letter-spacing: 0.5%; - --ds-paragraph-long-sm-font-family: IBM Plex Mono; --ds-paragraph-long-sm-font-weight: 400; --ds-paragraph-long-sm-line-height: 1.7; --ds-paragraph-long-sm-font-size: 1rem; --ds-paragraph-long-sm-letter-spacing: 0.25%; - --ds-paragraph-long-xs-font-family: IBM Plex Mono; --ds-paragraph-long-xs-font-weight: 400; --ds-paragraph-long-xs-line-height: 1.7; --ds-paragraph-long-xs-font-size: 0.875rem; --ds-paragraph-long-xs-letter-spacing: 0.15%; - --ds-label-lg-font-family: IBM Plex Mono; --ds-label-lg-font-weight: 500; --ds-label-lg-line-height: 1.3; --ds-label-lg-font-size: 1.3125rem; --ds-label-lg-letter-spacing: 0.5%; - --ds-label-md-font-family: IBM Plex Mono; --ds-label-md-font-weight: 500; --ds-label-md-line-height: 1.3; --ds-label-md-font-size: 1.125rem; --ds-label-md-letter-spacing: 0.5%; - --ds-label-sm-font-family: IBM Plex Mono; --ds-label-sm-font-weight: 500; --ds-label-sm-line-height: 1.3; --ds-label-sm-font-size: 1rem; --ds-label-sm-letter-spacing: 0.25%; - --ds-label-xs-font-family: IBM Plex Mono; --ds-label-xs-font-weight: 500; --ds-label-xs-line-height: 1.3; --ds-label-xs-font-size: 0.875rem; --ds-label-xs-letter-spacing: 0.15%; - --ds-error_message-lg-font-family: IBM Plex Mono; --ds-error_message-lg-font-weight: 400; --ds-error_message-lg-line-height: 1.3; --ds-error_message-lg-font-size: 1.3125rem; --ds-error_message-lg-letter-spacing: 0.5%; - --ds-error_message-md-font-family: IBM Plex Mono; --ds-error_message-md-font-weight: 400; --ds-error_message-md-line-height: 1.3; --ds-error_message-md-font-size: 1.125rem; --ds-error_message-md-letter-spacing: 0.5%; - --ds-error_message-sm-font-family: IBM Plex Mono; --ds-error_message-sm-font-weight: 400; --ds-error_message-sm-line-height: 1.3; --ds-error_message-sm-font-size: 1rem; --ds-error_message-sm-letter-spacing: 0.25%; - --ds-error_message-xs-font-family: IBM Plex Mono; --ds-error_message-xs-font-weight: 400; --ds-error_message-xs-line-height: 1.3; --ds-error_message-xs-font-size: 0.875rem; diff --git a/packages/theme/brand/portal.css b/packages/theme/brand/portal.css index 259d835f06..c61eca6958 100644 --- a/packages/theme/brand/portal.css +++ b/packages/theme/brand/portal.css @@ -636,157 +636,126 @@ --ds-font-weight-medium: 400; --ds-font-weight-semibold: 700; --ds-font-weight-regular: 400; - --ds-heading-2xl-font-family: IBM Plex Mono; --ds-heading-2xl-font-weight: 400; --ds-heading-2xl-line-height: 1.3; --ds-heading-2xl-font-size: 3.75rem; --ds-heading-2xl-letter-spacing: -1%; - --ds-heading-xl-font-family: IBM Plex Mono; --ds-heading-xl-font-weight: 400; --ds-heading-xl-line-height: 1.3; --ds-heading-xl-font-size: 3rem; --ds-heading-xl-letter-spacing: -1%; - --ds-heading-lg-font-family: IBM Plex Mono; --ds-heading-lg-font-weight: 400; --ds-heading-lg-line-height: 1.3; --ds-heading-lg-font-size: 2.25rem; --ds-heading-lg-letter-spacing: -0.5%; - --ds-heading-md-font-family: IBM Plex Mono; --ds-heading-md-font-weight: 400; --ds-heading-md-line-height: 1.3; --ds-heading-md-font-size: 1.875rem; --ds-heading-md-letter-spacing: -0.25%; - --ds-heading-sm-font-family: IBM Plex Mono; --ds-heading-sm-font-weight: 400; --ds-heading-sm-line-height: 1.3; --ds-heading-sm-font-size: 1.5rem; --ds-heading-sm-letter-spacing: 0%; - --ds-heading-xs-font-family: IBM Plex Mono; --ds-heading-xs-font-weight: 400; --ds-heading-xs-line-height: 1.3; --ds-heading-xs-font-size: 1.3125rem; --ds-heading-xs-letter-spacing: 0.15%; - --ds-heading-2xs-font-family: IBM Plex Mono; --ds-heading-2xs-font-weight: 400; --ds-heading-2xs-line-height: 1.3; --ds-heading-2xs-font-size: 1.125rem; --ds-heading-2xs-letter-spacing: 0.15%; - --ds-ingress-lg-font-family: IBM Plex Mono; --ds-ingress-lg-font-weight: 400; --ds-ingress-lg-line-height: 1.7; --ds-ingress-lg-font-size: 1.875rem; --ds-ingress-lg-letter-spacing: 0.5%; - --ds-ingress-md-font-family: IBM Plex Mono; --ds-ingress-md-font-weight: 400; --ds-ingress-md-line-height: 1.7; --ds-ingress-md-font-size: 1.5rem; --ds-ingress-md-letter-spacing: 0.5%; - --ds-ingress-sm-font-family: IBM Plex Mono; --ds-ingress-sm-font-weight: 400; --ds-ingress-sm-line-height: 1.7; --ds-ingress-sm-font-size: 1.3125rem; --ds-ingress-sm-letter-spacing: 0.25%; - --ds-ingress-xs-font-family: IBM Plex Mono; --ds-ingress-xs-font-weight: 400; --ds-ingress-xs-line-height: 1.7; --ds-ingress-xs-font-size: 1.125rem; --ds-ingress-xs-letter-spacing: 0.15%; - --ds-paragraph-lg-font-family: IBM Plex Mono; --ds-paragraph-lg-font-weight: 400; --ds-paragraph-lg-line-height: 1.5; --ds-paragraph-lg-font-size: 1.3125rem; --ds-paragraph-lg-letter-spacing: 0.5%; - --ds-paragraph-md-font-family: IBM Plex Mono; --ds-paragraph-md-font-weight: 400; --ds-paragraph-md-line-height: 1.5; --ds-paragraph-md-font-size: 1.125rem; --ds-paragraph-md-letter-spacing: 0.5%; - --ds-paragraph-sm-font-family: IBM Plex Mono; --ds-paragraph-sm-font-weight: 400; --ds-paragraph-sm-line-height: 1.5; --ds-paragraph-sm-font-size: 1rem; --ds-paragraph-sm-letter-spacing: 0.25%; - --ds-paragraph-xs-font-family: IBM Plex Mono; --ds-paragraph-xs-font-weight: 400; --ds-paragraph-xs-line-height: 1.5; --ds-paragraph-xs-font-size: 0.875rem; --ds-paragraph-xs-letter-spacing: 0.15%; - --ds-paragraph-short-lg-font-family: IBM Plex Mono; --ds-paragraph-short-lg-font-weight: 400; --ds-paragraph-short-lg-line-height: 1.3; --ds-paragraph-short-lg-font-size: 1.3125rem; --ds-paragraph-short-lg-letter-spacing: 0.5%; - --ds-paragraph-short-md-font-family: IBM Plex Mono; --ds-paragraph-short-md-font-weight: 400; --ds-paragraph-short-md-line-height: 1.3; --ds-paragraph-short-md-font-size: 1.125rem; --ds-paragraph-short-md-letter-spacing: 0.5%; - --ds-paragraph-short-sm-font-family: IBM Plex Mono; --ds-paragraph-short-sm-font-weight: 400; --ds-paragraph-short-sm-line-height: 1.3; --ds-paragraph-short-sm-font-size: 1rem; --ds-paragraph-short-sm-letter-spacing: 0.25%; - --ds-paragraph-short-xs-font-family: IBM Plex Mono; --ds-paragraph-short-xs-font-weight: 400; --ds-paragraph-short-xs-line-height: 1.3; --ds-paragraph-short-xs-font-size: 0.875rem; --ds-paragraph-short-xs-letter-spacing: 0.15%; - --ds-paragraph-long-lg-font-family: IBM Plex Mono; --ds-paragraph-long-lg-font-weight: 400; --ds-paragraph-long-lg-line-height: 1.7; --ds-paragraph-long-lg-font-size: 1.3125rem; --ds-paragraph-long-lg-letter-spacing: 0.5%; - --ds-paragraph-long-md-font-family: IBM Plex Mono; --ds-paragraph-long-md-font-weight: 400; --ds-paragraph-long-md-line-height: 1.7; --ds-paragraph-long-md-font-size: 1.125rem; --ds-paragraph-long-md-letter-spacing: 0.5%; - --ds-paragraph-long-sm-font-family: IBM Plex Mono; --ds-paragraph-long-sm-font-weight: 400; --ds-paragraph-long-sm-line-height: 1.7; --ds-paragraph-long-sm-font-size: 1rem; --ds-paragraph-long-sm-letter-spacing: 0.25%; - --ds-paragraph-long-xs-font-family: IBM Plex Mono; --ds-paragraph-long-xs-font-weight: 400; --ds-paragraph-long-xs-line-height: 1.7; --ds-paragraph-long-xs-font-size: 0.875rem; --ds-paragraph-long-xs-letter-spacing: 0.15%; - --ds-label-lg-font-family: IBM Plex Mono; --ds-label-lg-font-weight: 400; --ds-label-lg-line-height: 1.3; --ds-label-lg-font-size: 1.3125rem; --ds-label-lg-letter-spacing: 0.5%; - --ds-label-md-font-family: IBM Plex Mono; --ds-label-md-font-weight: 400; --ds-label-md-line-height: 1.3; --ds-label-md-font-size: 1.125rem; --ds-label-md-letter-spacing: 0.5%; - --ds-label-sm-font-family: IBM Plex Mono; --ds-label-sm-font-weight: 400; --ds-label-sm-line-height: 1.3; --ds-label-sm-font-size: 1rem; --ds-label-sm-letter-spacing: 0.25%; - --ds-label-xs-font-family: IBM Plex Mono; --ds-label-xs-font-weight: 400; --ds-label-xs-line-height: 1.3; --ds-label-xs-font-size: 0.875rem; --ds-label-xs-letter-spacing: 0.15%; - --ds-error_message-lg-font-family: IBM Plex Mono; --ds-error_message-lg-font-weight: 400; --ds-error_message-lg-line-height: 1.3; --ds-error_message-lg-font-size: 1.3125rem; --ds-error_message-lg-letter-spacing: 0.5%; - --ds-error_message-md-font-family: IBM Plex Mono; --ds-error_message-md-font-weight: 400; --ds-error_message-md-line-height: 1.3; --ds-error_message-md-font-size: 1.125rem; --ds-error_message-md-letter-spacing: 0.5%; - --ds-error_message-sm-font-family: IBM Plex Mono; --ds-error_message-sm-font-weight: 400; --ds-error_message-sm-line-height: 1.3; --ds-error_message-sm-font-size: 1rem; --ds-error_message-sm-letter-spacing: 0.25%; - --ds-error_message-xs-font-family: IBM Plex Mono; --ds-error_message-xs-font-weight: 400; --ds-error_message-xs-line-height: 1.3; --ds-error_message-xs-font-size: 0.875rem; @@ -1550,157 +1519,126 @@ --ds-font-weight-medium: 500; --ds-font-weight-semibold: 600; --ds-font-weight-regular: 400; - --ds-heading-2xl-font-family: Inter; --ds-heading-2xl-font-weight: 500; --ds-heading-2xl-line-height: 1.3; --ds-heading-2xl-font-size: 3.75rem; --ds-heading-2xl-letter-spacing: -1%; - --ds-heading-xl-font-family: Inter; --ds-heading-xl-font-weight: 500; --ds-heading-xl-line-height: 1.3; --ds-heading-xl-font-size: 3rem; --ds-heading-xl-letter-spacing: -1%; - --ds-heading-lg-font-family: Inter; --ds-heading-lg-font-weight: 500; --ds-heading-lg-line-height: 1.3; --ds-heading-lg-font-size: 2.25rem; --ds-heading-lg-letter-spacing: -0.5%; - --ds-heading-md-font-family: Inter; --ds-heading-md-font-weight: 500; --ds-heading-md-line-height: 1.3; --ds-heading-md-font-size: 1.875rem; --ds-heading-md-letter-spacing: -0.25%; - --ds-heading-sm-font-family: Inter; --ds-heading-sm-font-weight: 500; --ds-heading-sm-line-height: 1.3; --ds-heading-sm-font-size: 1.5rem; --ds-heading-sm-letter-spacing: 0%; - --ds-heading-xs-font-family: Inter; --ds-heading-xs-font-weight: 500; --ds-heading-xs-line-height: 1.3; --ds-heading-xs-font-size: 1.3125rem; --ds-heading-xs-letter-spacing: 0.15%; - --ds-heading-2xs-font-family: Inter; --ds-heading-2xs-font-weight: 500; --ds-heading-2xs-line-height: 1.3; --ds-heading-2xs-font-size: 1.125rem; --ds-heading-2xs-letter-spacing: 0.15%; - --ds-ingress-lg-font-family: Inter; --ds-ingress-lg-font-weight: 400; --ds-ingress-lg-line-height: 1.7; --ds-ingress-lg-font-size: 1.875rem; --ds-ingress-lg-letter-spacing: 0.5%; - --ds-ingress-md-font-family: Inter; --ds-ingress-md-font-weight: 400; --ds-ingress-md-line-height: 1.7; --ds-ingress-md-font-size: 1.5rem; --ds-ingress-md-letter-spacing: 0.5%; - --ds-ingress-sm-font-family: Inter; --ds-ingress-sm-font-weight: 400; --ds-ingress-sm-line-height: 1.7; --ds-ingress-sm-font-size: 1.3125rem; --ds-ingress-sm-letter-spacing: 0.25%; - --ds-ingress-xs-font-family: Inter; --ds-ingress-xs-font-weight: 400; --ds-ingress-xs-line-height: 1.7; --ds-ingress-xs-font-size: 1.125rem; --ds-ingress-xs-letter-spacing: 0.15%; - --ds-paragraph-lg-font-family: Inter; --ds-paragraph-lg-font-weight: 400; --ds-paragraph-lg-line-height: 1.5; --ds-paragraph-lg-font-size: 1.3125rem; --ds-paragraph-lg-letter-spacing: 0.5%; - --ds-paragraph-md-font-family: Inter; --ds-paragraph-md-font-weight: 400; --ds-paragraph-md-line-height: 1.5; --ds-paragraph-md-font-size: 1.125rem; --ds-paragraph-md-letter-spacing: 0.5%; - --ds-paragraph-sm-font-family: Inter; --ds-paragraph-sm-font-weight: 400; --ds-paragraph-sm-line-height: 1.5; --ds-paragraph-sm-font-size: 1rem; --ds-paragraph-sm-letter-spacing: 0.25%; - --ds-paragraph-xs-font-family: Inter; --ds-paragraph-xs-font-weight: 400; --ds-paragraph-xs-line-height: 1.5; --ds-paragraph-xs-font-size: 0.875rem; --ds-paragraph-xs-letter-spacing: 0.15%; - --ds-paragraph-short-lg-font-family: Inter; --ds-paragraph-short-lg-font-weight: 400; --ds-paragraph-short-lg-line-height: 1.3; --ds-paragraph-short-lg-font-size: 1.3125rem; --ds-paragraph-short-lg-letter-spacing: 0.5%; - --ds-paragraph-short-md-font-family: Inter; --ds-paragraph-short-md-font-weight: 400; --ds-paragraph-short-md-line-height: 1.3; --ds-paragraph-short-md-font-size: 1.125rem; --ds-paragraph-short-md-letter-spacing: 0.5%; - --ds-paragraph-short-sm-font-family: Inter; --ds-paragraph-short-sm-font-weight: 400; --ds-paragraph-short-sm-line-height: 1.3; --ds-paragraph-short-sm-font-size: 1rem; --ds-paragraph-short-sm-letter-spacing: 0.25%; - --ds-paragraph-short-xs-font-family: Inter; --ds-paragraph-short-xs-font-weight: 400; --ds-paragraph-short-xs-line-height: 1.3; --ds-paragraph-short-xs-font-size: 0.875rem; --ds-paragraph-short-xs-letter-spacing: 0.15%; - --ds-paragraph-long-lg-font-family: Inter; --ds-paragraph-long-lg-font-weight: 400; --ds-paragraph-long-lg-line-height: 1.7; --ds-paragraph-long-lg-font-size: 1.3125rem; --ds-paragraph-long-lg-letter-spacing: 0.5%; - --ds-paragraph-long-md-font-family: Inter; --ds-paragraph-long-md-font-weight: 400; --ds-paragraph-long-md-line-height: 1.7; --ds-paragraph-long-md-font-size: 1.125rem; --ds-paragraph-long-md-letter-spacing: 0.5%; - --ds-paragraph-long-sm-font-family: Inter; --ds-paragraph-long-sm-font-weight: 400; --ds-paragraph-long-sm-line-height: 1.7; --ds-paragraph-long-sm-font-size: 1rem; --ds-paragraph-long-sm-letter-spacing: 0.25%; - --ds-paragraph-long-xs-font-family: Inter; --ds-paragraph-long-xs-font-weight: 400; --ds-paragraph-long-xs-line-height: 1.7; --ds-paragraph-long-xs-font-size: 0.875rem; --ds-paragraph-long-xs-letter-spacing: 0.15%; - --ds-label-lg-font-family: Inter; --ds-label-lg-font-weight: 500; --ds-label-lg-line-height: 1.3; --ds-label-lg-font-size: 1.3125rem; --ds-label-lg-letter-spacing: 0.5%; - --ds-label-md-font-family: Inter; --ds-label-md-font-weight: 500; --ds-label-md-line-height: 1.3; --ds-label-md-font-size: 1.125rem; --ds-label-md-letter-spacing: 0.5%; - --ds-label-sm-font-family: Inter; --ds-label-sm-font-weight: 500; --ds-label-sm-line-height: 1.3; --ds-label-sm-font-size: 1rem; --ds-label-sm-letter-spacing: 0.25%; - --ds-label-xs-font-family: Inter; --ds-label-xs-font-weight: 500; --ds-label-xs-line-height: 1.3; --ds-label-xs-font-size: 0.875rem; --ds-label-xs-letter-spacing: 0.15%; - --ds-error_message-lg-font-family: Inter; --ds-error_message-lg-font-weight: 400; --ds-error_message-lg-line-height: 1.3; --ds-error_message-lg-font-size: 1.3125rem; --ds-error_message-lg-letter-spacing: 0.5%; - --ds-error_message-md-font-family: Inter; --ds-error_message-md-font-weight: 400; --ds-error_message-md-line-height: 1.3; --ds-error_message-md-font-size: 1.125rem; --ds-error_message-md-letter-spacing: 0.5%; - --ds-error_message-sm-font-family: Inter; --ds-error_message-sm-font-weight: 400; --ds-error_message-sm-line-height: 1.3; --ds-error_message-sm-font-size: 1rem; --ds-error_message-sm-letter-spacing: 0.25%; - --ds-error_message-xs-font-family: Inter; --ds-error_message-xs-font-weight: 400; --ds-error_message-xs-line-height: 1.3; --ds-error_message-xs-font-size: 0.875rem; diff --git a/packages/theme/brand/portal/typography/primary.css b/packages/theme/brand/portal/typography/primary.css index 3d928bd395..43925c501f 100644 --- a/packages/theme/brand/portal/typography/primary.css +++ b/packages/theme/brand/portal/typography/primary.css @@ -8,157 +8,126 @@ --ds-font-weight-medium: 500; --ds-font-weight-semibold: 600; --ds-font-weight-regular: 400; - --ds-heading-2xl-font-family: Inter; --ds-heading-2xl-font-weight: 500; --ds-heading-2xl-line-height: 1.3; --ds-heading-2xl-font-size: 3.75rem; --ds-heading-2xl-letter-spacing: -1%; - --ds-heading-xl-font-family: Inter; --ds-heading-xl-font-weight: 500; --ds-heading-xl-line-height: 1.3; --ds-heading-xl-font-size: 3rem; --ds-heading-xl-letter-spacing: -1%; - --ds-heading-lg-font-family: Inter; --ds-heading-lg-font-weight: 500; --ds-heading-lg-line-height: 1.3; --ds-heading-lg-font-size: 2.25rem; --ds-heading-lg-letter-spacing: -0.5%; - --ds-heading-md-font-family: Inter; --ds-heading-md-font-weight: 500; --ds-heading-md-line-height: 1.3; --ds-heading-md-font-size: 1.875rem; --ds-heading-md-letter-spacing: -0.25%; - --ds-heading-sm-font-family: Inter; --ds-heading-sm-font-weight: 500; --ds-heading-sm-line-height: 1.3; --ds-heading-sm-font-size: 1.5rem; --ds-heading-sm-letter-spacing: 0%; - --ds-heading-xs-font-family: Inter; --ds-heading-xs-font-weight: 500; --ds-heading-xs-line-height: 1.3; --ds-heading-xs-font-size: 1.3125rem; --ds-heading-xs-letter-spacing: 0.15%; - --ds-heading-2xs-font-family: Inter; --ds-heading-2xs-font-weight: 500; --ds-heading-2xs-line-height: 1.3; --ds-heading-2xs-font-size: 1.125rem; --ds-heading-2xs-letter-spacing: 0.15%; - --ds-ingress-lg-font-family: Inter; --ds-ingress-lg-font-weight: 400; --ds-ingress-lg-line-height: 1.7; --ds-ingress-lg-font-size: 1.875rem; --ds-ingress-lg-letter-spacing: 0.5%; - --ds-ingress-md-font-family: Inter; --ds-ingress-md-font-weight: 400; --ds-ingress-md-line-height: 1.7; --ds-ingress-md-font-size: 1.5rem; --ds-ingress-md-letter-spacing: 0.5%; - --ds-ingress-sm-font-family: Inter; --ds-ingress-sm-font-weight: 400; --ds-ingress-sm-line-height: 1.7; --ds-ingress-sm-font-size: 1.3125rem; --ds-ingress-sm-letter-spacing: 0.25%; - --ds-ingress-xs-font-family: Inter; --ds-ingress-xs-font-weight: 400; --ds-ingress-xs-line-height: 1.7; --ds-ingress-xs-font-size: 1.125rem; --ds-ingress-xs-letter-spacing: 0.15%; - --ds-paragraph-lg-font-family: Inter; --ds-paragraph-lg-font-weight: 400; --ds-paragraph-lg-line-height: 1.5; --ds-paragraph-lg-font-size: 1.3125rem; --ds-paragraph-lg-letter-spacing: 0.5%; - --ds-paragraph-md-font-family: Inter; --ds-paragraph-md-font-weight: 400; --ds-paragraph-md-line-height: 1.5; --ds-paragraph-md-font-size: 1.125rem; --ds-paragraph-md-letter-spacing: 0.5%; - --ds-paragraph-sm-font-family: Inter; --ds-paragraph-sm-font-weight: 400; --ds-paragraph-sm-line-height: 1.5; --ds-paragraph-sm-font-size: 1rem; --ds-paragraph-sm-letter-spacing: 0.25%; - --ds-paragraph-xs-font-family: Inter; --ds-paragraph-xs-font-weight: 400; --ds-paragraph-xs-line-height: 1.5; --ds-paragraph-xs-font-size: 0.875rem; --ds-paragraph-xs-letter-spacing: 0.15%; - --ds-paragraph-short-lg-font-family: Inter; --ds-paragraph-short-lg-font-weight: 400; --ds-paragraph-short-lg-line-height: 1.3; --ds-paragraph-short-lg-font-size: 1.3125rem; --ds-paragraph-short-lg-letter-spacing: 0.5%; - --ds-paragraph-short-md-font-family: Inter; --ds-paragraph-short-md-font-weight: 400; --ds-paragraph-short-md-line-height: 1.3; --ds-paragraph-short-md-font-size: 1.125rem; --ds-paragraph-short-md-letter-spacing: 0.5%; - --ds-paragraph-short-sm-font-family: Inter; --ds-paragraph-short-sm-font-weight: 400; --ds-paragraph-short-sm-line-height: 1.3; --ds-paragraph-short-sm-font-size: 1rem; --ds-paragraph-short-sm-letter-spacing: 0.25%; - --ds-paragraph-short-xs-font-family: Inter; --ds-paragraph-short-xs-font-weight: 400; --ds-paragraph-short-xs-line-height: 1.3; --ds-paragraph-short-xs-font-size: 0.875rem; --ds-paragraph-short-xs-letter-spacing: 0.15%; - --ds-paragraph-long-lg-font-family: Inter; --ds-paragraph-long-lg-font-weight: 400; --ds-paragraph-long-lg-line-height: 1.7; --ds-paragraph-long-lg-font-size: 1.3125rem; --ds-paragraph-long-lg-letter-spacing: 0.5%; - --ds-paragraph-long-md-font-family: Inter; --ds-paragraph-long-md-font-weight: 400; --ds-paragraph-long-md-line-height: 1.7; --ds-paragraph-long-md-font-size: 1.125rem; --ds-paragraph-long-md-letter-spacing: 0.5%; - --ds-paragraph-long-sm-font-family: Inter; --ds-paragraph-long-sm-font-weight: 400; --ds-paragraph-long-sm-line-height: 1.7; --ds-paragraph-long-sm-font-size: 1rem; --ds-paragraph-long-sm-letter-spacing: 0.25%; - --ds-paragraph-long-xs-font-family: Inter; --ds-paragraph-long-xs-font-weight: 400; --ds-paragraph-long-xs-line-height: 1.7; --ds-paragraph-long-xs-font-size: 0.875rem; --ds-paragraph-long-xs-letter-spacing: 0.15%; - --ds-label-lg-font-family: Inter; --ds-label-lg-font-weight: 500; --ds-label-lg-line-height: 1.3; --ds-label-lg-font-size: 1.3125rem; --ds-label-lg-letter-spacing: 0.5%; - --ds-label-md-font-family: Inter; --ds-label-md-font-weight: 500; --ds-label-md-line-height: 1.3; --ds-label-md-font-size: 1.125rem; --ds-label-md-letter-spacing: 0.5%; - --ds-label-sm-font-family: Inter; --ds-label-sm-font-weight: 500; --ds-label-sm-line-height: 1.3; --ds-label-sm-font-size: 1rem; --ds-label-sm-letter-spacing: 0.25%; - --ds-label-xs-font-family: Inter; --ds-label-xs-font-weight: 500; --ds-label-xs-line-height: 1.3; --ds-label-xs-font-size: 0.875rem; --ds-label-xs-letter-spacing: 0.15%; - --ds-error_message-lg-font-family: Inter; --ds-error_message-lg-font-weight: 400; --ds-error_message-lg-line-height: 1.3; --ds-error_message-lg-font-size: 1.3125rem; --ds-error_message-lg-letter-spacing: 0.5%; - --ds-error_message-md-font-family: Inter; --ds-error_message-md-font-weight: 400; --ds-error_message-md-line-height: 1.3; --ds-error_message-md-font-size: 1.125rem; --ds-error_message-md-letter-spacing: 0.5%; - --ds-error_message-sm-font-family: Inter; --ds-error_message-sm-font-weight: 400; --ds-error_message-sm-line-height: 1.3; --ds-error_message-sm-font-size: 1rem; --ds-error_message-sm-letter-spacing: 0.25%; - --ds-error_message-xs-font-family: Inter; --ds-error_message-xs-font-weight: 400; --ds-error_message-xs-line-height: 1.3; --ds-error_message-xs-font-size: 0.875rem; diff --git a/packages/theme/brand/portal/typography/secondary.css b/packages/theme/brand/portal/typography/secondary.css index 1db942b234..c738d6c785 100644 --- a/packages/theme/brand/portal/typography/secondary.css +++ b/packages/theme/brand/portal/typography/secondary.css @@ -8,157 +8,126 @@ --ds-font-weight-medium: 400; --ds-font-weight-semibold: 700; --ds-font-weight-regular: 400; - --ds-heading-2xl-font-family: IBM Plex Mono; --ds-heading-2xl-font-weight: 400; --ds-heading-2xl-line-height: 1.3; --ds-heading-2xl-font-size: 3.75rem; --ds-heading-2xl-letter-spacing: -1%; - --ds-heading-xl-font-family: IBM Plex Mono; --ds-heading-xl-font-weight: 400; --ds-heading-xl-line-height: 1.3; --ds-heading-xl-font-size: 3rem; --ds-heading-xl-letter-spacing: -1%; - --ds-heading-lg-font-family: IBM Plex Mono; --ds-heading-lg-font-weight: 400; --ds-heading-lg-line-height: 1.3; --ds-heading-lg-font-size: 2.25rem; --ds-heading-lg-letter-spacing: -0.5%; - --ds-heading-md-font-family: IBM Plex Mono; --ds-heading-md-font-weight: 400; --ds-heading-md-line-height: 1.3; --ds-heading-md-font-size: 1.875rem; --ds-heading-md-letter-spacing: -0.25%; - --ds-heading-sm-font-family: IBM Plex Mono; --ds-heading-sm-font-weight: 400; --ds-heading-sm-line-height: 1.3; --ds-heading-sm-font-size: 1.5rem; --ds-heading-sm-letter-spacing: 0%; - --ds-heading-xs-font-family: IBM Plex Mono; --ds-heading-xs-font-weight: 400; --ds-heading-xs-line-height: 1.3; --ds-heading-xs-font-size: 1.3125rem; --ds-heading-xs-letter-spacing: 0.15%; - --ds-heading-2xs-font-family: IBM Plex Mono; --ds-heading-2xs-font-weight: 400; --ds-heading-2xs-line-height: 1.3; --ds-heading-2xs-font-size: 1.125rem; --ds-heading-2xs-letter-spacing: 0.15%; - --ds-ingress-lg-font-family: IBM Plex Mono; --ds-ingress-lg-font-weight: 400; --ds-ingress-lg-line-height: 1.7; --ds-ingress-lg-font-size: 1.875rem; --ds-ingress-lg-letter-spacing: 0.5%; - --ds-ingress-md-font-family: IBM Plex Mono; --ds-ingress-md-font-weight: 400; --ds-ingress-md-line-height: 1.7; --ds-ingress-md-font-size: 1.5rem; --ds-ingress-md-letter-spacing: 0.5%; - --ds-ingress-sm-font-family: IBM Plex Mono; --ds-ingress-sm-font-weight: 400; --ds-ingress-sm-line-height: 1.7; --ds-ingress-sm-font-size: 1.3125rem; --ds-ingress-sm-letter-spacing: 0.25%; - --ds-ingress-xs-font-family: IBM Plex Mono; --ds-ingress-xs-font-weight: 400; --ds-ingress-xs-line-height: 1.7; --ds-ingress-xs-font-size: 1.125rem; --ds-ingress-xs-letter-spacing: 0.15%; - --ds-paragraph-lg-font-family: IBM Plex Mono; --ds-paragraph-lg-font-weight: 400; --ds-paragraph-lg-line-height: 1.5; --ds-paragraph-lg-font-size: 1.3125rem; --ds-paragraph-lg-letter-spacing: 0.5%; - --ds-paragraph-md-font-family: IBM Plex Mono; --ds-paragraph-md-font-weight: 400; --ds-paragraph-md-line-height: 1.5; --ds-paragraph-md-font-size: 1.125rem; --ds-paragraph-md-letter-spacing: 0.5%; - --ds-paragraph-sm-font-family: IBM Plex Mono; --ds-paragraph-sm-font-weight: 400; --ds-paragraph-sm-line-height: 1.5; --ds-paragraph-sm-font-size: 1rem; --ds-paragraph-sm-letter-spacing: 0.25%; - --ds-paragraph-xs-font-family: IBM Plex Mono; --ds-paragraph-xs-font-weight: 400; --ds-paragraph-xs-line-height: 1.5; --ds-paragraph-xs-font-size: 0.875rem; --ds-paragraph-xs-letter-spacing: 0.15%; - --ds-paragraph-short-lg-font-family: IBM Plex Mono; --ds-paragraph-short-lg-font-weight: 400; --ds-paragraph-short-lg-line-height: 1.3; --ds-paragraph-short-lg-font-size: 1.3125rem; --ds-paragraph-short-lg-letter-spacing: 0.5%; - --ds-paragraph-short-md-font-family: IBM Plex Mono; --ds-paragraph-short-md-font-weight: 400; --ds-paragraph-short-md-line-height: 1.3; --ds-paragraph-short-md-font-size: 1.125rem; --ds-paragraph-short-md-letter-spacing: 0.5%; - --ds-paragraph-short-sm-font-family: IBM Plex Mono; --ds-paragraph-short-sm-font-weight: 400; --ds-paragraph-short-sm-line-height: 1.3; --ds-paragraph-short-sm-font-size: 1rem; --ds-paragraph-short-sm-letter-spacing: 0.25%; - --ds-paragraph-short-xs-font-family: IBM Plex Mono; --ds-paragraph-short-xs-font-weight: 400; --ds-paragraph-short-xs-line-height: 1.3; --ds-paragraph-short-xs-font-size: 0.875rem; --ds-paragraph-short-xs-letter-spacing: 0.15%; - --ds-paragraph-long-lg-font-family: IBM Plex Mono; --ds-paragraph-long-lg-font-weight: 400; --ds-paragraph-long-lg-line-height: 1.7; --ds-paragraph-long-lg-font-size: 1.3125rem; --ds-paragraph-long-lg-letter-spacing: 0.5%; - --ds-paragraph-long-md-font-family: IBM Plex Mono; --ds-paragraph-long-md-font-weight: 400; --ds-paragraph-long-md-line-height: 1.7; --ds-paragraph-long-md-font-size: 1.125rem; --ds-paragraph-long-md-letter-spacing: 0.5%; - --ds-paragraph-long-sm-font-family: IBM Plex Mono; --ds-paragraph-long-sm-font-weight: 400; --ds-paragraph-long-sm-line-height: 1.7; --ds-paragraph-long-sm-font-size: 1rem; --ds-paragraph-long-sm-letter-spacing: 0.25%; - --ds-paragraph-long-xs-font-family: IBM Plex Mono; --ds-paragraph-long-xs-font-weight: 400; --ds-paragraph-long-xs-line-height: 1.7; --ds-paragraph-long-xs-font-size: 0.875rem; --ds-paragraph-long-xs-letter-spacing: 0.15%; - --ds-label-lg-font-family: IBM Plex Mono; --ds-label-lg-font-weight: 400; --ds-label-lg-line-height: 1.3; --ds-label-lg-font-size: 1.3125rem; --ds-label-lg-letter-spacing: 0.5%; - --ds-label-md-font-family: IBM Plex Mono; --ds-label-md-font-weight: 400; --ds-label-md-line-height: 1.3; --ds-label-md-font-size: 1.125rem; --ds-label-md-letter-spacing: 0.5%; - --ds-label-sm-font-family: IBM Plex Mono; --ds-label-sm-font-weight: 400; --ds-label-sm-line-height: 1.3; --ds-label-sm-font-size: 1rem; --ds-label-sm-letter-spacing: 0.25%; - --ds-label-xs-font-family: IBM Plex Mono; --ds-label-xs-font-weight: 400; --ds-label-xs-line-height: 1.3; --ds-label-xs-font-size: 0.875rem; --ds-label-xs-letter-spacing: 0.15%; - --ds-error_message-lg-font-family: IBM Plex Mono; --ds-error_message-lg-font-weight: 400; --ds-error_message-lg-line-height: 1.3; --ds-error_message-lg-font-size: 1.3125rem; --ds-error_message-lg-letter-spacing: 0.5%; - --ds-error_message-md-font-family: IBM Plex Mono; --ds-error_message-md-font-weight: 400; --ds-error_message-md-line-height: 1.3; --ds-error_message-md-font-size: 1.125rem; --ds-error_message-md-letter-spacing: 0.5%; - --ds-error_message-sm-font-family: IBM Plex Mono; --ds-error_message-sm-font-weight: 400; --ds-error_message-sm-line-height: 1.3; --ds-error_message-sm-font-size: 1rem; --ds-error_message-sm-letter-spacing: 0.25%; - --ds-error_message-xs-font-family: IBM Plex Mono; --ds-error_message-xs-font-weight: 400; --ds-error_message-xs-line-height: 1.3; --ds-error_message-xs-font-size: 0.875rem; diff --git a/packages/theme/brand/uutilsynet.css b/packages/theme/brand/uutilsynet.css index 9a3b650c6c..bdf359648a 100644 --- a/packages/theme/brand/uutilsynet.css +++ b/packages/theme/brand/uutilsynet.css @@ -636,157 +636,126 @@ --ds-font-weight-medium: 400; --ds-font-weight-semibold: 700; --ds-font-weight-regular: 400; - --ds-heading-2xl-font-family: IBM Plex Mono; --ds-heading-2xl-font-weight: 400; --ds-heading-2xl-line-height: 1.3; --ds-heading-2xl-font-size: 3.75rem; --ds-heading-2xl-letter-spacing: -1%; - --ds-heading-xl-font-family: IBM Plex Mono; --ds-heading-xl-font-weight: 400; --ds-heading-xl-line-height: 1.3; --ds-heading-xl-font-size: 3rem; --ds-heading-xl-letter-spacing: -1%; - --ds-heading-lg-font-family: IBM Plex Mono; --ds-heading-lg-font-weight: 400; --ds-heading-lg-line-height: 1.3; --ds-heading-lg-font-size: 2.25rem; --ds-heading-lg-letter-spacing: -0.5%; - --ds-heading-md-font-family: IBM Plex Mono; --ds-heading-md-font-weight: 400; --ds-heading-md-line-height: 1.3; --ds-heading-md-font-size: 1.875rem; --ds-heading-md-letter-spacing: -0.25%; - --ds-heading-sm-font-family: IBM Plex Mono; --ds-heading-sm-font-weight: 400; --ds-heading-sm-line-height: 1.3; --ds-heading-sm-font-size: 1.5rem; --ds-heading-sm-letter-spacing: 0%; - --ds-heading-xs-font-family: IBM Plex Mono; --ds-heading-xs-font-weight: 400; --ds-heading-xs-line-height: 1.3; --ds-heading-xs-font-size: 1.3125rem; --ds-heading-xs-letter-spacing: 0.15%; - --ds-heading-2xs-font-family: IBM Plex Mono; --ds-heading-2xs-font-weight: 400; --ds-heading-2xs-line-height: 1.3; --ds-heading-2xs-font-size: 1.125rem; --ds-heading-2xs-letter-spacing: 0.15%; - --ds-ingress-lg-font-family: IBM Plex Mono; --ds-ingress-lg-font-weight: 400; --ds-ingress-lg-line-height: 1.7; --ds-ingress-lg-font-size: 1.875rem; --ds-ingress-lg-letter-spacing: 0.5%; - --ds-ingress-md-font-family: IBM Plex Mono; --ds-ingress-md-font-weight: 400; --ds-ingress-md-line-height: 1.7; --ds-ingress-md-font-size: 1.5rem; --ds-ingress-md-letter-spacing: 0.5%; - --ds-ingress-sm-font-family: IBM Plex Mono; --ds-ingress-sm-font-weight: 400; --ds-ingress-sm-line-height: 1.7; --ds-ingress-sm-font-size: 1.3125rem; --ds-ingress-sm-letter-spacing: 0.25%; - --ds-ingress-xs-font-family: IBM Plex Mono; --ds-ingress-xs-font-weight: 400; --ds-ingress-xs-line-height: 1.7; --ds-ingress-xs-font-size: 1.125rem; --ds-ingress-xs-letter-spacing: 0.15%; - --ds-paragraph-lg-font-family: IBM Plex Mono; --ds-paragraph-lg-font-weight: 400; --ds-paragraph-lg-line-height: 1.5; --ds-paragraph-lg-font-size: 1.3125rem; --ds-paragraph-lg-letter-spacing: 0.5%; - --ds-paragraph-md-font-family: IBM Plex Mono; --ds-paragraph-md-font-weight: 400; --ds-paragraph-md-line-height: 1.5; --ds-paragraph-md-font-size: 1.125rem; --ds-paragraph-md-letter-spacing: 0.5%; - --ds-paragraph-sm-font-family: IBM Plex Mono; --ds-paragraph-sm-font-weight: 400; --ds-paragraph-sm-line-height: 1.5; --ds-paragraph-sm-font-size: 1rem; --ds-paragraph-sm-letter-spacing: 0.25%; - --ds-paragraph-xs-font-family: IBM Plex Mono; --ds-paragraph-xs-font-weight: 400; --ds-paragraph-xs-line-height: 1.5; --ds-paragraph-xs-font-size: 0.875rem; --ds-paragraph-xs-letter-spacing: 0.15%; - --ds-paragraph-short-lg-font-family: IBM Plex Mono; --ds-paragraph-short-lg-font-weight: 400; --ds-paragraph-short-lg-line-height: 1.3; --ds-paragraph-short-lg-font-size: 1.3125rem; --ds-paragraph-short-lg-letter-spacing: 0.5%; - --ds-paragraph-short-md-font-family: IBM Plex Mono; --ds-paragraph-short-md-font-weight: 400; --ds-paragraph-short-md-line-height: 1.3; --ds-paragraph-short-md-font-size: 1.125rem; --ds-paragraph-short-md-letter-spacing: 0.5%; - --ds-paragraph-short-sm-font-family: IBM Plex Mono; --ds-paragraph-short-sm-font-weight: 400; --ds-paragraph-short-sm-line-height: 1.3; --ds-paragraph-short-sm-font-size: 1rem; --ds-paragraph-short-sm-letter-spacing: 0.25%; - --ds-paragraph-short-xs-font-family: IBM Plex Mono; --ds-paragraph-short-xs-font-weight: 400; --ds-paragraph-short-xs-line-height: 1.3; --ds-paragraph-short-xs-font-size: 0.875rem; --ds-paragraph-short-xs-letter-spacing: 0.15%; - --ds-paragraph-long-lg-font-family: IBM Plex Mono; --ds-paragraph-long-lg-font-weight: 400; --ds-paragraph-long-lg-line-height: 1.7; --ds-paragraph-long-lg-font-size: 1.3125rem; --ds-paragraph-long-lg-letter-spacing: 0.5%; - --ds-paragraph-long-md-font-family: IBM Plex Mono; --ds-paragraph-long-md-font-weight: 400; --ds-paragraph-long-md-line-height: 1.7; --ds-paragraph-long-md-font-size: 1.125rem; --ds-paragraph-long-md-letter-spacing: 0.5%; - --ds-paragraph-long-sm-font-family: IBM Plex Mono; --ds-paragraph-long-sm-font-weight: 400; --ds-paragraph-long-sm-line-height: 1.7; --ds-paragraph-long-sm-font-size: 1rem; --ds-paragraph-long-sm-letter-spacing: 0.25%; - --ds-paragraph-long-xs-font-family: IBM Plex Mono; --ds-paragraph-long-xs-font-weight: 400; --ds-paragraph-long-xs-line-height: 1.7; --ds-paragraph-long-xs-font-size: 0.875rem; --ds-paragraph-long-xs-letter-spacing: 0.15%; - --ds-label-lg-font-family: IBM Plex Mono; --ds-label-lg-font-weight: 400; --ds-label-lg-line-height: 1.3; --ds-label-lg-font-size: 1.3125rem; --ds-label-lg-letter-spacing: 0.5%; - --ds-label-md-font-family: IBM Plex Mono; --ds-label-md-font-weight: 400; --ds-label-md-line-height: 1.3; --ds-label-md-font-size: 1.125rem; --ds-label-md-letter-spacing: 0.5%; - --ds-label-sm-font-family: IBM Plex Mono; --ds-label-sm-font-weight: 400; --ds-label-sm-line-height: 1.3; --ds-label-sm-font-size: 1rem; --ds-label-sm-letter-spacing: 0.25%; - --ds-label-xs-font-family: IBM Plex Mono; --ds-label-xs-font-weight: 400; --ds-label-xs-line-height: 1.3; --ds-label-xs-font-size: 0.875rem; --ds-label-xs-letter-spacing: 0.15%; - --ds-error_message-lg-font-family: IBM Plex Mono; --ds-error_message-lg-font-weight: 400; --ds-error_message-lg-line-height: 1.3; --ds-error_message-lg-font-size: 1.3125rem; --ds-error_message-lg-letter-spacing: 0.5%; - --ds-error_message-md-font-family: IBM Plex Mono; --ds-error_message-md-font-weight: 400; --ds-error_message-md-line-height: 1.3; --ds-error_message-md-font-size: 1.125rem; --ds-error_message-md-letter-spacing: 0.5%; - --ds-error_message-sm-font-family: IBM Plex Mono; --ds-error_message-sm-font-weight: 400; --ds-error_message-sm-line-height: 1.3; --ds-error_message-sm-font-size: 1rem; --ds-error_message-sm-letter-spacing: 0.25%; - --ds-error_message-xs-font-family: IBM Plex Mono; --ds-error_message-xs-font-weight: 400; --ds-error_message-xs-line-height: 1.3; --ds-error_message-xs-font-size: 0.875rem; @@ -1550,157 +1519,126 @@ --ds-font-weight-medium: 500; --ds-font-weight-semibold: 600; --ds-font-weight-regular: 400; - --ds-heading-2xl-font-family: Inter; --ds-heading-2xl-font-weight: 500; --ds-heading-2xl-line-height: 1.3; --ds-heading-2xl-font-size: 3.75rem; --ds-heading-2xl-letter-spacing: -1%; - --ds-heading-xl-font-family: Inter; --ds-heading-xl-font-weight: 500; --ds-heading-xl-line-height: 1.3; --ds-heading-xl-font-size: 3rem; --ds-heading-xl-letter-spacing: -1%; - --ds-heading-lg-font-family: Inter; --ds-heading-lg-font-weight: 500; --ds-heading-lg-line-height: 1.3; --ds-heading-lg-font-size: 2.25rem; --ds-heading-lg-letter-spacing: -0.5%; - --ds-heading-md-font-family: Inter; --ds-heading-md-font-weight: 500; --ds-heading-md-line-height: 1.3; --ds-heading-md-font-size: 1.875rem; --ds-heading-md-letter-spacing: -0.25%; - --ds-heading-sm-font-family: Inter; --ds-heading-sm-font-weight: 500; --ds-heading-sm-line-height: 1.3; --ds-heading-sm-font-size: 1.5rem; --ds-heading-sm-letter-spacing: 0%; - --ds-heading-xs-font-family: Inter; --ds-heading-xs-font-weight: 500; --ds-heading-xs-line-height: 1.3; --ds-heading-xs-font-size: 1.3125rem; --ds-heading-xs-letter-spacing: 0.15%; - --ds-heading-2xs-font-family: Inter; --ds-heading-2xs-font-weight: 500; --ds-heading-2xs-line-height: 1.3; --ds-heading-2xs-font-size: 1.125rem; --ds-heading-2xs-letter-spacing: 0.15%; - --ds-ingress-lg-font-family: Inter; --ds-ingress-lg-font-weight: 400; --ds-ingress-lg-line-height: 1.7; --ds-ingress-lg-font-size: 1.875rem; --ds-ingress-lg-letter-spacing: 0.5%; - --ds-ingress-md-font-family: Inter; --ds-ingress-md-font-weight: 400; --ds-ingress-md-line-height: 1.7; --ds-ingress-md-font-size: 1.5rem; --ds-ingress-md-letter-spacing: 0.5%; - --ds-ingress-sm-font-family: Inter; --ds-ingress-sm-font-weight: 400; --ds-ingress-sm-line-height: 1.7; --ds-ingress-sm-font-size: 1.3125rem; --ds-ingress-sm-letter-spacing: 0.25%; - --ds-ingress-xs-font-family: Inter; --ds-ingress-xs-font-weight: 400; --ds-ingress-xs-line-height: 1.7; --ds-ingress-xs-font-size: 1.125rem; --ds-ingress-xs-letter-spacing: 0.15%; - --ds-paragraph-lg-font-family: Inter; --ds-paragraph-lg-font-weight: 400; --ds-paragraph-lg-line-height: 1.5; --ds-paragraph-lg-font-size: 1.3125rem; --ds-paragraph-lg-letter-spacing: 0.5%; - --ds-paragraph-md-font-family: Inter; --ds-paragraph-md-font-weight: 400; --ds-paragraph-md-line-height: 1.5; --ds-paragraph-md-font-size: 1.125rem; --ds-paragraph-md-letter-spacing: 0.5%; - --ds-paragraph-sm-font-family: Inter; --ds-paragraph-sm-font-weight: 400; --ds-paragraph-sm-line-height: 1.5; --ds-paragraph-sm-font-size: 1rem; --ds-paragraph-sm-letter-spacing: 0.25%; - --ds-paragraph-xs-font-family: Inter; --ds-paragraph-xs-font-weight: 400; --ds-paragraph-xs-line-height: 1.5; --ds-paragraph-xs-font-size: 0.875rem; --ds-paragraph-xs-letter-spacing: 0.15%; - --ds-paragraph-short-lg-font-family: Inter; --ds-paragraph-short-lg-font-weight: 400; --ds-paragraph-short-lg-line-height: 1.3; --ds-paragraph-short-lg-font-size: 1.3125rem; --ds-paragraph-short-lg-letter-spacing: 0.5%; - --ds-paragraph-short-md-font-family: Inter; --ds-paragraph-short-md-font-weight: 400; --ds-paragraph-short-md-line-height: 1.3; --ds-paragraph-short-md-font-size: 1.125rem; --ds-paragraph-short-md-letter-spacing: 0.5%; - --ds-paragraph-short-sm-font-family: Inter; --ds-paragraph-short-sm-font-weight: 400; --ds-paragraph-short-sm-line-height: 1.3; --ds-paragraph-short-sm-font-size: 1rem; --ds-paragraph-short-sm-letter-spacing: 0.25%; - --ds-paragraph-short-xs-font-family: Inter; --ds-paragraph-short-xs-font-weight: 400; --ds-paragraph-short-xs-line-height: 1.3; --ds-paragraph-short-xs-font-size: 0.875rem; --ds-paragraph-short-xs-letter-spacing: 0.15%; - --ds-paragraph-long-lg-font-family: Inter; --ds-paragraph-long-lg-font-weight: 400; --ds-paragraph-long-lg-line-height: 1.7; --ds-paragraph-long-lg-font-size: 1.3125rem; --ds-paragraph-long-lg-letter-spacing: 0.5%; - --ds-paragraph-long-md-font-family: Inter; --ds-paragraph-long-md-font-weight: 400; --ds-paragraph-long-md-line-height: 1.7; --ds-paragraph-long-md-font-size: 1.125rem; --ds-paragraph-long-md-letter-spacing: 0.5%; - --ds-paragraph-long-sm-font-family: Inter; --ds-paragraph-long-sm-font-weight: 400; --ds-paragraph-long-sm-line-height: 1.7; --ds-paragraph-long-sm-font-size: 1rem; --ds-paragraph-long-sm-letter-spacing: 0.25%; - --ds-paragraph-long-xs-font-family: Inter; --ds-paragraph-long-xs-font-weight: 400; --ds-paragraph-long-xs-line-height: 1.7; --ds-paragraph-long-xs-font-size: 0.875rem; --ds-paragraph-long-xs-letter-spacing: 0.15%; - --ds-label-lg-font-family: Inter; --ds-label-lg-font-weight: 500; --ds-label-lg-line-height: 1.3; --ds-label-lg-font-size: 1.3125rem; --ds-label-lg-letter-spacing: 0.5%; - --ds-label-md-font-family: Inter; --ds-label-md-font-weight: 500; --ds-label-md-line-height: 1.3; --ds-label-md-font-size: 1.125rem; --ds-label-md-letter-spacing: 0.5%; - --ds-label-sm-font-family: Inter; --ds-label-sm-font-weight: 500; --ds-label-sm-line-height: 1.3; --ds-label-sm-font-size: 1rem; --ds-label-sm-letter-spacing: 0.25%; - --ds-label-xs-font-family: Inter; --ds-label-xs-font-weight: 500; --ds-label-xs-line-height: 1.3; --ds-label-xs-font-size: 0.875rem; --ds-label-xs-letter-spacing: 0.15%; - --ds-error_message-lg-font-family: Inter; --ds-error_message-lg-font-weight: 400; --ds-error_message-lg-line-height: 1.3; --ds-error_message-lg-font-size: 1.3125rem; --ds-error_message-lg-letter-spacing: 0.5%; - --ds-error_message-md-font-family: Inter; --ds-error_message-md-font-weight: 400; --ds-error_message-md-line-height: 1.3; --ds-error_message-md-font-size: 1.125rem; --ds-error_message-md-letter-spacing: 0.5%; - --ds-error_message-sm-font-family: Inter; --ds-error_message-sm-font-weight: 400; --ds-error_message-sm-line-height: 1.3; --ds-error_message-sm-font-size: 1rem; --ds-error_message-sm-letter-spacing: 0.25%; - --ds-error_message-xs-font-family: Inter; --ds-error_message-xs-font-weight: 400; --ds-error_message-xs-line-height: 1.3; --ds-error_message-xs-font-size: 0.875rem; diff --git a/packages/theme/brand/uutilsynet/typography/primary.css b/packages/theme/brand/uutilsynet/typography/primary.css index 3d928bd395..43925c501f 100644 --- a/packages/theme/brand/uutilsynet/typography/primary.css +++ b/packages/theme/brand/uutilsynet/typography/primary.css @@ -8,157 +8,126 @@ --ds-font-weight-medium: 500; --ds-font-weight-semibold: 600; --ds-font-weight-regular: 400; - --ds-heading-2xl-font-family: Inter; --ds-heading-2xl-font-weight: 500; --ds-heading-2xl-line-height: 1.3; --ds-heading-2xl-font-size: 3.75rem; --ds-heading-2xl-letter-spacing: -1%; - --ds-heading-xl-font-family: Inter; --ds-heading-xl-font-weight: 500; --ds-heading-xl-line-height: 1.3; --ds-heading-xl-font-size: 3rem; --ds-heading-xl-letter-spacing: -1%; - --ds-heading-lg-font-family: Inter; --ds-heading-lg-font-weight: 500; --ds-heading-lg-line-height: 1.3; --ds-heading-lg-font-size: 2.25rem; --ds-heading-lg-letter-spacing: -0.5%; - --ds-heading-md-font-family: Inter; --ds-heading-md-font-weight: 500; --ds-heading-md-line-height: 1.3; --ds-heading-md-font-size: 1.875rem; --ds-heading-md-letter-spacing: -0.25%; - --ds-heading-sm-font-family: Inter; --ds-heading-sm-font-weight: 500; --ds-heading-sm-line-height: 1.3; --ds-heading-sm-font-size: 1.5rem; --ds-heading-sm-letter-spacing: 0%; - --ds-heading-xs-font-family: Inter; --ds-heading-xs-font-weight: 500; --ds-heading-xs-line-height: 1.3; --ds-heading-xs-font-size: 1.3125rem; --ds-heading-xs-letter-spacing: 0.15%; - --ds-heading-2xs-font-family: Inter; --ds-heading-2xs-font-weight: 500; --ds-heading-2xs-line-height: 1.3; --ds-heading-2xs-font-size: 1.125rem; --ds-heading-2xs-letter-spacing: 0.15%; - --ds-ingress-lg-font-family: Inter; --ds-ingress-lg-font-weight: 400; --ds-ingress-lg-line-height: 1.7; --ds-ingress-lg-font-size: 1.875rem; --ds-ingress-lg-letter-spacing: 0.5%; - --ds-ingress-md-font-family: Inter; --ds-ingress-md-font-weight: 400; --ds-ingress-md-line-height: 1.7; --ds-ingress-md-font-size: 1.5rem; --ds-ingress-md-letter-spacing: 0.5%; - --ds-ingress-sm-font-family: Inter; --ds-ingress-sm-font-weight: 400; --ds-ingress-sm-line-height: 1.7; --ds-ingress-sm-font-size: 1.3125rem; --ds-ingress-sm-letter-spacing: 0.25%; - --ds-ingress-xs-font-family: Inter; --ds-ingress-xs-font-weight: 400; --ds-ingress-xs-line-height: 1.7; --ds-ingress-xs-font-size: 1.125rem; --ds-ingress-xs-letter-spacing: 0.15%; - --ds-paragraph-lg-font-family: Inter; --ds-paragraph-lg-font-weight: 400; --ds-paragraph-lg-line-height: 1.5; --ds-paragraph-lg-font-size: 1.3125rem; --ds-paragraph-lg-letter-spacing: 0.5%; - --ds-paragraph-md-font-family: Inter; --ds-paragraph-md-font-weight: 400; --ds-paragraph-md-line-height: 1.5; --ds-paragraph-md-font-size: 1.125rem; --ds-paragraph-md-letter-spacing: 0.5%; - --ds-paragraph-sm-font-family: Inter; --ds-paragraph-sm-font-weight: 400; --ds-paragraph-sm-line-height: 1.5; --ds-paragraph-sm-font-size: 1rem; --ds-paragraph-sm-letter-spacing: 0.25%; - --ds-paragraph-xs-font-family: Inter; --ds-paragraph-xs-font-weight: 400; --ds-paragraph-xs-line-height: 1.5; --ds-paragraph-xs-font-size: 0.875rem; --ds-paragraph-xs-letter-spacing: 0.15%; - --ds-paragraph-short-lg-font-family: Inter; --ds-paragraph-short-lg-font-weight: 400; --ds-paragraph-short-lg-line-height: 1.3; --ds-paragraph-short-lg-font-size: 1.3125rem; --ds-paragraph-short-lg-letter-spacing: 0.5%; - --ds-paragraph-short-md-font-family: Inter; --ds-paragraph-short-md-font-weight: 400; --ds-paragraph-short-md-line-height: 1.3; --ds-paragraph-short-md-font-size: 1.125rem; --ds-paragraph-short-md-letter-spacing: 0.5%; - --ds-paragraph-short-sm-font-family: Inter; --ds-paragraph-short-sm-font-weight: 400; --ds-paragraph-short-sm-line-height: 1.3; --ds-paragraph-short-sm-font-size: 1rem; --ds-paragraph-short-sm-letter-spacing: 0.25%; - --ds-paragraph-short-xs-font-family: Inter; --ds-paragraph-short-xs-font-weight: 400; --ds-paragraph-short-xs-line-height: 1.3; --ds-paragraph-short-xs-font-size: 0.875rem; --ds-paragraph-short-xs-letter-spacing: 0.15%; - --ds-paragraph-long-lg-font-family: Inter; --ds-paragraph-long-lg-font-weight: 400; --ds-paragraph-long-lg-line-height: 1.7; --ds-paragraph-long-lg-font-size: 1.3125rem; --ds-paragraph-long-lg-letter-spacing: 0.5%; - --ds-paragraph-long-md-font-family: Inter; --ds-paragraph-long-md-font-weight: 400; --ds-paragraph-long-md-line-height: 1.7; --ds-paragraph-long-md-font-size: 1.125rem; --ds-paragraph-long-md-letter-spacing: 0.5%; - --ds-paragraph-long-sm-font-family: Inter; --ds-paragraph-long-sm-font-weight: 400; --ds-paragraph-long-sm-line-height: 1.7; --ds-paragraph-long-sm-font-size: 1rem; --ds-paragraph-long-sm-letter-spacing: 0.25%; - --ds-paragraph-long-xs-font-family: Inter; --ds-paragraph-long-xs-font-weight: 400; --ds-paragraph-long-xs-line-height: 1.7; --ds-paragraph-long-xs-font-size: 0.875rem; --ds-paragraph-long-xs-letter-spacing: 0.15%; - --ds-label-lg-font-family: Inter; --ds-label-lg-font-weight: 500; --ds-label-lg-line-height: 1.3; --ds-label-lg-font-size: 1.3125rem; --ds-label-lg-letter-spacing: 0.5%; - --ds-label-md-font-family: Inter; --ds-label-md-font-weight: 500; --ds-label-md-line-height: 1.3; --ds-label-md-font-size: 1.125rem; --ds-label-md-letter-spacing: 0.5%; - --ds-label-sm-font-family: Inter; --ds-label-sm-font-weight: 500; --ds-label-sm-line-height: 1.3; --ds-label-sm-font-size: 1rem; --ds-label-sm-letter-spacing: 0.25%; - --ds-label-xs-font-family: Inter; --ds-label-xs-font-weight: 500; --ds-label-xs-line-height: 1.3; --ds-label-xs-font-size: 0.875rem; --ds-label-xs-letter-spacing: 0.15%; - --ds-error_message-lg-font-family: Inter; --ds-error_message-lg-font-weight: 400; --ds-error_message-lg-line-height: 1.3; --ds-error_message-lg-font-size: 1.3125rem; --ds-error_message-lg-letter-spacing: 0.5%; - --ds-error_message-md-font-family: Inter; --ds-error_message-md-font-weight: 400; --ds-error_message-md-line-height: 1.3; --ds-error_message-md-font-size: 1.125rem; --ds-error_message-md-letter-spacing: 0.5%; - --ds-error_message-sm-font-family: Inter; --ds-error_message-sm-font-weight: 400; --ds-error_message-sm-line-height: 1.3; --ds-error_message-sm-font-size: 1rem; --ds-error_message-sm-letter-spacing: 0.25%; - --ds-error_message-xs-font-family: Inter; --ds-error_message-xs-font-weight: 400; --ds-error_message-xs-line-height: 1.3; --ds-error_message-xs-font-size: 0.875rem; diff --git a/packages/theme/brand/uutilsynet/typography/secondary.css b/packages/theme/brand/uutilsynet/typography/secondary.css index 1db942b234..c738d6c785 100644 --- a/packages/theme/brand/uutilsynet/typography/secondary.css +++ b/packages/theme/brand/uutilsynet/typography/secondary.css @@ -8,157 +8,126 @@ --ds-font-weight-medium: 400; --ds-font-weight-semibold: 700; --ds-font-weight-regular: 400; - --ds-heading-2xl-font-family: IBM Plex Mono; --ds-heading-2xl-font-weight: 400; --ds-heading-2xl-line-height: 1.3; --ds-heading-2xl-font-size: 3.75rem; --ds-heading-2xl-letter-spacing: -1%; - --ds-heading-xl-font-family: IBM Plex Mono; --ds-heading-xl-font-weight: 400; --ds-heading-xl-line-height: 1.3; --ds-heading-xl-font-size: 3rem; --ds-heading-xl-letter-spacing: -1%; - --ds-heading-lg-font-family: IBM Plex Mono; --ds-heading-lg-font-weight: 400; --ds-heading-lg-line-height: 1.3; --ds-heading-lg-font-size: 2.25rem; --ds-heading-lg-letter-spacing: -0.5%; - --ds-heading-md-font-family: IBM Plex Mono; --ds-heading-md-font-weight: 400; --ds-heading-md-line-height: 1.3; --ds-heading-md-font-size: 1.875rem; --ds-heading-md-letter-spacing: -0.25%; - --ds-heading-sm-font-family: IBM Plex Mono; --ds-heading-sm-font-weight: 400; --ds-heading-sm-line-height: 1.3; --ds-heading-sm-font-size: 1.5rem; --ds-heading-sm-letter-spacing: 0%; - --ds-heading-xs-font-family: IBM Plex Mono; --ds-heading-xs-font-weight: 400; --ds-heading-xs-line-height: 1.3; --ds-heading-xs-font-size: 1.3125rem; --ds-heading-xs-letter-spacing: 0.15%; - --ds-heading-2xs-font-family: IBM Plex Mono; --ds-heading-2xs-font-weight: 400; --ds-heading-2xs-line-height: 1.3; --ds-heading-2xs-font-size: 1.125rem; --ds-heading-2xs-letter-spacing: 0.15%; - --ds-ingress-lg-font-family: IBM Plex Mono; --ds-ingress-lg-font-weight: 400; --ds-ingress-lg-line-height: 1.7; --ds-ingress-lg-font-size: 1.875rem; --ds-ingress-lg-letter-spacing: 0.5%; - --ds-ingress-md-font-family: IBM Plex Mono; --ds-ingress-md-font-weight: 400; --ds-ingress-md-line-height: 1.7; --ds-ingress-md-font-size: 1.5rem; --ds-ingress-md-letter-spacing: 0.5%; - --ds-ingress-sm-font-family: IBM Plex Mono; --ds-ingress-sm-font-weight: 400; --ds-ingress-sm-line-height: 1.7; --ds-ingress-sm-font-size: 1.3125rem; --ds-ingress-sm-letter-spacing: 0.25%; - --ds-ingress-xs-font-family: IBM Plex Mono; --ds-ingress-xs-font-weight: 400; --ds-ingress-xs-line-height: 1.7; --ds-ingress-xs-font-size: 1.125rem; --ds-ingress-xs-letter-spacing: 0.15%; - --ds-paragraph-lg-font-family: IBM Plex Mono; --ds-paragraph-lg-font-weight: 400; --ds-paragraph-lg-line-height: 1.5; --ds-paragraph-lg-font-size: 1.3125rem; --ds-paragraph-lg-letter-spacing: 0.5%; - --ds-paragraph-md-font-family: IBM Plex Mono; --ds-paragraph-md-font-weight: 400; --ds-paragraph-md-line-height: 1.5; --ds-paragraph-md-font-size: 1.125rem; --ds-paragraph-md-letter-spacing: 0.5%; - --ds-paragraph-sm-font-family: IBM Plex Mono; --ds-paragraph-sm-font-weight: 400; --ds-paragraph-sm-line-height: 1.5; --ds-paragraph-sm-font-size: 1rem; --ds-paragraph-sm-letter-spacing: 0.25%; - --ds-paragraph-xs-font-family: IBM Plex Mono; --ds-paragraph-xs-font-weight: 400; --ds-paragraph-xs-line-height: 1.5; --ds-paragraph-xs-font-size: 0.875rem; --ds-paragraph-xs-letter-spacing: 0.15%; - --ds-paragraph-short-lg-font-family: IBM Plex Mono; --ds-paragraph-short-lg-font-weight: 400; --ds-paragraph-short-lg-line-height: 1.3; --ds-paragraph-short-lg-font-size: 1.3125rem; --ds-paragraph-short-lg-letter-spacing: 0.5%; - --ds-paragraph-short-md-font-family: IBM Plex Mono; --ds-paragraph-short-md-font-weight: 400; --ds-paragraph-short-md-line-height: 1.3; --ds-paragraph-short-md-font-size: 1.125rem; --ds-paragraph-short-md-letter-spacing: 0.5%; - --ds-paragraph-short-sm-font-family: IBM Plex Mono; --ds-paragraph-short-sm-font-weight: 400; --ds-paragraph-short-sm-line-height: 1.3; --ds-paragraph-short-sm-font-size: 1rem; --ds-paragraph-short-sm-letter-spacing: 0.25%; - --ds-paragraph-short-xs-font-family: IBM Plex Mono; --ds-paragraph-short-xs-font-weight: 400; --ds-paragraph-short-xs-line-height: 1.3; --ds-paragraph-short-xs-font-size: 0.875rem; --ds-paragraph-short-xs-letter-spacing: 0.15%; - --ds-paragraph-long-lg-font-family: IBM Plex Mono; --ds-paragraph-long-lg-font-weight: 400; --ds-paragraph-long-lg-line-height: 1.7; --ds-paragraph-long-lg-font-size: 1.3125rem; --ds-paragraph-long-lg-letter-spacing: 0.5%; - --ds-paragraph-long-md-font-family: IBM Plex Mono; --ds-paragraph-long-md-font-weight: 400; --ds-paragraph-long-md-line-height: 1.7; --ds-paragraph-long-md-font-size: 1.125rem; --ds-paragraph-long-md-letter-spacing: 0.5%; - --ds-paragraph-long-sm-font-family: IBM Plex Mono; --ds-paragraph-long-sm-font-weight: 400; --ds-paragraph-long-sm-line-height: 1.7; --ds-paragraph-long-sm-font-size: 1rem; --ds-paragraph-long-sm-letter-spacing: 0.25%; - --ds-paragraph-long-xs-font-family: IBM Plex Mono; --ds-paragraph-long-xs-font-weight: 400; --ds-paragraph-long-xs-line-height: 1.7; --ds-paragraph-long-xs-font-size: 0.875rem; --ds-paragraph-long-xs-letter-spacing: 0.15%; - --ds-label-lg-font-family: IBM Plex Mono; --ds-label-lg-font-weight: 400; --ds-label-lg-line-height: 1.3; --ds-label-lg-font-size: 1.3125rem; --ds-label-lg-letter-spacing: 0.5%; - --ds-label-md-font-family: IBM Plex Mono; --ds-label-md-font-weight: 400; --ds-label-md-line-height: 1.3; --ds-label-md-font-size: 1.125rem; --ds-label-md-letter-spacing: 0.5%; - --ds-label-sm-font-family: IBM Plex Mono; --ds-label-sm-font-weight: 400; --ds-label-sm-line-height: 1.3; --ds-label-sm-font-size: 1rem; --ds-label-sm-letter-spacing: 0.25%; - --ds-label-xs-font-family: IBM Plex Mono; --ds-label-xs-font-weight: 400; --ds-label-xs-line-height: 1.3; --ds-label-xs-font-size: 0.875rem; --ds-label-xs-letter-spacing: 0.15%; - --ds-error_message-lg-font-family: IBM Plex Mono; --ds-error_message-lg-font-weight: 400; --ds-error_message-lg-line-height: 1.3; --ds-error_message-lg-font-size: 1.3125rem; --ds-error_message-lg-letter-spacing: 0.5%; - --ds-error_message-md-font-family: IBM Plex Mono; --ds-error_message-md-font-weight: 400; --ds-error_message-md-line-height: 1.3; --ds-error_message-md-font-size: 1.125rem; --ds-error_message-md-letter-spacing: 0.5%; - --ds-error_message-sm-font-family: IBM Plex Mono; --ds-error_message-sm-font-weight: 400; --ds-error_message-sm-line-height: 1.3; --ds-error_message-sm-font-size: 1rem; --ds-error_message-sm-letter-spacing: 0.25%; - --ds-error_message-xs-font-family: IBM Plex Mono; --ds-error_message-xs-font-weight: 400; --ds-error_message-xs-line-height: 1.3; --ds-error_message-xs-font-size: 0.875rem; From 16946c3f1d5fcaebe6290d8110a98f0a63253ab6 Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Tue, 17 Sep 2024 16:17:02 +0200 Subject: [PATCH 09/14] added some comments on usage --- packages/css/baseline/typography.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/packages/css/baseline/typography.css b/packages/css/baseline/typography.css index 6774b1067f..1ceaf4eb8e 100644 --- a/packages/css/baseline/typography.css +++ b/packages/css/baseline/typography.css @@ -1,3 +1,6 @@ +/** Font weight + ** used for weight on Label */ + .ds-font-weight--medium { font-weight: var(--ds-font-weight-medium); } @@ -10,6 +13,9 @@ font-weight: var(--ds-font-weight-regular); } +/** Line height + ** used for long, short Paragraph */ + .ds-line-height--sm { line-height: var(--ds-line-height-sm); } From 94fb2c21dbcead97c8c58b11dd6d5704b7379573 Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Wed, 18 Sep 2024 08:52:23 +0200 Subject: [PATCH 10/14] Updated `Button` with composed paragraph css --- packages/css/baseline/typography.css | 154 ++++++++++++++---- packages/css/button.css | 1 + .../react/src/components/Button/Button.tsx | 43 ++--- .../Typography/Paragraph/Paragraph.tsx | 11 +- 4 files changed, 147 insertions(+), 62 deletions(-) diff --git a/packages/css/baseline/typography.css b/packages/css/baseline/typography.css index 1ceaf4eb8e..95fa4527e4 100644 --- a/packages/css/baseline/typography.css +++ b/packages/css/baseline/typography.css @@ -156,48 +156,146 @@ .ds-paragraph { --dsc-bottom-spacing: var(--ds-spacing-5); + font-weight: var(--ds-paragraph-md-font-weight); + line-height: var(--ds-paragraph-md-line-height); + font-size: var(--ds-paragraph-md-font-size); + letter-spacing: var(--ds-paragraph-md-letter-spacing); color: var(--ds-color-neutral-text-default); margin: 0; -} -.ds-paragraph--spacing { - margin-bottom: var(--dsc-bottom-spacing); -} + &[data-size='xs'] { + --dsc-bottom-spacing: var(--ds-spacing-3); -.ds-paragraph--xs { - --dsc-bottom-spacing: var(--ds-spacing-3); + font-weight: var(--ds-paragraph-xs-font-weight); + line-height: var(--ds-paragraph-xs-line-height); + font-size: var(--ds-paragraph-xs-font-size); + letter-spacing: var(--ds-paragraph-xs-letter-spacing); + } - font-weight: var(--ds-paragraph-xs-font-weight); - line-height: var(--ds-paragraph-xs-line-height); - font-size: var(--ds-paragraph-xs-font-size); - letter-spacing: var(--ds-paragraph-xs-letter-spacing); -} + &[data-size='sm'] { + --dsc-bottom-spacing: var(--ds-spacing-4); -.ds-paragraph--sm { - --dsc-bottom-spacing: var(--ds-spacing-4); + font-weight: var(--ds-paragraph-sm-font-weight); + line-height: var(--ds-paragraph-sm-line-height); + font-size: var(--ds-paragraph-sm-font-size); + letter-spacing: var(--ds-paragraph-sm-letter-spacing); + } - font-weight: var(--ds-paragraph-sm-font-weight); - line-height: var(--ds-paragraph-sm-line-height); - font-size: var(--ds-paragraph-sm-font-size); - letter-spacing: var(--ds-paragraph-sm-letter-spacing); + &[data-size='md'] { + --dsc-bottom-spacing: var(--ds-spacing-5); + + font-weight: var(--ds-paragraph-md-font-weight); + line-height: var(--ds-paragraph-md-line-height); + font-size: var(--ds-paragraph-md-font-size); + letter-spacing: var(--ds-paragraph-md-letter-spacing); + } + + &[data-size='lg'] { + --dsc-bottom-spacing: var(--ds-spacing-6); + + font-weight: var(--ds-paragraph-lg-font-weight); + line-height: var(--ds-paragraph-lg-line-height); + font-size: var(--ds-paragraph-lg-font-size); + letter-spacing: var(--ds-paragraph-lg-letter-spacing); + } } -.ds-paragraph--md { +.ds-paragraph-long { --dsc-bottom-spacing: var(--ds-spacing-5); - font-weight: var(--ds-paragraph-md-font-weight); - line-height: var(--ds-paragraph-md-line-height); - font-size: var(--ds-paragraph-md-font-size); - letter-spacing: var(--ds-paragraph-md-letter-spacing); + font-weight: var(--ds-paragraph-long-md-font-weight); + line-height: var(--ds-paragraph-long-md-line-height); + font-size: var(--ds-paragraph-long-md-font-size); + letter-spacing: var(--ds-paragraph-long-md-letter-spacing); + color: var(--ds-color-neutral-text-default); + margin: 0; + + &[data-size='xs'] { + --dsc-bottom-spacing: var(--ds-spacing-3); + + font-weight: var(--ds-paragraph-long-xs-font-weight); + line-height: var(--ds-paragraph-long-xs-line-height); + font-size: var(--ds-paragraph-long-xs-font-size); + letter-spacing: var(--ds-paragraph-long-xs-letter-spacing); + } + + &[data-size='sm'] { + --dsc-bottom-spacing: var(--ds-spacing-4); + + font-weight: var(--ds-paragraph-long-sm-font-weight); + line-height: var(--ds-paragraph-long-sm-line-height); + font-size: var(--ds-paragraph-long-sm-font-size); + letter-spacing: var(--ds-paragraph-long-sm-letter-spacing); + } + + &[data-size='md'] { + --dsc-bottom-spacing: var(--ds-spacing-5); + + font-weight: var(--ds-paragraph-long-md-font-weight); + line-height: var(--ds-paragraph-long-md-line-height); + font-size: var(--ds-paragraph-long-md-font-size); + letter-spacing: var(--ds-paragraph-long-md-letter-spacing); + } + + &[data-size='lg'] { + --dsc-bottom-spacing: var(--ds-spacing-6); + + font-weight: var(--ds-paragraph-long-lg-font-weight); + line-height: var(--ds-paragraph-long-lg-line-height); + font-size: var(--ds-paragraph-long-lg-font-size); + letter-spacing: var(--ds-paragraph-long-lg-letter-spacing); + } } -.ds-paragraph--lg { - --dsc-bottom-spacing: var(--ds-spacing-6); +.ds-paragraph-short { + --dsc-bottom-spacing: var(--ds-spacing-5); + + font-weight: var(--ds-paragraph-short-md-font-weight); + line-height: var(--ds-paragraph-short-md-line-height); + font-size: var(--ds-paragraph-short-md-font-size); + letter-spacing: var(--ds-paragraph-short-md-letter-spacing); + color: var(--ds-color-neutral-text-default); + margin: 0; - font-weight: var(--ds-paragraph-lg-font-weight); - line-height: var(--ds-paragraph-lg-line-height); - font-size: var(--ds-paragraph-lg-font-size); - letter-spacing: var(--ds-paragraph-lg-letter-spacing); + &[data-size='xs'] { + --dsc-bottom-spacing: var(--ds-spacing-3); + + font-weight: var(--ds-paragraph-short-xs-font-weight); + line-height: var(--ds-paragraph-short-xs-line-height); + font-size: var(--ds-paragraph-short-xs-font-size); + letter-spacing: var(--ds-paragraph-short-xs-letter-spacing); + } + + &[data-size='sm'] { + --dsc-bottom-spacing: var(--ds-spacing-4); + + font-weight: var(--ds-paragraph-short-sm-font-weight); + line-height: var(--ds-paragraph-short-sm-line-height); + font-size: var(--ds-paragraph-short-sm-font-size); + letter-spacing: var(--ds-paragraph-short-sm-letter-spacing); + } + + &[data-size='md'] { + --dsc-bottom-spacing: var(--ds-spacing-5); + + font-weight: var(--ds-paragraph-short-md-font-weight); + line-height: var(--ds-paragraph-short-md-line-height); + font-size: var(--ds-paragraph-short-md-font-size); + letter-spacing: var(--ds-paragraph-short-md-letter-spacing); + } + + &[data-size='lg'] { + --dsc-bottom-spacing: var(--ds-spacing-6); + + font-weight: var(--ds-paragraph-short-lg-font-weight); + line-height: var(--ds-paragraph-short-lg-line-height); + font-size: var(--ds-paragraph-short-lg-font-size); + letter-spacing: var(--ds-paragraph-short-lg-letter-spacing); + } +} + +.ds-paragraph--spacing { + margin-bottom: var(--dsc-bottom-spacing); } /** Label */ diff --git a/packages/css/button.css b/packages/css/button.css index b94deaec28..bbd72ae8c6 100644 --- a/packages/css/button.css +++ b/packages/css/button.css @@ -10,6 +10,7 @@ --dsc-button-size: var(--ds-sizing-12); @composes ds-focus from './utilities.css'; + @composes ds-paragraph-short from './baseline/typography.css'; align-items: center; background: var(--dsc-button-background); diff --git a/packages/react/src/components/Button/Button.tsx b/packages/react/src/components/Button/Button.tsx index d4daca2974..a830152f53 100644 --- a/packages/react/src/components/Button/Button.tsx +++ b/packages/react/src/components/Button/Button.tsx @@ -60,31 +60,24 @@ export const Button = forwardRef( // Fallbacks to undefined to prevent rendering attribute="false" return ( - - - {loading === true ? ( - - + + {loading === true ? ( + ); }, ); diff --git a/packages/react/src/components/Typography/Paragraph/Paragraph.tsx b/packages/react/src/components/Typography/Paragraph/Paragraph.tsx index 9d349d0446..5d546630b4 100644 --- a/packages/react/src/components/Typography/Paragraph/Paragraph.tsx +++ b/packages/react/src/components/Typography/Paragraph/Paragraph.tsx @@ -25,12 +25,6 @@ export type ParagraphProps = { asChild?: boolean; } & HTMLAttributes; -const lineHeightMap = { - short: 'ds-line-height--sm', - default: 'ds-line-height--md', - long: 'ds-line-height--lg', -}; - /** * Use `Paragraph` to display text with paragraph text styles. * @@ -45,12 +39,11 @@ export const Paragraph = forwardRef( ); From c33ea2745d67dda0004dc9c6c56b92e629e53a59 Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Wed, 18 Sep 2024 11:39:03 +0200 Subject: [PATCH 11/14] fix ordinal --- packages/css/baseline/typography.css | 60 ++++++++++++++-------------- 1 file changed, 30 insertions(+), 30 deletions(-) diff --git a/packages/css/baseline/typography.css b/packages/css/baseline/typography.css index 95fa4527e4..270bc9e3ac 100644 --- a/packages/css/baseline/typography.css +++ b/packages/css/baseline/typography.css @@ -1,33 +1,3 @@ -/** Font weight - ** used for weight on Label */ - -.ds-font-weight--medium { - font-weight: var(--ds-font-weight-medium); -} - -.ds-font-weight--semibold { - font-weight: var(--ds-font-weight-semibold); -} - -.ds-font-weight--regular { - font-weight: var(--ds-font-weight-regular); -} - -/** Line height - ** used for long, short Paragraph */ - -.ds-line-height--sm { - line-height: var(--ds-line-height-sm); -} - -.ds-line-height--md { - line-height: var(--ds-line-height-md); -} - -.ds-line-height--lg { - line-height: var(--ds-line-height-lg); -} - /** Heading */ .ds-heading { --dsc-bottom-spacing: var(--ds-spacing-6); @@ -392,3 +362,33 @@ font-size: var(--ds-error_message-lg-font-size); letter-spacing: var(--ds-error_message-lg-letter-spacing); } + +/** Font weight + ** used for weight on Label */ + +.ds-font-weight--medium { + font-weight: var(--ds-font-weight-medium); +} + +.ds-font-weight--semibold { + font-weight: var(--ds-font-weight-semibold); +} + +.ds-font-weight--regular { + font-weight: var(--ds-font-weight-regular); +} + +/** Line height + ** used for long, short Paragraph */ + +.ds-line-height--sm { + line-height: var(--ds-line-height-sm); +} + +.ds-line-height--md { + line-height: var(--ds-line-height-md); +} + +.ds-line-height--lg { + line-height: var(--ds-line-height-lg); +} From 6943272978cdb5cb527bef8f95bb821db85720d2 Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Wed, 18 Sep 2024 11:53:41 +0200 Subject: [PATCH 12/14] Remove typography shorthand in tokens build --- apps/storefront/tokens/altinn/dark.ts | 248 +++++++++++++++--- apps/storefront/tokens/altinn/light.ts | 248 +++++++++++++++--- apps/storefront/tokens/digdir/dark.ts | 248 +++++++++++++++--- apps/storefront/tokens/digdir/light.ts | 248 +++++++++++++++--- apps/storefront/tokens/portal/dark.ts | 248 +++++++++++++++--- apps/storefront/tokens/portal/light.ts | 248 +++++++++++++++--- apps/storefront/tokens/uutilsynet/dark.ts | 248 +++++++++++++++--- apps/storefront/tokens/uutilsynet/light.ts | 248 +++++++++++++++--- packages/cli/src/tokens/build/configs.ts | 6 +- packages/cli/src/tokens/build/transformers.ts | 18 -- packages/theme/brand/altinn.css | 31 --- packages/theme/brand/altinn/semantic.css | 31 --- packages/theme/brand/digdir.css | 31 --- packages/theme/brand/digdir/semantic.css | 31 --- packages/theme/brand/portal.css | 31 --- packages/theme/brand/portal/semantic.css | 31 --- packages/theme/brand/uutilsynet.css | 31 --- packages/theme/brand/uutilsynet/semantic.css | 31 --- 18 files changed, 1738 insertions(+), 518 deletions(-) diff --git a/apps/storefront/tokens/altinn/dark.ts b/apps/storefront/tokens/altinn/dark.ts index 40f1033bf9..60d24e374a 100644 --- a/apps/storefront/tokens/altinn/dark.ts +++ b/apps/storefront/tokens/altinn/dark.ts @@ -2337,7 +2337,13 @@ export const color = [ export const typography = [ { $type: "typography", - $value: "500 3.75rem/1.3 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "3.75rem", + letterSpacing: "-1%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2360,7 +2366,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 3rem/1.3 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "3rem", + letterSpacing: "-1%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2383,7 +2395,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 2.25rem/1.3 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "2.25rem", + letterSpacing: "-0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2406,7 +2424,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.875rem/1.3 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.875rem", + letterSpacing: "-0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2429,7 +2453,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.5rem/1.3 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.5rem", + letterSpacing: "0%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2452,7 +2482,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.3125rem/1.3 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.3125rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2475,7 +2511,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.125rem/1.3 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.125rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2498,7 +2540,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.875rem/1.7 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.875rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2521,7 +2569,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.5rem/1.7 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.5rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2544,7 +2598,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.7 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.3125rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2567,7 +2627,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.7 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.125rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2590,7 +2656,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.5 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.5", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2613,7 +2685,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.5 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.5", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2636,7 +2714,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1rem/1.5 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.5", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2659,7 +2743,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 0.875rem/1.5 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.5", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2682,7 +2772,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.3 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2706,7 +2802,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.3 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2730,7 +2832,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1rem/1.3 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2754,7 +2862,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 0.875rem/1.3 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2778,7 +2892,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.7 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2802,7 +2922,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.7 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2826,7 +2952,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1rem/1.7 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2850,7 +2982,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 0.875rem/1.7 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2874,7 +3012,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.3125rem/1.3 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2897,7 +3041,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.125rem/1.3 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2920,7 +3070,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1rem/1.3 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2943,7 +3099,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 0.875rem/1.3 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2966,7 +3128,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.3 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2989,7 +3157,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.3 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -3012,7 +3186,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1rem/1.3 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -3035,7 +3215,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 0.875rem/1.3 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { diff --git a/apps/storefront/tokens/altinn/light.ts b/apps/storefront/tokens/altinn/light.ts index 8097b88cc2..09fc0b46f4 100644 --- a/apps/storefront/tokens/altinn/light.ts +++ b/apps/storefront/tokens/altinn/light.ts @@ -2337,7 +2337,13 @@ export const color = [ export const typography = [ { $type: "typography", - $value: "500 3.75rem/1.3 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "3.75rem", + letterSpacing: "-1%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2360,7 +2366,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 3rem/1.3 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "3rem", + letterSpacing: "-1%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2383,7 +2395,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 2.25rem/1.3 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "2.25rem", + letterSpacing: "-0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2406,7 +2424,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.875rem/1.3 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.875rem", + letterSpacing: "-0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2429,7 +2453,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.5rem/1.3 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.5rem", + letterSpacing: "0%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2452,7 +2482,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.3125rem/1.3 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.3125rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2475,7 +2511,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.125rem/1.3 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.125rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2498,7 +2540,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.875rem/1.7 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.875rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2521,7 +2569,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.5rem/1.7 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.5rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2544,7 +2598,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.7 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.3125rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2567,7 +2627,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.7 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.125rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2590,7 +2656,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.5 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.5", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2613,7 +2685,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.5 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.5", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2636,7 +2714,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1rem/1.5 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.5", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2659,7 +2743,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 0.875rem/1.5 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.5", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2682,7 +2772,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.3 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2706,7 +2802,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.3 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2730,7 +2832,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1rem/1.3 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2754,7 +2862,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 0.875rem/1.3 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2778,7 +2892,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.7 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2802,7 +2922,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.7 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2826,7 +2952,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1rem/1.7 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2850,7 +2982,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 0.875rem/1.7 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2874,7 +3012,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.3125rem/1.3 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2897,7 +3041,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.125rem/1.3 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2920,7 +3070,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1rem/1.3 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2943,7 +3099,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 0.875rem/1.3 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2966,7 +3128,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.3 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2989,7 +3157,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.3 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -3012,7 +3186,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1rem/1.3 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -3035,7 +3215,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 0.875rem/1.3 'Helvetica Neue'", + $value: { + fontFamily: "Helvetica Neue", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { diff --git a/apps/storefront/tokens/digdir/dark.ts b/apps/storefront/tokens/digdir/dark.ts index 47046bd9bd..912ce5341e 100644 --- a/apps/storefront/tokens/digdir/dark.ts +++ b/apps/storefront/tokens/digdir/dark.ts @@ -2337,7 +2337,13 @@ export const color = [ export const typography = [ { $type: "typography", - $value: "500 3.75rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "3.75rem", + letterSpacing: "-1%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2360,7 +2366,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 3rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "3rem", + letterSpacing: "-1%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2383,7 +2395,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 2.25rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "2.25rem", + letterSpacing: "-0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2406,7 +2424,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.875rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.875rem", + letterSpacing: "-0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2429,7 +2453,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.5rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.5rem", + letterSpacing: "0%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2452,7 +2482,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.3125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.3125rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2475,7 +2511,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.125rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2498,7 +2540,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.875rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.875rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2521,7 +2569,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.5rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.5rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2544,7 +2598,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.3125rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2567,7 +2627,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.125rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2590,7 +2656,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.5 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.5", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2613,7 +2685,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.5 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.5", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2636,7 +2714,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1rem/1.5 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.5", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2659,7 +2743,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 0.875rem/1.5 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.5", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2682,7 +2772,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2706,7 +2802,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2730,7 +2832,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2754,7 +2862,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 0.875rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2778,7 +2892,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2802,7 +2922,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2826,7 +2952,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2850,7 +2982,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 0.875rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2874,7 +3012,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.3125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2897,7 +3041,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2920,7 +3070,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2943,7 +3099,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 0.875rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2966,7 +3128,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2989,7 +3157,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -3012,7 +3186,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -3035,7 +3215,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 0.875rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { diff --git a/apps/storefront/tokens/digdir/light.ts b/apps/storefront/tokens/digdir/light.ts index 74d471956b..6dd47a9a29 100644 --- a/apps/storefront/tokens/digdir/light.ts +++ b/apps/storefront/tokens/digdir/light.ts @@ -2337,7 +2337,13 @@ export const color = [ export const typography = [ { $type: "typography", - $value: "500 3.75rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "3.75rem", + letterSpacing: "-1%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2360,7 +2366,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 3rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "3rem", + letterSpacing: "-1%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2383,7 +2395,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 2.25rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "2.25rem", + letterSpacing: "-0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2406,7 +2424,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.875rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.875rem", + letterSpacing: "-0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2429,7 +2453,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.5rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.5rem", + letterSpacing: "0%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2452,7 +2482,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.3125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.3125rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2475,7 +2511,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.125rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2498,7 +2540,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.875rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.875rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2521,7 +2569,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.5rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.5rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2544,7 +2598,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.3125rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2567,7 +2627,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.125rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2590,7 +2656,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.5 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.5", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2613,7 +2685,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.5 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.5", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2636,7 +2714,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1rem/1.5 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.5", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2659,7 +2743,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 0.875rem/1.5 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.5", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2682,7 +2772,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2706,7 +2802,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2730,7 +2832,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2754,7 +2862,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 0.875rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2778,7 +2892,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2802,7 +2922,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2826,7 +2952,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2850,7 +2982,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 0.875rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2874,7 +3012,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.3125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2897,7 +3041,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2920,7 +3070,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2943,7 +3099,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 0.875rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2966,7 +3128,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2989,7 +3157,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -3012,7 +3186,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -3035,7 +3215,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 0.875rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { diff --git a/apps/storefront/tokens/portal/dark.ts b/apps/storefront/tokens/portal/dark.ts index 304b6d154d..25b89a3727 100644 --- a/apps/storefront/tokens/portal/dark.ts +++ b/apps/storefront/tokens/portal/dark.ts @@ -2337,7 +2337,13 @@ export const color = [ export const typography = [ { $type: "typography", - $value: "500 3.75rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "3.75rem", + letterSpacing: "-1%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2360,7 +2366,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 3rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "3rem", + letterSpacing: "-1%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2383,7 +2395,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 2.25rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "2.25rem", + letterSpacing: "-0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2406,7 +2424,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.875rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.875rem", + letterSpacing: "-0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2429,7 +2453,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.5rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.5rem", + letterSpacing: "0%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2452,7 +2482,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.3125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.3125rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2475,7 +2511,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.125rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2498,7 +2540,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.875rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.875rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2521,7 +2569,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.5rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.5rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2544,7 +2598,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.3125rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2567,7 +2627,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.125rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2590,7 +2656,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.5 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.5", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2613,7 +2685,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.5 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.5", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2636,7 +2714,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1rem/1.5 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.5", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2659,7 +2743,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 0.875rem/1.5 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.5", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2682,7 +2772,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2706,7 +2802,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2730,7 +2832,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2754,7 +2862,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 0.875rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2778,7 +2892,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2802,7 +2922,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2826,7 +2952,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2850,7 +2982,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 0.875rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2874,7 +3012,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.3125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2897,7 +3041,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2920,7 +3070,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2943,7 +3099,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 0.875rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2966,7 +3128,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2989,7 +3157,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -3012,7 +3186,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -3035,7 +3215,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 0.875rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { diff --git a/apps/storefront/tokens/portal/light.ts b/apps/storefront/tokens/portal/light.ts index 437a5a00c6..57fa36f25a 100644 --- a/apps/storefront/tokens/portal/light.ts +++ b/apps/storefront/tokens/portal/light.ts @@ -2337,7 +2337,13 @@ export const color = [ export const typography = [ { $type: "typography", - $value: "500 3.75rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "3.75rem", + letterSpacing: "-1%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2360,7 +2366,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 3rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "3rem", + letterSpacing: "-1%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2383,7 +2395,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 2.25rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "2.25rem", + letterSpacing: "-0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2406,7 +2424,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.875rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.875rem", + letterSpacing: "-0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2429,7 +2453,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.5rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.5rem", + letterSpacing: "0%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2452,7 +2482,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.3125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.3125rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2475,7 +2511,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.125rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2498,7 +2540,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.875rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.875rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2521,7 +2569,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.5rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.5rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2544,7 +2598,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.3125rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2567,7 +2627,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.125rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2590,7 +2656,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.5 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.5", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2613,7 +2685,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.5 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.5", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2636,7 +2714,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1rem/1.5 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.5", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2659,7 +2743,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 0.875rem/1.5 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.5", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2682,7 +2772,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2706,7 +2802,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2730,7 +2832,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2754,7 +2862,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 0.875rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2778,7 +2892,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2802,7 +2922,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2826,7 +2952,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2850,7 +2982,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 0.875rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2874,7 +3012,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.3125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2897,7 +3041,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2920,7 +3070,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2943,7 +3099,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 0.875rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2966,7 +3128,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2989,7 +3157,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -3012,7 +3186,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -3035,7 +3215,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 0.875rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { diff --git a/apps/storefront/tokens/uutilsynet/dark.ts b/apps/storefront/tokens/uutilsynet/dark.ts index 2ecc5c3cde..f81a95e386 100644 --- a/apps/storefront/tokens/uutilsynet/dark.ts +++ b/apps/storefront/tokens/uutilsynet/dark.ts @@ -2337,7 +2337,13 @@ export const color = [ export const typography = [ { $type: "typography", - $value: "500 3.75rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "3.75rem", + letterSpacing: "-1%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2360,7 +2366,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 3rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "3rem", + letterSpacing: "-1%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2383,7 +2395,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 2.25rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "2.25rem", + letterSpacing: "-0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2406,7 +2424,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.875rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.875rem", + letterSpacing: "-0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2429,7 +2453,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.5rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.5rem", + letterSpacing: "0%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2452,7 +2482,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.3125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.3125rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2475,7 +2511,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.125rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2498,7 +2540,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.875rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.875rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2521,7 +2569,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.5rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.5rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2544,7 +2598,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.3125rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2567,7 +2627,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.125rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2590,7 +2656,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.5 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.5", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2613,7 +2685,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.5 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.5", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2636,7 +2714,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1rem/1.5 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.5", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2659,7 +2743,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 0.875rem/1.5 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.5", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2682,7 +2772,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2706,7 +2802,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2730,7 +2832,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2754,7 +2862,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 0.875rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2778,7 +2892,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2802,7 +2922,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2826,7 +2952,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2850,7 +2982,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 0.875rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2874,7 +3012,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.3125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2897,7 +3041,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2920,7 +3070,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2943,7 +3099,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 0.875rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2966,7 +3128,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2989,7 +3157,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -3012,7 +3186,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -3035,7 +3215,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 0.875rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { diff --git a/apps/storefront/tokens/uutilsynet/light.ts b/apps/storefront/tokens/uutilsynet/light.ts index ffea8ec391..aef8423974 100644 --- a/apps/storefront/tokens/uutilsynet/light.ts +++ b/apps/storefront/tokens/uutilsynet/light.ts @@ -2337,7 +2337,13 @@ export const color = [ export const typography = [ { $type: "typography", - $value: "500 3.75rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "3.75rem", + letterSpacing: "-1%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2360,7 +2366,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 3rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "3rem", + letterSpacing: "-1%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2383,7 +2395,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 2.25rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "2.25rem", + letterSpacing: "-0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2406,7 +2424,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.875rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.875rem", + letterSpacing: "-0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2429,7 +2453,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.5rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.5rem", + letterSpacing: "0%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2452,7 +2482,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.3125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.3125rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2475,7 +2511,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.125rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2498,7 +2540,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.875rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.875rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2521,7 +2569,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.5rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.5rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2544,7 +2598,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.3125rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2567,7 +2627,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.125rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2590,7 +2656,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.5 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.5", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2613,7 +2685,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.5 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.5", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2636,7 +2714,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1rem/1.5 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.5", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2659,7 +2743,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 0.875rem/1.5 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.5", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2682,7 +2772,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2706,7 +2802,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2730,7 +2832,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2754,7 +2862,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 0.875rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2778,7 +2892,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2802,7 +2922,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2826,7 +2952,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2850,7 +2982,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 0.875rem/1.7 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.7", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2874,7 +3012,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.3125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2897,7 +3041,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1.125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2920,7 +3070,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 1rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2943,7 +3099,13 @@ export const typography = [ }, { $type: "typography", - $value: "500 0.875rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 500, + lineHeight: "1.3", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2966,7 +3128,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.3125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1.3125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -2989,7 +3157,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1.125rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1.125rem", + letterSpacing: "0.5%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -3012,7 +3186,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 1rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "1rem", + letterSpacing: "0.25%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { @@ -3035,7 +3215,13 @@ export const typography = [ }, { $type: "typography", - $value: "400 0.875rem/1.3 'Inter'", + $value: { + fontFamily: "Inter", + fontWeight: 400, + lineHeight: "1.3", + fontSize: "0.875rem", + letterSpacing: "0.15%" + }, filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { diff --git a/packages/cli/src/tokens/build/configs.ts b/packages/cli/src/tokens/build/configs.ts index c5b3529b6c..5d9a75db94 100644 --- a/packages/cli/src/tokens/build/configs.ts +++ b/packages/cli/src/tokens/build/configs.ts @@ -7,7 +7,7 @@ import { outputReferencesFilter } from 'style-dictionary/utils'; import * as formats from './formats/css.js'; import { jsTokens } from './formats/js-tokens.js'; -import { nameKebab, sizeRem, typographyName, typographyShorthand } from './transformers.js'; +import { nameKebab, sizeRem, typographyName } from './transformers.js'; import { permutateThemes as permutateThemes_ } from './utils/permutateThemes.js'; import type { PermutatedThemes } from './utils/permutateThemes.js'; import { pathStartsWithOneOf, typeEquals } from './utils/utils.js'; @@ -25,7 +25,6 @@ const fileHeader = () => [`These files are generated from design tokens defind u StyleDictionary.registerTransform(sizeRem); StyleDictionary.registerTransform(nameKebab); -StyleDictionary.registerTransform(typographyShorthand); StyleDictionary.registerTransform(typographyName); StyleDictionary.registerFormat(jsTokens); @@ -40,7 +39,6 @@ const dsTransformers = [ sizeRem.name, 'ts/typography/fontWeight', typographyName.name, - typographyShorthand.name, 'ts/color/modifiers', 'ts/color/css/hexrgba', 'ts/size/lineheight', @@ -151,7 +149,7 @@ export const semanticVariables: GetConfig = ({ outPath, theme }) => { format: formats.semantic.name, filter: (token) => (!token.isSource || isCalculatedToken(token)) && - !typeEquals(['color', 'fontWeight', 'fontFamily'], token), + !typeEquals(['color', 'fontWeight', 'fontFamily', 'typography'], token), }, ], options: { diff --git a/packages/cli/src/tokens/build/transformers.ts b/packages/cli/src/tokens/build/transformers.ts index 5961937af2..ab5f8844c7 100644 --- a/packages/cli/src/tokens/build/transformers.ts +++ b/packages/cli/src/tokens/build/transformers.ts @@ -44,24 +44,6 @@ export const nameKebab: Transform = { }, }; -type Typgraphy = { - fontWeight: string; - fontSize: string; - lineHeight: number; - fontFamily: string; -}; - -export const typographyShorthand: Transform = { - name: 'typography/shorthand', - type: 'value', - transitive: true, - filter: (token) => typeEquals('typography', token), - transform: (token) => { - const typography = getValue(token); - return `${typography.fontWeight} ${typography.fontSize}/${typography.lineHeight} '${typography.fontFamily}'`; - }, -}; - export const typographyName: Transform = { name: 'name/typography', type: 'name', diff --git a/packages/theme/brand/altinn.css b/packages/theme/brand/altinn.css index 8c9aca2b18..91d407bdf9 100644 --- a/packages/theme/brand/altinn.css +++ b/packages/theme/brand/altinn.css @@ -791,37 +791,6 @@ @layer ds.theme.semantic { :root { - --ds-heading-2xl: 500 3.75rem/1.3 'Helvetica Neue'; - --ds-heading-xl: 500 3rem/1.3 'Helvetica Neue'; - --ds-heading-lg: 500 2.25rem/1.3 'Helvetica Neue'; - --ds-heading-md: 500 1.875rem/1.3 'Helvetica Neue'; - --ds-heading-sm: 500 1.5rem/1.3 'Helvetica Neue'; - --ds-heading-xs: 500 1.3125rem/1.3 'Helvetica Neue'; - --ds-heading-2xs: 500 1.125rem/1.3 'Helvetica Neue'; - --ds-ingress-lg: 400 1.875rem/1.7 'Helvetica Neue'; - --ds-ingress-md: 400 1.5rem/1.7 'Helvetica Neue'; - --ds-ingress-sm: 400 1.3125rem/1.7 'Helvetica Neue'; - --ds-ingress-xs: 400 1.125rem/1.7 'Helvetica Neue'; - --ds-paragraph-lg: 400 1.3125rem/1.5 'Helvetica Neue'; - --ds-paragraph-md: 400 1.125rem/1.5 'Helvetica Neue'; - --ds-paragraph-sm: 400 1rem/1.5 'Helvetica Neue'; - --ds-paragraph-xs: 400 0.875rem/1.5 'Helvetica Neue'; - --ds-paragraph-short-lg: 400 1.3125rem/1.3 'Helvetica Neue'; - --ds-paragraph-short-md: 400 1.125rem/1.3 'Helvetica Neue'; - --ds-paragraph-short-sm: 400 1rem/1.3 'Helvetica Neue'; - --ds-paragraph-short-xs: 400 0.875rem/1.3 'Helvetica Neue'; - --ds-paragraph-long-lg: 400 1.3125rem/1.7 'Helvetica Neue'; - --ds-paragraph-long-md: 400 1.125rem/1.7 'Helvetica Neue'; - --ds-paragraph-long-sm: 400 1rem/1.7 'Helvetica Neue'; - --ds-paragraph-long-xs: 400 0.875rem/1.7 'Helvetica Neue'; - --ds-label-lg: 500 1.3125rem/1.3 'Helvetica Neue'; - --ds-label-md: 500 1.125rem/1.3 'Helvetica Neue'; - --ds-label-sm: 500 1rem/1.3 'Helvetica Neue'; - --ds-label-xs: 500 0.875rem/1.3 'Helvetica Neue'; - --ds-error_message-lg: 400 1.3125rem/1.3 'Helvetica Neue'; - --ds-error_message-md: 400 1.125rem/1.3 'Helvetica Neue'; - --ds-error_message-sm: 400 1rem/1.3 'Helvetica Neue'; - --ds-error_message-xs: 400 0.875rem/1.3 'Helvetica Neue'; --ds-disabled-opacity: 30%; --ds-border-radius-sm: calc(var(--ds-border-radius-base)*0.5); --ds-border-radius-md: calc(var(--ds-border-radius-base)*1); diff --git a/packages/theme/brand/altinn/semantic.css b/packages/theme/brand/altinn/semantic.css index ae9579ee8d..5a7b277320 100644 --- a/packages/theme/brand/altinn/semantic.css +++ b/packages/theme/brand/altinn/semantic.css @@ -4,37 +4,6 @@ @layer ds.theme.semantic { :root { - --ds-heading-2xl: 500 3.75rem/1.3 'Helvetica Neue'; - --ds-heading-xl: 500 3rem/1.3 'Helvetica Neue'; - --ds-heading-lg: 500 2.25rem/1.3 'Helvetica Neue'; - --ds-heading-md: 500 1.875rem/1.3 'Helvetica Neue'; - --ds-heading-sm: 500 1.5rem/1.3 'Helvetica Neue'; - --ds-heading-xs: 500 1.3125rem/1.3 'Helvetica Neue'; - --ds-heading-2xs: 500 1.125rem/1.3 'Helvetica Neue'; - --ds-ingress-lg: 400 1.875rem/1.7 'Helvetica Neue'; - --ds-ingress-md: 400 1.5rem/1.7 'Helvetica Neue'; - --ds-ingress-sm: 400 1.3125rem/1.7 'Helvetica Neue'; - --ds-ingress-xs: 400 1.125rem/1.7 'Helvetica Neue'; - --ds-paragraph-lg: 400 1.3125rem/1.5 'Helvetica Neue'; - --ds-paragraph-md: 400 1.125rem/1.5 'Helvetica Neue'; - --ds-paragraph-sm: 400 1rem/1.5 'Helvetica Neue'; - --ds-paragraph-xs: 400 0.875rem/1.5 'Helvetica Neue'; - --ds-paragraph-short-lg: 400 1.3125rem/1.3 'Helvetica Neue'; - --ds-paragraph-short-md: 400 1.125rem/1.3 'Helvetica Neue'; - --ds-paragraph-short-sm: 400 1rem/1.3 'Helvetica Neue'; - --ds-paragraph-short-xs: 400 0.875rem/1.3 'Helvetica Neue'; - --ds-paragraph-long-lg: 400 1.3125rem/1.7 'Helvetica Neue'; - --ds-paragraph-long-md: 400 1.125rem/1.7 'Helvetica Neue'; - --ds-paragraph-long-sm: 400 1rem/1.7 'Helvetica Neue'; - --ds-paragraph-long-xs: 400 0.875rem/1.7 'Helvetica Neue'; - --ds-label-lg: 500 1.3125rem/1.3 'Helvetica Neue'; - --ds-label-md: 500 1.125rem/1.3 'Helvetica Neue'; - --ds-label-sm: 500 1rem/1.3 'Helvetica Neue'; - --ds-label-xs: 500 0.875rem/1.3 'Helvetica Neue'; - --ds-error_message-lg: 400 1.3125rem/1.3 'Helvetica Neue'; - --ds-error_message-md: 400 1.125rem/1.3 'Helvetica Neue'; - --ds-error_message-sm: 400 1rem/1.3 'Helvetica Neue'; - --ds-error_message-xs: 400 0.875rem/1.3 'Helvetica Neue'; --ds-disabled-opacity: 30%; --ds-border-radius-sm: calc(var(--ds-border-radius-base)*0.5); --ds-border-radius-md: calc(var(--ds-border-radius-base)*1); diff --git a/packages/theme/brand/digdir.css b/packages/theme/brand/digdir.css index 8e02aa07dd..85bea6bd4b 100644 --- a/packages/theme/brand/digdir.css +++ b/packages/theme/brand/digdir.css @@ -791,37 +791,6 @@ @layer ds.theme.semantic { :root { - --ds-heading-2xl: 500 3.75rem/1.3 'Inter'; - --ds-heading-xl: 500 3rem/1.3 'Inter'; - --ds-heading-lg: 500 2.25rem/1.3 'Inter'; - --ds-heading-md: 500 1.875rem/1.3 'Inter'; - --ds-heading-sm: 500 1.5rem/1.3 'Inter'; - --ds-heading-xs: 500 1.3125rem/1.3 'Inter'; - --ds-heading-2xs: 500 1.125rem/1.3 'Inter'; - --ds-ingress-lg: 400 1.875rem/1.7 'Inter'; - --ds-ingress-md: 400 1.5rem/1.7 'Inter'; - --ds-ingress-sm: 400 1.3125rem/1.7 'Inter'; - --ds-ingress-xs: 400 1.125rem/1.7 'Inter'; - --ds-paragraph-lg: 400 1.3125rem/1.5 'Inter'; - --ds-paragraph-md: 400 1.125rem/1.5 'Inter'; - --ds-paragraph-sm: 400 1rem/1.5 'Inter'; - --ds-paragraph-xs: 400 0.875rem/1.5 'Inter'; - --ds-paragraph-short-lg: 400 1.3125rem/1.3 'Inter'; - --ds-paragraph-short-md: 400 1.125rem/1.3 'Inter'; - --ds-paragraph-short-sm: 400 1rem/1.3 'Inter'; - --ds-paragraph-short-xs: 400 0.875rem/1.3 'Inter'; - --ds-paragraph-long-lg: 400 1.3125rem/1.7 'Inter'; - --ds-paragraph-long-md: 400 1.125rem/1.7 'Inter'; - --ds-paragraph-long-sm: 400 1rem/1.7 'Inter'; - --ds-paragraph-long-xs: 400 0.875rem/1.7 'Inter'; - --ds-label-lg: 500 1.3125rem/1.3 'Inter'; - --ds-label-md: 500 1.125rem/1.3 'Inter'; - --ds-label-sm: 500 1rem/1.3 'Inter'; - --ds-label-xs: 500 0.875rem/1.3 'Inter'; - --ds-error_message-lg: 400 1.3125rem/1.3 'Inter'; - --ds-error_message-md: 400 1.125rem/1.3 'Inter'; - --ds-error_message-sm: 400 1rem/1.3 'Inter'; - --ds-error_message-xs: 400 0.875rem/1.3 'Inter'; --ds-disabled-opacity: 30%; --ds-border-radius-sm: calc(var(--ds-border-radius-base)*0.5); --ds-border-radius-md: calc(var(--ds-border-radius-base)*1); diff --git a/packages/theme/brand/digdir/semantic.css b/packages/theme/brand/digdir/semantic.css index 9bf9cd4167..5a7b277320 100644 --- a/packages/theme/brand/digdir/semantic.css +++ b/packages/theme/brand/digdir/semantic.css @@ -4,37 +4,6 @@ @layer ds.theme.semantic { :root { - --ds-heading-2xl: 500 3.75rem/1.3 'Inter'; - --ds-heading-xl: 500 3rem/1.3 'Inter'; - --ds-heading-lg: 500 2.25rem/1.3 'Inter'; - --ds-heading-md: 500 1.875rem/1.3 'Inter'; - --ds-heading-sm: 500 1.5rem/1.3 'Inter'; - --ds-heading-xs: 500 1.3125rem/1.3 'Inter'; - --ds-heading-2xs: 500 1.125rem/1.3 'Inter'; - --ds-ingress-lg: 400 1.875rem/1.7 'Inter'; - --ds-ingress-md: 400 1.5rem/1.7 'Inter'; - --ds-ingress-sm: 400 1.3125rem/1.7 'Inter'; - --ds-ingress-xs: 400 1.125rem/1.7 'Inter'; - --ds-paragraph-lg: 400 1.3125rem/1.5 'Inter'; - --ds-paragraph-md: 400 1.125rem/1.5 'Inter'; - --ds-paragraph-sm: 400 1rem/1.5 'Inter'; - --ds-paragraph-xs: 400 0.875rem/1.5 'Inter'; - --ds-paragraph-short-lg: 400 1.3125rem/1.3 'Inter'; - --ds-paragraph-short-md: 400 1.125rem/1.3 'Inter'; - --ds-paragraph-short-sm: 400 1rem/1.3 'Inter'; - --ds-paragraph-short-xs: 400 0.875rem/1.3 'Inter'; - --ds-paragraph-long-lg: 400 1.3125rem/1.7 'Inter'; - --ds-paragraph-long-md: 400 1.125rem/1.7 'Inter'; - --ds-paragraph-long-sm: 400 1rem/1.7 'Inter'; - --ds-paragraph-long-xs: 400 0.875rem/1.7 'Inter'; - --ds-label-lg: 500 1.3125rem/1.3 'Inter'; - --ds-label-md: 500 1.125rem/1.3 'Inter'; - --ds-label-sm: 500 1rem/1.3 'Inter'; - --ds-label-xs: 500 0.875rem/1.3 'Inter'; - --ds-error_message-lg: 400 1.3125rem/1.3 'Inter'; - --ds-error_message-md: 400 1.125rem/1.3 'Inter'; - --ds-error_message-sm: 400 1rem/1.3 'Inter'; - --ds-error_message-xs: 400 0.875rem/1.3 'Inter'; --ds-disabled-opacity: 30%; --ds-border-radius-sm: calc(var(--ds-border-radius-base)*0.5); --ds-border-radius-md: calc(var(--ds-border-radius-base)*1); diff --git a/packages/theme/brand/portal.css b/packages/theme/brand/portal.css index c61eca6958..c75fc9397e 100644 --- a/packages/theme/brand/portal.css +++ b/packages/theme/brand/portal.css @@ -791,37 +791,6 @@ @layer ds.theme.semantic { :root { - --ds-heading-2xl: 500 3.75rem/1.3 'Inter'; - --ds-heading-xl: 500 3rem/1.3 'Inter'; - --ds-heading-lg: 500 2.25rem/1.3 'Inter'; - --ds-heading-md: 500 1.875rem/1.3 'Inter'; - --ds-heading-sm: 500 1.5rem/1.3 'Inter'; - --ds-heading-xs: 500 1.3125rem/1.3 'Inter'; - --ds-heading-2xs: 500 1.125rem/1.3 'Inter'; - --ds-ingress-lg: 400 1.875rem/1.7 'Inter'; - --ds-ingress-md: 400 1.5rem/1.7 'Inter'; - --ds-ingress-sm: 400 1.3125rem/1.7 'Inter'; - --ds-ingress-xs: 400 1.125rem/1.7 'Inter'; - --ds-paragraph-lg: 400 1.3125rem/1.5 'Inter'; - --ds-paragraph-md: 400 1.125rem/1.5 'Inter'; - --ds-paragraph-sm: 400 1rem/1.5 'Inter'; - --ds-paragraph-xs: 400 0.875rem/1.5 'Inter'; - --ds-paragraph-short-lg: 400 1.3125rem/1.3 'Inter'; - --ds-paragraph-short-md: 400 1.125rem/1.3 'Inter'; - --ds-paragraph-short-sm: 400 1rem/1.3 'Inter'; - --ds-paragraph-short-xs: 400 0.875rem/1.3 'Inter'; - --ds-paragraph-long-lg: 400 1.3125rem/1.7 'Inter'; - --ds-paragraph-long-md: 400 1.125rem/1.7 'Inter'; - --ds-paragraph-long-sm: 400 1rem/1.7 'Inter'; - --ds-paragraph-long-xs: 400 0.875rem/1.7 'Inter'; - --ds-label-lg: 500 1.3125rem/1.3 'Inter'; - --ds-label-md: 500 1.125rem/1.3 'Inter'; - --ds-label-sm: 500 1rem/1.3 'Inter'; - --ds-label-xs: 500 0.875rem/1.3 'Inter'; - --ds-error_message-lg: 400 1.3125rem/1.3 'Inter'; - --ds-error_message-md: 400 1.125rem/1.3 'Inter'; - --ds-error_message-sm: 400 1rem/1.3 'Inter'; - --ds-error_message-xs: 400 0.875rem/1.3 'Inter'; --ds-disabled-opacity: 30%; --ds-border-radius-sm: calc(var(--ds-border-radius-base)*0.5); --ds-border-radius-md: calc(var(--ds-border-radius-base)*1); diff --git a/packages/theme/brand/portal/semantic.css b/packages/theme/brand/portal/semantic.css index 9bf9cd4167..5a7b277320 100644 --- a/packages/theme/brand/portal/semantic.css +++ b/packages/theme/brand/portal/semantic.css @@ -4,37 +4,6 @@ @layer ds.theme.semantic { :root { - --ds-heading-2xl: 500 3.75rem/1.3 'Inter'; - --ds-heading-xl: 500 3rem/1.3 'Inter'; - --ds-heading-lg: 500 2.25rem/1.3 'Inter'; - --ds-heading-md: 500 1.875rem/1.3 'Inter'; - --ds-heading-sm: 500 1.5rem/1.3 'Inter'; - --ds-heading-xs: 500 1.3125rem/1.3 'Inter'; - --ds-heading-2xs: 500 1.125rem/1.3 'Inter'; - --ds-ingress-lg: 400 1.875rem/1.7 'Inter'; - --ds-ingress-md: 400 1.5rem/1.7 'Inter'; - --ds-ingress-sm: 400 1.3125rem/1.7 'Inter'; - --ds-ingress-xs: 400 1.125rem/1.7 'Inter'; - --ds-paragraph-lg: 400 1.3125rem/1.5 'Inter'; - --ds-paragraph-md: 400 1.125rem/1.5 'Inter'; - --ds-paragraph-sm: 400 1rem/1.5 'Inter'; - --ds-paragraph-xs: 400 0.875rem/1.5 'Inter'; - --ds-paragraph-short-lg: 400 1.3125rem/1.3 'Inter'; - --ds-paragraph-short-md: 400 1.125rem/1.3 'Inter'; - --ds-paragraph-short-sm: 400 1rem/1.3 'Inter'; - --ds-paragraph-short-xs: 400 0.875rem/1.3 'Inter'; - --ds-paragraph-long-lg: 400 1.3125rem/1.7 'Inter'; - --ds-paragraph-long-md: 400 1.125rem/1.7 'Inter'; - --ds-paragraph-long-sm: 400 1rem/1.7 'Inter'; - --ds-paragraph-long-xs: 400 0.875rem/1.7 'Inter'; - --ds-label-lg: 500 1.3125rem/1.3 'Inter'; - --ds-label-md: 500 1.125rem/1.3 'Inter'; - --ds-label-sm: 500 1rem/1.3 'Inter'; - --ds-label-xs: 500 0.875rem/1.3 'Inter'; - --ds-error_message-lg: 400 1.3125rem/1.3 'Inter'; - --ds-error_message-md: 400 1.125rem/1.3 'Inter'; - --ds-error_message-sm: 400 1rem/1.3 'Inter'; - --ds-error_message-xs: 400 0.875rem/1.3 'Inter'; --ds-disabled-opacity: 30%; --ds-border-radius-sm: calc(var(--ds-border-radius-base)*0.5); --ds-border-radius-md: calc(var(--ds-border-radius-base)*1); diff --git a/packages/theme/brand/uutilsynet.css b/packages/theme/brand/uutilsynet.css index bdf359648a..ea9a1427c8 100644 --- a/packages/theme/brand/uutilsynet.css +++ b/packages/theme/brand/uutilsynet.css @@ -791,37 +791,6 @@ @layer ds.theme.semantic { :root { - --ds-heading-2xl: 500 3.75rem/1.3 'Inter'; - --ds-heading-xl: 500 3rem/1.3 'Inter'; - --ds-heading-lg: 500 2.25rem/1.3 'Inter'; - --ds-heading-md: 500 1.875rem/1.3 'Inter'; - --ds-heading-sm: 500 1.5rem/1.3 'Inter'; - --ds-heading-xs: 500 1.3125rem/1.3 'Inter'; - --ds-heading-2xs: 500 1.125rem/1.3 'Inter'; - --ds-ingress-lg: 400 1.875rem/1.7 'Inter'; - --ds-ingress-md: 400 1.5rem/1.7 'Inter'; - --ds-ingress-sm: 400 1.3125rem/1.7 'Inter'; - --ds-ingress-xs: 400 1.125rem/1.7 'Inter'; - --ds-paragraph-lg: 400 1.3125rem/1.5 'Inter'; - --ds-paragraph-md: 400 1.125rem/1.5 'Inter'; - --ds-paragraph-sm: 400 1rem/1.5 'Inter'; - --ds-paragraph-xs: 400 0.875rem/1.5 'Inter'; - --ds-paragraph-short-lg: 400 1.3125rem/1.3 'Inter'; - --ds-paragraph-short-md: 400 1.125rem/1.3 'Inter'; - --ds-paragraph-short-sm: 400 1rem/1.3 'Inter'; - --ds-paragraph-short-xs: 400 0.875rem/1.3 'Inter'; - --ds-paragraph-long-lg: 400 1.3125rem/1.7 'Inter'; - --ds-paragraph-long-md: 400 1.125rem/1.7 'Inter'; - --ds-paragraph-long-sm: 400 1rem/1.7 'Inter'; - --ds-paragraph-long-xs: 400 0.875rem/1.7 'Inter'; - --ds-label-lg: 500 1.3125rem/1.3 'Inter'; - --ds-label-md: 500 1.125rem/1.3 'Inter'; - --ds-label-sm: 500 1rem/1.3 'Inter'; - --ds-label-xs: 500 0.875rem/1.3 'Inter'; - --ds-error_message-lg: 400 1.3125rem/1.3 'Inter'; - --ds-error_message-md: 400 1.125rem/1.3 'Inter'; - --ds-error_message-sm: 400 1rem/1.3 'Inter'; - --ds-error_message-xs: 400 0.875rem/1.3 'Inter'; --ds-disabled-opacity: 30%; --ds-border-radius-sm: calc(var(--ds-border-radius-base)*0.5); --ds-border-radius-md: calc(var(--ds-border-radius-base)*1); diff --git a/packages/theme/brand/uutilsynet/semantic.css b/packages/theme/brand/uutilsynet/semantic.css index 9bf9cd4167..5a7b277320 100644 --- a/packages/theme/brand/uutilsynet/semantic.css +++ b/packages/theme/brand/uutilsynet/semantic.css @@ -4,37 +4,6 @@ @layer ds.theme.semantic { :root { - --ds-heading-2xl: 500 3.75rem/1.3 'Inter'; - --ds-heading-xl: 500 3rem/1.3 'Inter'; - --ds-heading-lg: 500 2.25rem/1.3 'Inter'; - --ds-heading-md: 500 1.875rem/1.3 'Inter'; - --ds-heading-sm: 500 1.5rem/1.3 'Inter'; - --ds-heading-xs: 500 1.3125rem/1.3 'Inter'; - --ds-heading-2xs: 500 1.125rem/1.3 'Inter'; - --ds-ingress-lg: 400 1.875rem/1.7 'Inter'; - --ds-ingress-md: 400 1.5rem/1.7 'Inter'; - --ds-ingress-sm: 400 1.3125rem/1.7 'Inter'; - --ds-ingress-xs: 400 1.125rem/1.7 'Inter'; - --ds-paragraph-lg: 400 1.3125rem/1.5 'Inter'; - --ds-paragraph-md: 400 1.125rem/1.5 'Inter'; - --ds-paragraph-sm: 400 1rem/1.5 'Inter'; - --ds-paragraph-xs: 400 0.875rem/1.5 'Inter'; - --ds-paragraph-short-lg: 400 1.3125rem/1.3 'Inter'; - --ds-paragraph-short-md: 400 1.125rem/1.3 'Inter'; - --ds-paragraph-short-sm: 400 1rem/1.3 'Inter'; - --ds-paragraph-short-xs: 400 0.875rem/1.3 'Inter'; - --ds-paragraph-long-lg: 400 1.3125rem/1.7 'Inter'; - --ds-paragraph-long-md: 400 1.125rem/1.7 'Inter'; - --ds-paragraph-long-sm: 400 1rem/1.7 'Inter'; - --ds-paragraph-long-xs: 400 0.875rem/1.7 'Inter'; - --ds-label-lg: 500 1.3125rem/1.3 'Inter'; - --ds-label-md: 500 1.125rem/1.3 'Inter'; - --ds-label-sm: 500 1rem/1.3 'Inter'; - --ds-label-xs: 500 0.875rem/1.3 'Inter'; - --ds-error_message-lg: 400 1.3125rem/1.3 'Inter'; - --ds-error_message-md: 400 1.125rem/1.3 'Inter'; - --ds-error_message-sm: 400 1rem/1.3 'Inter'; - --ds-error_message-xs: 400 0.875rem/1.3 'Inter'; --ds-disabled-opacity: 30%; --ds-border-radius-sm: calc(var(--ds-border-radius-base)*0.5); --ds-border-radius-md: calc(var(--ds-border-radius-base)*1); From e3c60a649c92b72b56b11bee91106120a0efff9c Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Thu, 19 Sep 2024 08:03:33 +0200 Subject: [PATCH 13/14] tweak layers --- packages/css/index.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/css/index.css b/packages/css/index.css index c2f650d85a..db4f67e92e 100644 --- a/packages/css/index.css +++ b/packages/css/index.css @@ -1,11 +1,11 @@ @charset "UTF-8"; -@layer ds.reset, ds.theme, ds.base, ds.utilities, ds.components; +@layer ds.reset, ds.theme, ds.base, ds.components; /** Import order defines ordinal specificity for layers */ @import url('./baseline/ds-reset.css') layer(ds.reset); -@import url('./baseline/typography.css') layer(ds.typography); -@import url('./utilities.css') layer(ds.utilities); +@import url('./baseline/typography.css') layer(ds.base.typography); +@import url('./utilities.css') layer(ds.base.utilities); @import url('./button.css') layer(ds.components); @import url('./alert.css') layer(ds.components); @import url('./popover.css') layer(ds.components); From 93cbe2b8036087d1f80d10b269eada7d15160bff Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Thu, 19 Sep 2024 08:04:39 +0200 Subject: [PATCH 14/14] Revert changes to Button and Paragraph --- packages/css/baseline/typography.css | 39 +++++++++++++++++ .../react/src/components/Button/Button.tsx | 43 +++++++++++-------- .../Typography/Paragraph/Paragraph.tsx | 11 ++++- 3 files changed, 73 insertions(+), 20 deletions(-) diff --git a/packages/css/baseline/typography.css b/packages/css/baseline/typography.css index 270bc9e3ac..a9e96c4557 100644 --- a/packages/css/baseline/typography.css +++ b/packages/css/baseline/typography.css @@ -170,6 +170,45 @@ } } +/** REMOVE after migrate to @composes */ +.ds-paragraph--xs { + --dsc-bottom-spacing: var(--ds-spacing-3); + + font-weight: var(--ds-paragraph-xs-font-weight); + line-height: var(--ds-paragraph-xs-line-height); + font-size: var(--ds-paragraph-xs-font-size); + letter-spacing: var(--ds-paragraph-xs-letter-spacing); +} + +.ds-paragraph--sm { + --dsc-bottom-spacing: var(--ds-spacing-4); + + font-weight: var(--ds-paragraph-sm-font-weight); + line-height: var(--ds-paragraph-sm-line-height); + font-size: var(--ds-paragraph-sm-font-size); + letter-spacing: var(--ds-paragraph-sm-letter-spacing); +} + +.ds-paragraph--md { + --dsc-bottom-spacing: var(--ds-spacing-5); + + font-weight: var(--ds-paragraph-md-font-weight); + line-height: var(--ds-paragraph-md-line-height); + font-size: var(--ds-paragraph-md-font-size); + letter-spacing: var(--ds-paragraph-md-letter-spacing); +} + +.ds-paragraph--lg { + --dsc-bottom-spacing: var(--ds-spacing-6); + + font-weight: var(--ds-paragraph-lg-font-weight); + line-height: var(--ds-paragraph-lg-line-height); + font-size: var(--ds-paragraph-lg-font-size); + letter-spacing: var(--ds-paragraph-lg-letter-spacing); +} + +/** END */ + .ds-paragraph-long { --dsc-bottom-spacing: var(--ds-spacing-5); diff --git a/packages/react/src/components/Button/Button.tsx b/packages/react/src/components/Button/Button.tsx index a830152f53..d4daca2974 100644 --- a/packages/react/src/components/Button/Button.tsx +++ b/packages/react/src/components/Button/Button.tsx @@ -60,24 +60,31 @@ export const Button = forwardRef( // Fallbacks to undefined to prevent rendering attribute="false" return ( - - {loading === true ? ( - + + + {loading === true ? ( + + ); }, ); diff --git a/packages/react/src/components/Typography/Paragraph/Paragraph.tsx b/packages/react/src/components/Typography/Paragraph/Paragraph.tsx index 5d546630b4..9d349d0446 100644 --- a/packages/react/src/components/Typography/Paragraph/Paragraph.tsx +++ b/packages/react/src/components/Typography/Paragraph/Paragraph.tsx @@ -25,6 +25,12 @@ export type ParagraphProps = { asChild?: boolean; } & HTMLAttributes; +const lineHeightMap = { + short: 'ds-line-height--sm', + default: 'ds-line-height--md', + long: 'ds-line-height--lg', +}; + /** * Use `Paragraph` to display text with paragraph text styles. * @@ -39,11 +45,12 @@ export const Paragraph = forwardRef( );