diff --git a/packages/tokens/brand/altinn/tokens.cjs.js b/packages/tokens/brand/altinn/tokens.cjs.js index 67a8ab6ded..404e003a2a 100644 --- a/packages/tokens/brand/altinn/tokens.cjs.js +++ b/packages/tokens/brand/altinn/tokens.cjs.js @@ -22,22 +22,22 @@ module.exports = { "semantic_surface_action_no_fill_hover": "#e6eff8", "semantic_surface_action_no_fill_active": "#b3d0ea", "semantic_surface_action_checked": "#0062ba", - "semantic_surface_action_primary_subtle": "#e6eff8", - "semantic_surface_action_primary_subtle_hover": "#b3d0ea", - "semantic_surface_action_primary_default": "#0062ba", - "semantic_surface_action_primary_hover": "#004e95", - "semantic_surface_action_primary_active": "#00315d", - "semantic_surface_action_primary_no_fill": "#ffffff", - "semantic_surface_action_primary_no_fill_hover": "#e6eff8", - "semantic_surface_action_primary_no_fill_active": "#b3d0ea", - "semantic_surface_action_secondary_subtle": "#f4f5f6", - "semantic_surface_action_secondary_subtle_hover": "#e9eaec", - "semantic_surface_action_secondary_default": "#00315d", - "semantic_surface_action_secondary_hover": "rgba(0, 49, 93, 0.9)", - "semantic_surface_action_secondary_active": "rgba(0, 49, 93, 0.8)", - "semantic_surface_action_secondary_no_fill": "#ffffff", - "semantic_surface_action_secondary_no_fill_hover": "rgba(0, 49, 93, 0.1)", - "semantic_surface_action_secondary_no_fill_active": "rgba(0, 49, 93, 0.2)", + "semantic_surface_action_first_subtle": "#e6eff8", + "semantic_surface_action_first_subtle_hover": "#b3d0ea", + "semantic_surface_action_first_default": "#0062ba", + "semantic_surface_action_first_hover": "#004e95", + "semantic_surface_action_first_active": "#00315d", + "semantic_surface_action_first_no_fill": "#ffffff", + "semantic_surface_action_first_no_fill_hover": "#e6eff8", + "semantic_surface_action_first_no_fill_active": "#b3d0ea", + "semantic_surface_action_second_subtle": "#f4f5f6", + "semantic_surface_action_second_subtle_hover": "#e9eaec", + "semantic_surface_action_second_default": "#00315d", + "semantic_surface_action_second_hover": "rgba(0, 49, 93, 0.9)", + "semantic_surface_action_second_active": "rgba(0, 49, 93, 0.8)", + "semantic_surface_action_second_no_fill": "#ffffff", + "semantic_surface_action_second_no_fill_hover": "rgba(0, 49, 93, 0.1)", + "semantic_surface_action_second_no_fill_active": "rgba(0, 49, 93, 0.2)", "semantic_surface_success_subtle": "#d1f4e1", "semantic_surface_success_subtle_hover": "#8be4b5", "semantic_surface_success_default": "#118849", @@ -65,18 +65,18 @@ module.exports = { "semantic_surface_on_inverted_no_fill": "#ffffff00", "semantic_surface_on_inverted_no_fill_hover": "#ffffff1a", "semantic_surface_on_inverted_no_fill_active": "#ffffff33", - "semantic_surface_primary_light": "#B3D0EA", - "semantic_surface_primary_light_hover": "#80B1DD", - "semantic_surface_primary_light_active": "#66A1D6", - "semantic_surface_primary_dark": "#004E95", - "semantic_surface_secondary_light": "#C5BBDD", - "semantic_surface_secondary_light_hover": "#A392C8", - "semantic_surface_secondary_light_active": "#806AB4", - "semantic_surface_secondary_dark": "#231B36", - "semantic_surface_tertiary_light": "#F3ABB6", - "semantic_surface_tertiary_light_hover": "#EC8292", - "semantic_surface_tertiary_light_active": "#E6586D", - "semantic_surface_tertiary_dark": "#5A121D", + "semantic_surface_first_light": "#B3D0EA", + "semantic_surface_first_light_hover": "#80B1DD", + "semantic_surface_first_light_active": "#66A1D6", + "semantic_surface_first_dark": "#004E95", + "semantic_surface_second_light": "#C5BBDD", + "semantic_surface_second_light_hover": "#A392C8", + "semantic_surface_second_light_active": "#806AB4", + "semantic_surface_second_dark": "#231B36", + "semantic_surface_third_light": "#F3ABB6", + "semantic_surface_third_light_hover": "#EC8292", + "semantic_surface_third_light_active": "#E6586D", + "semantic_surface_third_dark": "#5A121D", "semantic_border_info_default": "#004e95", "semantic_border_action_subtle": "#b3d0ea", "semantic_border_action_subtle_hover": "#66a1d6", @@ -85,16 +85,16 @@ module.exports = { "semantic_border_action_active": "#00315d", "semantic_border_action_dark": "#00315d", "semantic_border_action_dark_hover": "#0062ba", - "semantic_border_action_primary_subtle": "#b3d0ea", - "semantic_border_action_primary_subtle_hover": "#66a1d6", - "semantic_border_action_primary_default": "#0062ba", - "semantic_border_action_primary_hover": "#004e95", - "semantic_border_action_primary_active": "#00315d", - "semantic_border_action_secondary_subtle": "#e9eaec", - "semantic_border_action_secondary_subtle_hover": "#d2d5d8", - "semantic_border_action_secondary_default": "#00315d", - "semantic_border_action_secondary_hover": "#00315d", - "semantic_border_action_secondary_active": "#00315d", + "semantic_border_action_first_subtle": "#e9eaec", + "semantic_border_action_first_subtle_hover": "#d2d5d8", + "semantic_border_action_first_default": "#00315d", + "semantic_border_action_first_hover": "#00315d", + "semantic_border_action_first_active": "#00315d", + "semantic_border_action_second_subtle": "#e9eaec", + "semantic_border_action_second_subtle_hover": "#d2d5d8", + "semantic_border_action_second_default": "#00315d", + "semantic_border_action_second_hover": "#00315d", + "semantic_border_action_second_active": "#00315d", "semantic_border_neutral_default": "#68707c", "semantic_border_neutral_subtle": "#d2d5d8", "semantic_border_neutral_strong": "#1e2b3c", @@ -113,15 +113,15 @@ module.exports = { "semantic_border_on_inverted_default": "#ffffff", "semantic_border_input_default": "#00315d", "semantic_border_input_hover": "#0062ba", - "semantic_border_primary_default": "#1A72C1", - "semantic_border_primary_hover": "#0062BA", - "semantic_border_primary_active": "#004E95", - "semantic_border_secondary_default": "#594488", - "semantic_border_secondary_hover": "#3F3161", - "semantic_border_secondary_active": "#352951", - "semantic_border_tertiary_default": "#B3253A", - "semantic_border_tertiary_hover": "#861C2C", - "semantic_border_tertiary_active": "#5A121D", + "semantic_border_first_default": "#1A72C1", + "semantic_border_first_hover": "#0062BA", + "semantic_border_first_active": "#004E95", + "semantic_border_second_default": "#594488", + "semantic_border_second_hover": "#3F3161", + "semantic_border_second_active": "#352951", + "semantic_border_third_default": "#B3253A", + "semantic_border_third_hover": "#861C2C", + "semantic_border_third_active": "#5A121D", "semantic_text_success_default": "#0c6536", "semantic_text_success_hover": "#084826", "semantic_text_success_active": "#084826", @@ -134,14 +134,14 @@ module.exports = { "semantic_text_action_hover": "#004e95", "semantic_text_action_active": "#00315d", "semantic_text_action_on_action": "#ffffff", - "semantic_text_action_primary_default": "#0062ba", - "semantic_text_action_primary_hover": "#004e95", - "semantic_text_action_primary_active": "#00315d", - "semantic_text_action_primary_on_action": "#ffffff", - "semantic_text_action_secondary_default": "#00315d", - "semantic_text_action_secondary_hover": "#00315d", - "semantic_text_action_secondary_active": "#00315d", - "semantic_text_action_secondary_on_action": "#ffffff", + "semantic_text_action_first_default": "#0062ba", + "semantic_text_action_first_hover": "#004e95", + "semantic_text_action_first_active": "#00315d", + "semantic_text_action_first_on_action": "#ffffff", + "semantic_text_action_second_default": "#00315d", + "semantic_text_action_second_hover": "#00315d", + "semantic_text_action_second_active": "#00315d", + "semantic_text_action_second_on_action": "#ffffff", "semantic_text_warning_default": "#995404", "semantic_text_warning_icon_warning": "#cc7005", "semantic_text_warning_on_warning": "#663802", @@ -225,33 +225,33 @@ module.exports = { "shadow_medium": "0 2px 4px -2px #0000001a, 0 4px 5px #0000001a", "shadow_large": "0 4px 6px -4px #0000001a, 0 10px 12px #0000001a", "shadow_xlarge": "0 8px 10px -6px #0000001a, 0 25px 45px #0000001a", - "brand_primary_100": "#E6EFF8", - "brand_primary_200": "#B3D0EA", - "brand_primary_300": "#80B1DD", - "brand_primary_400": "#66A1D6", - "brand_primary_500": "#3381C8", - "brand_primary_600": "#1A72C1", - "brand_primary_700": "#0062BA", - "brand_primary_800": "#004E95", - "brand_primary_900": "#00315D", - "brand_secondary_100": "#DCD6EA", - "brand_secondary_200": "#C5BBDD", - "brand_secondary_300": "#A392C8", - "brand_secondary_400": "#806AB4", - "brand_secondary_500": "#6A52A3", - "brand_secondary_600": "#594488", - "brand_secondary_700": "#3F3161", - "brand_secondary_800": "#352951", - "brand_secondary_900": "#231B36", - "brand_tertiary_100": "#F9D5DB", - "brand_tertiary_200": "#F3ABB6", - "brand_tertiary_300": "#EC8292", - "brand_tertiary_400": "#E6586D", - "brand_tertiary_500": "#E02E49", - "brand_tertiary_600": "#B3253A", - "brand_tertiary_700": "#861C2C", - "brand_tertiary_800": "#5A121D", - "brand_tertiary_900": "#480e17", + "brand_alt1_100": "#E6EFF8", + "brand_alt1_200": "#B3D0EA", + "brand_alt1_300": "#80B1DD", + "brand_alt1_400": "#66A1D6", + "brand_alt1_500": "#3381C8", + "brand_alt1_600": "#1A72C1", + "brand_alt1_700": "#0062BA", + "brand_alt1_800": "#004E95", + "brand_alt1_900": "#00315D", + "brand_alt2_100": "#DCD6EA", + "brand_alt2_200": "#C5BBDD", + "brand_alt2_300": "#A392C8", + "brand_alt2_400": "#806AB4", + "brand_alt2_500": "#6A52A3", + "brand_alt2_600": "#594488", + "brand_alt2_700": "#3F3161", + "brand_alt2_800": "#352951", + "brand_alt2_900": "#231B36", + "brand_alt3_100": "#F9D5DB", + "brand_alt3_200": "#F3ABB6", + "brand_alt3_300": "#EC8292", + "brand_alt3_400": "#E6586D", + "brand_alt3_500": "#E02E49", + "brand_alt3_600": "#B3253A", + "brand_alt3_700": "#861C2C", + "brand_alt3_800": "#5A121D", + "brand_alt3_900": "#480e17", "component_mode_height_small": "36px", "component_mode_height_medium": "45px", "component_mode_height_large": "54px", diff --git a/packages/tokens/brand/altinn/tokens.css b/packages/tokens/brand/altinn/tokens.css index d7a412d127..17e0caf4da 100644 --- a/packages/tokens/brand/altinn/tokens.css +++ b/packages/tokens/brand/altinn/tokens.css @@ -26,22 +26,22 @@ --fds-semantic-surface-action-no_fill-hover: #e6eff8; --fds-semantic-surface-action-no_fill-active: #b3d0ea; --fds-semantic-surface-action-checked: #0062ba; - --fds-semantic-surface-action-primary-subtle: #e6eff8; - --fds-semantic-surface-action-primary-subtle-hover: #b3d0ea; - --fds-semantic-surface-action-primary-default: #0062ba; - --fds-semantic-surface-action-primary-hover: #004e95; - --fds-semantic-surface-action-primary-active: #00315d; - --fds-semantic-surface-action-primary-no_fill: #ffffff; - --fds-semantic-surface-action-primary-no_fill-hover: #e6eff8; - --fds-semantic-surface-action-primary-no_fill-active: #b3d0ea; - --fds-semantic-surface-action-secondary-subtle: #f4f5f6; - --fds-semantic-surface-action-secondary-subtle-hover: #e9eaec; - --fds-semantic-surface-action-secondary-default: #00315d; - --fds-semantic-surface-action-secondary-hover: rgba(0, 49, 93, 0.9); - --fds-semantic-surface-action-secondary-active: rgba(0, 49, 93, 0.8); - --fds-semantic-surface-action-secondary-no_fill: #ffffff; - --fds-semantic-surface-action-secondary-no_fill-hover: rgba(0, 49, 93, 0.1); - --fds-semantic-surface-action-secondary-no_fill-active: rgba(0, 49, 93, 0.2); + --fds-semantic-surface-action-first-subtle: #e6eff8; + --fds-semantic-surface-action-first-subtle-hover: #b3d0ea; + --fds-semantic-surface-action-first-default: #0062ba; + --fds-semantic-surface-action-first-hover: #004e95; + --fds-semantic-surface-action-first-active: #00315d; + --fds-semantic-surface-action-first-no_fill: #ffffff; + --fds-semantic-surface-action-first-no_fill-hover: #e6eff8; + --fds-semantic-surface-action-first-no_fill-active: #b3d0ea; + --fds-semantic-surface-action-second-subtle: #f4f5f6; + --fds-semantic-surface-action-second-subtle-hover: #e9eaec; + --fds-semantic-surface-action-second-default: #00315d; + --fds-semantic-surface-action-second-hover: rgba(0, 49, 93, 0.9); + --fds-semantic-surface-action-second-active: rgba(0, 49, 93, 0.8); + --fds-semantic-surface-action-second-no_fill: #ffffff; + --fds-semantic-surface-action-second-no_fill-hover: rgba(0, 49, 93, 0.1); + --fds-semantic-surface-action-second-no_fill-active: rgba(0, 49, 93, 0.2); --fds-semantic-surface-success-subtle: #d1f4e1; --fds-semantic-surface-success-subtle-hover: #8be4b5; --fds-semantic-surface-success-default: #118849; @@ -69,18 +69,18 @@ --fds-semantic-surface-on_inverted-no_fill: #ffffff00; --fds-semantic-surface-on_inverted-no_fill-hover: #ffffff1a; --fds-semantic-surface-on_inverted-no_fill-active: #ffffff33; - --fds-semantic-surface-primary-light: #B3D0EA; - --fds-semantic-surface-primary-light-hover: #80B1DD; - --fds-semantic-surface-primary-light-active: #66A1D6; - --fds-semantic-surface-primary-dark: #004E95; - --fds-semantic-surface-secondary-light: #C5BBDD; - --fds-semantic-surface-secondary-light-hover: #A392C8; - --fds-semantic-surface-secondary-light-active: #806AB4; - --fds-semantic-surface-secondary-dark: #231B36; - --fds-semantic-surface-tertiary-light: #F3ABB6; - --fds-semantic-surface-tertiary-light-hover: #EC8292; - --fds-semantic-surface-tertiary-light-active: #E6586D; - --fds-semantic-surface-tertiary-dark: #5A121D; + --fds-semantic-surface-first-light: #B3D0EA; + --fds-semantic-surface-first-light-hover: #80B1DD; + --fds-semantic-surface-first-light-active: #66A1D6; + --fds-semantic-surface-first-dark: #004E95; + --fds-semantic-surface-second-light: #C5BBDD; + --fds-semantic-surface-second-light-hover: #A392C8; + --fds-semantic-surface-second-light-active: #806AB4; + --fds-semantic-surface-second-dark: #231B36; + --fds-semantic-surface-third-light: #F3ABB6; + --fds-semantic-surface-third-light-hover: #EC8292; + --fds-semantic-surface-third-light-active: #E6586D; + --fds-semantic-surface-third-dark: #5A121D; --fds-semantic-border-info-default: #004e95; --fds-semantic-border-action-subtle: #b3d0ea; --fds-semantic-border-action-subtle-hover: #66a1d6; @@ -89,16 +89,16 @@ --fds-semantic-border-action-active: #00315d; --fds-semantic-border-action-dark: #00315d; --fds-semantic-border-action-dark-hover: #0062ba; - --fds-semantic-border-action-primary-subtle: #b3d0ea; - --fds-semantic-border-action-primary-subtle-hover: #66a1d6; - --fds-semantic-border-action-primary-default: #0062ba; - --fds-semantic-border-action-primary-hover: #004e95; - --fds-semantic-border-action-primary-active: #00315d; - --fds-semantic-border-action-secondary-subtle: #e9eaec; - --fds-semantic-border-action-secondary-subtle-hover: #d2d5d8; - --fds-semantic-border-action-secondary-default: #00315d; - --fds-semantic-border-action-secondary-hover: #00315d; - --fds-semantic-border-action-secondary-active: #00315d; + --fds-semantic-border-action-first-subtle: #e9eaec; + --fds-semantic-border-action-first-subtle-hover: #d2d5d8; + --fds-semantic-border-action-first-default: #00315d; + --fds-semantic-border-action-first-hover: #00315d; + --fds-semantic-border-action-first-active: #00315d; + --fds-semantic-border-action-second-subtle: #e9eaec; + --fds-semantic-border-action-second-subtle-hover: #d2d5d8; + --fds-semantic-border-action-second-default: #00315d; + --fds-semantic-border-action-second-hover: #00315d; + --fds-semantic-border-action-second-active: #00315d; --fds-semantic-border-neutral-default: #68707c; --fds-semantic-border-neutral-subtle: #d2d5d8; --fds-semantic-border-neutral-strong: #1e2b3c; @@ -117,15 +117,15 @@ --fds-semantic-border-on_inverted-default: #ffffff; --fds-semantic-border-input-default: #00315d; --fds-semantic-border-input-hover: #0062ba; - --fds-semantic-border-primary-default: #1A72C1; - --fds-semantic-border-primary-hover: #0062BA; - --fds-semantic-border-primary-active: #004E95; - --fds-semantic-border-secondary-default: #594488; - --fds-semantic-border-secondary-hover: #3F3161; - --fds-semantic-border-secondary-active: #352951; - --fds-semantic-border-tertiary-default: #B3253A; - --fds-semantic-border-tertiary-hover: #861C2C; - --fds-semantic-border-tertiary-active: #5A121D; + --fds-semantic-border-first-default: #1A72C1; + --fds-semantic-border-first-hover: #0062BA; + --fds-semantic-border-first-active: #004E95; + --fds-semantic-border-second-default: #594488; + --fds-semantic-border-second-hover: #3F3161; + --fds-semantic-border-second-active: #352951; + --fds-semantic-border-third-default: #B3253A; + --fds-semantic-border-third-hover: #861C2C; + --fds-semantic-border-third-active: #5A121D; --fds-semantic-text-success-default: #0c6536; --fds-semantic-text-success-hover: #084826; --fds-semantic-text-success-active: #084826; @@ -138,14 +138,14 @@ --fds-semantic-text-action-hover: #004e95; --fds-semantic-text-action-active: #00315d; --fds-semantic-text-action-on_action: #ffffff; - --fds-semantic-text-action-primary-default: #0062ba; - --fds-semantic-text-action-primary-hover: #004e95; - --fds-semantic-text-action-primary-active: #00315d; - --fds-semantic-text-action-primary-on_action: #ffffff; - --fds-semantic-text-action-secondary-default: #00315d; - --fds-semantic-text-action-secondary-hover: #00315d; - --fds-semantic-text-action-secondary-active: #00315d; - --fds-semantic-text-action-secondary-on_action: #ffffff; + --fds-semantic-text-action-first-default: #0062ba; + --fds-semantic-text-action-first-hover: #004e95; + --fds-semantic-text-action-first-active: #00315d; + --fds-semantic-text-action-first-on_action: #ffffff; + --fds-semantic-text-action-second-default: #00315d; + --fds-semantic-text-action-second-hover: #00315d; + --fds-semantic-text-action-second-active: #00315d; + --fds-semantic-text-action-second-on_action: #ffffff; --fds-semantic-text-warning-default: #995404; --fds-semantic-text-warning-icon_warning: #cc7005; --fds-semantic-text-warning-on_warning: #663802; @@ -229,33 +229,33 @@ --fds-shadow-medium: 0 2px 4px -2px #0000001a, 0 4px 5px #0000001a; --fds-shadow-large: 0 4px 6px -4px #0000001a, 0 10px 12px #0000001a; --fds-shadow-xlarge: 0 8px 10px -6px #0000001a, 0 25px 45px #0000001a; - --fds-brand-primary-100: #E6EFF8; - --fds-brand-primary-200: #B3D0EA; - --fds-brand-primary-300: #80B1DD; - --fds-brand-primary-400: #66A1D6; - --fds-brand-primary-500: #3381C8; - --fds-brand-primary-600: #1A72C1; - --fds-brand-primary-700: #0062BA; - --fds-brand-primary-800: #004E95; - --fds-brand-primary-900: #00315D; - --fds-brand-secondary-100: #DCD6EA; - --fds-brand-secondary-200: #C5BBDD; - --fds-brand-secondary-300: #A392C8; - --fds-brand-secondary-400: #806AB4; - --fds-brand-secondary-500: #6A52A3; - --fds-brand-secondary-600: #594488; - --fds-brand-secondary-700: #3F3161; - --fds-brand-secondary-800: #352951; - --fds-brand-secondary-900: #231B36; - --fds-brand-tertiary-100: #F9D5DB; - --fds-brand-tertiary-200: #F3ABB6; - --fds-brand-tertiary-300: #EC8292; - --fds-brand-tertiary-400: #E6586D; - --fds-brand-tertiary-500: #E02E49; - --fds-brand-tertiary-600: #B3253A; - --fds-brand-tertiary-700: #861C2C; - --fds-brand-tertiary-800: #5A121D; - --fds-brand-tertiary-900: #480e17; + --fds-brand-alt1-100: #E6EFF8; + --fds-brand-alt1-200: #B3D0EA; + --fds-brand-alt1-300: #80B1DD; + --fds-brand-alt1-400: #66A1D6; + --fds-brand-alt1-500: #3381C8; + --fds-brand-alt1-600: #1A72C1; + --fds-brand-alt1-700: #0062BA; + --fds-brand-alt1-800: #004E95; + --fds-brand-alt1-900: #00315D; + --fds-brand-alt2-100: #DCD6EA; + --fds-brand-alt2-200: #C5BBDD; + --fds-brand-alt2-300: #A392C8; + --fds-brand-alt2-400: #806AB4; + --fds-brand-alt2-500: #6A52A3; + --fds-brand-alt2-600: #594488; + --fds-brand-alt2-700: #3F3161; + --fds-brand-alt2-800: #352951; + --fds-brand-alt2-900: #231B36; + --fds-brand-alt3-100: #F9D5DB; + --fds-brand-alt3-200: #F3ABB6; + --fds-brand-alt3-300: #EC8292; + --fds-brand-alt3-400: #E6586D; + --fds-brand-alt3-500: #E02E49; + --fds-brand-alt3-600: #B3253A; + --fds-brand-alt3-700: #861C2C; + --fds-brand-alt3-800: #5A121D; + --fds-brand-alt3-900: #480e17; --fds-component-mode-height-small: 36px; --fds-component-mode-height-medium: var(--fds-sizing-10); --fds-component-mode-height-large: var(--fds-sizing-12); diff --git a/packages/tokens/brand/altinn/tokens.d.ts b/packages/tokens/brand/altinn/tokens.d.ts index 32e23f2b15..7d87c4a3ec 100644 --- a/packages/tokens/brand/altinn/tokens.d.ts +++ b/packages/tokens/brand/altinn/tokens.d.ts @@ -21,22 +21,22 @@ export const semantic_surface_action_no_fill : string; export const semantic_surface_action_no_fill_hover : string; export const semantic_surface_action_no_fill_active : string; export const semantic_surface_action_checked : string; -export const semantic_surface_action_primary_subtle : string; -export const semantic_surface_action_primary_subtle_hover : string; -export const semantic_surface_action_primary_default : string; -export const semantic_surface_action_primary_hover : string; -export const semantic_surface_action_primary_active : string; -export const semantic_surface_action_primary_no_fill : string; -export const semantic_surface_action_primary_no_fill_hover : string; -export const semantic_surface_action_primary_no_fill_active : string; -export const semantic_surface_action_secondary_subtle : string; -export const semantic_surface_action_secondary_subtle_hover : string; -export const semantic_surface_action_secondary_default : string; -export const semantic_surface_action_secondary_hover : string; -export const semantic_surface_action_secondary_active : string; -export const semantic_surface_action_secondary_no_fill : string; -export const semantic_surface_action_secondary_no_fill_hover : string; -export const semantic_surface_action_secondary_no_fill_active : string; +export const semantic_surface_action_first_subtle : string; +export const semantic_surface_action_first_subtle_hover : string; +export const semantic_surface_action_first_default : string; +export const semantic_surface_action_first_hover : string; +export const semantic_surface_action_first_active : string; +export const semantic_surface_action_first_no_fill : string; +export const semantic_surface_action_first_no_fill_hover : string; +export const semantic_surface_action_first_no_fill_active : string; +export const semantic_surface_action_second_subtle : string; +export const semantic_surface_action_second_subtle_hover : string; +export const semantic_surface_action_second_default : string; +export const semantic_surface_action_second_hover : string; +export const semantic_surface_action_second_active : string; +export const semantic_surface_action_second_no_fill : string; +export const semantic_surface_action_second_no_fill_hover : string; +export const semantic_surface_action_second_no_fill_active : string; export const semantic_surface_success_subtle : string; export const semantic_surface_success_subtle_hover : string; export const semantic_surface_success_default : string; @@ -64,18 +64,18 @@ export const semantic_surface_on_inverted_active : string; export const semantic_surface_on_inverted_no_fill : string; export const semantic_surface_on_inverted_no_fill_hover : string; export const semantic_surface_on_inverted_no_fill_active : string; -export const semantic_surface_primary_light : string; -export const semantic_surface_primary_light_hover : string; -export const semantic_surface_primary_light_active : string; -export const semantic_surface_primary_dark : string; -export const semantic_surface_secondary_light : string; -export const semantic_surface_secondary_light_hover : string; -export const semantic_surface_secondary_light_active : string; -export const semantic_surface_secondary_dark : string; -export const semantic_surface_tertiary_light : string; -export const semantic_surface_tertiary_light_hover : string; -export const semantic_surface_tertiary_light_active : string; -export const semantic_surface_tertiary_dark : string; +export const semantic_surface_first_light : string; +export const semantic_surface_first_light_hover : string; +export const semantic_surface_first_light_active : string; +export const semantic_surface_first_dark : string; +export const semantic_surface_second_light : string; +export const semantic_surface_second_light_hover : string; +export const semantic_surface_second_light_active : string; +export const semantic_surface_second_dark : string; +export const semantic_surface_third_light : string; +export const semantic_surface_third_light_hover : string; +export const semantic_surface_third_light_active : string; +export const semantic_surface_third_dark : string; export const semantic_border_info_default : string; export const semantic_border_action_subtle : string; export const semantic_border_action_subtle_hover : string; @@ -84,16 +84,16 @@ export const semantic_border_action_hover : string; export const semantic_border_action_active : string; export const semantic_border_action_dark : string; export const semantic_border_action_dark_hover : string; -export const semantic_border_action_primary_subtle : string; -export const semantic_border_action_primary_subtle_hover : string; -export const semantic_border_action_primary_default : string; -export const semantic_border_action_primary_hover : string; -export const semantic_border_action_primary_active : string; -export const semantic_border_action_secondary_subtle : string; -export const semantic_border_action_secondary_subtle_hover : string; -export const semantic_border_action_secondary_default : string; -export const semantic_border_action_secondary_hover : string; -export const semantic_border_action_secondary_active : string; +export const semantic_border_action_first_subtle : string; +export const semantic_border_action_first_subtle_hover : string; +export const semantic_border_action_first_default : string; +export const semantic_border_action_first_hover : string; +export const semantic_border_action_first_active : string; +export const semantic_border_action_second_subtle : string; +export const semantic_border_action_second_subtle_hover : string; +export const semantic_border_action_second_default : string; +export const semantic_border_action_second_hover : string; +export const semantic_border_action_second_active : string; export const semantic_border_neutral_default : string; export const semantic_border_neutral_subtle : string; export const semantic_border_neutral_strong : string; @@ -112,15 +112,15 @@ export const semantic_border_focus_boxshadow : string; export const semantic_border_on_inverted_default : string; export const semantic_border_input_default : string; export const semantic_border_input_hover : string; -export const semantic_border_primary_default : string; -export const semantic_border_primary_hover : string; -export const semantic_border_primary_active : string; -export const semantic_border_secondary_default : string; -export const semantic_border_secondary_hover : string; -export const semantic_border_secondary_active : string; -export const semantic_border_tertiary_default : string; -export const semantic_border_tertiary_hover : string; -export const semantic_border_tertiary_active : string; +export const semantic_border_first_default : string; +export const semantic_border_first_hover : string; +export const semantic_border_first_active : string; +export const semantic_border_second_default : string; +export const semantic_border_second_hover : string; +export const semantic_border_second_active : string; +export const semantic_border_third_default : string; +export const semantic_border_third_hover : string; +export const semantic_border_third_active : string; export const semantic_text_success_default : string; export const semantic_text_success_hover : string; export const semantic_text_success_active : string; @@ -133,14 +133,14 @@ export const semantic_text_action_default : string; export const semantic_text_action_hover : string; export const semantic_text_action_active : string; export const semantic_text_action_on_action : string; -export const semantic_text_action_primary_default : string; -export const semantic_text_action_primary_hover : string; -export const semantic_text_action_primary_active : string; -export const semantic_text_action_primary_on_action : string; -export const semantic_text_action_secondary_default : string; -export const semantic_text_action_secondary_hover : string; -export const semantic_text_action_secondary_active : string; -export const semantic_text_action_secondary_on_action : string; +export const semantic_text_action_first_default : string; +export const semantic_text_action_first_hover : string; +export const semantic_text_action_first_active : string; +export const semantic_text_action_first_on_action : string; +export const semantic_text_action_second_default : string; +export const semantic_text_action_second_hover : string; +export const semantic_text_action_second_active : string; +export const semantic_text_action_second_on_action : string; export const semantic_text_warning_default : string; export const semantic_text_warning_icon_warning : string; export const semantic_text_warning_on_warning : string; @@ -224,33 +224,33 @@ export const shadow_small : string; export const shadow_medium : string; export const shadow_large : string; export const shadow_xlarge : string; -export const brand_primary_100 : string; -export const brand_primary_200 : string; -export const brand_primary_300 : string; -export const brand_primary_400 : string; -export const brand_primary_500 : string; -export const brand_primary_600 : string; -export const brand_primary_700 : string; -export const brand_primary_800 : string; -export const brand_primary_900 : string; -export const brand_secondary_100 : string; -export const brand_secondary_200 : string; -export const brand_secondary_300 : string; -export const brand_secondary_400 : string; -export const brand_secondary_500 : string; -export const brand_secondary_600 : string; -export const brand_secondary_700 : string; -export const brand_secondary_800 : string; -export const brand_secondary_900 : string; -export const brand_tertiary_100 : string; -export const brand_tertiary_200 : string; -export const brand_tertiary_300 : string; -export const brand_tertiary_400 : string; -export const brand_tertiary_500 : string; -export const brand_tertiary_600 : string; -export const brand_tertiary_700 : string; -export const brand_tertiary_800 : string; -export const brand_tertiary_900 : string; +export const brand_alt1_100 : string; +export const brand_alt1_200 : string; +export const brand_alt1_300 : string; +export const brand_alt1_400 : string; +export const brand_alt1_500 : string; +export const brand_alt1_600 : string; +export const brand_alt1_700 : string; +export const brand_alt1_800 : string; +export const brand_alt1_900 : string; +export const brand_alt2_100 : string; +export const brand_alt2_200 : string; +export const brand_alt2_300 : string; +export const brand_alt2_400 : string; +export const brand_alt2_500 : string; +export const brand_alt2_600 : string; +export const brand_alt2_700 : string; +export const brand_alt2_800 : string; +export const brand_alt2_900 : string; +export const brand_alt3_100 : string; +export const brand_alt3_200 : string; +export const brand_alt3_300 : string; +export const brand_alt3_400 : string; +export const brand_alt3_500 : string; +export const brand_alt3_600 : string; +export const brand_alt3_700 : string; +export const brand_alt3_800 : string; +export const brand_alt3_900 : string; export const component_mode_height_small : string; export const component_mode_height_medium : string; export const component_mode_height_large : string; diff --git a/packages/tokens/brand/altinn/tokens.esm.js b/packages/tokens/brand/altinn/tokens.esm.js index d4cf5bc391..445a2b2275 100644 --- a/packages/tokens/brand/altinn/tokens.esm.js +++ b/packages/tokens/brand/altinn/tokens.esm.js @@ -21,22 +21,22 @@ export const semantic_surface_action_no_fill = "#ffffff"; export const semantic_surface_action_no_fill_hover = "#e6eff8"; export const semantic_surface_action_no_fill_active = "#b3d0ea"; export const semantic_surface_action_checked = "#0062ba"; -export const semantic_surface_action_primary_subtle = "#e6eff8"; -export const semantic_surface_action_primary_subtle_hover = "#b3d0ea"; -export const semantic_surface_action_primary_default = "#0062ba"; -export const semantic_surface_action_primary_hover = "#004e95"; -export const semantic_surface_action_primary_active = "#00315d"; -export const semantic_surface_action_primary_no_fill = "#ffffff"; -export const semantic_surface_action_primary_no_fill_hover = "#e6eff8"; -export const semantic_surface_action_primary_no_fill_active = "#b3d0ea"; -export const semantic_surface_action_secondary_subtle = "#f4f5f6"; -export const semantic_surface_action_secondary_subtle_hover = "#e9eaec"; -export const semantic_surface_action_secondary_default = "#00315d"; -export const semantic_surface_action_secondary_hover = "rgba(0, 49, 93, 0.9)"; -export const semantic_surface_action_secondary_active = "rgba(0, 49, 93, 0.8)"; -export const semantic_surface_action_secondary_no_fill = "#ffffff"; -export const semantic_surface_action_secondary_no_fill_hover = "rgba(0, 49, 93, 0.1)"; -export const semantic_surface_action_secondary_no_fill_active = "rgba(0, 49, 93, 0.2)"; +export const semantic_surface_action_first_subtle = "#e6eff8"; +export const semantic_surface_action_first_subtle_hover = "#b3d0ea"; +export const semantic_surface_action_first_default = "#0062ba"; +export const semantic_surface_action_first_hover = "#004e95"; +export const semantic_surface_action_first_active = "#00315d"; +export const semantic_surface_action_first_no_fill = "#ffffff"; +export const semantic_surface_action_first_no_fill_hover = "#e6eff8"; +export const semantic_surface_action_first_no_fill_active = "#b3d0ea"; +export const semantic_surface_action_second_subtle = "#f4f5f6"; +export const semantic_surface_action_second_subtle_hover = "#e9eaec"; +export const semantic_surface_action_second_default = "#00315d"; +export const semantic_surface_action_second_hover = "rgba(0, 49, 93, 0.9)"; +export const semantic_surface_action_second_active = "rgba(0, 49, 93, 0.8)"; +export const semantic_surface_action_second_no_fill = "#ffffff"; +export const semantic_surface_action_second_no_fill_hover = "rgba(0, 49, 93, 0.1)"; +export const semantic_surface_action_second_no_fill_active = "rgba(0, 49, 93, 0.2)"; export const semantic_surface_success_subtle = "#d1f4e1"; export const semantic_surface_success_subtle_hover = "#8be4b5"; export const semantic_surface_success_default = "#118849"; @@ -64,18 +64,18 @@ export const semantic_surface_on_inverted_active = "#ffffffcc"; export const semantic_surface_on_inverted_no_fill = "#ffffff00"; export const semantic_surface_on_inverted_no_fill_hover = "#ffffff1a"; export const semantic_surface_on_inverted_no_fill_active = "#ffffff33"; -export const semantic_surface_primary_light = "#B3D0EA"; -export const semantic_surface_primary_light_hover = "#80B1DD"; -export const semantic_surface_primary_light_active = "#66A1D6"; -export const semantic_surface_primary_dark = "#004E95"; -export const semantic_surface_secondary_light = "#C5BBDD"; -export const semantic_surface_secondary_light_hover = "#A392C8"; -export const semantic_surface_secondary_light_active = "#806AB4"; -export const semantic_surface_secondary_dark = "#231B36"; -export const semantic_surface_tertiary_light = "#F3ABB6"; -export const semantic_surface_tertiary_light_hover = "#EC8292"; -export const semantic_surface_tertiary_light_active = "#E6586D"; -export const semantic_surface_tertiary_dark = "#5A121D"; +export const semantic_surface_first_light = "#B3D0EA"; +export const semantic_surface_first_light_hover = "#80B1DD"; +export const semantic_surface_first_light_active = "#66A1D6"; +export const semantic_surface_first_dark = "#004E95"; +export const semantic_surface_second_light = "#C5BBDD"; +export const semantic_surface_second_light_hover = "#A392C8"; +export const semantic_surface_second_light_active = "#806AB4"; +export const semantic_surface_second_dark = "#231B36"; +export const semantic_surface_third_light = "#F3ABB6"; +export const semantic_surface_third_light_hover = "#EC8292"; +export const semantic_surface_third_light_active = "#E6586D"; +export const semantic_surface_third_dark = "#5A121D"; export const semantic_border_info_default = "#004e95"; export const semantic_border_action_subtle = "#b3d0ea"; export const semantic_border_action_subtle_hover = "#66a1d6"; @@ -84,16 +84,16 @@ export const semantic_border_action_hover = "#0062ba"; export const semantic_border_action_active = "#00315d"; export const semantic_border_action_dark = "#00315d"; export const semantic_border_action_dark_hover = "#0062ba"; -export const semantic_border_action_primary_subtle = "#b3d0ea"; -export const semantic_border_action_primary_subtle_hover = "#66a1d6"; -export const semantic_border_action_primary_default = "#0062ba"; -export const semantic_border_action_primary_hover = "#004e95"; -export const semantic_border_action_primary_active = "#00315d"; -export const semantic_border_action_secondary_subtle = "#e9eaec"; -export const semantic_border_action_secondary_subtle_hover = "#d2d5d8"; -export const semantic_border_action_secondary_default = "#00315d"; -export const semantic_border_action_secondary_hover = "#00315d"; -export const semantic_border_action_secondary_active = "#00315d"; +export const semantic_border_action_first_subtle = "#e9eaec"; +export const semantic_border_action_first_subtle_hover = "#d2d5d8"; +export const semantic_border_action_first_default = "#00315d"; +export const semantic_border_action_first_hover = "#00315d"; +export const semantic_border_action_first_active = "#00315d"; +export const semantic_border_action_second_subtle = "#e9eaec"; +export const semantic_border_action_second_subtle_hover = "#d2d5d8"; +export const semantic_border_action_second_default = "#00315d"; +export const semantic_border_action_second_hover = "#00315d"; +export const semantic_border_action_second_active = "#00315d"; export const semantic_border_neutral_default = "#68707c"; export const semantic_border_neutral_subtle = "#d2d5d8"; export const semantic_border_neutral_strong = "#1e2b3c"; @@ -112,15 +112,15 @@ export const semantic_border_focus_boxshadow = "#1e2b3c"; export const semantic_border_on_inverted_default = "#ffffff"; export const semantic_border_input_default = "#00315d"; export const semantic_border_input_hover = "#0062ba"; -export const semantic_border_primary_default = "#1A72C1"; -export const semantic_border_primary_hover = "#0062BA"; -export const semantic_border_primary_active = "#004E95"; -export const semantic_border_secondary_default = "#594488"; -export const semantic_border_secondary_hover = "#3F3161"; -export const semantic_border_secondary_active = "#352951"; -export const semantic_border_tertiary_default = "#B3253A"; -export const semantic_border_tertiary_hover = "#861C2C"; -export const semantic_border_tertiary_active = "#5A121D"; +export const semantic_border_first_default = "#1A72C1"; +export const semantic_border_first_hover = "#0062BA"; +export const semantic_border_first_active = "#004E95"; +export const semantic_border_second_default = "#594488"; +export const semantic_border_second_hover = "#3F3161"; +export const semantic_border_second_active = "#352951"; +export const semantic_border_third_default = "#B3253A"; +export const semantic_border_third_hover = "#861C2C"; +export const semantic_border_third_active = "#5A121D"; export const semantic_text_success_default = "#0c6536"; export const semantic_text_success_hover = "#084826"; export const semantic_text_success_active = "#084826"; @@ -133,14 +133,14 @@ export const semantic_text_action_default = "#0062ba"; export const semantic_text_action_hover = "#004e95"; export const semantic_text_action_active = "#00315d"; export const semantic_text_action_on_action = "#ffffff"; -export const semantic_text_action_primary_default = "#0062ba"; -export const semantic_text_action_primary_hover = "#004e95"; -export const semantic_text_action_primary_active = "#00315d"; -export const semantic_text_action_primary_on_action = "#ffffff"; -export const semantic_text_action_secondary_default = "#00315d"; -export const semantic_text_action_secondary_hover = "#00315d"; -export const semantic_text_action_secondary_active = "#00315d"; -export const semantic_text_action_secondary_on_action = "#ffffff"; +export const semantic_text_action_first_default = "#0062ba"; +export const semantic_text_action_first_hover = "#004e95"; +export const semantic_text_action_first_active = "#00315d"; +export const semantic_text_action_first_on_action = "#ffffff"; +export const semantic_text_action_second_default = "#00315d"; +export const semantic_text_action_second_hover = "#00315d"; +export const semantic_text_action_second_active = "#00315d"; +export const semantic_text_action_second_on_action = "#ffffff"; export const semantic_text_warning_default = "#995404"; export const semantic_text_warning_icon_warning = "#cc7005"; export const semantic_text_warning_on_warning = "#663802"; @@ -224,33 +224,33 @@ export const shadow_small = "0 1px 2px -1px #0000001a, 0 1px 4px 0 #0000001a"; export const shadow_medium = "0 2px 4px -2px #0000001a, 0 4px 5px #0000001a"; export const shadow_large = "0 4px 6px -4px #0000001a, 0 10px 12px #0000001a"; export const shadow_xlarge = "0 8px 10px -6px #0000001a, 0 25px 45px #0000001a"; -export const brand_primary_100 = "#E6EFF8"; -export const brand_primary_200 = "#B3D0EA"; -export const brand_primary_300 = "#80B1DD"; -export const brand_primary_400 = "#66A1D6"; -export const brand_primary_500 = "#3381C8"; -export const brand_primary_600 = "#1A72C1"; -export const brand_primary_700 = "#0062BA"; -export const brand_primary_800 = "#004E95"; -export const brand_primary_900 = "#00315D"; -export const brand_secondary_100 = "#DCD6EA"; -export const brand_secondary_200 = "#C5BBDD"; -export const brand_secondary_300 = "#A392C8"; -export const brand_secondary_400 = "#806AB4"; -export const brand_secondary_500 = "#6A52A3"; -export const brand_secondary_600 = "#594488"; -export const brand_secondary_700 = "#3F3161"; -export const brand_secondary_800 = "#352951"; -export const brand_secondary_900 = "#231B36"; -export const brand_tertiary_100 = "#F9D5DB"; -export const brand_tertiary_200 = "#F3ABB6"; -export const brand_tertiary_300 = "#EC8292"; -export const brand_tertiary_400 = "#E6586D"; -export const brand_tertiary_500 = "#E02E49"; -export const brand_tertiary_600 = "#B3253A"; -export const brand_tertiary_700 = "#861C2C"; -export const brand_tertiary_800 = "#5A121D"; -export const brand_tertiary_900 = "#480e17"; +export const brand_alt1_100 = "#E6EFF8"; +export const brand_alt1_200 = "#B3D0EA"; +export const brand_alt1_300 = "#80B1DD"; +export const brand_alt1_400 = "#66A1D6"; +export const brand_alt1_500 = "#3381C8"; +export const brand_alt1_600 = "#1A72C1"; +export const brand_alt1_700 = "#0062BA"; +export const brand_alt1_800 = "#004E95"; +export const brand_alt1_900 = "#00315D"; +export const brand_alt2_100 = "#DCD6EA"; +export const brand_alt2_200 = "#C5BBDD"; +export const brand_alt2_300 = "#A392C8"; +export const brand_alt2_400 = "#806AB4"; +export const brand_alt2_500 = "#6A52A3"; +export const brand_alt2_600 = "#594488"; +export const brand_alt2_700 = "#3F3161"; +export const brand_alt2_800 = "#352951"; +export const brand_alt2_900 = "#231B36"; +export const brand_alt3_100 = "#F9D5DB"; +export const brand_alt3_200 = "#F3ABB6"; +export const brand_alt3_300 = "#EC8292"; +export const brand_alt3_400 = "#E6586D"; +export const brand_alt3_500 = "#E02E49"; +export const brand_alt3_600 = "#B3253A"; +export const brand_alt3_700 = "#861C2C"; +export const brand_alt3_800 = "#5A121D"; +export const brand_alt3_900 = "#480e17"; export const component_mode_height_small = "36px"; export const component_mode_height_medium = "45px"; export const component_mode_height_large = "54px"; diff --git a/packages/tokens/brand/brreg/tokens.cjs.js b/packages/tokens/brand/brreg/tokens.cjs.js index c8cb419396..619e26d370 100644 --- a/packages/tokens/brand/brreg/tokens.cjs.js +++ b/packages/tokens/brand/brreg/tokens.cjs.js @@ -22,22 +22,22 @@ module.exports = { "semantic_surface_action_no_fill_hover": "#e6eff8", "semantic_surface_action_no_fill_active": "#b3d0ea", "semantic_surface_action_checked": "#0062ba", - "semantic_surface_action_primary_subtle": "#e6eff8", - "semantic_surface_action_primary_subtle_hover": "#b3d0ea", - "semantic_surface_action_primary_default": "#0062ba", - "semantic_surface_action_primary_hover": "#004e95", - "semantic_surface_action_primary_active": "#00315d", - "semantic_surface_action_primary_no_fill": "#ffffff", - "semantic_surface_action_primary_no_fill_hover": "#e6eff8", - "semantic_surface_action_primary_no_fill_active": "#b3d0ea", - "semantic_surface_action_secondary_subtle": "#f4f5f6", - "semantic_surface_action_secondary_subtle_hover": "#e9eaec", - "semantic_surface_action_secondary_default": "#00315d", - "semantic_surface_action_secondary_hover": "rgba(0, 49, 93, 0.9)", - "semantic_surface_action_secondary_active": "rgba(0, 49, 93, 0.8)", - "semantic_surface_action_secondary_no_fill": "#ffffff", - "semantic_surface_action_secondary_no_fill_hover": "rgba(0, 49, 93, 0.1)", - "semantic_surface_action_secondary_no_fill_active": "rgba(0, 49, 93, 0.2)", + "semantic_surface_action_first_subtle": "#e6eff8", + "semantic_surface_action_first_subtle_hover": "#b3d0ea", + "semantic_surface_action_first_default": "#0062ba", + "semantic_surface_action_first_hover": "#004e95", + "semantic_surface_action_first_active": "#00315d", + "semantic_surface_action_first_no_fill": "#ffffff", + "semantic_surface_action_first_no_fill_hover": "#e6eff8", + "semantic_surface_action_first_no_fill_active": "#b3d0ea", + "semantic_surface_action_second_subtle": "#f4f5f6", + "semantic_surface_action_second_subtle_hover": "#e9eaec", + "semantic_surface_action_second_default": "#00315d", + "semantic_surface_action_second_hover": "rgba(0, 49, 93, 0.9)", + "semantic_surface_action_second_active": "rgba(0, 49, 93, 0.8)", + "semantic_surface_action_second_no_fill": "#ffffff", + "semantic_surface_action_second_no_fill_hover": "rgba(0, 49, 93, 0.1)", + "semantic_surface_action_second_no_fill_active": "rgba(0, 49, 93, 0.2)", "semantic_surface_success_subtle": "#d1f4e1", "semantic_surface_success_subtle_hover": "#8be4b5", "semantic_surface_success_default": "#118849", @@ -65,18 +65,18 @@ module.exports = { "semantic_surface_on_inverted_no_fill": "#ffffff00", "semantic_surface_on_inverted_no_fill_hover": "#ffffff1a", "semantic_surface_on_inverted_no_fill_active": "#ffffff33", - "semantic_surface_primary_light": "#D1E4FF", - "semantic_surface_primary_light_hover": "#76ADFB", - "semantic_surface_primary_light_active": "#5391E9", - "semantic_surface_primary_dark": "#004785", - "semantic_surface_secondary_light": "#C9E7F4", - "semantic_surface_secondary_light_hover": "#70B3D7", - "semantic_surface_secondary_light_active": "#4E99BD", - "semantic_surface_secondary_dark": "#1F4B63", - "semantic_surface_tertiary_light": "#D7E5E7", - "semantic_surface_tertiary_light_hover": "#B9CACB", - "semantic_surface_tertiary_light_active": "#9FAEAF", - "semantic_surface_tertiary_dark": "#414849", + "semantic_surface_first_light": "#D1E4FF", + "semantic_surface_first_light_hover": "#76ADFB", + "semantic_surface_first_light_active": "#5391E9", + "semantic_surface_first_dark": "#004785", + "semantic_surface_second_light": "#C9E7F4", + "semantic_surface_second_light_hover": "#70B3D7", + "semantic_surface_second_light_active": "#4E99BD", + "semantic_surface_second_dark": "#1F4B63", + "semantic_surface_third_light": "#D7E5E7", + "semantic_surface_third_light_hover": "#B9CACB", + "semantic_surface_third_light_active": "#9FAEAF", + "semantic_surface_third_dark": "#414849", "semantic_border_info_default": "#004e95", "semantic_border_action_subtle": "#b3d0ea", "semantic_border_action_subtle_hover": "#66a1d6", @@ -85,16 +85,16 @@ module.exports = { "semantic_border_action_active": "#00315d", "semantic_border_action_dark": "#00315d", "semantic_border_action_dark_hover": "#0062ba", - "semantic_border_action_primary_subtle": "#b3d0ea", - "semantic_border_action_primary_subtle_hover": "#66a1d6", - "semantic_border_action_primary_default": "#0062ba", - "semantic_border_action_primary_hover": "#004e95", - "semantic_border_action_primary_active": "#00315d", - "semantic_border_action_secondary_subtle": "#e9eaec", - "semantic_border_action_secondary_subtle_hover": "#d2d5d8", - "semantic_border_action_secondary_default": "#00315d", - "semantic_border_action_secondary_hover": "#00315d", - "semantic_border_action_secondary_active": "#00315d", + "semantic_border_action_first_subtle": "#e9eaec", + "semantic_border_action_first_subtle_hover": "#d2d5d8", + "semantic_border_action_first_default": "#00315d", + "semantic_border_action_first_hover": "#00315d", + "semantic_border_action_first_active": "#00315d", + "semantic_border_action_second_subtle": "#e9eaec", + "semantic_border_action_second_subtle_hover": "#d2d5d8", + "semantic_border_action_second_default": "#00315d", + "semantic_border_action_second_hover": "#00315d", + "semantic_border_action_second_active": "#00315d", "semantic_border_neutral_default": "#68707c", "semantic_border_neutral_subtle": "#d2d5d8", "semantic_border_neutral_strong": "#1e2b3c", @@ -113,15 +113,15 @@ module.exports = { "semantic_border_on_inverted_default": "#ffffff", "semantic_border_input_default": "#00315d", "semantic_border_input_hover": "#0062ba", - "semantic_border_primary_default": "#005FAE", - "semantic_border_primary_hover": "#004785", - "semantic_border_primary_active": "#00315E", - "semantic_border_secondary_default": "#2C647E", - "semantic_border_secondary_hover": "#1F4B63", - "semantic_border_secondary_active": "#133349", - "semantic_border_tertiary_default": "#879394", - "semantic_border_tertiary_hover": "#6D7879", - "semantic_border_tertiary_active": "#576061", + "semantic_border_first_default": "#005FAE", + "semantic_border_first_hover": "#004785", + "semantic_border_first_active": "#00315E", + "semantic_border_second_default": "#2C647E", + "semantic_border_second_hover": "#1F4B63", + "semantic_border_second_active": "#133349", + "semantic_border_third_default": "#879394", + "semantic_border_third_hover": "#6D7879", + "semantic_border_third_active": "#576061", "semantic_text_success_default": "#0c6536", "semantic_text_success_hover": "#084826", "semantic_text_success_active": "#084826", @@ -134,14 +134,14 @@ module.exports = { "semantic_text_action_hover": "#004e95", "semantic_text_action_active": "#00315d", "semantic_text_action_on_action": "#ffffff", - "semantic_text_action_primary_default": "#0062ba", - "semantic_text_action_primary_hover": "#004e95", - "semantic_text_action_primary_active": "#00315d", - "semantic_text_action_primary_on_action": "#ffffff", - "semantic_text_action_secondary_default": "#00315d", - "semantic_text_action_secondary_hover": "#00315d", - "semantic_text_action_secondary_active": "#00315d", - "semantic_text_action_secondary_on_action": "#ffffff", + "semantic_text_action_first_default": "#00315d", + "semantic_text_action_first_hover": "#00315d", + "semantic_text_action_first_active": "#00315d", + "semantic_text_action_first_on_action": "#ffffff", + "semantic_text_action_second_default": "#00315d", + "semantic_text_action_second_hover": "#00315d", + "semantic_text_action_second_active": "#00315d", + "semantic_text_action_second_on_action": "#ffffff", "semantic_text_warning_default": "#995404", "semantic_text_warning_icon_warning": "#cc7005", "semantic_text_warning_on_warning": "#663802", @@ -225,39 +225,39 @@ module.exports = { "shadow_medium": "0 2px 4px -2px #0000001a, 0 4px 5px #0000001a", "shadow_large": "0 4px 6px -4px #0000001a, 0 10px 12px #0000001a", "shadow_xlarge": "0 8px 10px -6px #0000001a, 0 25px 45px #0000001a", - "brand_primary_50": "#FFFFFF", - "brand_primary_100": "#D1E4FF", - "brand_primary_200": "#9ECAFF", - "brand_primary_300": "#76ADFB", - "brand_primary_400": "#5391E9", - "brand_primary_500": "#2B77CC", - "brand_primary_600": "#005FAE", - "brand_primary_700": "#004785", - "brand_primary_800": "#00315E", - "brand_primary_900": "#001C3A", - "brand_primary_950": "#001127", - "brand_secondary_50": "#FFFFFF", - "brand_secondary_100": "#E5F3F9", - "brand_secondary_200": "#C9E7F4", - "brand_secondary_300": "#70B3D7", - "brand_secondary_400": "#4E99BD", - "brand_secondary_500": "#3B7D9B", - "brand_secondary_600": "#2C647E", - "brand_secondary_700": "#1F4B63", - "brand_secondary_800": "#133349", - "brand_secondary_900": "#071D2C", - "brand_secondary_950": "#03121D", - "brand_tertiary_50": "#EBF2F3", - "brand_tertiary_100": "#D7E5E7", - "brand_tertiary_200": "#B9CACB", - "brand_tertiary_300": "#9FAEAF", - "brand_tertiary_400": "#879394", - "brand_tertiary_500": "#6D7879", - "brand_tertiary_600": "#576061", - "brand_tertiary_700": "#414849", - "brand_tertiary_800": "#2C3132", - "brand_tertiary_900": "#191C1C", - "brand_tertiary_950": "#0F1112", + "brand_alt1_50": "#FFFFFF", + "brand_alt1_100": "#D1E4FF", + "brand_alt1_200": "#9ECAFF", + "brand_alt1_300": "#76ADFB", + "brand_alt1_400": "#5391E9", + "brand_alt1_500": "#2B77CC", + "brand_alt1_600": "#005FAE", + "brand_alt1_700": "#004785", + "brand_alt1_800": "#00315E", + "brand_alt1_900": "#001C3A", + "brand_alt1_950": "#001127", + "brand_alt2_50": "#FFFFFF", + "brand_alt2_100": "#E5F3F9", + "brand_alt2_200": "#C9E7F4", + "brand_alt2_300": "#70B3D7", + "brand_alt2_400": "#4E99BD", + "brand_alt2_500": "#3B7D9B", + "brand_alt2_600": "#2C647E", + "brand_alt2_700": "#1F4B63", + "brand_alt2_800": "#133349", + "brand_alt2_900": "#071D2C", + "brand_alt2_950": "#03121D", + "brand_alt3_50": "#EBF2F3", + "brand_alt3_100": "#D7E5E7", + "brand_alt3_200": "#B9CACB", + "brand_alt3_300": "#9FAEAF", + "brand_alt3_400": "#879394", + "brand_alt3_500": "#6D7879", + "brand_alt3_600": "#576061", + "brand_alt3_700": "#414849", + "brand_alt3_800": "#2C3132", + "brand_alt3_900": "#191C1C", + "brand_alt3_950": "#0F1112", "component_mode_height_small": "36px", "component_mode_height_medium": "45px", "component_mode_height_large": "54px", diff --git a/packages/tokens/brand/brreg/tokens.css b/packages/tokens/brand/brreg/tokens.css index 4240511b50..904cbb2c54 100644 --- a/packages/tokens/brand/brreg/tokens.css +++ b/packages/tokens/brand/brreg/tokens.css @@ -26,22 +26,22 @@ --fds-semantic-surface-action-no_fill-hover: #e6eff8; --fds-semantic-surface-action-no_fill-active: #b3d0ea; --fds-semantic-surface-action-checked: #0062ba; - --fds-semantic-surface-action-primary-subtle: #e6eff8; - --fds-semantic-surface-action-primary-subtle-hover: #b3d0ea; - --fds-semantic-surface-action-primary-default: #0062ba; - --fds-semantic-surface-action-primary-hover: #004e95; - --fds-semantic-surface-action-primary-active: #00315d; - --fds-semantic-surface-action-primary-no_fill: #ffffff; - --fds-semantic-surface-action-primary-no_fill-hover: #e6eff8; - --fds-semantic-surface-action-primary-no_fill-active: #b3d0ea; - --fds-semantic-surface-action-secondary-subtle: #f4f5f6; - --fds-semantic-surface-action-secondary-subtle-hover: #e9eaec; - --fds-semantic-surface-action-secondary-default: #00315d; - --fds-semantic-surface-action-secondary-hover: rgba(0, 49, 93, 0.9); - --fds-semantic-surface-action-secondary-active: rgba(0, 49, 93, 0.8); - --fds-semantic-surface-action-secondary-no_fill: #ffffff; - --fds-semantic-surface-action-secondary-no_fill-hover: rgba(0, 49, 93, 0.1); - --fds-semantic-surface-action-secondary-no_fill-active: rgba(0, 49, 93, 0.2); + --fds-semantic-surface-action-first-subtle: #e6eff8; + --fds-semantic-surface-action-first-subtle-hover: #b3d0ea; + --fds-semantic-surface-action-first-default: #0062ba; + --fds-semantic-surface-action-first-hover: #004e95; + --fds-semantic-surface-action-first-active: #00315d; + --fds-semantic-surface-action-first-no_fill: #ffffff; + --fds-semantic-surface-action-first-no_fill-hover: #e6eff8; + --fds-semantic-surface-action-first-no_fill-active: #b3d0ea; + --fds-semantic-surface-action-second-subtle: #f4f5f6; + --fds-semantic-surface-action-second-subtle-hover: #e9eaec; + --fds-semantic-surface-action-second-default: #00315d; + --fds-semantic-surface-action-second-hover: rgba(0, 49, 93, 0.9); + --fds-semantic-surface-action-second-active: rgba(0, 49, 93, 0.8); + --fds-semantic-surface-action-second-no_fill: #ffffff; + --fds-semantic-surface-action-second-no_fill-hover: rgba(0, 49, 93, 0.1); + --fds-semantic-surface-action-second-no_fill-active: rgba(0, 49, 93, 0.2); --fds-semantic-surface-success-subtle: #d1f4e1; --fds-semantic-surface-success-subtle-hover: #8be4b5; --fds-semantic-surface-success-default: #118849; @@ -69,18 +69,18 @@ --fds-semantic-surface-on_inverted-no_fill: #ffffff00; --fds-semantic-surface-on_inverted-no_fill-hover: #ffffff1a; --fds-semantic-surface-on_inverted-no_fill-active: #ffffff33; - --fds-semantic-surface-primary-light: #D1E4FF; - --fds-semantic-surface-primary-light-hover: #76ADFB; - --fds-semantic-surface-primary-light-active: #5391E9; - --fds-semantic-surface-primary-dark: #004785; - --fds-semantic-surface-secondary-light: #C9E7F4; - --fds-semantic-surface-secondary-light-hover: #70B3D7; - --fds-semantic-surface-secondary-light-active: #4E99BD; - --fds-semantic-surface-secondary-dark: #1F4B63; - --fds-semantic-surface-tertiary-light: #D7E5E7; - --fds-semantic-surface-tertiary-light-hover: #B9CACB; - --fds-semantic-surface-tertiary-light-active: #9FAEAF; - --fds-semantic-surface-tertiary-dark: #414849; + --fds-semantic-surface-first-light: #D1E4FF; + --fds-semantic-surface-first-light-hover: #76ADFB; + --fds-semantic-surface-first-light-active: #5391E9; + --fds-semantic-surface-first-dark: #004785; + --fds-semantic-surface-second-light: #C9E7F4; + --fds-semantic-surface-second-light-hover: #70B3D7; + --fds-semantic-surface-second-light-active: #4E99BD; + --fds-semantic-surface-second-dark: #1F4B63; + --fds-semantic-surface-third-light: #D7E5E7; + --fds-semantic-surface-third-light-hover: #B9CACB; + --fds-semantic-surface-third-light-active: #9FAEAF; + --fds-semantic-surface-third-dark: #414849; --fds-semantic-border-info-default: #004e95; --fds-semantic-border-action-subtle: #b3d0ea; --fds-semantic-border-action-subtle-hover: #66a1d6; @@ -89,16 +89,16 @@ --fds-semantic-border-action-active: #00315d; --fds-semantic-border-action-dark: #00315d; --fds-semantic-border-action-dark-hover: #0062ba; - --fds-semantic-border-action-primary-subtle: #b3d0ea; - --fds-semantic-border-action-primary-subtle-hover: #66a1d6; - --fds-semantic-border-action-primary-default: #0062ba; - --fds-semantic-border-action-primary-hover: #004e95; - --fds-semantic-border-action-primary-active: #00315d; - --fds-semantic-border-action-secondary-subtle: #e9eaec; - --fds-semantic-border-action-secondary-subtle-hover: #d2d5d8; - --fds-semantic-border-action-secondary-default: #00315d; - --fds-semantic-border-action-secondary-hover: #00315d; - --fds-semantic-border-action-secondary-active: #00315d; + --fds-semantic-border-action-first-subtle: #e9eaec; + --fds-semantic-border-action-first-subtle-hover: #d2d5d8; + --fds-semantic-border-action-first-default: #00315d; + --fds-semantic-border-action-first-hover: #00315d; + --fds-semantic-border-action-first-active: #00315d; + --fds-semantic-border-action-second-subtle: #e9eaec; + --fds-semantic-border-action-second-subtle-hover: #d2d5d8; + --fds-semantic-border-action-second-default: #00315d; + --fds-semantic-border-action-second-hover: #00315d; + --fds-semantic-border-action-second-active: #00315d; --fds-semantic-border-neutral-default: #68707c; --fds-semantic-border-neutral-subtle: #d2d5d8; --fds-semantic-border-neutral-strong: #1e2b3c; @@ -117,15 +117,15 @@ --fds-semantic-border-on_inverted-default: #ffffff; --fds-semantic-border-input-default: #00315d; --fds-semantic-border-input-hover: #0062ba; - --fds-semantic-border-primary-default: #005FAE; - --fds-semantic-border-primary-hover: #004785; - --fds-semantic-border-primary-active: #00315E; - --fds-semantic-border-secondary-default: #2C647E; - --fds-semantic-border-secondary-hover: #1F4B63; - --fds-semantic-border-secondary-active: #133349; - --fds-semantic-border-tertiary-default: #879394; - --fds-semantic-border-tertiary-hover: #6D7879; - --fds-semantic-border-tertiary-active: #576061; + --fds-semantic-border-first-default: #005FAE; + --fds-semantic-border-first-hover: #004785; + --fds-semantic-border-first-active: #00315E; + --fds-semantic-border-second-default: #2C647E; + --fds-semantic-border-second-hover: #1F4B63; + --fds-semantic-border-second-active: #133349; + --fds-semantic-border-third-default: #879394; + --fds-semantic-border-third-hover: #6D7879; + --fds-semantic-border-third-active: #576061; --fds-semantic-text-success-default: #0c6536; --fds-semantic-text-success-hover: #084826; --fds-semantic-text-success-active: #084826; @@ -138,14 +138,14 @@ --fds-semantic-text-action-hover: #004e95; --fds-semantic-text-action-active: #00315d; --fds-semantic-text-action-on_action: #ffffff; - --fds-semantic-text-action-primary-default: #0062ba; - --fds-semantic-text-action-primary-hover: #004e95; - --fds-semantic-text-action-primary-active: #00315d; - --fds-semantic-text-action-primary-on_action: #ffffff; - --fds-semantic-text-action-secondary-default: #00315d; - --fds-semantic-text-action-secondary-hover: #00315d; - --fds-semantic-text-action-secondary-active: #00315d; - --fds-semantic-text-action-secondary-on_action: #ffffff; + --fds-semantic-text-action-first-default: #00315d; + --fds-semantic-text-action-first-hover: #00315d; + --fds-semantic-text-action-first-active: #00315d; + --fds-semantic-text-action-first-on_action: #ffffff; + --fds-semantic-text-action-second-default: #00315d; + --fds-semantic-text-action-second-hover: #00315d; + --fds-semantic-text-action-second-active: #00315d; + --fds-semantic-text-action-second-on_action: #ffffff; --fds-semantic-text-warning-default: #995404; --fds-semantic-text-warning-icon_warning: #cc7005; --fds-semantic-text-warning-on_warning: #663802; @@ -229,39 +229,39 @@ --fds-shadow-medium: 0 2px 4px -2px #0000001a, 0 4px 5px #0000001a; --fds-shadow-large: 0 4px 6px -4px #0000001a, 0 10px 12px #0000001a; --fds-shadow-xlarge: 0 8px 10px -6px #0000001a, 0 25px 45px #0000001a; - --fds-brand-primary-50: #FFFFFF; - --fds-brand-primary-100: #D1E4FF; - --fds-brand-primary-200: #9ECAFF; - --fds-brand-primary-300: #76ADFB; - --fds-brand-primary-400: #5391E9; - --fds-brand-primary-500: #2B77CC; - --fds-brand-primary-600: #005FAE; - --fds-brand-primary-700: #004785; - --fds-brand-primary-800: #00315E; - --fds-brand-primary-900: #001C3A; - --fds-brand-primary-950: #001127; - --fds-brand-secondary-50: #FFFFFF; - --fds-brand-secondary-100: #E5F3F9; - --fds-brand-secondary-200: #C9E7F4; - --fds-brand-secondary-300: #70B3D7; - --fds-brand-secondary-400: #4E99BD; - --fds-brand-secondary-500: #3B7D9B; - --fds-brand-secondary-600: #2C647E; - --fds-brand-secondary-700: #1F4B63; - --fds-brand-secondary-800: #133349; - --fds-brand-secondary-900: #071D2C; - --fds-brand-secondary-950: #03121D; - --fds-brand-tertiary-50: #EBF2F3; - --fds-brand-tertiary-100: #D7E5E7; - --fds-brand-tertiary-200: #B9CACB; - --fds-brand-tertiary-300: #9FAEAF; - --fds-brand-tertiary-400: #879394; - --fds-brand-tertiary-500: #6D7879; - --fds-brand-tertiary-600: #576061; - --fds-brand-tertiary-700: #414849; - --fds-brand-tertiary-800: #2C3132; - --fds-brand-tertiary-900: #191C1C; - --fds-brand-tertiary-950: #0F1112; + --fds-brand-alt1-50: #FFFFFF; + --fds-brand-alt1-100: #D1E4FF; + --fds-brand-alt1-200: #9ECAFF; + --fds-brand-alt1-300: #76ADFB; + --fds-brand-alt1-400: #5391E9; + --fds-brand-alt1-500: #2B77CC; + --fds-brand-alt1-600: #005FAE; + --fds-brand-alt1-700: #004785; + --fds-brand-alt1-800: #00315E; + --fds-brand-alt1-900: #001C3A; + --fds-brand-alt1-950: #001127; + --fds-brand-alt2-50: #FFFFFF; + --fds-brand-alt2-100: #E5F3F9; + --fds-brand-alt2-200: #C9E7F4; + --fds-brand-alt2-300: #70B3D7; + --fds-brand-alt2-400: #4E99BD; + --fds-brand-alt2-500: #3B7D9B; + --fds-brand-alt2-600: #2C647E; + --fds-brand-alt2-700: #1F4B63; + --fds-brand-alt2-800: #133349; + --fds-brand-alt2-900: #071D2C; + --fds-brand-alt2-950: #03121D; + --fds-brand-alt3-50: #EBF2F3; + --fds-brand-alt3-100: #D7E5E7; + --fds-brand-alt3-200: #B9CACB; + --fds-brand-alt3-300: #9FAEAF; + --fds-brand-alt3-400: #879394; + --fds-brand-alt3-500: #6D7879; + --fds-brand-alt3-600: #576061; + --fds-brand-alt3-700: #414849; + --fds-brand-alt3-800: #2C3132; + --fds-brand-alt3-900: #191C1C; + --fds-brand-alt3-950: #0F1112; --fds-component-mode-height-small: 36px; --fds-component-mode-height-medium: var(--fds-sizing-10); --fds-component-mode-height-large: var(--fds-sizing-12); diff --git a/packages/tokens/brand/brreg/tokens.d.ts b/packages/tokens/brand/brreg/tokens.d.ts index 24c8b6bb0a..84f98352b1 100644 --- a/packages/tokens/brand/brreg/tokens.d.ts +++ b/packages/tokens/brand/brreg/tokens.d.ts @@ -21,22 +21,22 @@ export const semantic_surface_action_no_fill : string; export const semantic_surface_action_no_fill_hover : string; export const semantic_surface_action_no_fill_active : string; export const semantic_surface_action_checked : string; -export const semantic_surface_action_primary_subtle : string; -export const semantic_surface_action_primary_subtle_hover : string; -export const semantic_surface_action_primary_default : string; -export const semantic_surface_action_primary_hover : string; -export const semantic_surface_action_primary_active : string; -export const semantic_surface_action_primary_no_fill : string; -export const semantic_surface_action_primary_no_fill_hover : string; -export const semantic_surface_action_primary_no_fill_active : string; -export const semantic_surface_action_secondary_subtle : string; -export const semantic_surface_action_secondary_subtle_hover : string; -export const semantic_surface_action_secondary_default : string; -export const semantic_surface_action_secondary_hover : string; -export const semantic_surface_action_secondary_active : string; -export const semantic_surface_action_secondary_no_fill : string; -export const semantic_surface_action_secondary_no_fill_hover : string; -export const semantic_surface_action_secondary_no_fill_active : string; +export const semantic_surface_action_first_subtle : string; +export const semantic_surface_action_first_subtle_hover : string; +export const semantic_surface_action_first_default : string; +export const semantic_surface_action_first_hover : string; +export const semantic_surface_action_first_active : string; +export const semantic_surface_action_first_no_fill : string; +export const semantic_surface_action_first_no_fill_hover : string; +export const semantic_surface_action_first_no_fill_active : string; +export const semantic_surface_action_second_subtle : string; +export const semantic_surface_action_second_subtle_hover : string; +export const semantic_surface_action_second_default : string; +export const semantic_surface_action_second_hover : string; +export const semantic_surface_action_second_active : string; +export const semantic_surface_action_second_no_fill : string; +export const semantic_surface_action_second_no_fill_hover : string; +export const semantic_surface_action_second_no_fill_active : string; export const semantic_surface_success_subtle : string; export const semantic_surface_success_subtle_hover : string; export const semantic_surface_success_default : string; @@ -64,18 +64,18 @@ export const semantic_surface_on_inverted_active : string; export const semantic_surface_on_inverted_no_fill : string; export const semantic_surface_on_inverted_no_fill_hover : string; export const semantic_surface_on_inverted_no_fill_active : string; -export const semantic_surface_primary_light : string; -export const semantic_surface_primary_light_hover : string; -export const semantic_surface_primary_light_active : string; -export const semantic_surface_primary_dark : string; -export const semantic_surface_secondary_light : string; -export const semantic_surface_secondary_light_hover : string; -export const semantic_surface_secondary_light_active : string; -export const semantic_surface_secondary_dark : string; -export const semantic_surface_tertiary_light : string; -export const semantic_surface_tertiary_light_hover : string; -export const semantic_surface_tertiary_light_active : string; -export const semantic_surface_tertiary_dark : string; +export const semantic_surface_first_light : string; +export const semantic_surface_first_light_hover : string; +export const semantic_surface_first_light_active : string; +export const semantic_surface_first_dark : string; +export const semantic_surface_second_light : string; +export const semantic_surface_second_light_hover : string; +export const semantic_surface_second_light_active : string; +export const semantic_surface_second_dark : string; +export const semantic_surface_third_light : string; +export const semantic_surface_third_light_hover : string; +export const semantic_surface_third_light_active : string; +export const semantic_surface_third_dark : string; export const semantic_border_info_default : string; export const semantic_border_action_subtle : string; export const semantic_border_action_subtle_hover : string; @@ -84,16 +84,16 @@ export const semantic_border_action_hover : string; export const semantic_border_action_active : string; export const semantic_border_action_dark : string; export const semantic_border_action_dark_hover : string; -export const semantic_border_action_primary_subtle : string; -export const semantic_border_action_primary_subtle_hover : string; -export const semantic_border_action_primary_default : string; -export const semantic_border_action_primary_hover : string; -export const semantic_border_action_primary_active : string; -export const semantic_border_action_secondary_subtle : string; -export const semantic_border_action_secondary_subtle_hover : string; -export const semantic_border_action_secondary_default : string; -export const semantic_border_action_secondary_hover : string; -export const semantic_border_action_secondary_active : string; +export const semantic_border_action_first_subtle : string; +export const semantic_border_action_first_subtle_hover : string; +export const semantic_border_action_first_default : string; +export const semantic_border_action_first_hover : string; +export const semantic_border_action_first_active : string; +export const semantic_border_action_second_subtle : string; +export const semantic_border_action_second_subtle_hover : string; +export const semantic_border_action_second_default : string; +export const semantic_border_action_second_hover : string; +export const semantic_border_action_second_active : string; export const semantic_border_neutral_default : string; export const semantic_border_neutral_subtle : string; export const semantic_border_neutral_strong : string; @@ -112,15 +112,15 @@ export const semantic_border_focus_boxshadow : string; export const semantic_border_on_inverted_default : string; export const semantic_border_input_default : string; export const semantic_border_input_hover : string; -export const semantic_border_primary_default : string; -export const semantic_border_primary_hover : string; -export const semantic_border_primary_active : string; -export const semantic_border_secondary_default : string; -export const semantic_border_secondary_hover : string; -export const semantic_border_secondary_active : string; -export const semantic_border_tertiary_default : string; -export const semantic_border_tertiary_hover : string; -export const semantic_border_tertiary_active : string; +export const semantic_border_first_default : string; +export const semantic_border_first_hover : string; +export const semantic_border_first_active : string; +export const semantic_border_second_default : string; +export const semantic_border_second_hover : string; +export const semantic_border_second_active : string; +export const semantic_border_third_default : string; +export const semantic_border_third_hover : string; +export const semantic_border_third_active : string; export const semantic_text_success_default : string; export const semantic_text_success_hover : string; export const semantic_text_success_active : string; @@ -133,14 +133,14 @@ export const semantic_text_action_default : string; export const semantic_text_action_hover : string; export const semantic_text_action_active : string; export const semantic_text_action_on_action : string; -export const semantic_text_action_primary_default : string; -export const semantic_text_action_primary_hover : string; -export const semantic_text_action_primary_active : string; -export const semantic_text_action_primary_on_action : string; -export const semantic_text_action_secondary_default : string; -export const semantic_text_action_secondary_hover : string; -export const semantic_text_action_secondary_active : string; -export const semantic_text_action_secondary_on_action : string; +export const semantic_text_action_first_default : string; +export const semantic_text_action_first_hover : string; +export const semantic_text_action_first_active : string; +export const semantic_text_action_first_on_action : string; +export const semantic_text_action_second_default : string; +export const semantic_text_action_second_hover : string; +export const semantic_text_action_second_active : string; +export const semantic_text_action_second_on_action : string; export const semantic_text_warning_default : string; export const semantic_text_warning_icon_warning : string; export const semantic_text_warning_on_warning : string; @@ -224,39 +224,39 @@ export const shadow_small : string; export const shadow_medium : string; export const shadow_large : string; export const shadow_xlarge : string; -export const brand_primary_50 : string; -export const brand_primary_100 : string; -export const brand_primary_200 : string; -export const brand_primary_300 : string; -export const brand_primary_400 : string; -export const brand_primary_500 : string; -export const brand_primary_600 : string; -export const brand_primary_700 : string; -export const brand_primary_800 : string; -export const brand_primary_900 : string; -export const brand_primary_950 : string; -export const brand_secondary_50 : string; -export const brand_secondary_100 : string; -export const brand_secondary_200 : string; -export const brand_secondary_300 : string; -export const brand_secondary_400 : string; -export const brand_secondary_500 : string; -export const brand_secondary_600 : string; -export const brand_secondary_700 : string; -export const brand_secondary_800 : string; -export const brand_secondary_900 : string; -export const brand_secondary_950 : string; -export const brand_tertiary_50 : string; -export const brand_tertiary_100 : string; -export const brand_tertiary_200 : string; -export const brand_tertiary_300 : string; -export const brand_tertiary_400 : string; -export const brand_tertiary_500 : string; -export const brand_tertiary_600 : string; -export const brand_tertiary_700 : string; -export const brand_tertiary_800 : string; -export const brand_tertiary_900 : string; -export const brand_tertiary_950 : string; +export const brand_alt1_50 : string; +export const brand_alt1_100 : string; +export const brand_alt1_200 : string; +export const brand_alt1_300 : string; +export const brand_alt1_400 : string; +export const brand_alt1_500 : string; +export const brand_alt1_600 : string; +export const brand_alt1_700 : string; +export const brand_alt1_800 : string; +export const brand_alt1_900 : string; +export const brand_alt1_950 : string; +export const brand_alt2_50 : string; +export const brand_alt2_100 : string; +export const brand_alt2_200 : string; +export const brand_alt2_300 : string; +export const brand_alt2_400 : string; +export const brand_alt2_500 : string; +export const brand_alt2_600 : string; +export const brand_alt2_700 : string; +export const brand_alt2_800 : string; +export const brand_alt2_900 : string; +export const brand_alt2_950 : string; +export const brand_alt3_50 : string; +export const brand_alt3_100 : string; +export const brand_alt3_200 : string; +export const brand_alt3_300 : string; +export const brand_alt3_400 : string; +export const brand_alt3_500 : string; +export const brand_alt3_600 : string; +export const brand_alt3_700 : string; +export const brand_alt3_800 : string; +export const brand_alt3_900 : string; +export const brand_alt3_950 : string; export const component_mode_height_small : string; export const component_mode_height_medium : string; export const component_mode_height_large : string; diff --git a/packages/tokens/brand/brreg/tokens.esm.js b/packages/tokens/brand/brreg/tokens.esm.js index 5da4ce17f0..de690c94bc 100644 --- a/packages/tokens/brand/brreg/tokens.esm.js +++ b/packages/tokens/brand/brreg/tokens.esm.js @@ -21,22 +21,22 @@ export const semantic_surface_action_no_fill = "#ffffff"; export const semantic_surface_action_no_fill_hover = "#e6eff8"; export const semantic_surface_action_no_fill_active = "#b3d0ea"; export const semantic_surface_action_checked = "#0062ba"; -export const semantic_surface_action_primary_subtle = "#e6eff8"; -export const semantic_surface_action_primary_subtle_hover = "#b3d0ea"; -export const semantic_surface_action_primary_default = "#0062ba"; -export const semantic_surface_action_primary_hover = "#004e95"; -export const semantic_surface_action_primary_active = "#00315d"; -export const semantic_surface_action_primary_no_fill = "#ffffff"; -export const semantic_surface_action_primary_no_fill_hover = "#e6eff8"; -export const semantic_surface_action_primary_no_fill_active = "#b3d0ea"; -export const semantic_surface_action_secondary_subtle = "#f4f5f6"; -export const semantic_surface_action_secondary_subtle_hover = "#e9eaec"; -export const semantic_surface_action_secondary_default = "#00315d"; -export const semantic_surface_action_secondary_hover = "rgba(0, 49, 93, 0.9)"; -export const semantic_surface_action_secondary_active = "rgba(0, 49, 93, 0.8)"; -export const semantic_surface_action_secondary_no_fill = "#ffffff"; -export const semantic_surface_action_secondary_no_fill_hover = "rgba(0, 49, 93, 0.1)"; -export const semantic_surface_action_secondary_no_fill_active = "rgba(0, 49, 93, 0.2)"; +export const semantic_surface_action_first_subtle = "#e6eff8"; +export const semantic_surface_action_first_subtle_hover = "#b3d0ea"; +export const semantic_surface_action_first_default = "#0062ba"; +export const semantic_surface_action_first_hover = "#004e95"; +export const semantic_surface_action_first_active = "#00315d"; +export const semantic_surface_action_first_no_fill = "#ffffff"; +export const semantic_surface_action_first_no_fill_hover = "#e6eff8"; +export const semantic_surface_action_first_no_fill_active = "#b3d0ea"; +export const semantic_surface_action_second_subtle = "#f4f5f6"; +export const semantic_surface_action_second_subtle_hover = "#e9eaec"; +export const semantic_surface_action_second_default = "#00315d"; +export const semantic_surface_action_second_hover = "rgba(0, 49, 93, 0.9)"; +export const semantic_surface_action_second_active = "rgba(0, 49, 93, 0.8)"; +export const semantic_surface_action_second_no_fill = "#ffffff"; +export const semantic_surface_action_second_no_fill_hover = "rgba(0, 49, 93, 0.1)"; +export const semantic_surface_action_second_no_fill_active = "rgba(0, 49, 93, 0.2)"; export const semantic_surface_success_subtle = "#d1f4e1"; export const semantic_surface_success_subtle_hover = "#8be4b5"; export const semantic_surface_success_default = "#118849"; @@ -64,18 +64,18 @@ export const semantic_surface_on_inverted_active = "#ffffffcc"; export const semantic_surface_on_inverted_no_fill = "#ffffff00"; export const semantic_surface_on_inverted_no_fill_hover = "#ffffff1a"; export const semantic_surface_on_inverted_no_fill_active = "#ffffff33"; -export const semantic_surface_primary_light = "#D1E4FF"; -export const semantic_surface_primary_light_hover = "#76ADFB"; -export const semantic_surface_primary_light_active = "#5391E9"; -export const semantic_surface_primary_dark = "#004785"; -export const semantic_surface_secondary_light = "#C9E7F4"; -export const semantic_surface_secondary_light_hover = "#70B3D7"; -export const semantic_surface_secondary_light_active = "#4E99BD"; -export const semantic_surface_secondary_dark = "#1F4B63"; -export const semantic_surface_tertiary_light = "#D7E5E7"; -export const semantic_surface_tertiary_light_hover = "#B9CACB"; -export const semantic_surface_tertiary_light_active = "#9FAEAF"; -export const semantic_surface_tertiary_dark = "#414849"; +export const semantic_surface_first_light = "#D1E4FF"; +export const semantic_surface_first_light_hover = "#76ADFB"; +export const semantic_surface_first_light_active = "#5391E9"; +export const semantic_surface_first_dark = "#004785"; +export const semantic_surface_second_light = "#C9E7F4"; +export const semantic_surface_second_light_hover = "#70B3D7"; +export const semantic_surface_second_light_active = "#4E99BD"; +export const semantic_surface_second_dark = "#1F4B63"; +export const semantic_surface_third_light = "#D7E5E7"; +export const semantic_surface_third_light_hover = "#B9CACB"; +export const semantic_surface_third_light_active = "#9FAEAF"; +export const semantic_surface_third_dark = "#414849"; export const semantic_border_info_default = "#004e95"; export const semantic_border_action_subtle = "#b3d0ea"; export const semantic_border_action_subtle_hover = "#66a1d6"; @@ -84,16 +84,16 @@ export const semantic_border_action_hover = "#0062ba"; export const semantic_border_action_active = "#00315d"; export const semantic_border_action_dark = "#00315d"; export const semantic_border_action_dark_hover = "#0062ba"; -export const semantic_border_action_primary_subtle = "#b3d0ea"; -export const semantic_border_action_primary_subtle_hover = "#66a1d6"; -export const semantic_border_action_primary_default = "#0062ba"; -export const semantic_border_action_primary_hover = "#004e95"; -export const semantic_border_action_primary_active = "#00315d"; -export const semantic_border_action_secondary_subtle = "#e9eaec"; -export const semantic_border_action_secondary_subtle_hover = "#d2d5d8"; -export const semantic_border_action_secondary_default = "#00315d"; -export const semantic_border_action_secondary_hover = "#00315d"; -export const semantic_border_action_secondary_active = "#00315d"; +export const semantic_border_action_first_subtle = "#e9eaec"; +export const semantic_border_action_first_subtle_hover = "#d2d5d8"; +export const semantic_border_action_first_default = "#00315d"; +export const semantic_border_action_first_hover = "#00315d"; +export const semantic_border_action_first_active = "#00315d"; +export const semantic_border_action_second_subtle = "#e9eaec"; +export const semantic_border_action_second_subtle_hover = "#d2d5d8"; +export const semantic_border_action_second_default = "#00315d"; +export const semantic_border_action_second_hover = "#00315d"; +export const semantic_border_action_second_active = "#00315d"; export const semantic_border_neutral_default = "#68707c"; export const semantic_border_neutral_subtle = "#d2d5d8"; export const semantic_border_neutral_strong = "#1e2b3c"; @@ -112,15 +112,15 @@ export const semantic_border_focus_boxshadow = "#1e2b3c"; export const semantic_border_on_inverted_default = "#ffffff"; export const semantic_border_input_default = "#00315d"; export const semantic_border_input_hover = "#0062ba"; -export const semantic_border_primary_default = "#005FAE"; -export const semantic_border_primary_hover = "#004785"; -export const semantic_border_primary_active = "#00315E"; -export const semantic_border_secondary_default = "#2C647E"; -export const semantic_border_secondary_hover = "#1F4B63"; -export const semantic_border_secondary_active = "#133349"; -export const semantic_border_tertiary_default = "#879394"; -export const semantic_border_tertiary_hover = "#6D7879"; -export const semantic_border_tertiary_active = "#576061"; +export const semantic_border_first_default = "#005FAE"; +export const semantic_border_first_hover = "#004785"; +export const semantic_border_first_active = "#00315E"; +export const semantic_border_second_default = "#2C647E"; +export const semantic_border_second_hover = "#1F4B63"; +export const semantic_border_second_active = "#133349"; +export const semantic_border_third_default = "#879394"; +export const semantic_border_third_hover = "#6D7879"; +export const semantic_border_third_active = "#576061"; export const semantic_text_success_default = "#0c6536"; export const semantic_text_success_hover = "#084826"; export const semantic_text_success_active = "#084826"; @@ -133,14 +133,14 @@ export const semantic_text_action_default = "#0062ba"; export const semantic_text_action_hover = "#004e95"; export const semantic_text_action_active = "#00315d"; export const semantic_text_action_on_action = "#ffffff"; -export const semantic_text_action_primary_default = "#0062ba"; -export const semantic_text_action_primary_hover = "#004e95"; -export const semantic_text_action_primary_active = "#00315d"; -export const semantic_text_action_primary_on_action = "#ffffff"; -export const semantic_text_action_secondary_default = "#00315d"; -export const semantic_text_action_secondary_hover = "#00315d"; -export const semantic_text_action_secondary_active = "#00315d"; -export const semantic_text_action_secondary_on_action = "#ffffff"; +export const semantic_text_action_first_default = "#00315d"; +export const semantic_text_action_first_hover = "#00315d"; +export const semantic_text_action_first_active = "#00315d"; +export const semantic_text_action_first_on_action = "#ffffff"; +export const semantic_text_action_second_default = "#00315d"; +export const semantic_text_action_second_hover = "#00315d"; +export const semantic_text_action_second_active = "#00315d"; +export const semantic_text_action_second_on_action = "#ffffff"; export const semantic_text_warning_default = "#995404"; export const semantic_text_warning_icon_warning = "#cc7005"; export const semantic_text_warning_on_warning = "#663802"; @@ -224,39 +224,39 @@ export const shadow_small = "0 1px 2px -1px #0000001a, 0 1px 4px 0 #0000001a"; export const shadow_medium = "0 2px 4px -2px #0000001a, 0 4px 5px #0000001a"; export const shadow_large = "0 4px 6px -4px #0000001a, 0 10px 12px #0000001a"; export const shadow_xlarge = "0 8px 10px -6px #0000001a, 0 25px 45px #0000001a"; -export const brand_primary_50 = "#FFFFFF"; -export const brand_primary_100 = "#D1E4FF"; -export const brand_primary_200 = "#9ECAFF"; -export const brand_primary_300 = "#76ADFB"; -export const brand_primary_400 = "#5391E9"; -export const brand_primary_500 = "#2B77CC"; -export const brand_primary_600 = "#005FAE"; -export const brand_primary_700 = "#004785"; -export const brand_primary_800 = "#00315E"; -export const brand_primary_900 = "#001C3A"; -export const brand_primary_950 = "#001127"; -export const brand_secondary_50 = "#FFFFFF"; -export const brand_secondary_100 = "#E5F3F9"; -export const brand_secondary_200 = "#C9E7F4"; -export const brand_secondary_300 = "#70B3D7"; -export const brand_secondary_400 = "#4E99BD"; -export const brand_secondary_500 = "#3B7D9B"; -export const brand_secondary_600 = "#2C647E"; -export const brand_secondary_700 = "#1F4B63"; -export const brand_secondary_800 = "#133349"; -export const brand_secondary_900 = "#071D2C"; -export const brand_secondary_950 = "#03121D"; -export const brand_tertiary_50 = "#EBF2F3"; -export const brand_tertiary_100 = "#D7E5E7"; -export const brand_tertiary_200 = "#B9CACB"; -export const brand_tertiary_300 = "#9FAEAF"; -export const brand_tertiary_400 = "#879394"; -export const brand_tertiary_500 = "#6D7879"; -export const brand_tertiary_600 = "#576061"; -export const brand_tertiary_700 = "#414849"; -export const brand_tertiary_800 = "#2C3132"; -export const brand_tertiary_900 = "#191C1C"; -export const brand_tertiary_950 = "#0F1112"; +export const brand_alt1_50 = "#FFFFFF"; +export const brand_alt1_100 = "#D1E4FF"; +export const brand_alt1_200 = "#9ECAFF"; +export const brand_alt1_300 = "#76ADFB"; +export const brand_alt1_400 = "#5391E9"; +export const brand_alt1_500 = "#2B77CC"; +export const brand_alt1_600 = "#005FAE"; +export const brand_alt1_700 = "#004785"; +export const brand_alt1_800 = "#00315E"; +export const brand_alt1_900 = "#001C3A"; +export const brand_alt1_950 = "#001127"; +export const brand_alt2_50 = "#FFFFFF"; +export const brand_alt2_100 = "#E5F3F9"; +export const brand_alt2_200 = "#C9E7F4"; +export const brand_alt2_300 = "#70B3D7"; +export const brand_alt2_400 = "#4E99BD"; +export const brand_alt2_500 = "#3B7D9B"; +export const brand_alt2_600 = "#2C647E"; +export const brand_alt2_700 = "#1F4B63"; +export const brand_alt2_800 = "#133349"; +export const brand_alt2_900 = "#071D2C"; +export const brand_alt2_950 = "#03121D"; +export const brand_alt3_50 = "#EBF2F3"; +export const brand_alt3_100 = "#D7E5E7"; +export const brand_alt3_200 = "#B9CACB"; +export const brand_alt3_300 = "#9FAEAF"; +export const brand_alt3_400 = "#879394"; +export const brand_alt3_500 = "#6D7879"; +export const brand_alt3_600 = "#576061"; +export const brand_alt3_700 = "#414849"; +export const brand_alt3_800 = "#2C3132"; +export const brand_alt3_900 = "#191C1C"; +export const brand_alt3_950 = "#0F1112"; export const component_mode_height_small = "36px"; export const component_mode_height_medium = "45px"; export const component_mode_height_large = "54px"; diff --git a/packages/tokens/brand/digdir/tokens.cjs.js b/packages/tokens/brand/digdir/tokens.cjs.js index 24ab7f8b60..11ede11c9a 100644 --- a/packages/tokens/brand/digdir/tokens.cjs.js +++ b/packages/tokens/brand/digdir/tokens.cjs.js @@ -22,22 +22,22 @@ module.exports = { "semantic_surface_action_no_fill_hover": "#e6eff8", "semantic_surface_action_no_fill_active": "#b3d0ea", "semantic_surface_action_checked": "#0062ba", - "semantic_surface_action_primary_subtle": "#e6eff8", - "semantic_surface_action_primary_subtle_hover": "#b3d0ea", - "semantic_surface_action_primary_default": "#0062ba", - "semantic_surface_action_primary_hover": "#004e95", - "semantic_surface_action_primary_active": "#00315d", - "semantic_surface_action_primary_no_fill": "#ffffff", - "semantic_surface_action_primary_no_fill_hover": "#e6eff8", - "semantic_surface_action_primary_no_fill_active": "#b3d0ea", - "semantic_surface_action_secondary_subtle": "#f4f5f6", - "semantic_surface_action_secondary_subtle_hover": "#e9eaec", - "semantic_surface_action_secondary_default": "#00315d", - "semantic_surface_action_secondary_hover": "rgba(0, 49, 93, 0.9)", - "semantic_surface_action_secondary_active": "rgba(0, 49, 93, 0.8)", - "semantic_surface_action_secondary_no_fill": "#ffffff", - "semantic_surface_action_secondary_no_fill_hover": "rgba(0, 49, 93, 0.1)", - "semantic_surface_action_secondary_no_fill_active": "rgba(0, 49, 93, 0.2)", + "semantic_surface_action_first_subtle": "#e6eff8", + "semantic_surface_action_first_subtle_hover": "#b3d0ea", + "semantic_surface_action_first_default": "#0062ba", + "semantic_surface_action_first_hover": "#004e95", + "semantic_surface_action_first_active": "#00315d", + "semantic_surface_action_first_no_fill": "#ffffff", + "semantic_surface_action_first_no_fill_hover": "#e6eff8", + "semantic_surface_action_first_no_fill_active": "#b3d0ea", + "semantic_surface_action_second_subtle": "#f4f5f6", + "semantic_surface_action_second_subtle_hover": "#e9eaec", + "semantic_surface_action_second_default": "#00315d", + "semantic_surface_action_second_hover": "rgba(0, 49, 93, 0.9)", + "semantic_surface_action_second_active": "rgba(0, 49, 93, 0.8)", + "semantic_surface_action_second_no_fill": "#ffffff", + "semantic_surface_action_second_no_fill_hover": "rgba(0, 49, 93, 0.1)", + "semantic_surface_action_second_no_fill_active": "rgba(0, 49, 93, 0.2)", "semantic_surface_success_subtle": "#d1f4e1", "semantic_surface_success_subtle_hover": "#8be4b5", "semantic_surface_success_default": "#118849", @@ -65,18 +65,18 @@ module.exports = { "semantic_surface_on_inverted_no_fill": "#ffffff00", "semantic_surface_on_inverted_no_fill_hover": "#ffffff1a", "semantic_surface_on_inverted_no_fill_active": "#ffffff33", - "semantic_surface_primary_light": "#fddfe0", - "semantic_surface_primary_light_hover": "#fbbfc1", - "semantic_surface_primary_light_active": "#f89fa1", - "semantic_surface_primary_dark": "#c34c4f", - "semantic_surface_secondary_light": "#faeec2", - "semantic_surface_secondary_light_hover": "#f5dda6", - "semantic_surface_secondary_light_active": "#efcc79", - "semantic_surface_secondary_dark": "#A17717", - "semantic_surface_tertiary_light": "#d2eafd", - "semantic_surface_tertiary_light_hover": "#a5d6fb", - "semantic_surface_tertiary_light_active": "#78c1f9", - "semantic_surface_tertiary_dark": "#156aac", + "semantic_surface_first_light": "#fddfe0", + "semantic_surface_first_light_hover": "#fbbfc1", + "semantic_surface_first_light_active": "#f89fa1", + "semantic_surface_first_dark": "#c34c4f", + "semantic_surface_second_light": "#faeec2", + "semantic_surface_second_light_hover": "#f5dda6", + "semantic_surface_second_light_active": "#efcc79", + "semantic_surface_second_dark": "#A17717", + "semantic_surface_third_light": "#d2eafd", + "semantic_surface_third_light_hover": "#a5d6fb", + "semantic_surface_third_light_active": "#78c1f9", + "semantic_surface_third_dark": "#156aac", "semantic_border_info_default": "#004e95", "semantic_border_action_subtle": "#b3d0ea", "semantic_border_action_subtle_hover": "#66a1d6", @@ -85,16 +85,16 @@ module.exports = { "semantic_border_action_active": "#00315d", "semantic_border_action_dark": "#00315d", "semantic_border_action_dark_hover": "#0062ba", - "semantic_border_action_primary_subtle": "#b3d0ea", - "semantic_border_action_primary_subtle_hover": "#66a1d6", - "semantic_border_action_primary_default": "#0062ba", - "semantic_border_action_primary_hover": "#004e95", - "semantic_border_action_primary_active": "#00315d", - "semantic_border_action_secondary_subtle": "#e9eaec", - "semantic_border_action_secondary_subtle_hover": "#d2d5d8", - "semantic_border_action_secondary_default": "#00315d", - "semantic_border_action_secondary_hover": "#00315d", - "semantic_border_action_secondary_active": "#00315d", + "semantic_border_action_first_subtle": "#b3d0ea", + "semantic_border_action_first_subtle_hover": "#66a1d6", + "semantic_border_action_first_default": "#0062ba", + "semantic_border_action_first_hover": "#004e95", + "semantic_border_action_first_active": "#00315d", + "semantic_border_action_second_subtle": "#e9eaec", + "semantic_border_action_second_subtle_hover": "#d2d5d8", + "semantic_border_action_second_default": "#00315d", + "semantic_border_action_second_hover": "#00315d", + "semantic_border_action_second_active": "#00315d", "semantic_border_neutral_default": "#68707c", "semantic_border_neutral_subtle": "#d2d5d8", "semantic_border_neutral_strong": "#1e2b3c", @@ -113,15 +113,15 @@ module.exports = { "semantic_border_on_inverted_default": "#ffffff", "semantic_border_input_default": "#00315d", "semantic_border_input_hover": "#0062ba", - "semantic_border_primary_default": "#f45f63", - "semantic_border_primary_hover": "#dc5659", - "semantic_border_primary_active": "#c34c4f", - "semantic_border_secondary_default": "#e5aa20", - "semantic_border_secondary_hover": "#ce991d", - "semantic_border_secondary_active": "#b7881a", - "semantic_border_tertiary_default": "#1e98f5", - "semantic_border_tertiary_hover": "#1b88dd", - "semantic_border_tertiary_active": "#156aac", + "semantic_border_first_default": "#f45f63", + "semantic_border_first_hover": "#dc5659", + "semantic_border_first_active": "#c34c4f", + "semantic_border_second_default": "#e5aa20", + "semantic_border_second_hover": "#ce991d", + "semantic_border_second_active": "#b7881a", + "semantic_border_third_default": "#1e98f5", + "semantic_border_third_hover": "#1b88dd", + "semantic_border_third_active": "#156aac", "semantic_text_success_default": "#0c6536", "semantic_text_success_hover": "#084826", "semantic_text_success_active": "#084826", @@ -134,14 +134,14 @@ module.exports = { "semantic_text_action_hover": "#004e95", "semantic_text_action_active": "#00315d", "semantic_text_action_on_action": "#ffffff", - "semantic_text_action_primary_default": "#0062ba", - "semantic_text_action_primary_hover": "#004e95", - "semantic_text_action_primary_active": "#00315d", - "semantic_text_action_primary_on_action": "#ffffff", - "semantic_text_action_secondary_default": "#00315d", - "semantic_text_action_secondary_hover": "#00315d", - "semantic_text_action_secondary_active": "#00315d", - "semantic_text_action_secondary_on_action": "#ffffff", + "semantic_text_action_first_default": "#0062ba", + "semantic_text_action_first_hover": "#004e95", + "semantic_text_action_first_active": "#00315d", + "semantic_text_action_first_on_action": "#ffffff", + "semantic_text_action_second_default": "#00315d", + "semantic_text_action_second_hover": "#00315d", + "semantic_text_action_second_active": "#00315d", + "semantic_text_action_second_on_action": "#ffffff", "semantic_text_warning_default": "#995404", "semantic_text_warning_icon_warning": "#cc7005", "semantic_text_warning_on_warning": "#663802", @@ -225,33 +225,33 @@ module.exports = { "shadow_medium": "0 2px 4px -2px #0000001a, 0 4px 5px #0000001a", "shadow_large": "0 4px 6px -4px #0000001a, 0 10px 12px #0000001a", "shadow_xlarge": "0 8px 10px -6px #0000001a, 0 25px 45px #0000001a", - "brand_primary_100": "#feefef", - "brand_primary_200": "#fddfe0", - "brand_primary_300": "#fbbfc1", - "brand_primary_400": "#f89fa1", - "brand_primary_500": "#f67f82", - "brand_primary_600": "#f45f63", - "brand_primary_700": "#dc5659", - "brand_primary_800": "#c34c4f", - "brand_primary_900": "#B83D41", - "brand_secondary_100": "#fcf7e9", - "brand_secondary_200": "#faeec2", - "brand_secondary_300": "#f5dda6", - "brand_secondary_400": "#efcc79", - "brand_secondary_500": "#eabb4d", - "brand_secondary_600": "#e5aa20", - "brand_secondary_700": "#ce991d", - "brand_secondary_800": "#b7881a", - "brand_secondary_900": "#A17717", - "brand_tertiary_100": "#e9f5ff", - "brand_tertiary_200": "#d2eafd", - "brand_tertiary_300": "#a5d6fb", - "brand_tertiary_400": "#78c1f9", - "brand_tertiary_500": "#4badf7", - "brand_tertiary_600": "#1e98f5", - "brand_tertiary_700": "#1b88dd", - "brand_tertiary_800": "#156aac", - "brand_tertiary_900": "#125A91", + "brand_alt1_100": "#feefef", + "brand_alt1_200": "#fddfe0", + "brand_alt1_300": "#fbbfc1", + "brand_alt1_400": "#f89fa1", + "brand_alt1_500": "#f67f82", + "brand_alt1_600": "#f45f63", + "brand_alt1_700": "#dc5659", + "brand_alt1_800": "#c34c4f", + "brand_alt1_900": "#B83D41", + "brand_alt2_100": "#fcf7e9", + "brand_alt2_200": "#faeec2", + "brand_alt2_300": "#f5dda6", + "brand_alt2_400": "#efcc79", + "brand_alt2_500": "#eabb4d", + "brand_alt2_600": "#e5aa20", + "brand_alt2_700": "#ce991d", + "brand_alt2_800": "#b7881a", + "brand_alt2_900": "#A17717", + "brand_alt3_100": "#e9f5ff", + "brand_alt3_200": "#d2eafd", + "brand_alt3_300": "#a5d6fb", + "brand_alt3_400": "#78c1f9", + "brand_alt3_500": "#4badf7", + "brand_alt3_600": "#1e98f5", + "brand_alt3_700": "#1b88dd", + "brand_alt3_800": "#156aac", + "brand_alt3_900": "#125A91", "component_mode_height_small": "36px", "component_mode_height_medium": "45px", "component_mode_height_large": "54px", diff --git a/packages/tokens/brand/digdir/tokens.css b/packages/tokens/brand/digdir/tokens.css index befd6a0d87..167a5ac347 100644 --- a/packages/tokens/brand/digdir/tokens.css +++ b/packages/tokens/brand/digdir/tokens.css @@ -26,22 +26,22 @@ --fds-semantic-surface-action-no_fill-hover: #e6eff8; --fds-semantic-surface-action-no_fill-active: #b3d0ea; --fds-semantic-surface-action-checked: #0062ba; - --fds-semantic-surface-action-primary-subtle: #e6eff8; - --fds-semantic-surface-action-primary-subtle-hover: #b3d0ea; - --fds-semantic-surface-action-primary-default: #0062ba; - --fds-semantic-surface-action-primary-hover: #004e95; - --fds-semantic-surface-action-primary-active: #00315d; - --fds-semantic-surface-action-primary-no_fill: #ffffff; - --fds-semantic-surface-action-primary-no_fill-hover: #e6eff8; - --fds-semantic-surface-action-primary-no_fill-active: #b3d0ea; - --fds-semantic-surface-action-secondary-subtle: #f4f5f6; - --fds-semantic-surface-action-secondary-subtle-hover: #e9eaec; - --fds-semantic-surface-action-secondary-default: #00315d; - --fds-semantic-surface-action-secondary-hover: rgba(0, 49, 93, 0.9); - --fds-semantic-surface-action-secondary-active: rgba(0, 49, 93, 0.8); - --fds-semantic-surface-action-secondary-no_fill: #ffffff; - --fds-semantic-surface-action-secondary-no_fill-hover: rgba(0, 49, 93, 0.1); - --fds-semantic-surface-action-secondary-no_fill-active: rgba(0, 49, 93, 0.2); + --fds-semantic-surface-action-first-subtle: #e6eff8; + --fds-semantic-surface-action-first-subtle-hover: #b3d0ea; + --fds-semantic-surface-action-first-default: #0062ba; + --fds-semantic-surface-action-first-hover: #004e95; + --fds-semantic-surface-action-first-active: #00315d; + --fds-semantic-surface-action-first-no_fill: #ffffff; + --fds-semantic-surface-action-first-no_fill-hover: #e6eff8; + --fds-semantic-surface-action-first-no_fill-active: #b3d0ea; + --fds-semantic-surface-action-second-subtle: #f4f5f6; + --fds-semantic-surface-action-second-subtle-hover: #e9eaec; + --fds-semantic-surface-action-second-default: #00315d; + --fds-semantic-surface-action-second-hover: rgba(0, 49, 93, 0.9); + --fds-semantic-surface-action-second-active: rgba(0, 49, 93, 0.8); + --fds-semantic-surface-action-second-no_fill: #ffffff; + --fds-semantic-surface-action-second-no_fill-hover: rgba(0, 49, 93, 0.1); + --fds-semantic-surface-action-second-no_fill-active: rgba(0, 49, 93, 0.2); --fds-semantic-surface-success-subtle: #d1f4e1; --fds-semantic-surface-success-subtle-hover: #8be4b5; --fds-semantic-surface-success-default: #118849; @@ -69,18 +69,18 @@ --fds-semantic-surface-on_inverted-no_fill: #ffffff00; --fds-semantic-surface-on_inverted-no_fill-hover: #ffffff1a; --fds-semantic-surface-on_inverted-no_fill-active: #ffffff33; - --fds-semantic-surface-primary-light: #fddfe0; - --fds-semantic-surface-primary-light-hover: #fbbfc1; - --fds-semantic-surface-primary-light-active: #f89fa1; - --fds-semantic-surface-primary-dark: #c34c4f; - --fds-semantic-surface-secondary-light: #faeec2; - --fds-semantic-surface-secondary-light-hover: #f5dda6; - --fds-semantic-surface-secondary-light-active: #efcc79; - --fds-semantic-surface-secondary-dark: #A17717; - --fds-semantic-surface-tertiary-light: #d2eafd; - --fds-semantic-surface-tertiary-light-hover: #a5d6fb; - --fds-semantic-surface-tertiary-light-active: #78c1f9; - --fds-semantic-surface-tertiary-dark: #156aac; + --fds-semantic-surface-first-light: #fddfe0; + --fds-semantic-surface-first-light-hover: #fbbfc1; + --fds-semantic-surface-first-light-active: #f89fa1; + --fds-semantic-surface-first-dark: #c34c4f; + --fds-semantic-surface-second-light: #faeec2; + --fds-semantic-surface-second-light-hover: #f5dda6; + --fds-semantic-surface-second-light-active: #efcc79; + --fds-semantic-surface-second-dark: #A17717; + --fds-semantic-surface-third-light: #d2eafd; + --fds-semantic-surface-third-light-hover: #a5d6fb; + --fds-semantic-surface-third-light-active: #78c1f9; + --fds-semantic-surface-third-dark: #156aac; --fds-semantic-border-info-default: #004e95; --fds-semantic-border-action-subtle: #b3d0ea; --fds-semantic-border-action-subtle-hover: #66a1d6; @@ -89,16 +89,16 @@ --fds-semantic-border-action-active: #00315d; --fds-semantic-border-action-dark: #00315d; --fds-semantic-border-action-dark-hover: #0062ba; - --fds-semantic-border-action-primary-subtle: #b3d0ea; - --fds-semantic-border-action-primary-subtle-hover: #66a1d6; - --fds-semantic-border-action-primary-default: #0062ba; - --fds-semantic-border-action-primary-hover: #004e95; - --fds-semantic-border-action-primary-active: #00315d; - --fds-semantic-border-action-secondary-subtle: #e9eaec; - --fds-semantic-border-action-secondary-subtle-hover: #d2d5d8; - --fds-semantic-border-action-secondary-default: #00315d; - --fds-semantic-border-action-secondary-hover: #00315d; - --fds-semantic-border-action-secondary-active: #00315d; + --fds-semantic-border-action-first-subtle: #b3d0ea; + --fds-semantic-border-action-first-subtle-hover: #66a1d6; + --fds-semantic-border-action-first-default: #0062ba; + --fds-semantic-border-action-first-hover: #004e95; + --fds-semantic-border-action-first-active: #00315d; + --fds-semantic-border-action-second-subtle: #e9eaec; + --fds-semantic-border-action-second-subtle-hover: #d2d5d8; + --fds-semantic-border-action-second-default: #00315d; + --fds-semantic-border-action-second-hover: #00315d; + --fds-semantic-border-action-second-active: #00315d; --fds-semantic-border-neutral-default: #68707c; --fds-semantic-border-neutral-subtle: #d2d5d8; --fds-semantic-border-neutral-strong: #1e2b3c; @@ -117,15 +117,15 @@ --fds-semantic-border-on_inverted-default: #ffffff; --fds-semantic-border-input-default: #00315d; --fds-semantic-border-input-hover: #0062ba; - --fds-semantic-border-primary-default: #f45f63; - --fds-semantic-border-primary-hover: #dc5659; - --fds-semantic-border-primary-active: #c34c4f; - --fds-semantic-border-secondary-default: #e5aa20; - --fds-semantic-border-secondary-hover: #ce991d; - --fds-semantic-border-secondary-active: #b7881a; - --fds-semantic-border-tertiary-default: #1e98f5; - --fds-semantic-border-tertiary-hover: #1b88dd; - --fds-semantic-border-tertiary-active: #156aac; + --fds-semantic-border-first-default: #f45f63; + --fds-semantic-border-first-hover: #dc5659; + --fds-semantic-border-first-active: #c34c4f; + --fds-semantic-border-second-default: #e5aa20; + --fds-semantic-border-second-hover: #ce991d; + --fds-semantic-border-second-active: #b7881a; + --fds-semantic-border-third-default: #1e98f5; + --fds-semantic-border-third-hover: #1b88dd; + --fds-semantic-border-third-active: #156aac; --fds-semantic-text-success-default: #0c6536; --fds-semantic-text-success-hover: #084826; --fds-semantic-text-success-active: #084826; @@ -138,14 +138,14 @@ --fds-semantic-text-action-hover: #004e95; --fds-semantic-text-action-active: #00315d; --fds-semantic-text-action-on_action: #ffffff; - --fds-semantic-text-action-primary-default: #0062ba; - --fds-semantic-text-action-primary-hover: #004e95; - --fds-semantic-text-action-primary-active: #00315d; - --fds-semantic-text-action-primary-on_action: #ffffff; - --fds-semantic-text-action-secondary-default: #00315d; - --fds-semantic-text-action-secondary-hover: #00315d; - --fds-semantic-text-action-secondary-active: #00315d; - --fds-semantic-text-action-secondary-on_action: #ffffff; + --fds-semantic-text-action-first-default: #0062ba; + --fds-semantic-text-action-first-hover: #004e95; + --fds-semantic-text-action-first-active: #00315d; + --fds-semantic-text-action-first-on_action: #ffffff; + --fds-semantic-text-action-second-default: #00315d; + --fds-semantic-text-action-second-hover: #00315d; + --fds-semantic-text-action-second-active: #00315d; + --fds-semantic-text-action-second-on_action: #ffffff; --fds-semantic-text-warning-default: #995404; --fds-semantic-text-warning-icon_warning: #cc7005; --fds-semantic-text-warning-on_warning: #663802; @@ -229,33 +229,33 @@ --fds-shadow-medium: 0 2px 4px -2px #0000001a, 0 4px 5px #0000001a; --fds-shadow-large: 0 4px 6px -4px #0000001a, 0 10px 12px #0000001a; --fds-shadow-xlarge: 0 8px 10px -6px #0000001a, 0 25px 45px #0000001a; - --fds-brand-primary-100: #feefef; - --fds-brand-primary-200: #fddfe0; - --fds-brand-primary-300: #fbbfc1; - --fds-brand-primary-400: #f89fa1; - --fds-brand-primary-500: #f67f82; - --fds-brand-primary-600: #f45f63; - --fds-brand-primary-700: #dc5659; - --fds-brand-primary-800: #c34c4f; - --fds-brand-primary-900: #B83D41; - --fds-brand-secondary-100: #fcf7e9; - --fds-brand-secondary-200: #faeec2; - --fds-brand-secondary-300: #f5dda6; - --fds-brand-secondary-400: #efcc79; - --fds-brand-secondary-500: #eabb4d; - --fds-brand-secondary-600: #e5aa20; - --fds-brand-secondary-700: #ce991d; - --fds-brand-secondary-800: #b7881a; - --fds-brand-secondary-900: #A17717; - --fds-brand-tertiary-100: #e9f5ff; - --fds-brand-tertiary-200: #d2eafd; - --fds-brand-tertiary-300: #a5d6fb; - --fds-brand-tertiary-400: #78c1f9; - --fds-brand-tertiary-500: #4badf7; - --fds-brand-tertiary-600: #1e98f5; - --fds-brand-tertiary-700: #1b88dd; - --fds-brand-tertiary-800: #156aac; - --fds-brand-tertiary-900: #125A91; + --fds-brand-alt1-100: #feefef; + --fds-brand-alt1-200: #fddfe0; + --fds-brand-alt1-300: #fbbfc1; + --fds-brand-alt1-400: #f89fa1; + --fds-brand-alt1-500: #f67f82; + --fds-brand-alt1-600: #f45f63; + --fds-brand-alt1-700: #dc5659; + --fds-brand-alt1-800: #c34c4f; + --fds-brand-alt1-900: #B83D41; + --fds-brand-alt2-100: #fcf7e9; + --fds-brand-alt2-200: #faeec2; + --fds-brand-alt2-300: #f5dda6; + --fds-brand-alt2-400: #efcc79; + --fds-brand-alt2-500: #eabb4d; + --fds-brand-alt2-600: #e5aa20; + --fds-brand-alt2-700: #ce991d; + --fds-brand-alt2-800: #b7881a; + --fds-brand-alt2-900: #A17717; + --fds-brand-alt3-100: #e9f5ff; + --fds-brand-alt3-200: #d2eafd; + --fds-brand-alt3-300: #a5d6fb; + --fds-brand-alt3-400: #78c1f9; + --fds-brand-alt3-500: #4badf7; + --fds-brand-alt3-600: #1e98f5; + --fds-brand-alt3-700: #1b88dd; + --fds-brand-alt3-800: #156aac; + --fds-brand-alt3-900: #125A91; --fds-component-mode-height-small: 36px; --fds-component-mode-height-medium: var(--fds-sizing-10); --fds-component-mode-height-large: var(--fds-sizing-12); diff --git a/packages/tokens/brand/digdir/tokens.d.ts b/packages/tokens/brand/digdir/tokens.d.ts index 32e23f2b15..7d87c4a3ec 100644 --- a/packages/tokens/brand/digdir/tokens.d.ts +++ b/packages/tokens/brand/digdir/tokens.d.ts @@ -21,22 +21,22 @@ export const semantic_surface_action_no_fill : string; export const semantic_surface_action_no_fill_hover : string; export const semantic_surface_action_no_fill_active : string; export const semantic_surface_action_checked : string; -export const semantic_surface_action_primary_subtle : string; -export const semantic_surface_action_primary_subtle_hover : string; -export const semantic_surface_action_primary_default : string; -export const semantic_surface_action_primary_hover : string; -export const semantic_surface_action_primary_active : string; -export const semantic_surface_action_primary_no_fill : string; -export const semantic_surface_action_primary_no_fill_hover : string; -export const semantic_surface_action_primary_no_fill_active : string; -export const semantic_surface_action_secondary_subtle : string; -export const semantic_surface_action_secondary_subtle_hover : string; -export const semantic_surface_action_secondary_default : string; -export const semantic_surface_action_secondary_hover : string; -export const semantic_surface_action_secondary_active : string; -export const semantic_surface_action_secondary_no_fill : string; -export const semantic_surface_action_secondary_no_fill_hover : string; -export const semantic_surface_action_secondary_no_fill_active : string; +export const semantic_surface_action_first_subtle : string; +export const semantic_surface_action_first_subtle_hover : string; +export const semantic_surface_action_first_default : string; +export const semantic_surface_action_first_hover : string; +export const semantic_surface_action_first_active : string; +export const semantic_surface_action_first_no_fill : string; +export const semantic_surface_action_first_no_fill_hover : string; +export const semantic_surface_action_first_no_fill_active : string; +export const semantic_surface_action_second_subtle : string; +export const semantic_surface_action_second_subtle_hover : string; +export const semantic_surface_action_second_default : string; +export const semantic_surface_action_second_hover : string; +export const semantic_surface_action_second_active : string; +export const semantic_surface_action_second_no_fill : string; +export const semantic_surface_action_second_no_fill_hover : string; +export const semantic_surface_action_second_no_fill_active : string; export const semantic_surface_success_subtle : string; export const semantic_surface_success_subtle_hover : string; export const semantic_surface_success_default : string; @@ -64,18 +64,18 @@ export const semantic_surface_on_inverted_active : string; export const semantic_surface_on_inverted_no_fill : string; export const semantic_surface_on_inverted_no_fill_hover : string; export const semantic_surface_on_inverted_no_fill_active : string; -export const semantic_surface_primary_light : string; -export const semantic_surface_primary_light_hover : string; -export const semantic_surface_primary_light_active : string; -export const semantic_surface_primary_dark : string; -export const semantic_surface_secondary_light : string; -export const semantic_surface_secondary_light_hover : string; -export const semantic_surface_secondary_light_active : string; -export const semantic_surface_secondary_dark : string; -export const semantic_surface_tertiary_light : string; -export const semantic_surface_tertiary_light_hover : string; -export const semantic_surface_tertiary_light_active : string; -export const semantic_surface_tertiary_dark : string; +export const semantic_surface_first_light : string; +export const semantic_surface_first_light_hover : string; +export const semantic_surface_first_light_active : string; +export const semantic_surface_first_dark : string; +export const semantic_surface_second_light : string; +export const semantic_surface_second_light_hover : string; +export const semantic_surface_second_light_active : string; +export const semantic_surface_second_dark : string; +export const semantic_surface_third_light : string; +export const semantic_surface_third_light_hover : string; +export const semantic_surface_third_light_active : string; +export const semantic_surface_third_dark : string; export const semantic_border_info_default : string; export const semantic_border_action_subtle : string; export const semantic_border_action_subtle_hover : string; @@ -84,16 +84,16 @@ export const semantic_border_action_hover : string; export const semantic_border_action_active : string; export const semantic_border_action_dark : string; export const semantic_border_action_dark_hover : string; -export const semantic_border_action_primary_subtle : string; -export const semantic_border_action_primary_subtle_hover : string; -export const semantic_border_action_primary_default : string; -export const semantic_border_action_primary_hover : string; -export const semantic_border_action_primary_active : string; -export const semantic_border_action_secondary_subtle : string; -export const semantic_border_action_secondary_subtle_hover : string; -export const semantic_border_action_secondary_default : string; -export const semantic_border_action_secondary_hover : string; -export const semantic_border_action_secondary_active : string; +export const semantic_border_action_first_subtle : string; +export const semantic_border_action_first_subtle_hover : string; +export const semantic_border_action_first_default : string; +export const semantic_border_action_first_hover : string; +export const semantic_border_action_first_active : string; +export const semantic_border_action_second_subtle : string; +export const semantic_border_action_second_subtle_hover : string; +export const semantic_border_action_second_default : string; +export const semantic_border_action_second_hover : string; +export const semantic_border_action_second_active : string; export const semantic_border_neutral_default : string; export const semantic_border_neutral_subtle : string; export const semantic_border_neutral_strong : string; @@ -112,15 +112,15 @@ export const semantic_border_focus_boxshadow : string; export const semantic_border_on_inverted_default : string; export const semantic_border_input_default : string; export const semantic_border_input_hover : string; -export const semantic_border_primary_default : string; -export const semantic_border_primary_hover : string; -export const semantic_border_primary_active : string; -export const semantic_border_secondary_default : string; -export const semantic_border_secondary_hover : string; -export const semantic_border_secondary_active : string; -export const semantic_border_tertiary_default : string; -export const semantic_border_tertiary_hover : string; -export const semantic_border_tertiary_active : string; +export const semantic_border_first_default : string; +export const semantic_border_first_hover : string; +export const semantic_border_first_active : string; +export const semantic_border_second_default : string; +export const semantic_border_second_hover : string; +export const semantic_border_second_active : string; +export const semantic_border_third_default : string; +export const semantic_border_third_hover : string; +export const semantic_border_third_active : string; export const semantic_text_success_default : string; export const semantic_text_success_hover : string; export const semantic_text_success_active : string; @@ -133,14 +133,14 @@ export const semantic_text_action_default : string; export const semantic_text_action_hover : string; export const semantic_text_action_active : string; export const semantic_text_action_on_action : string; -export const semantic_text_action_primary_default : string; -export const semantic_text_action_primary_hover : string; -export const semantic_text_action_primary_active : string; -export const semantic_text_action_primary_on_action : string; -export const semantic_text_action_secondary_default : string; -export const semantic_text_action_secondary_hover : string; -export const semantic_text_action_secondary_active : string; -export const semantic_text_action_secondary_on_action : string; +export const semantic_text_action_first_default : string; +export const semantic_text_action_first_hover : string; +export const semantic_text_action_first_active : string; +export const semantic_text_action_first_on_action : string; +export const semantic_text_action_second_default : string; +export const semantic_text_action_second_hover : string; +export const semantic_text_action_second_active : string; +export const semantic_text_action_second_on_action : string; export const semantic_text_warning_default : string; export const semantic_text_warning_icon_warning : string; export const semantic_text_warning_on_warning : string; @@ -224,33 +224,33 @@ export const shadow_small : string; export const shadow_medium : string; export const shadow_large : string; export const shadow_xlarge : string; -export const brand_primary_100 : string; -export const brand_primary_200 : string; -export const brand_primary_300 : string; -export const brand_primary_400 : string; -export const brand_primary_500 : string; -export const brand_primary_600 : string; -export const brand_primary_700 : string; -export const brand_primary_800 : string; -export const brand_primary_900 : string; -export const brand_secondary_100 : string; -export const brand_secondary_200 : string; -export const brand_secondary_300 : string; -export const brand_secondary_400 : string; -export const brand_secondary_500 : string; -export const brand_secondary_600 : string; -export const brand_secondary_700 : string; -export const brand_secondary_800 : string; -export const brand_secondary_900 : string; -export const brand_tertiary_100 : string; -export const brand_tertiary_200 : string; -export const brand_tertiary_300 : string; -export const brand_tertiary_400 : string; -export const brand_tertiary_500 : string; -export const brand_tertiary_600 : string; -export const brand_tertiary_700 : string; -export const brand_tertiary_800 : string; -export const brand_tertiary_900 : string; +export const brand_alt1_100 : string; +export const brand_alt1_200 : string; +export const brand_alt1_300 : string; +export const brand_alt1_400 : string; +export const brand_alt1_500 : string; +export const brand_alt1_600 : string; +export const brand_alt1_700 : string; +export const brand_alt1_800 : string; +export const brand_alt1_900 : string; +export const brand_alt2_100 : string; +export const brand_alt2_200 : string; +export const brand_alt2_300 : string; +export const brand_alt2_400 : string; +export const brand_alt2_500 : string; +export const brand_alt2_600 : string; +export const brand_alt2_700 : string; +export const brand_alt2_800 : string; +export const brand_alt2_900 : string; +export const brand_alt3_100 : string; +export const brand_alt3_200 : string; +export const brand_alt3_300 : string; +export const brand_alt3_400 : string; +export const brand_alt3_500 : string; +export const brand_alt3_600 : string; +export const brand_alt3_700 : string; +export const brand_alt3_800 : string; +export const brand_alt3_900 : string; export const component_mode_height_small : string; export const component_mode_height_medium : string; export const component_mode_height_large : string; diff --git a/packages/tokens/brand/digdir/tokens.esm.js b/packages/tokens/brand/digdir/tokens.esm.js index cbfed8b067..11c1a58c65 100644 --- a/packages/tokens/brand/digdir/tokens.esm.js +++ b/packages/tokens/brand/digdir/tokens.esm.js @@ -21,22 +21,22 @@ export const semantic_surface_action_no_fill = "#ffffff"; export const semantic_surface_action_no_fill_hover = "#e6eff8"; export const semantic_surface_action_no_fill_active = "#b3d0ea"; export const semantic_surface_action_checked = "#0062ba"; -export const semantic_surface_action_primary_subtle = "#e6eff8"; -export const semantic_surface_action_primary_subtle_hover = "#b3d0ea"; -export const semantic_surface_action_primary_default = "#0062ba"; -export const semantic_surface_action_primary_hover = "#004e95"; -export const semantic_surface_action_primary_active = "#00315d"; -export const semantic_surface_action_primary_no_fill = "#ffffff"; -export const semantic_surface_action_primary_no_fill_hover = "#e6eff8"; -export const semantic_surface_action_primary_no_fill_active = "#b3d0ea"; -export const semantic_surface_action_secondary_subtle = "#f4f5f6"; -export const semantic_surface_action_secondary_subtle_hover = "#e9eaec"; -export const semantic_surface_action_secondary_default = "#00315d"; -export const semantic_surface_action_secondary_hover = "rgba(0, 49, 93, 0.9)"; -export const semantic_surface_action_secondary_active = "rgba(0, 49, 93, 0.8)"; -export const semantic_surface_action_secondary_no_fill = "#ffffff"; -export const semantic_surface_action_secondary_no_fill_hover = "rgba(0, 49, 93, 0.1)"; -export const semantic_surface_action_secondary_no_fill_active = "rgba(0, 49, 93, 0.2)"; +export const semantic_surface_action_first_subtle = "#e6eff8"; +export const semantic_surface_action_first_subtle_hover = "#b3d0ea"; +export const semantic_surface_action_first_default = "#0062ba"; +export const semantic_surface_action_first_hover = "#004e95"; +export const semantic_surface_action_first_active = "#00315d"; +export const semantic_surface_action_first_no_fill = "#ffffff"; +export const semantic_surface_action_first_no_fill_hover = "#e6eff8"; +export const semantic_surface_action_first_no_fill_active = "#b3d0ea"; +export const semantic_surface_action_second_subtle = "#f4f5f6"; +export const semantic_surface_action_second_subtle_hover = "#e9eaec"; +export const semantic_surface_action_second_default = "#00315d"; +export const semantic_surface_action_second_hover = "rgba(0, 49, 93, 0.9)"; +export const semantic_surface_action_second_active = "rgba(0, 49, 93, 0.8)"; +export const semantic_surface_action_second_no_fill = "#ffffff"; +export const semantic_surface_action_second_no_fill_hover = "rgba(0, 49, 93, 0.1)"; +export const semantic_surface_action_second_no_fill_active = "rgba(0, 49, 93, 0.2)"; export const semantic_surface_success_subtle = "#d1f4e1"; export const semantic_surface_success_subtle_hover = "#8be4b5"; export const semantic_surface_success_default = "#118849"; @@ -64,18 +64,18 @@ export const semantic_surface_on_inverted_active = "#ffffffcc"; export const semantic_surface_on_inverted_no_fill = "#ffffff00"; export const semantic_surface_on_inverted_no_fill_hover = "#ffffff1a"; export const semantic_surface_on_inverted_no_fill_active = "#ffffff33"; -export const semantic_surface_primary_light = "#fddfe0"; -export const semantic_surface_primary_light_hover = "#fbbfc1"; -export const semantic_surface_primary_light_active = "#f89fa1"; -export const semantic_surface_primary_dark = "#c34c4f"; -export const semantic_surface_secondary_light = "#faeec2"; -export const semantic_surface_secondary_light_hover = "#f5dda6"; -export const semantic_surface_secondary_light_active = "#efcc79"; -export const semantic_surface_secondary_dark = "#A17717"; -export const semantic_surface_tertiary_light = "#d2eafd"; -export const semantic_surface_tertiary_light_hover = "#a5d6fb"; -export const semantic_surface_tertiary_light_active = "#78c1f9"; -export const semantic_surface_tertiary_dark = "#156aac"; +export const semantic_surface_first_light = "#fddfe0"; +export const semantic_surface_first_light_hover = "#fbbfc1"; +export const semantic_surface_first_light_active = "#f89fa1"; +export const semantic_surface_first_dark = "#c34c4f"; +export const semantic_surface_second_light = "#faeec2"; +export const semantic_surface_second_light_hover = "#f5dda6"; +export const semantic_surface_second_light_active = "#efcc79"; +export const semantic_surface_second_dark = "#A17717"; +export const semantic_surface_third_light = "#d2eafd"; +export const semantic_surface_third_light_hover = "#a5d6fb"; +export const semantic_surface_third_light_active = "#78c1f9"; +export const semantic_surface_third_dark = "#156aac"; export const semantic_border_info_default = "#004e95"; export const semantic_border_action_subtle = "#b3d0ea"; export const semantic_border_action_subtle_hover = "#66a1d6"; @@ -84,16 +84,16 @@ export const semantic_border_action_hover = "#0062ba"; export const semantic_border_action_active = "#00315d"; export const semantic_border_action_dark = "#00315d"; export const semantic_border_action_dark_hover = "#0062ba"; -export const semantic_border_action_primary_subtle = "#b3d0ea"; -export const semantic_border_action_primary_subtle_hover = "#66a1d6"; -export const semantic_border_action_primary_default = "#0062ba"; -export const semantic_border_action_primary_hover = "#004e95"; -export const semantic_border_action_primary_active = "#00315d"; -export const semantic_border_action_secondary_subtle = "#e9eaec"; -export const semantic_border_action_secondary_subtle_hover = "#d2d5d8"; -export const semantic_border_action_secondary_default = "#00315d"; -export const semantic_border_action_secondary_hover = "#00315d"; -export const semantic_border_action_secondary_active = "#00315d"; +export const semantic_border_action_first_subtle = "#b3d0ea"; +export const semantic_border_action_first_subtle_hover = "#66a1d6"; +export const semantic_border_action_first_default = "#0062ba"; +export const semantic_border_action_first_hover = "#004e95"; +export const semantic_border_action_first_active = "#00315d"; +export const semantic_border_action_second_subtle = "#e9eaec"; +export const semantic_border_action_second_subtle_hover = "#d2d5d8"; +export const semantic_border_action_second_default = "#00315d"; +export const semantic_border_action_second_hover = "#00315d"; +export const semantic_border_action_second_active = "#00315d"; export const semantic_border_neutral_default = "#68707c"; export const semantic_border_neutral_subtle = "#d2d5d8"; export const semantic_border_neutral_strong = "#1e2b3c"; @@ -112,15 +112,15 @@ export const semantic_border_focus_boxshadow = "#1e2b3c"; export const semantic_border_on_inverted_default = "#ffffff"; export const semantic_border_input_default = "#00315d"; export const semantic_border_input_hover = "#0062ba"; -export const semantic_border_primary_default = "#f45f63"; -export const semantic_border_primary_hover = "#dc5659"; -export const semantic_border_primary_active = "#c34c4f"; -export const semantic_border_secondary_default = "#e5aa20"; -export const semantic_border_secondary_hover = "#ce991d"; -export const semantic_border_secondary_active = "#b7881a"; -export const semantic_border_tertiary_default = "#1e98f5"; -export const semantic_border_tertiary_hover = "#1b88dd"; -export const semantic_border_tertiary_active = "#156aac"; +export const semantic_border_first_default = "#f45f63"; +export const semantic_border_first_hover = "#dc5659"; +export const semantic_border_first_active = "#c34c4f"; +export const semantic_border_second_default = "#e5aa20"; +export const semantic_border_second_hover = "#ce991d"; +export const semantic_border_second_active = "#b7881a"; +export const semantic_border_third_default = "#1e98f5"; +export const semantic_border_third_hover = "#1b88dd"; +export const semantic_border_third_active = "#156aac"; export const semantic_text_success_default = "#0c6536"; export const semantic_text_success_hover = "#084826"; export const semantic_text_success_active = "#084826"; @@ -133,14 +133,14 @@ export const semantic_text_action_default = "#0062ba"; export const semantic_text_action_hover = "#004e95"; export const semantic_text_action_active = "#00315d"; export const semantic_text_action_on_action = "#ffffff"; -export const semantic_text_action_primary_default = "#0062ba"; -export const semantic_text_action_primary_hover = "#004e95"; -export const semantic_text_action_primary_active = "#00315d"; -export const semantic_text_action_primary_on_action = "#ffffff"; -export const semantic_text_action_secondary_default = "#00315d"; -export const semantic_text_action_secondary_hover = "#00315d"; -export const semantic_text_action_secondary_active = "#00315d"; -export const semantic_text_action_secondary_on_action = "#ffffff"; +export const semantic_text_action_first_default = "#0062ba"; +export const semantic_text_action_first_hover = "#004e95"; +export const semantic_text_action_first_active = "#00315d"; +export const semantic_text_action_first_on_action = "#ffffff"; +export const semantic_text_action_second_default = "#00315d"; +export const semantic_text_action_second_hover = "#00315d"; +export const semantic_text_action_second_active = "#00315d"; +export const semantic_text_action_second_on_action = "#ffffff"; export const semantic_text_warning_default = "#995404"; export const semantic_text_warning_icon_warning = "#cc7005"; export const semantic_text_warning_on_warning = "#663802"; @@ -224,33 +224,33 @@ export const shadow_small = "0 1px 2px -1px #0000001a, 0 1px 4px 0 #0000001a"; export const shadow_medium = "0 2px 4px -2px #0000001a, 0 4px 5px #0000001a"; export const shadow_large = "0 4px 6px -4px #0000001a, 0 10px 12px #0000001a"; export const shadow_xlarge = "0 8px 10px -6px #0000001a, 0 25px 45px #0000001a"; -export const brand_primary_100 = "#feefef"; -export const brand_primary_200 = "#fddfe0"; -export const brand_primary_300 = "#fbbfc1"; -export const brand_primary_400 = "#f89fa1"; -export const brand_primary_500 = "#f67f82"; -export const brand_primary_600 = "#f45f63"; -export const brand_primary_700 = "#dc5659"; -export const brand_primary_800 = "#c34c4f"; -export const brand_primary_900 = "#B83D41"; -export const brand_secondary_100 = "#fcf7e9"; -export const brand_secondary_200 = "#faeec2"; -export const brand_secondary_300 = "#f5dda6"; -export const brand_secondary_400 = "#efcc79"; -export const brand_secondary_500 = "#eabb4d"; -export const brand_secondary_600 = "#e5aa20"; -export const brand_secondary_700 = "#ce991d"; -export const brand_secondary_800 = "#b7881a"; -export const brand_secondary_900 = "#A17717"; -export const brand_tertiary_100 = "#e9f5ff"; -export const brand_tertiary_200 = "#d2eafd"; -export const brand_tertiary_300 = "#a5d6fb"; -export const brand_tertiary_400 = "#78c1f9"; -export const brand_tertiary_500 = "#4badf7"; -export const brand_tertiary_600 = "#1e98f5"; -export const brand_tertiary_700 = "#1b88dd"; -export const brand_tertiary_800 = "#156aac"; -export const brand_tertiary_900 = "#125A91"; +export const brand_alt1_100 = "#feefef"; +export const brand_alt1_200 = "#fddfe0"; +export const brand_alt1_300 = "#fbbfc1"; +export const brand_alt1_400 = "#f89fa1"; +export const brand_alt1_500 = "#f67f82"; +export const brand_alt1_600 = "#f45f63"; +export const brand_alt1_700 = "#dc5659"; +export const brand_alt1_800 = "#c34c4f"; +export const brand_alt1_900 = "#B83D41"; +export const brand_alt2_100 = "#fcf7e9"; +export const brand_alt2_200 = "#faeec2"; +export const brand_alt2_300 = "#f5dda6"; +export const brand_alt2_400 = "#efcc79"; +export const brand_alt2_500 = "#eabb4d"; +export const brand_alt2_600 = "#e5aa20"; +export const brand_alt2_700 = "#ce991d"; +export const brand_alt2_800 = "#b7881a"; +export const brand_alt2_900 = "#A17717"; +export const brand_alt3_100 = "#e9f5ff"; +export const brand_alt3_200 = "#d2eafd"; +export const brand_alt3_300 = "#a5d6fb"; +export const brand_alt3_400 = "#78c1f9"; +export const brand_alt3_500 = "#4badf7"; +export const brand_alt3_600 = "#1e98f5"; +export const brand_alt3_700 = "#1b88dd"; +export const brand_alt3_800 = "#156aac"; +export const brand_alt3_900 = "#125A91"; export const component_mode_height_small = "36px"; export const component_mode_height_medium = "45px"; export const component_mode_height_large = "54px"; diff --git a/packages/tokens/brand/tilsynet/tokens.cjs.js b/packages/tokens/brand/tilsynet/tokens.cjs.js index 4951971611..03b35b5933 100644 --- a/packages/tokens/brand/tilsynet/tokens.cjs.js +++ b/packages/tokens/brand/tilsynet/tokens.cjs.js @@ -22,22 +22,22 @@ module.exports = { "semantic_surface_action_no_fill_hover": "#e6eff8", "semantic_surface_action_no_fill_active": "#b3d0ea", "semantic_surface_action_checked": "#0062ba", - "semantic_surface_action_primary_subtle": "#e6eff8", - "semantic_surface_action_primary_subtle_hover": "#b3d0ea", - "semantic_surface_action_primary_default": "#3339c6", - "semantic_surface_action_primary_hover": "#0008b8", - "semantic_surface_action_primary_active": "#00078F", - "semantic_surface_action_primary_no_fill": "#ffffff", - "semantic_surface_action_primary_no_fill_hover": "#e6eff8", - "semantic_surface_action_primary_no_fill_active": "#b3d0ea", - "semantic_surface_action_secondary_subtle": "#f4f5f6", - "semantic_surface_action_secondary_subtle_hover": "#e9eaec", - "semantic_surface_action_secondary_default": "#407d6d", - "semantic_surface_action_secondary_hover": "#376C5E", - "semantic_surface_action_secondary_active": "#376C5E", - "semantic_surface_action_secondary_no_fill": "#ffffff", - "semantic_surface_action_secondary_no_fill_hover": "rgba(0, 49, 93, 0.1)", - "semantic_surface_action_secondary_no_fill_active": "rgba(0, 49, 93, 0.2)", + "semantic_surface_action_first_subtle": "#f4f5f6", + "semantic_surface_action_first_subtle_hover": "#e9eaec", + "semantic_surface_action_first_default": "#00315d", + "semantic_surface_action_first_hover": "rgba(0, 49, 93, 0.9)", + "semantic_surface_action_first_active": "rgba(0, 49, 93, 0.8)", + "semantic_surface_action_first_no_fill": "#ffffff", + "semantic_surface_action_first_no_fill_hover": "rgba(0, 49, 93, 0.1)", + "semantic_surface_action_first_no_fill_active": "rgba(0, 49, 93, 0.2)", + "semantic_surface_action_second_subtle": "#f4f5f6", + "semantic_surface_action_second_subtle_hover": "#e9eaec", + "semantic_surface_action_second_default": "#00315d", + "semantic_surface_action_second_hover": "rgba(0, 49, 93, 0.9)", + "semantic_surface_action_second_active": "rgba(0, 49, 93, 0.8)", + "semantic_surface_action_second_no_fill": "#ffffff", + "semantic_surface_action_second_no_fill_hover": "rgba(0, 49, 93, 0.1)", + "semantic_surface_action_second_no_fill_active": "rgba(0, 49, 93, 0.2)", "semantic_surface_success_subtle": "#d1f4e1", "semantic_surface_success_subtle_hover": "#8be4b5", "semantic_surface_success_default": "#118849", @@ -65,18 +65,18 @@ module.exports = { "semantic_surface_on_inverted_no_fill": "#ffffff00", "semantic_surface_on_inverted_no_fill_hover": "#ffffff1a", "semantic_surface_on_inverted_no_fill_active": "#ffffff33", - "semantic_surface_primary_light": "#dedff6", - "semantic_surface_primary_light_hover": "#bec0ed", - "semantic_surface_primary_light_active": "#9da0e4", - "semantic_surface_primary_dark": "#0008b8", - "semantic_surface_secondary_light": "#ffdcc3", - "semantic_surface_secondary_light_hover": "#fdd4b7", - "semantic_surface_secondary_light_active": "#ffc296", - "semantic_surface_secondary_dark": "#9F6841", - "semantic_surface_tertiary_light": "#deece9", - "semantic_surface_tertiary_light_hover": "#bedad2", - "semantic_surface_tertiary_light_active": "#9dc7bc", - "semantic_surface_tertiary_dark": "#407d6d", + "semantic_surface_first_light": "#dedff6", + "semantic_surface_first_light_hover": "#bec0ed", + "semantic_surface_first_light_active": "#9da0e4", + "semantic_surface_first_dark": "#0008b8", + "semantic_surface_second_light": "#ffdcc3", + "semantic_surface_second_light_hover": "#fdd4b7", + "semantic_surface_second_light_active": "#ffc296", + "semantic_surface_second_dark": "#9F6841", + "semantic_surface_third_light": "#deece9", + "semantic_surface_third_light_hover": "#bedad2", + "semantic_surface_third_light_active": "#9dc7bc", + "semantic_surface_third_dark": "#407d6d", "semantic_border_info_default": "#004e95", "semantic_border_action_subtle": "#b3d0ea", "semantic_border_action_subtle_hover": "#66a1d6", @@ -85,16 +85,16 @@ module.exports = { "semantic_border_action_active": "#00315d", "semantic_border_action_dark": "#00315d", "semantic_border_action_dark_hover": "#0062ba", - "semantic_border_action_primary_subtle": "#b3d0ea", - "semantic_border_action_primary_subtle_hover": "#66a1d6", - "semantic_border_action_primary_default": "#0062ba", - "semantic_border_action_primary_hover": "#004e95", - "semantic_border_action_primary_active": "#00315d", - "semantic_border_action_secondary_subtle": "#e9eaec", - "semantic_border_action_secondary_subtle_hover": "#d2d5d8", - "semantic_border_action_secondary_default": "#00315d", - "semantic_border_action_secondary_hover": "#00315d", - "semantic_border_action_secondary_active": "#00315d", + "semantic_border_action_first_subtle": "#b3d0ea", + "semantic_border_action_first_subtle_hover": "#66a1d6", + "semantic_border_action_first_default": "#0062ba", + "semantic_border_action_first_hover": "#004e95", + "semantic_border_action_first_active": "#00315d", + "semantic_border_action_second_subtle": "#e9eaec", + "semantic_border_action_second_subtle_hover": "#d2d5d8", + "semantic_border_action_second_default": "#00315d", + "semantic_border_action_second_hover": "#00315d", + "semantic_border_action_second_active": "#00315d", "semantic_border_neutral_default": "#68707c", "semantic_border_neutral_subtle": "#d2d5d8", "semantic_border_neutral_strong": "#1e2b3c", @@ -113,15 +113,15 @@ module.exports = { "semantic_border_on_inverted_default": "#ffffff", "semantic_border_input_default": "#00315d", "semantic_border_input_hover": "#0062ba", - "semantic_border_primary_default": "#5c61d2", - "semantic_border_primary_hover": "#3339c6", - "semantic_border_primary_active": "#0008b8", - "semantic_border_secondary_default": "#ffa869", - "semantic_border_secondary_hover": "#e6975f", - "semantic_border_secondary_active": "#b3764a", - "semantic_border_tertiary_default": "#5ca28f", - "semantic_border_tertiary_hover": "#4c907e", - "semantic_border_tertiary_active": "#407d6d", + "semantic_border_first_default": "#5c61d2", + "semantic_border_first_hover": "#3339c6", + "semantic_border_first_active": "#0008b8", + "semantic_border_second_default": "#ffa869", + "semantic_border_second_hover": "#e6975f", + "semantic_border_second_active": "#b3764a", + "semantic_border_third_default": "#5ca28f", + "semantic_border_third_hover": "#4c907e", + "semantic_border_third_active": "#407d6d", "semantic_text_success_default": "#0c6536", "semantic_text_success_hover": "#084826", "semantic_text_success_active": "#084826", @@ -134,14 +134,14 @@ module.exports = { "semantic_text_action_hover": "#004e95", "semantic_text_action_active": "#00315d", "semantic_text_action_on_action": "#ffffff", - "semantic_text_action_primary_default": "#0062ba", - "semantic_text_action_primary_hover": "#004e95", - "semantic_text_action_primary_active": "#00315d", - "semantic_text_action_primary_on_action": "#ffffff", - "semantic_text_action_secondary_default": "#00315d", - "semantic_text_action_secondary_hover": "#00315d", - "semantic_text_action_secondary_active": "#00315d", - "semantic_text_action_secondary_on_action": "#ffffff", + "semantic_text_action_first_default": "#0062ba", + "semantic_text_action_first_hover": "#004e95", + "semantic_text_action_first_active": "#00315d", + "semantic_text_action_first_on_action": "#ffffff", + "semantic_text_action_second_default": "#00315d", + "semantic_text_action_second_hover": "#00315d", + "semantic_text_action_second_active": "#00315d", + "semantic_text_action_second_on_action": "#ffffff", "semantic_text_warning_default": "#995404", "semantic_text_warning_icon_warning": "#cc7005", "semantic_text_warning_on_warning": "#663802", @@ -225,33 +225,33 @@ module.exports = { "shadow_medium": "0 2px 4px -2px #0000001a, 0 4px 5px #0000001a", "shadow_large": "0 4px 6px -4px #0000001a, 0 10px 12px #0000001a", "shadow_xlarge": "0 8px 10px -6px #0000001a, 0 25px 45px #0000001a", - "brand_primary_100": "#efeffb", - "brand_primary_200": "#dedff6", - "brand_primary_300": "#bec0ed", - "brand_primary_400": "#9da0e4", - "brand_primary_500": "#7d81db", - "brand_primary_600": "#5c61d2", - "brand_primary_700": "#3339c6", - "brand_primary_800": "#0008b8", - "brand_primary_900": "#00078F", - "brand_secondary_100": "#ffeee1", - "brand_secondary_200": "#ffdcc3", - "brand_secondary_300": "#fdd4b7", - "brand_secondary_400": "#ffc296", - "brand_secondary_500": "#ffb178", - "brand_secondary_600": "#ffa869", - "brand_secondary_700": "#e6975f", - "brand_secondary_800": "#b3764a", - "brand_secondary_900": "#9F6841", - "brand_tertiary_100": "#eff6f4", - "brand_tertiary_200": "#deece9", - "brand_tertiary_300": "#bedad2", - "brand_tertiary_400": "#9dc7bc", - "brand_tertiary_500": "#7db5a5", - "brand_tertiary_600": "#5ca28f", - "brand_tertiary_700": "#4c907e", - "brand_tertiary_800": "#407d6d", - "brand_tertiary_900": "#376C5E", + "brand_alt1_100": "#efeffb", + "brand_alt1_200": "#dedff6", + "brand_alt1_300": "#bec0ed", + "brand_alt1_400": "#9da0e4", + "brand_alt1_500": "#7d81db", + "brand_alt1_600": "#5c61d2", + "brand_alt1_700": "#3339c6", + "brand_alt1_800": "#0008b8", + "brand_alt1_900": "#00078F", + "brand_alt2_100": "#ffeee1", + "brand_alt2_200": "#ffdcc3", + "brand_alt2_300": "#fdd4b7", + "brand_alt2_400": "#ffc296", + "brand_alt2_500": "#ffb178", + "brand_alt2_600": "#ffa869", + "brand_alt2_700": "#e6975f", + "brand_alt2_800": "#b3764a", + "brand_alt2_900": "#9F6841", + "brand_alt3_100": "#eff6f4", + "brand_alt3_200": "#deece9", + "brand_alt3_300": "#bedad2", + "brand_alt3_400": "#9dc7bc", + "brand_alt3_500": "#7db5a5", + "brand_alt3_600": "#5ca28f", + "brand_alt3_700": "#4c907e", + "brand_alt3_800": "#407d6d", + "brand_alt3_900": "#376C5E", "component_mode_height_small": "36px", "component_mode_height_medium": "45px", "component_mode_height_large": "54px", diff --git a/packages/tokens/brand/tilsynet/tokens.css b/packages/tokens/brand/tilsynet/tokens.css index 0b4aaa11c2..56461a7ae5 100644 --- a/packages/tokens/brand/tilsynet/tokens.css +++ b/packages/tokens/brand/tilsynet/tokens.css @@ -26,22 +26,22 @@ --fds-semantic-surface-action-no_fill-hover: #e6eff8; --fds-semantic-surface-action-no_fill-active: #b3d0ea; --fds-semantic-surface-action-checked: #0062ba; - --fds-semantic-surface-action-primary-subtle: #e6eff8; - --fds-semantic-surface-action-primary-subtle-hover: #b3d0ea; - --fds-semantic-surface-action-primary-default: #3339c6; - --fds-semantic-surface-action-primary-hover: #0008b8; - --fds-semantic-surface-action-primary-active: #00078F; - --fds-semantic-surface-action-primary-no_fill: #ffffff; - --fds-semantic-surface-action-primary-no_fill-hover: #e6eff8; - --fds-semantic-surface-action-primary-no_fill-active: #b3d0ea; - --fds-semantic-surface-action-secondary-subtle: #f4f5f6; - --fds-semantic-surface-action-secondary-subtle-hover: #e9eaec; - --fds-semantic-surface-action-secondary-default: #407d6d; - --fds-semantic-surface-action-secondary-hover: #376C5E; - --fds-semantic-surface-action-secondary-active: #376C5E; - --fds-semantic-surface-action-secondary-no_fill: #ffffff; - --fds-semantic-surface-action-secondary-no_fill-hover: rgba(0, 49, 93, 0.1); - --fds-semantic-surface-action-secondary-no_fill-active: rgba(0, 49, 93, 0.2); + --fds-semantic-surface-action-first-subtle: #f4f5f6; + --fds-semantic-surface-action-first-subtle-hover: #e9eaec; + --fds-semantic-surface-action-first-default: #00315d; + --fds-semantic-surface-action-first-hover: rgba(0, 49, 93, 0.9); + --fds-semantic-surface-action-first-active: rgba(0, 49, 93, 0.8); + --fds-semantic-surface-action-first-no_fill: #ffffff; + --fds-semantic-surface-action-first-no_fill-hover: rgba(0, 49, 93, 0.1); + --fds-semantic-surface-action-first-no_fill-active: rgba(0, 49, 93, 0.2); + --fds-semantic-surface-action-second-subtle: #f4f5f6; + --fds-semantic-surface-action-second-subtle-hover: #e9eaec; + --fds-semantic-surface-action-second-default: #00315d; + --fds-semantic-surface-action-second-hover: rgba(0, 49, 93, 0.9); + --fds-semantic-surface-action-second-active: rgba(0, 49, 93, 0.8); + --fds-semantic-surface-action-second-no_fill: #ffffff; + --fds-semantic-surface-action-second-no_fill-hover: rgba(0, 49, 93, 0.1); + --fds-semantic-surface-action-second-no_fill-active: rgba(0, 49, 93, 0.2); --fds-semantic-surface-success-subtle: #d1f4e1; --fds-semantic-surface-success-subtle-hover: #8be4b5; --fds-semantic-surface-success-default: #118849; @@ -69,18 +69,18 @@ --fds-semantic-surface-on_inverted-no_fill: #ffffff00; --fds-semantic-surface-on_inverted-no_fill-hover: #ffffff1a; --fds-semantic-surface-on_inverted-no_fill-active: #ffffff33; - --fds-semantic-surface-primary-light: #dedff6; - --fds-semantic-surface-primary-light-hover: #bec0ed; - --fds-semantic-surface-primary-light-active: #9da0e4; - --fds-semantic-surface-primary-dark: #0008b8; - --fds-semantic-surface-secondary-light: #ffdcc3; - --fds-semantic-surface-secondary-light-hover: #fdd4b7; - --fds-semantic-surface-secondary-light-active: #ffc296; - --fds-semantic-surface-secondary-dark: #9F6841; - --fds-semantic-surface-tertiary-light: #deece9; - --fds-semantic-surface-tertiary-light-hover: #bedad2; - --fds-semantic-surface-tertiary-light-active: #9dc7bc; - --fds-semantic-surface-tertiary-dark: #407d6d; + --fds-semantic-surface-first-light: #dedff6; + --fds-semantic-surface-first-light-hover: #bec0ed; + --fds-semantic-surface-first-light-active: #9da0e4; + --fds-semantic-surface-first-dark: #0008b8; + --fds-semantic-surface-second-light: #ffdcc3; + --fds-semantic-surface-second-light-hover: #fdd4b7; + --fds-semantic-surface-second-light-active: #ffc296; + --fds-semantic-surface-second-dark: #9F6841; + --fds-semantic-surface-third-light: #deece9; + --fds-semantic-surface-third-light-hover: #bedad2; + --fds-semantic-surface-third-light-active: #9dc7bc; + --fds-semantic-surface-third-dark: #407d6d; --fds-semantic-border-info-default: #004e95; --fds-semantic-border-action-subtle: #b3d0ea; --fds-semantic-border-action-subtle-hover: #66a1d6; @@ -89,16 +89,16 @@ --fds-semantic-border-action-active: #00315d; --fds-semantic-border-action-dark: #00315d; --fds-semantic-border-action-dark-hover: #0062ba; - --fds-semantic-border-action-primary-subtle: #b3d0ea; - --fds-semantic-border-action-primary-subtle-hover: #66a1d6; - --fds-semantic-border-action-primary-default: #0062ba; - --fds-semantic-border-action-primary-hover: #004e95; - --fds-semantic-border-action-primary-active: #00315d; - --fds-semantic-border-action-secondary-subtle: #e9eaec; - --fds-semantic-border-action-secondary-subtle-hover: #d2d5d8; - --fds-semantic-border-action-secondary-default: #00315d; - --fds-semantic-border-action-secondary-hover: #00315d; - --fds-semantic-border-action-secondary-active: #00315d; + --fds-semantic-border-action-first-subtle: #b3d0ea; + --fds-semantic-border-action-first-subtle-hover: #66a1d6; + --fds-semantic-border-action-first-default: #0062ba; + --fds-semantic-border-action-first-hover: #004e95; + --fds-semantic-border-action-first-active: #00315d; + --fds-semantic-border-action-second-subtle: #e9eaec; + --fds-semantic-border-action-second-subtle-hover: #d2d5d8; + --fds-semantic-border-action-second-default: #00315d; + --fds-semantic-border-action-second-hover: #00315d; + --fds-semantic-border-action-second-active: #00315d; --fds-semantic-border-neutral-default: #68707c; --fds-semantic-border-neutral-subtle: #d2d5d8; --fds-semantic-border-neutral-strong: #1e2b3c; @@ -117,15 +117,15 @@ --fds-semantic-border-on_inverted-default: #ffffff; --fds-semantic-border-input-default: #00315d; --fds-semantic-border-input-hover: #0062ba; - --fds-semantic-border-primary-default: #5c61d2; - --fds-semantic-border-primary-hover: #3339c6; - --fds-semantic-border-primary-active: #0008b8; - --fds-semantic-border-secondary-default: #ffa869; - --fds-semantic-border-secondary-hover: #e6975f; - --fds-semantic-border-secondary-active: #b3764a; - --fds-semantic-border-tertiary-default: #5ca28f; - --fds-semantic-border-tertiary-hover: #4c907e; - --fds-semantic-border-tertiary-active: #407d6d; + --fds-semantic-border-first-default: #5c61d2; + --fds-semantic-border-first-hover: #3339c6; + --fds-semantic-border-first-active: #0008b8; + --fds-semantic-border-second-default: #ffa869; + --fds-semantic-border-second-hover: #e6975f; + --fds-semantic-border-second-active: #b3764a; + --fds-semantic-border-third-default: #5ca28f; + --fds-semantic-border-third-hover: #4c907e; + --fds-semantic-border-third-active: #407d6d; --fds-semantic-text-success-default: #0c6536; --fds-semantic-text-success-hover: #084826; --fds-semantic-text-success-active: #084826; @@ -138,14 +138,14 @@ --fds-semantic-text-action-hover: #004e95; --fds-semantic-text-action-active: #00315d; --fds-semantic-text-action-on_action: #ffffff; - --fds-semantic-text-action-primary-default: #0062ba; - --fds-semantic-text-action-primary-hover: #004e95; - --fds-semantic-text-action-primary-active: #00315d; - --fds-semantic-text-action-primary-on_action: #ffffff; - --fds-semantic-text-action-secondary-default: #00315d; - --fds-semantic-text-action-secondary-hover: #00315d; - --fds-semantic-text-action-secondary-active: #00315d; - --fds-semantic-text-action-secondary-on_action: #ffffff; + --fds-semantic-text-action-first-default: #0062ba; + --fds-semantic-text-action-first-hover: #004e95; + --fds-semantic-text-action-first-active: #00315d; + --fds-semantic-text-action-first-on_action: #ffffff; + --fds-semantic-text-action-second-default: #00315d; + --fds-semantic-text-action-second-hover: #00315d; + --fds-semantic-text-action-second-active: #00315d; + --fds-semantic-text-action-second-on_action: #ffffff; --fds-semantic-text-warning-default: #995404; --fds-semantic-text-warning-icon_warning: #cc7005; --fds-semantic-text-warning-on_warning: #663802; @@ -229,33 +229,33 @@ --fds-shadow-medium: 0 2px 4px -2px #0000001a, 0 4px 5px #0000001a; --fds-shadow-large: 0 4px 6px -4px #0000001a, 0 10px 12px #0000001a; --fds-shadow-xlarge: 0 8px 10px -6px #0000001a, 0 25px 45px #0000001a; - --fds-brand-primary-100: #efeffb; - --fds-brand-primary-200: #dedff6; - --fds-brand-primary-300: #bec0ed; - --fds-brand-primary-400: #9da0e4; - --fds-brand-primary-500: #7d81db; - --fds-brand-primary-600: #5c61d2; - --fds-brand-primary-700: #3339c6; - --fds-brand-primary-800: #0008b8; - --fds-brand-primary-900: #00078F; - --fds-brand-secondary-100: #ffeee1; - --fds-brand-secondary-200: #ffdcc3; - --fds-brand-secondary-300: #fdd4b7; - --fds-brand-secondary-400: #ffc296; - --fds-brand-secondary-500: #ffb178; - --fds-brand-secondary-600: #ffa869; - --fds-brand-secondary-700: #e6975f; - --fds-brand-secondary-800: #b3764a; - --fds-brand-secondary-900: #9F6841; - --fds-brand-tertiary-100: #eff6f4; - --fds-brand-tertiary-200: #deece9; - --fds-brand-tertiary-300: #bedad2; - --fds-brand-tertiary-400: #9dc7bc; - --fds-brand-tertiary-500: #7db5a5; - --fds-brand-tertiary-600: #5ca28f; - --fds-brand-tertiary-700: #4c907e; - --fds-brand-tertiary-800: #407d6d; - --fds-brand-tertiary-900: #376C5E; + --fds-brand-alt1-100: #efeffb; + --fds-brand-alt1-200: #dedff6; + --fds-brand-alt1-300: #bec0ed; + --fds-brand-alt1-400: #9da0e4; + --fds-brand-alt1-500: #7d81db; + --fds-brand-alt1-600: #5c61d2; + --fds-brand-alt1-700: #3339c6; + --fds-brand-alt1-800: #0008b8; + --fds-brand-alt1-900: #00078F; + --fds-brand-alt2-100: #ffeee1; + --fds-brand-alt2-200: #ffdcc3; + --fds-brand-alt2-300: #fdd4b7; + --fds-brand-alt2-400: #ffc296; + --fds-brand-alt2-500: #ffb178; + --fds-brand-alt2-600: #ffa869; + --fds-brand-alt2-700: #e6975f; + --fds-brand-alt2-800: #b3764a; + --fds-brand-alt2-900: #9F6841; + --fds-brand-alt3-100: #eff6f4; + --fds-brand-alt3-200: #deece9; + --fds-brand-alt3-300: #bedad2; + --fds-brand-alt3-400: #9dc7bc; + --fds-brand-alt3-500: #7db5a5; + --fds-brand-alt3-600: #5ca28f; + --fds-brand-alt3-700: #4c907e; + --fds-brand-alt3-800: #407d6d; + --fds-brand-alt3-900: #376C5E; --fds-component-mode-height-small: 36px; --fds-component-mode-height-medium: var(--fds-sizing-10); --fds-component-mode-height-large: var(--fds-sizing-12); diff --git a/packages/tokens/brand/tilsynet/tokens.d.ts b/packages/tokens/brand/tilsynet/tokens.d.ts index 32e23f2b15..7d87c4a3ec 100644 --- a/packages/tokens/brand/tilsynet/tokens.d.ts +++ b/packages/tokens/brand/tilsynet/tokens.d.ts @@ -21,22 +21,22 @@ export const semantic_surface_action_no_fill : string; export const semantic_surface_action_no_fill_hover : string; export const semantic_surface_action_no_fill_active : string; export const semantic_surface_action_checked : string; -export const semantic_surface_action_primary_subtle : string; -export const semantic_surface_action_primary_subtle_hover : string; -export const semantic_surface_action_primary_default : string; -export const semantic_surface_action_primary_hover : string; -export const semantic_surface_action_primary_active : string; -export const semantic_surface_action_primary_no_fill : string; -export const semantic_surface_action_primary_no_fill_hover : string; -export const semantic_surface_action_primary_no_fill_active : string; -export const semantic_surface_action_secondary_subtle : string; -export const semantic_surface_action_secondary_subtle_hover : string; -export const semantic_surface_action_secondary_default : string; -export const semantic_surface_action_secondary_hover : string; -export const semantic_surface_action_secondary_active : string; -export const semantic_surface_action_secondary_no_fill : string; -export const semantic_surface_action_secondary_no_fill_hover : string; -export const semantic_surface_action_secondary_no_fill_active : string; +export const semantic_surface_action_first_subtle : string; +export const semantic_surface_action_first_subtle_hover : string; +export const semantic_surface_action_first_default : string; +export const semantic_surface_action_first_hover : string; +export const semantic_surface_action_first_active : string; +export const semantic_surface_action_first_no_fill : string; +export const semantic_surface_action_first_no_fill_hover : string; +export const semantic_surface_action_first_no_fill_active : string; +export const semantic_surface_action_second_subtle : string; +export const semantic_surface_action_second_subtle_hover : string; +export const semantic_surface_action_second_default : string; +export const semantic_surface_action_second_hover : string; +export const semantic_surface_action_second_active : string; +export const semantic_surface_action_second_no_fill : string; +export const semantic_surface_action_second_no_fill_hover : string; +export const semantic_surface_action_second_no_fill_active : string; export const semantic_surface_success_subtle : string; export const semantic_surface_success_subtle_hover : string; export const semantic_surface_success_default : string; @@ -64,18 +64,18 @@ export const semantic_surface_on_inverted_active : string; export const semantic_surface_on_inverted_no_fill : string; export const semantic_surface_on_inverted_no_fill_hover : string; export const semantic_surface_on_inverted_no_fill_active : string; -export const semantic_surface_primary_light : string; -export const semantic_surface_primary_light_hover : string; -export const semantic_surface_primary_light_active : string; -export const semantic_surface_primary_dark : string; -export const semantic_surface_secondary_light : string; -export const semantic_surface_secondary_light_hover : string; -export const semantic_surface_secondary_light_active : string; -export const semantic_surface_secondary_dark : string; -export const semantic_surface_tertiary_light : string; -export const semantic_surface_tertiary_light_hover : string; -export const semantic_surface_tertiary_light_active : string; -export const semantic_surface_tertiary_dark : string; +export const semantic_surface_first_light : string; +export const semantic_surface_first_light_hover : string; +export const semantic_surface_first_light_active : string; +export const semantic_surface_first_dark : string; +export const semantic_surface_second_light : string; +export const semantic_surface_second_light_hover : string; +export const semantic_surface_second_light_active : string; +export const semantic_surface_second_dark : string; +export const semantic_surface_third_light : string; +export const semantic_surface_third_light_hover : string; +export const semantic_surface_third_light_active : string; +export const semantic_surface_third_dark : string; export const semantic_border_info_default : string; export const semantic_border_action_subtle : string; export const semantic_border_action_subtle_hover : string; @@ -84,16 +84,16 @@ export const semantic_border_action_hover : string; export const semantic_border_action_active : string; export const semantic_border_action_dark : string; export const semantic_border_action_dark_hover : string; -export const semantic_border_action_primary_subtle : string; -export const semantic_border_action_primary_subtle_hover : string; -export const semantic_border_action_primary_default : string; -export const semantic_border_action_primary_hover : string; -export const semantic_border_action_primary_active : string; -export const semantic_border_action_secondary_subtle : string; -export const semantic_border_action_secondary_subtle_hover : string; -export const semantic_border_action_secondary_default : string; -export const semantic_border_action_secondary_hover : string; -export const semantic_border_action_secondary_active : string; +export const semantic_border_action_first_subtle : string; +export const semantic_border_action_first_subtle_hover : string; +export const semantic_border_action_first_default : string; +export const semantic_border_action_first_hover : string; +export const semantic_border_action_first_active : string; +export const semantic_border_action_second_subtle : string; +export const semantic_border_action_second_subtle_hover : string; +export const semantic_border_action_second_default : string; +export const semantic_border_action_second_hover : string; +export const semantic_border_action_second_active : string; export const semantic_border_neutral_default : string; export const semantic_border_neutral_subtle : string; export const semantic_border_neutral_strong : string; @@ -112,15 +112,15 @@ export const semantic_border_focus_boxshadow : string; export const semantic_border_on_inverted_default : string; export const semantic_border_input_default : string; export const semantic_border_input_hover : string; -export const semantic_border_primary_default : string; -export const semantic_border_primary_hover : string; -export const semantic_border_primary_active : string; -export const semantic_border_secondary_default : string; -export const semantic_border_secondary_hover : string; -export const semantic_border_secondary_active : string; -export const semantic_border_tertiary_default : string; -export const semantic_border_tertiary_hover : string; -export const semantic_border_tertiary_active : string; +export const semantic_border_first_default : string; +export const semantic_border_first_hover : string; +export const semantic_border_first_active : string; +export const semantic_border_second_default : string; +export const semantic_border_second_hover : string; +export const semantic_border_second_active : string; +export const semantic_border_third_default : string; +export const semantic_border_third_hover : string; +export const semantic_border_third_active : string; export const semantic_text_success_default : string; export const semantic_text_success_hover : string; export const semantic_text_success_active : string; @@ -133,14 +133,14 @@ export const semantic_text_action_default : string; export const semantic_text_action_hover : string; export const semantic_text_action_active : string; export const semantic_text_action_on_action : string; -export const semantic_text_action_primary_default : string; -export const semantic_text_action_primary_hover : string; -export const semantic_text_action_primary_active : string; -export const semantic_text_action_primary_on_action : string; -export const semantic_text_action_secondary_default : string; -export const semantic_text_action_secondary_hover : string; -export const semantic_text_action_secondary_active : string; -export const semantic_text_action_secondary_on_action : string; +export const semantic_text_action_first_default : string; +export const semantic_text_action_first_hover : string; +export const semantic_text_action_first_active : string; +export const semantic_text_action_first_on_action : string; +export const semantic_text_action_second_default : string; +export const semantic_text_action_second_hover : string; +export const semantic_text_action_second_active : string; +export const semantic_text_action_second_on_action : string; export const semantic_text_warning_default : string; export const semantic_text_warning_icon_warning : string; export const semantic_text_warning_on_warning : string; @@ -224,33 +224,33 @@ export const shadow_small : string; export const shadow_medium : string; export const shadow_large : string; export const shadow_xlarge : string; -export const brand_primary_100 : string; -export const brand_primary_200 : string; -export const brand_primary_300 : string; -export const brand_primary_400 : string; -export const brand_primary_500 : string; -export const brand_primary_600 : string; -export const brand_primary_700 : string; -export const brand_primary_800 : string; -export const brand_primary_900 : string; -export const brand_secondary_100 : string; -export const brand_secondary_200 : string; -export const brand_secondary_300 : string; -export const brand_secondary_400 : string; -export const brand_secondary_500 : string; -export const brand_secondary_600 : string; -export const brand_secondary_700 : string; -export const brand_secondary_800 : string; -export const brand_secondary_900 : string; -export const brand_tertiary_100 : string; -export const brand_tertiary_200 : string; -export const brand_tertiary_300 : string; -export const brand_tertiary_400 : string; -export const brand_tertiary_500 : string; -export const brand_tertiary_600 : string; -export const brand_tertiary_700 : string; -export const brand_tertiary_800 : string; -export const brand_tertiary_900 : string; +export const brand_alt1_100 : string; +export const brand_alt1_200 : string; +export const brand_alt1_300 : string; +export const brand_alt1_400 : string; +export const brand_alt1_500 : string; +export const brand_alt1_600 : string; +export const brand_alt1_700 : string; +export const brand_alt1_800 : string; +export const brand_alt1_900 : string; +export const brand_alt2_100 : string; +export const brand_alt2_200 : string; +export const brand_alt2_300 : string; +export const brand_alt2_400 : string; +export const brand_alt2_500 : string; +export const brand_alt2_600 : string; +export const brand_alt2_700 : string; +export const brand_alt2_800 : string; +export const brand_alt2_900 : string; +export const brand_alt3_100 : string; +export const brand_alt3_200 : string; +export const brand_alt3_300 : string; +export const brand_alt3_400 : string; +export const brand_alt3_500 : string; +export const brand_alt3_600 : string; +export const brand_alt3_700 : string; +export const brand_alt3_800 : string; +export const brand_alt3_900 : string; export const component_mode_height_small : string; export const component_mode_height_medium : string; export const component_mode_height_large : string; diff --git a/packages/tokens/brand/tilsynet/tokens.esm.js b/packages/tokens/brand/tilsynet/tokens.esm.js index e64a5b525f..602eb55ad3 100644 --- a/packages/tokens/brand/tilsynet/tokens.esm.js +++ b/packages/tokens/brand/tilsynet/tokens.esm.js @@ -21,22 +21,22 @@ export const semantic_surface_action_no_fill = "#ffffff"; export const semantic_surface_action_no_fill_hover = "#e6eff8"; export const semantic_surface_action_no_fill_active = "#b3d0ea"; export const semantic_surface_action_checked = "#0062ba"; -export const semantic_surface_action_primary_subtle = "#e6eff8"; -export const semantic_surface_action_primary_subtle_hover = "#b3d0ea"; -export const semantic_surface_action_primary_default = "#3339c6"; -export const semantic_surface_action_primary_hover = "#0008b8"; -export const semantic_surface_action_primary_active = "#00078F"; -export const semantic_surface_action_primary_no_fill = "#ffffff"; -export const semantic_surface_action_primary_no_fill_hover = "#e6eff8"; -export const semantic_surface_action_primary_no_fill_active = "#b3d0ea"; -export const semantic_surface_action_secondary_subtle = "#f4f5f6"; -export const semantic_surface_action_secondary_subtle_hover = "#e9eaec"; -export const semantic_surface_action_secondary_default = "#407d6d"; -export const semantic_surface_action_secondary_hover = "#376C5E"; -export const semantic_surface_action_secondary_active = "#376C5E"; -export const semantic_surface_action_secondary_no_fill = "#ffffff"; -export const semantic_surface_action_secondary_no_fill_hover = "rgba(0, 49, 93, 0.1)"; -export const semantic_surface_action_secondary_no_fill_active = "rgba(0, 49, 93, 0.2)"; +export const semantic_surface_action_first_subtle = "#f4f5f6"; +export const semantic_surface_action_first_subtle_hover = "#e9eaec"; +export const semantic_surface_action_first_default = "#00315d"; +export const semantic_surface_action_first_hover = "rgba(0, 49, 93, 0.9)"; +export const semantic_surface_action_first_active = "rgba(0, 49, 93, 0.8)"; +export const semantic_surface_action_first_no_fill = "#ffffff"; +export const semantic_surface_action_first_no_fill_hover = "rgba(0, 49, 93, 0.1)"; +export const semantic_surface_action_first_no_fill_active = "rgba(0, 49, 93, 0.2)"; +export const semantic_surface_action_second_subtle = "#f4f5f6"; +export const semantic_surface_action_second_subtle_hover = "#e9eaec"; +export const semantic_surface_action_second_default = "#00315d"; +export const semantic_surface_action_second_hover = "rgba(0, 49, 93, 0.9)"; +export const semantic_surface_action_second_active = "rgba(0, 49, 93, 0.8)"; +export const semantic_surface_action_second_no_fill = "#ffffff"; +export const semantic_surface_action_second_no_fill_hover = "rgba(0, 49, 93, 0.1)"; +export const semantic_surface_action_second_no_fill_active = "rgba(0, 49, 93, 0.2)"; export const semantic_surface_success_subtle = "#d1f4e1"; export const semantic_surface_success_subtle_hover = "#8be4b5"; export const semantic_surface_success_default = "#118849"; @@ -64,18 +64,18 @@ export const semantic_surface_on_inverted_active = "#ffffffcc"; export const semantic_surface_on_inverted_no_fill = "#ffffff00"; export const semantic_surface_on_inverted_no_fill_hover = "#ffffff1a"; export const semantic_surface_on_inverted_no_fill_active = "#ffffff33"; -export const semantic_surface_primary_light = "#dedff6"; -export const semantic_surface_primary_light_hover = "#bec0ed"; -export const semantic_surface_primary_light_active = "#9da0e4"; -export const semantic_surface_primary_dark = "#0008b8"; -export const semantic_surface_secondary_light = "#ffdcc3"; -export const semantic_surface_secondary_light_hover = "#fdd4b7"; -export const semantic_surface_secondary_light_active = "#ffc296"; -export const semantic_surface_secondary_dark = "#9F6841"; -export const semantic_surface_tertiary_light = "#deece9"; -export const semantic_surface_tertiary_light_hover = "#bedad2"; -export const semantic_surface_tertiary_light_active = "#9dc7bc"; -export const semantic_surface_tertiary_dark = "#407d6d"; +export const semantic_surface_first_light = "#dedff6"; +export const semantic_surface_first_light_hover = "#bec0ed"; +export const semantic_surface_first_light_active = "#9da0e4"; +export const semantic_surface_first_dark = "#0008b8"; +export const semantic_surface_second_light = "#ffdcc3"; +export const semantic_surface_second_light_hover = "#fdd4b7"; +export const semantic_surface_second_light_active = "#ffc296"; +export const semantic_surface_second_dark = "#9F6841"; +export const semantic_surface_third_light = "#deece9"; +export const semantic_surface_third_light_hover = "#bedad2"; +export const semantic_surface_third_light_active = "#9dc7bc"; +export const semantic_surface_third_dark = "#407d6d"; export const semantic_border_info_default = "#004e95"; export const semantic_border_action_subtle = "#b3d0ea"; export const semantic_border_action_subtle_hover = "#66a1d6"; @@ -84,16 +84,16 @@ export const semantic_border_action_hover = "#0062ba"; export const semantic_border_action_active = "#00315d"; export const semantic_border_action_dark = "#00315d"; export const semantic_border_action_dark_hover = "#0062ba"; -export const semantic_border_action_primary_subtle = "#b3d0ea"; -export const semantic_border_action_primary_subtle_hover = "#66a1d6"; -export const semantic_border_action_primary_default = "#0062ba"; -export const semantic_border_action_primary_hover = "#004e95"; -export const semantic_border_action_primary_active = "#00315d"; -export const semantic_border_action_secondary_subtle = "#e9eaec"; -export const semantic_border_action_secondary_subtle_hover = "#d2d5d8"; -export const semantic_border_action_secondary_default = "#00315d"; -export const semantic_border_action_secondary_hover = "#00315d"; -export const semantic_border_action_secondary_active = "#00315d"; +export const semantic_border_action_first_subtle = "#b3d0ea"; +export const semantic_border_action_first_subtle_hover = "#66a1d6"; +export const semantic_border_action_first_default = "#0062ba"; +export const semantic_border_action_first_hover = "#004e95"; +export const semantic_border_action_first_active = "#00315d"; +export const semantic_border_action_second_subtle = "#e9eaec"; +export const semantic_border_action_second_subtle_hover = "#d2d5d8"; +export const semantic_border_action_second_default = "#00315d"; +export const semantic_border_action_second_hover = "#00315d"; +export const semantic_border_action_second_active = "#00315d"; export const semantic_border_neutral_default = "#68707c"; export const semantic_border_neutral_subtle = "#d2d5d8"; export const semantic_border_neutral_strong = "#1e2b3c"; @@ -112,15 +112,15 @@ export const semantic_border_focus_boxshadow = "#1e2b3c"; export const semantic_border_on_inverted_default = "#ffffff"; export const semantic_border_input_default = "#00315d"; export const semantic_border_input_hover = "#0062ba"; -export const semantic_border_primary_default = "#5c61d2"; -export const semantic_border_primary_hover = "#3339c6"; -export const semantic_border_primary_active = "#0008b8"; -export const semantic_border_secondary_default = "#ffa869"; -export const semantic_border_secondary_hover = "#e6975f"; -export const semantic_border_secondary_active = "#b3764a"; -export const semantic_border_tertiary_default = "#5ca28f"; -export const semantic_border_tertiary_hover = "#4c907e"; -export const semantic_border_tertiary_active = "#407d6d"; +export const semantic_border_first_default = "#5c61d2"; +export const semantic_border_first_hover = "#3339c6"; +export const semantic_border_first_active = "#0008b8"; +export const semantic_border_second_default = "#ffa869"; +export const semantic_border_second_hover = "#e6975f"; +export const semantic_border_second_active = "#b3764a"; +export const semantic_border_third_default = "#5ca28f"; +export const semantic_border_third_hover = "#4c907e"; +export const semantic_border_third_active = "#407d6d"; export const semantic_text_success_default = "#0c6536"; export const semantic_text_success_hover = "#084826"; export const semantic_text_success_active = "#084826"; @@ -133,14 +133,14 @@ export const semantic_text_action_default = "#0062ba"; export const semantic_text_action_hover = "#004e95"; export const semantic_text_action_active = "#00315d"; export const semantic_text_action_on_action = "#ffffff"; -export const semantic_text_action_primary_default = "#0062ba"; -export const semantic_text_action_primary_hover = "#004e95"; -export const semantic_text_action_primary_active = "#00315d"; -export const semantic_text_action_primary_on_action = "#ffffff"; -export const semantic_text_action_secondary_default = "#00315d"; -export const semantic_text_action_secondary_hover = "#00315d"; -export const semantic_text_action_secondary_active = "#00315d"; -export const semantic_text_action_secondary_on_action = "#ffffff"; +export const semantic_text_action_first_default = "#0062ba"; +export const semantic_text_action_first_hover = "#004e95"; +export const semantic_text_action_first_active = "#00315d"; +export const semantic_text_action_first_on_action = "#ffffff"; +export const semantic_text_action_second_default = "#00315d"; +export const semantic_text_action_second_hover = "#00315d"; +export const semantic_text_action_second_active = "#00315d"; +export const semantic_text_action_second_on_action = "#ffffff"; export const semantic_text_warning_default = "#995404"; export const semantic_text_warning_icon_warning = "#cc7005"; export const semantic_text_warning_on_warning = "#663802"; @@ -224,33 +224,33 @@ export const shadow_small = "0 1px 2px -1px #0000001a, 0 1px 4px 0 #0000001a"; export const shadow_medium = "0 2px 4px -2px #0000001a, 0 4px 5px #0000001a"; export const shadow_large = "0 4px 6px -4px #0000001a, 0 10px 12px #0000001a"; export const shadow_xlarge = "0 8px 10px -6px #0000001a, 0 25px 45px #0000001a"; -export const brand_primary_100 = "#efeffb"; -export const brand_primary_200 = "#dedff6"; -export const brand_primary_300 = "#bec0ed"; -export const brand_primary_400 = "#9da0e4"; -export const brand_primary_500 = "#7d81db"; -export const brand_primary_600 = "#5c61d2"; -export const brand_primary_700 = "#3339c6"; -export const brand_primary_800 = "#0008b8"; -export const brand_primary_900 = "#00078F"; -export const brand_secondary_100 = "#ffeee1"; -export const brand_secondary_200 = "#ffdcc3"; -export const brand_secondary_300 = "#fdd4b7"; -export const brand_secondary_400 = "#ffc296"; -export const brand_secondary_500 = "#ffb178"; -export const brand_secondary_600 = "#ffa869"; -export const brand_secondary_700 = "#e6975f"; -export const brand_secondary_800 = "#b3764a"; -export const brand_secondary_900 = "#9F6841"; -export const brand_tertiary_100 = "#eff6f4"; -export const brand_tertiary_200 = "#deece9"; -export const brand_tertiary_300 = "#bedad2"; -export const brand_tertiary_400 = "#9dc7bc"; -export const brand_tertiary_500 = "#7db5a5"; -export const brand_tertiary_600 = "#5ca28f"; -export const brand_tertiary_700 = "#4c907e"; -export const brand_tertiary_800 = "#407d6d"; -export const brand_tertiary_900 = "#376C5E"; +export const brand_alt1_100 = "#efeffb"; +export const brand_alt1_200 = "#dedff6"; +export const brand_alt1_300 = "#bec0ed"; +export const brand_alt1_400 = "#9da0e4"; +export const brand_alt1_500 = "#7d81db"; +export const brand_alt1_600 = "#5c61d2"; +export const brand_alt1_700 = "#3339c6"; +export const brand_alt1_800 = "#0008b8"; +export const brand_alt1_900 = "#00078F"; +export const brand_alt2_100 = "#ffeee1"; +export const brand_alt2_200 = "#ffdcc3"; +export const brand_alt2_300 = "#fdd4b7"; +export const brand_alt2_400 = "#ffc296"; +export const brand_alt2_500 = "#ffb178"; +export const brand_alt2_600 = "#ffa869"; +export const brand_alt2_700 = "#e6975f"; +export const brand_alt2_800 = "#b3764a"; +export const brand_alt2_900 = "#9F6841"; +export const brand_alt3_100 = "#eff6f4"; +export const brand_alt3_200 = "#deece9"; +export const brand_alt3_300 = "#bedad2"; +export const brand_alt3_400 = "#9dc7bc"; +export const brand_alt3_500 = "#7db5a5"; +export const brand_alt3_600 = "#5ca28f"; +export const brand_alt3_700 = "#4c907e"; +export const brand_alt3_800 = "#407d6d"; +export const brand_alt3_900 = "#376C5E"; export const component_mode_height_small = "36px"; export const component_mode_height_medium = "45px"; export const component_mode_height_large = "54px"; diff --git a/storefront/tokens/altinn.ts b/storefront/tokens/altinn.ts index ae222b56bc..9517461249 100644 --- a/storefront/tokens/altinn.ts +++ b/storefront/tokens/altinn.ts @@ -243,214 +243,214 @@ export const color = [ { value: '#e6eff8', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { value: '{colors.blue.100}', type: 'color', }, - name: '--fds-semantic-surface-action-primary-subtle', + name: '--fds-semantic-surface-action-first-subtle', attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'subtle'], + path: ['semantic', 'surface', 'action', 'first', 'subtle'], }, { value: '#b3d0ea', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { value: '{colors.blue.200}', type: 'color', }, - name: '--fds-semantic-surface-action-primary-subtle-hover', + name: '--fds-semantic-surface-action-first-subtle-hover', attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'subtle-hover'], + path: ['semantic', 'surface', 'action', 'first', 'subtle-hover'], }, { value: '#0062ba', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { value: '{colors.blue.700}', type: 'color', }, - name: '--fds-semantic-surface-action-primary-default', + name: '--fds-semantic-surface-action-first-default', attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'default'], + path: ['semantic', 'surface', 'action', 'first', 'default'], }, { value: '#004e95', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { value: '{colors.blue.800}', type: 'color', }, - name: '--fds-semantic-surface-action-primary-hover', + name: '--fds-semantic-surface-action-first-hover', attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'hover'], + path: ['semantic', 'surface', 'action', 'first', 'hover'], }, { value: '#00315d', type: 'color', description: 'Standard farge for handlinger', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { value: '{colors.blue.900}', type: 'color', description: 'Standard farge for handlinger', }, - name: '--fds-semantic-surface-action-primary-active', + name: '--fds-semantic-surface-action-first-active', attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'active'], + path: ['semantic', 'surface', 'action', 'first', 'active'], }, { value: '#ffffff', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { value: '{colors.white}', type: 'color', }, - name: '--fds-semantic-surface-action-primary-no_fill', + name: '--fds-semantic-surface-action-first-no_fill', attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'no_fill'], + path: ['semantic', 'surface', 'action', 'first', 'no_fill'], }, { value: '#e6eff8', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { value: '{colors.blue.100}', type: 'color', }, - name: '--fds-semantic-surface-action-primary-no_fill-hover', + name: '--fds-semantic-surface-action-first-no_fill-hover', attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'no_fill-hover'], + path: ['semantic', 'surface', 'action', 'first', 'no_fill-hover'], }, { value: '#b3d0ea', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { value: '{colors.blue.200}', type: 'color', }, - name: '--fds-semantic-surface-action-primary-no_fill-active', + name: '--fds-semantic-surface-action-first-no_fill-active', attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'no_fill-active'], + path: ['semantic', 'surface', 'action', 'first', 'no_fill-active'], }, { value: '#f4f5f6', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { value: '{colors.grey.100}', type: 'color', }, - name: '--fds-semantic-surface-action-secondary-subtle', + name: '--fds-semantic-surface-action-second-subtle', attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'subtle'], + path: ['semantic', 'surface', 'action', 'second', 'subtle'], }, { value: '#e9eaec', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { value: '{colors.grey.200}', type: 'color', }, - name: '--fds-semantic-surface-action-secondary-subtle-hover', + name: '--fds-semantic-surface-action-second-subtle-hover', attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'subtle-hover'], + path: ['semantic', 'surface', 'action', 'second', 'subtle-hover'], }, { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-surface-action-secondary-default', + name: '--fds-semantic-surface-action-second-default', attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'default'], + path: ['semantic', 'surface', 'action', 'second', 'default'], }, { value: 'rgba(0, 49, 93, 0.9)', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { value: 'rgba({colors.blue.900}, 0.9)', type: 'color', }, - name: '--fds-semantic-surface-action-secondary-hover', + name: '--fds-semantic-surface-action-second-hover', attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'hover'], + path: ['semantic', 'surface', 'action', 'second', 'hover'], }, { value: 'rgba(0, 49, 93, 0.8)', type: 'color', description: 'Standard farge for handlinger', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { value: 'rgba({colors.blue.900}, 0.8)', type: 'color', description: 'Standard farge for handlinger', }, - name: '--fds-semantic-surface-action-secondary-active', + name: '--fds-semantic-surface-action-second-active', attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'active'], + path: ['semantic', 'surface', 'action', 'second', 'active'], }, { value: '#ffffff', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { value: '{colors.white}', type: 'color', }, - name: '--fds-semantic-surface-action-secondary-no_fill', + name: '--fds-semantic-surface-action-second-no_fill', attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'no_fill'], + path: ['semantic', 'surface', 'action', 'second', 'no_fill'], }, { value: 'rgba(0, 49, 93, 0.1)', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { value: 'rgba({colors.blue.900}, 0.1)', type: 'color', }, - name: '--fds-semantic-surface-action-secondary-no_fill-hover', + name: '--fds-semantic-surface-action-second-no_fill-hover', attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-hover'], + path: ['semantic', 'surface', 'action', 'second', 'no_fill-hover'], }, { value: 'rgba(0, 49, 93, 0.2)', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { value: 'rgba({colors.blue.900}, 0.2)', type: 'color', }, - name: '--fds-semantic-surface-action-secondary-no_fill-active', + name: '--fds-semantic-surface-action-second-no_fill-active', attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-active'], + path: ['semantic', 'surface', 'action', 'second', 'no_fill-active'], }, { value: '#d1f4e1', @@ -809,12 +809,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { - value: '{brand.primary.200}', + value: '{brand.alt1.200}', type: 'color', }, - name: '--fds-semantic-surface-primary-light', + name: '--fds-semantic-surface-first-light', attributes: {}, - path: ['semantic', 'surface', 'primary', 'light'], + path: ['semantic', 'surface', 'first', 'light'], }, { value: '#80B1DD', @@ -822,12 +822,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { - value: '{brand.primary.300}', + value: '{brand.alt1.300}', type: 'color', }, - name: '--fds-semantic-surface-primary-light-hover', + name: '--fds-semantic-surface-first-light-hover', attributes: {}, - path: ['semantic', 'surface', 'primary', 'light-hover'], + path: ['semantic', 'surface', 'first', 'light-hover'], }, { value: '#66A1D6', @@ -835,12 +835,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { - value: '{brand.primary.400}', + value: '{brand.alt1.400}', type: 'color', }, - name: '--fds-semantic-surface-primary-light-active', + name: '--fds-semantic-surface-first-light-active', attributes: {}, - path: ['semantic', 'surface', 'primary', 'light-active'], + path: ['semantic', 'surface', 'first', 'light-active'], }, { value: '#004E95', @@ -848,12 +848,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { - value: '{brand.primary.800}', + value: '{brand.alt1.800}', type: 'color', }, - name: '--fds-semantic-surface-primary-dark', + name: '--fds-semantic-surface-first-dark', attributes: {}, - path: ['semantic', 'surface', 'primary', 'dark'], + path: ['semantic', 'surface', 'first', 'dark'], }, { value: '#C5BBDD', @@ -861,12 +861,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { - value: '{brand.secondary.200}', + value: '{brand.alt2.200}', type: 'color', }, - name: '--fds-semantic-surface-secondary-light', + name: '--fds-semantic-surface-second-light', attributes: {}, - path: ['semantic', 'surface', 'secondary', 'light'], + path: ['semantic', 'surface', 'second', 'light'], }, { value: '#A392C8', @@ -874,12 +874,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { - value: '{brand.secondary.300}', + value: '{brand.alt2.300}', type: 'color', }, - name: '--fds-semantic-surface-secondary-light-hover', + name: '--fds-semantic-surface-second-light-hover', attributes: {}, - path: ['semantic', 'surface', 'secondary', 'light-hover'], + path: ['semantic', 'surface', 'second', 'light-hover'], }, { value: '#806AB4', @@ -887,12 +887,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { - value: '{brand.secondary.400}', + value: '{brand.alt2.400}', type: 'color', }, - name: '--fds-semantic-surface-secondary-light-active', + name: '--fds-semantic-surface-second-light-active', attributes: {}, - path: ['semantic', 'surface', 'secondary', 'light-active'], + path: ['semantic', 'surface', 'second', 'light-active'], }, { value: '#231B36', @@ -900,12 +900,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { - value: '{brand.secondary.900}', + value: '{brand.alt2.900}', type: 'color', }, - name: '--fds-semantic-surface-secondary-dark', + name: '--fds-semantic-surface-second-dark', attributes: {}, - path: ['semantic', 'surface', 'secondary', 'dark'], + path: ['semantic', 'surface', 'second', 'dark'], }, { value: '#F3ABB6', @@ -913,12 +913,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { - value: '{brand.tertiary.200}', + value: '{brand.alt3.200}', type: 'color', }, - name: '--fds-semantic-surface-tertiary-light', + name: '--fds-semantic-surface-third-light', attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'light'], + path: ['semantic', 'surface', 'third', 'light'], }, { value: '#EC8292', @@ -926,12 +926,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { - value: '{brand.tertiary.300}', + value: '{brand.alt3.300}', type: 'color', }, - name: '--fds-semantic-surface-tertiary-light-hover', + name: '--fds-semantic-surface-third-light-hover', attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'light-hover'], + path: ['semantic', 'surface', 'third', 'light-hover'], }, { value: '#E6586D', @@ -939,12 +939,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { - value: '{brand.tertiary.400}', + value: '{brand.alt3.400}', type: 'color', }, - name: '--fds-semantic-surface-tertiary-light-active', + name: '--fds-semantic-surface-third-light-active', attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'light-active'], + path: ['semantic', 'surface', 'third', 'light-active'], }, { value: '#5A121D', @@ -952,12 +952,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { - value: '{brand.tertiary.800}', + value: '{brand.alt3.800}', type: 'color', }, - name: '--fds-semantic-surface-tertiary-dark', + name: '--fds-semantic-surface-third-dark', attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'dark'], + path: ['semantic', 'surface', 'third', 'dark'], }, { value: '#004e95', @@ -1064,134 +1064,134 @@ export const color = [ path: ['semantic', 'border', 'action', 'dark-hover'], }, { - value: '#b3d0ea', + value: '#e9eaec', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { - value: '{colors.blue.200}', + value: '{colors.grey.200}', type: 'color', }, - name: '--fds-semantic-border-action-primary-subtle', + name: '--fds-semantic-border-action-first-subtle', attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'subtle'], + path: ['semantic', 'border', 'action', 'first', 'subtle'], }, { - value: '#66a1d6', + value: '#d2d5d8', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { - value: '{colors.blue.400}', + value: '{colors.grey.300}', type: 'color', }, - name: '--fds-semantic-border-action-primary-subtle-hover', + name: '--fds-semantic-border-action-first-subtle-hover', attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'subtle-hover'], + path: ['semantic', 'border', 'action', 'first', 'subtle-hover'], }, { - value: '#0062ba', + value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { - value: '{colors.blue.700}', + value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-border-action-primary-default', + name: '--fds-semantic-border-action-first-default', attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'default'], + path: ['semantic', 'border', 'action', 'first', 'default'], }, { - value: '#004e95', + value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { - value: '{colors.blue.800}', + value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-border-action-primary-hover', + name: '--fds-semantic-border-action-first-hover', attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'hover'], + path: ['semantic', 'border', 'action', 'first', 'hover'], }, { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-border-action-primary-active', + name: '--fds-semantic-border-action-first-active', attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'active'], + path: ['semantic', 'border', 'action', 'first', 'active'], }, { value: '#e9eaec', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { value: '{colors.grey.200}', type: 'color', }, - name: '--fds-semantic-border-action-secondary-subtle', + name: '--fds-semantic-border-action-second-subtle', attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'subtle'], + path: ['semantic', 'border', 'action', 'second', 'subtle'], }, { value: '#d2d5d8', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { value: '{colors.grey.300}', type: 'color', }, - name: '--fds-semantic-border-action-secondary-subtle-hover', + name: '--fds-semantic-border-action-second-subtle-hover', attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'subtle-hover'], + path: ['semantic', 'border', 'action', 'second', 'subtle-hover'], }, { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-border-action-secondary-default', + name: '--fds-semantic-border-action-second-default', attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'default'], + path: ['semantic', 'border', 'action', 'second', 'default'], }, { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-border-action-secondary-hover', + name: '--fds-semantic-border-action-second-hover', attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'hover'], + path: ['semantic', 'border', 'action', 'second', 'hover'], }, { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-border-action-secondary-active', + name: '--fds-semantic-border-action-second-active', attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'active'], + path: ['semantic', 'border', 'action', 'second', 'active'], }, { value: '#68707c', @@ -1433,12 +1433,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { - value: '{brand.primary.600}', + value: '{brand.alt1.600}', type: 'color', }, - name: '--fds-semantic-border-primary-default', + name: '--fds-semantic-border-first-default', attributes: {}, - path: ['semantic', 'border', 'primary', 'default'], + path: ['semantic', 'border', 'first', 'default'], }, { value: '#0062BA', @@ -1446,12 +1446,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { - value: '{brand.primary.700}', + value: '{brand.alt1.700}', type: 'color', }, - name: '--fds-semantic-border-primary-hover', + name: '--fds-semantic-border-first-hover', attributes: {}, - path: ['semantic', 'border', 'primary', 'hover'], + path: ['semantic', 'border', 'first', 'hover'], }, { value: '#004E95', @@ -1459,12 +1459,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { - value: '{brand.primary.800}', + value: '{brand.alt1.800}', type: 'color', }, - name: '--fds-semantic-border-primary-active', + name: '--fds-semantic-border-first-active', attributes: {}, - path: ['semantic', 'border', 'primary', 'active'], + path: ['semantic', 'border', 'first', 'active'], }, { value: '#594488', @@ -1472,12 +1472,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { - value: '{brand.secondary.600}', + value: '{brand.alt2.600}', type: 'color', }, - name: '--fds-semantic-border-secondary-default', + name: '--fds-semantic-border-second-default', attributes: {}, - path: ['semantic', 'border', 'secondary', 'default'], + path: ['semantic', 'border', 'second', 'default'], }, { value: '#3F3161', @@ -1485,12 +1485,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { - value: '{brand.secondary.700}', + value: '{brand.alt2.700}', type: 'color', }, - name: '--fds-semantic-border-secondary-hover', + name: '--fds-semantic-border-second-hover', attributes: {}, - path: ['semantic', 'border', 'secondary', 'hover'], + path: ['semantic', 'border', 'second', 'hover'], }, { value: '#352951', @@ -1498,12 +1498,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { - value: '{brand.secondary.800}', + value: '{brand.alt2.800}', type: 'color', }, - name: '--fds-semantic-border-secondary-active', + name: '--fds-semantic-border-second-active', attributes: {}, - path: ['semantic', 'border', 'secondary', 'active'], + path: ['semantic', 'border', 'second', 'active'], }, { value: '#B3253A', @@ -1511,12 +1511,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { - value: '{brand.tertiary.600}', + value: '{brand.alt3.600}', type: 'color', }, - name: '--fds-semantic-border-tertiary-default', + name: '--fds-semantic-border-third-default', attributes: {}, - path: ['semantic', 'border', 'tertiary', 'default'], + path: ['semantic', 'border', 'third', 'default'], }, { value: '#861C2C', @@ -1524,12 +1524,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { - value: '{brand.tertiary.700}', + value: '{brand.alt3.700}', type: 'color', }, - name: '--fds-semantic-border-tertiary-hover', + name: '--fds-semantic-border-third-hover', attributes: {}, - path: ['semantic', 'border', 'tertiary', 'hover'], + path: ['semantic', 'border', 'third', 'hover'], }, { value: '#5A121D', @@ -1537,12 +1537,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { - value: '{brand.tertiary.800}', + value: '{brand.alt3.800}', type: 'color', }, - name: '--fds-semantic-border-tertiary-active', + name: '--fds-semantic-border-third-active', attributes: {}, - path: ['semantic', 'border', 'tertiary', 'active'], + path: ['semantic', 'border', 'third', 'active'], }, { value: '#0c6536', @@ -1703,106 +1703,106 @@ export const color = [ { value: '#0062ba', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { value: '{colors.blue.700}', type: 'color', }, - name: '--fds-semantic-text-action-primary-default', + name: '--fds-semantic-text-action-first-default', attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'default'], + path: ['semantic', 'text', 'action', 'first', 'default'], }, { value: '#004e95', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { value: '#004e95', type: 'color', }, - name: '--fds-semantic-text-action-primary-hover', + name: '--fds-semantic-text-action-first-hover', attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'hover'], + path: ['semantic', 'text', 'action', 'first', 'hover'], }, { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { value: '#00315d', type: 'color', }, - name: '--fds-semantic-text-action-primary-active', + name: '--fds-semantic-text-action-first-active', attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'active'], + path: ['semantic', 'text', 'action', 'first', 'active'], }, { value: '#ffffff', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { value: '{colors.white}', type: 'color', }, - name: '--fds-semantic-text-action-primary-on_action', + name: '--fds-semantic-text-action-first-on_action', attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'on_action'], + path: ['semantic', 'text', 'action', 'first', 'on_action'], }, { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-text-action-secondary-default', + name: '--fds-semantic-text-action-second-default', attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'default'], + path: ['semantic', 'text', 'action', 'second', 'default'], }, { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-text-action-secondary-hover', + name: '--fds-semantic-text-action-second-hover', attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'hover'], + path: ['semantic', 'text', 'action', 'second', 'hover'], }, { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-text-action-secondary-active', + name: '--fds-semantic-text-action-second-active', attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'active'], + path: ['semantic', 'text', 'action', 'second', 'active'], }, { value: '#ffffff', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Altinn.json', isSource: false, original: { value: '{colors.white}', type: 'color', }, - name: '--fds-semantic-text-action-secondary-on_action', + name: '--fds-semantic-text-action-second-on_action', attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'on_action'], + path: ['semantic', 'text', 'action', 'second', 'on_action'], }, { value: '#995404', @@ -1932,9 +1932,9 @@ export const color = [ type: 'color', description: 'AAA 12.8 on grey 800\nAA 6.4 as bkdg for interaction blue', }, - name: '--fds-brand-primary-100', + name: '--fds-brand-alt1-100', attributes: {}, - path: ['brand', 'primary', '100'], + path: ['brand', 'alt1', '100'], }, { value: '#B3D0EA', @@ -1949,9 +1949,9 @@ export const color = [ description: 'Light error color\nAAA 11.4 on grey 800\nAA 5.7 as bkdg for interaction blue', }, - name: '--fds-brand-primary-200', + name: '--fds-brand-alt1-200', attributes: {}, - path: ['brand', 'primary', '200'], + path: ['brand', 'alt1', '200'], }, { value: '#80B1DD', @@ -1964,9 +1964,9 @@ export const color = [ type: 'color', description: 'AAA 9 on grey 800\nAA 4.5 as bkdg for interaction blue', }, - name: '--fds-brand-primary-300', + name: '--fds-brand-alt1-300', attributes: {}, - path: ['brand', 'primary', '300'], + path: ['brand', 'alt1', '300'], }, { value: '#66A1D6', @@ -1979,9 +1979,9 @@ export const color = [ type: 'color', description: 'AAA 7.1 on grey 800\nAA18 3.5 as bkdg for interaction blue', }, - name: '--fds-brand-primary-400', + name: '--fds-brand-alt1-400', attributes: {}, - path: ['brand', 'primary', '400'], + path: ['brand', 'alt1', '400'], }, { value: '#3381C8', @@ -1994,9 +1994,9 @@ export const color = [ type: 'color', description: 'AA 5.6 on grey 800', }, - name: '--fds-brand-primary-500', + name: '--fds-brand-alt1-500', attributes: {}, - path: ['brand', 'primary', '500'], + path: ['brand', 'alt1', '500'], }, { value: '#1A72C1', @@ -2009,9 +2009,9 @@ export const color = [ type: 'color', description: 'AA 4.5 on grey 800', }, - name: '--fds-brand-primary-600', + name: '--fds-brand-alt1-600', attributes: {}, - path: ['brand', 'primary', '600'], + path: ['brand', 'alt1', '600'], }, { value: '#0062BA', @@ -2024,9 +2024,9 @@ export const color = [ type: 'color', description: 'AA18 3.7 on grey 800', }, - name: '--fds-brand-primary-700', + name: '--fds-brand-alt1-700', attributes: {}, - path: ['brand', 'primary', '700'], + path: ['brand', 'alt1', '700'], }, { value: '#004E95', @@ -2039,9 +2039,9 @@ export const color = [ type: 'color', description: 'AA 4.7 on white', }, - name: '--fds-brand-primary-800', + name: '--fds-brand-alt1-800', attributes: {}, - path: ['brand', 'primary', '800'], + path: ['brand', 'alt1', '800'], }, { value: '#00315D', @@ -2054,9 +2054,9 @@ export const color = [ type: 'color', description: 'AA 4.7 on white', }, - name: '--fds-brand-primary-900', + name: '--fds-brand-alt1-900', attributes: {}, - path: ['brand', 'primary', '900'], + path: ['brand', 'alt1', '900'], }, { value: '#DCD6EA', @@ -2069,9 +2069,9 @@ export const color = [ type: 'color', description: 'AAA 13.3 on grey 800\nAA 6.7 as bkdg for interaction blue', }, - name: '--fds-brand-secondary-100', + name: '--fds-brand-alt2-100', attributes: {}, - path: ['brand', 'secondary', '100'], + path: ['brand', 'alt2', '100'], }, { value: '#C5BBDD', @@ -2086,9 +2086,9 @@ export const color = [ description: 'Light warning color\nAAA 12.3 on grey 800\nAA 1.1 as bkdg for interaction blue', }, - name: '--fds-brand-secondary-200', + name: '--fds-brand-alt2-200', attributes: {}, - path: ['brand', 'secondary', '200'], + path: ['brand', 'alt2', '200'], }, { value: '#A392C8', @@ -2101,9 +2101,9 @@ export const color = [ type: 'color', description: 'AAA 10 on grey 800\nAA 5.4 as bkdg for interaction blue', }, - name: '--fds-brand-secondary-300', + name: '--fds-brand-alt2-300', attributes: {}, - path: ['brand', 'secondary', '300'], + path: ['brand', 'alt2', '300'], }, { value: '#806AB4', @@ -2116,9 +2116,9 @@ export const color = [ type: 'color', description: 'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue', }, - name: '--fds-brand-secondary-400', + name: '--fds-brand-alt2-400', attributes: {}, - path: ['brand', 'secondary', '400'], + path: ['brand', 'alt2', '400'], }, { value: '#6A52A3', @@ -2131,9 +2131,9 @@ export const color = [ type: 'color', description: 'AAA 7.9 on grey 800\nAA18 4 as bkdg for interaction blue', }, - name: '--fds-brand-secondary-500', + name: '--fds-brand-alt2-500', attributes: {}, - path: ['brand', 'secondary', '500'], + path: ['brand', 'alt2', '500'], }, { value: '#594488', @@ -2146,9 +2146,9 @@ export const color = [ type: 'color', description: 'AA 6.8 on grey 800\nAA18 3.4 as bkdg for interaction blue', }, - name: '--fds-brand-secondary-600', + name: '--fds-brand-alt2-600', attributes: {}, - path: ['brand', 'secondary', '600'], + path: ['brand', 'alt2', '600'], }, { value: '#3F3161', @@ -2161,9 +2161,9 @@ export const color = [ type: 'color', description: 'AA 5.5 on grey 800', }, - name: '--fds-brand-secondary-700', + name: '--fds-brand-alt2-700', attributes: {}, - path: ['brand', 'secondary', '700'], + path: ['brand', 'alt2', '700'], }, { value: '#352951', @@ -2176,9 +2176,9 @@ export const color = [ type: 'color', description: 'AA18 4.4 on grey 800\nAA18 3.2 on white', }, - name: '--fds-brand-secondary-800', + name: '--fds-brand-alt2-800', attributes: {}, - path: ['brand', 'secondary', '800'], + path: ['brand', 'alt2', '800'], }, { value: '#231B36', @@ -2191,9 +2191,9 @@ export const color = [ type: 'color', description: 'AA18 4.4 on grey 800\nAA18 3.2 on white', }, - name: '--fds-brand-secondary-900', + name: '--fds-brand-alt2-900', attributes: {}, - path: ['brand', 'secondary', '900'], + path: ['brand', 'alt2', '900'], }, { value: '#F9D5DB', @@ -2206,9 +2206,9 @@ export const color = [ type: 'color', description: 'AAA 12.9 on grey 800\nAA 6.5 as bkdg for interaction blue', }, - name: '--fds-brand-tertiary-100', + name: '--fds-brand-alt3-100', attributes: {}, - path: ['brand', 'tertiary', '100'], + path: ['brand', 'alt3', '100'], }, { value: '#F3ABB6', @@ -2223,9 +2223,9 @@ export const color = [ description: 'Light information color \nAAA 11.5 on grey 800\nAA 5.8 as bkdg for interaction blue', }, - name: '--fds-brand-tertiary-200', + name: '--fds-brand-alt3-200', attributes: {}, - path: ['brand', 'tertiary', '200'], + path: ['brand', 'alt3', '200'], }, { value: '#EC8292', @@ -2238,9 +2238,9 @@ export const color = [ type: 'color', description: 'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue', }, - name: '--fds-brand-tertiary-300', + name: '--fds-brand-alt3-300', attributes: {}, - path: ['brand', 'tertiary', '300'], + path: ['brand', 'alt3', '300'], }, { value: '#E6586D', @@ -2253,9 +2253,9 @@ export const color = [ type: 'color', description: 'AAA 7.3 on grey 800\nAA18 3.7 as bkdg for interaction blue', }, - name: '--fds-brand-tertiary-400', + name: '--fds-brand-alt3-400', attributes: {}, - path: ['brand', 'tertiary', '400'], + path: ['brand', 'alt3', '400'], }, { value: '#E02E49', @@ -2268,9 +2268,9 @@ export const color = [ type: 'color', description: 'AA 5.8 on grey 800', }, - name: '--fds-brand-tertiary-500', + name: '--fds-brand-alt3-500', attributes: {}, - path: ['brand', 'tertiary', '500'], + path: ['brand', 'alt3', '500'], }, { value: '#B3253A', @@ -2283,9 +2283,9 @@ export const color = [ type: 'color', description: 'AA 4.6 on grey 800', }, - name: '--fds-brand-tertiary-600', + name: '--fds-brand-alt3-600', attributes: {}, - path: ['brand', 'tertiary', '600'], + path: ['brand', 'alt3', '600'], }, { value: '#861C2C', @@ -2298,9 +2298,9 @@ export const color = [ type: 'color', description: 'AA18 3.8 on grey 800', }, - name: '--fds-brand-tertiary-700', + name: '--fds-brand-alt3-700', attributes: {}, - path: ['brand', 'tertiary', '700'], + path: ['brand', 'alt3', '700'], }, { value: '#5A121D', @@ -2313,9 +2313,9 @@ export const color = [ type: 'color', description: 'AA 5.6 on white', }, - name: '--fds-brand-tertiary-800', + name: '--fds-brand-alt3-800', attributes: {}, - path: ['brand', 'tertiary', '800'], + path: ['brand', 'alt3', '800'], }, { value: '#480e17', @@ -2328,9 +2328,9 @@ export const color = [ type: 'color', description: 'AA 5.6 on white', }, - name: '--fds-brand-tertiary-900', + name: '--fds-brand-alt3-900', attributes: {}, - path: ['brand', 'tertiary', '900'], + path: ['brand', 'alt3', '900'], }, ]; diff --git a/storefront/tokens/brreg.ts b/storefront/tokens/brreg.ts index ee12519cf7..02dbf99ecc 100644 --- a/storefront/tokens/brreg.ts +++ b/storefront/tokens/brreg.ts @@ -243,214 +243,214 @@ export const color = [ { value: '#e6eff8', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { value: '{colors.blue.100}', type: 'color', }, - name: '--fds-semantic-surface-action-primary-subtle', + name: '--fds-semantic-surface-action-first-subtle', attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'subtle'], + path: ['semantic', 'surface', 'action', 'first', 'subtle'], }, { value: '#b3d0ea', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { value: '{colors.blue.200}', type: 'color', }, - name: '--fds-semantic-surface-action-primary-subtle-hover', + name: '--fds-semantic-surface-action-first-subtle-hover', attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'subtle-hover'], + path: ['semantic', 'surface', 'action', 'first', 'subtle-hover'], }, { value: '#0062ba', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { value: '{colors.blue.700}', type: 'color', }, - name: '--fds-semantic-surface-action-primary-default', + name: '--fds-semantic-surface-action-first-default', attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'default'], + path: ['semantic', 'surface', 'action', 'first', 'default'], }, { value: '#004e95', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { value: '{colors.blue.800}', type: 'color', }, - name: '--fds-semantic-surface-action-primary-hover', + name: '--fds-semantic-surface-action-first-hover', attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'hover'], + path: ['semantic', 'surface', 'action', 'first', 'hover'], }, { value: '#00315d', type: 'color', description: 'Standard farge for handlinger', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { value: '{colors.blue.900}', type: 'color', description: 'Standard farge for handlinger', }, - name: '--fds-semantic-surface-action-primary-active', + name: '--fds-semantic-surface-action-first-active', attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'active'], + path: ['semantic', 'surface', 'action', 'first', 'active'], }, { value: '#ffffff', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { value: '{colors.white}', type: 'color', }, - name: '--fds-semantic-surface-action-primary-no_fill', + name: '--fds-semantic-surface-action-first-no_fill', attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'no_fill'], + path: ['semantic', 'surface', 'action', 'first', 'no_fill'], }, { value: '#e6eff8', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { value: '{colors.blue.100}', type: 'color', }, - name: '--fds-semantic-surface-action-primary-no_fill-hover', + name: '--fds-semantic-surface-action-first-no_fill-hover', attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'no_fill-hover'], + path: ['semantic', 'surface', 'action', 'first', 'no_fill-hover'], }, { value: '#b3d0ea', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { value: '{colors.blue.200}', type: 'color', }, - name: '--fds-semantic-surface-action-primary-no_fill-active', + name: '--fds-semantic-surface-action-first-no_fill-active', attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'no_fill-active'], + path: ['semantic', 'surface', 'action', 'first', 'no_fill-active'], }, { value: '#f4f5f6', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { value: '{colors.grey.100}', type: 'color', }, - name: '--fds-semantic-surface-action-secondary-subtle', + name: '--fds-semantic-surface-action-second-subtle', attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'subtle'], + path: ['semantic', 'surface', 'action', 'second', 'subtle'], }, { value: '#e9eaec', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { value: '{colors.grey.200}', type: 'color', }, - name: '--fds-semantic-surface-action-secondary-subtle-hover', + name: '--fds-semantic-surface-action-second-subtle-hover', attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'subtle-hover'], + path: ['semantic', 'surface', 'action', 'second', 'subtle-hover'], }, { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-surface-action-secondary-default', + name: '--fds-semantic-surface-action-second-default', attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'default'], + path: ['semantic', 'surface', 'action', 'second', 'default'], }, { value: 'rgba(0, 49, 93, 0.9)', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { value: 'rgba({colors.blue.900}, 0.9)', type: 'color', }, - name: '--fds-semantic-surface-action-secondary-hover', + name: '--fds-semantic-surface-action-second-hover', attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'hover'], + path: ['semantic', 'surface', 'action', 'second', 'hover'], }, { value: 'rgba(0, 49, 93, 0.8)', type: 'color', description: 'Standard farge for handlinger', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { value: 'rgba({colors.blue.900}, 0.8)', type: 'color', description: 'Standard farge for handlinger', }, - name: '--fds-semantic-surface-action-secondary-active', + name: '--fds-semantic-surface-action-second-active', attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'active'], + path: ['semantic', 'surface', 'action', 'second', 'active'], }, { value: '#ffffff', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { value: '{colors.white}', type: 'color', }, - name: '--fds-semantic-surface-action-secondary-no_fill', + name: '--fds-semantic-surface-action-second-no_fill', attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'no_fill'], + path: ['semantic', 'surface', 'action', 'second', 'no_fill'], }, { value: 'rgba(0, 49, 93, 0.1)', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { value: 'rgba({colors.blue.900}, 0.1)', type: 'color', }, - name: '--fds-semantic-surface-action-secondary-no_fill-hover', + name: '--fds-semantic-surface-action-second-no_fill-hover', attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-hover'], + path: ['semantic', 'surface', 'action', 'second', 'no_fill-hover'], }, { value: 'rgba(0, 49, 93, 0.2)', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { value: 'rgba({colors.blue.900}, 0.2)', type: 'color', }, - name: '--fds-semantic-surface-action-secondary-no_fill-active', + name: '--fds-semantic-surface-action-second-no_fill-active', attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-active'], + path: ['semantic', 'surface', 'action', 'second', 'no_fill-active'], }, { value: '#d1f4e1', @@ -809,12 +809,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { - value: '{brand.primary.100}', + value: '{brand.alt1.100}', type: 'color', }, - name: '--fds-semantic-surface-primary-light', + name: '--fds-semantic-surface-first-light', attributes: {}, - path: ['semantic', 'surface', 'primary', 'light'], + path: ['semantic', 'surface', 'first', 'light'], }, { value: '#76ADFB', @@ -822,12 +822,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { - value: '{brand.primary.300}', + value: '{brand.alt1.300}', type: 'color', }, - name: '--fds-semantic-surface-primary-light-hover', + name: '--fds-semantic-surface-first-light-hover', attributes: {}, - path: ['semantic', 'surface', 'primary', 'light-hover'], + path: ['semantic', 'surface', 'first', 'light-hover'], }, { value: '#5391E9', @@ -835,12 +835,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { - value: '{brand.primary.400}', + value: '{brand.alt1.400}', type: 'color', }, - name: '--fds-semantic-surface-primary-light-active', + name: '--fds-semantic-surface-first-light-active', attributes: {}, - path: ['semantic', 'surface', 'primary', 'light-active'], + path: ['semantic', 'surface', 'first', 'light-active'], }, { value: '#004785', @@ -848,12 +848,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { - value: '{brand.primary.700}', + value: '{brand.alt1.700}', type: 'color', }, - name: '--fds-semantic-surface-primary-dark', + name: '--fds-semantic-surface-first-dark', attributes: {}, - path: ['semantic', 'surface', 'primary', 'dark'], + path: ['semantic', 'surface', 'first', 'dark'], }, { value: '#C9E7F4', @@ -861,12 +861,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { - value: '{brand.secondary.200}', + value: '{brand.alt2.200}', type: 'color', }, - name: '--fds-semantic-surface-secondary-light', + name: '--fds-semantic-surface-second-light', attributes: {}, - path: ['semantic', 'surface', 'secondary', 'light'], + path: ['semantic', 'surface', 'second', 'light'], }, { value: '#70B3D7', @@ -874,12 +874,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { - value: '{brand.secondary.300}', + value: '{brand.alt2.300}', type: 'color', }, - name: '--fds-semantic-surface-secondary-light-hover', + name: '--fds-semantic-surface-second-light-hover', attributes: {}, - path: ['semantic', 'surface', 'secondary', 'light-hover'], + path: ['semantic', 'surface', 'second', 'light-hover'], }, { value: '#4E99BD', @@ -887,12 +887,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { - value: '{brand.secondary.400}', + value: '{brand.alt2.400}', type: 'color', }, - name: '--fds-semantic-surface-secondary-light-active', + name: '--fds-semantic-surface-second-light-active', attributes: {}, - path: ['semantic', 'surface', 'secondary', 'light-active'], + path: ['semantic', 'surface', 'second', 'light-active'], }, { value: '#1F4B63', @@ -900,12 +900,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { - value: '{brand.secondary.700}', + value: '{brand.alt2.700}', type: 'color', }, - name: '--fds-semantic-surface-secondary-dark', + name: '--fds-semantic-surface-second-dark', attributes: {}, - path: ['semantic', 'surface', 'secondary', 'dark'], + path: ['semantic', 'surface', 'second', 'dark'], }, { value: '#D7E5E7', @@ -913,12 +913,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { - value: '{brand.tertiary.100}', + value: '{brand.alt3.100}', type: 'color', }, - name: '--fds-semantic-surface-tertiary-light', + name: '--fds-semantic-surface-third-light', attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'light'], + path: ['semantic', 'surface', 'third', 'light'], }, { value: '#B9CACB', @@ -926,12 +926,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { - value: '{brand.tertiary.200}', + value: '{brand.alt3.200}', type: 'color', }, - name: '--fds-semantic-surface-tertiary-light-hover', + name: '--fds-semantic-surface-third-light-hover', attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'light-hover'], + path: ['semantic', 'surface', 'third', 'light-hover'], }, { value: '#9FAEAF', @@ -939,12 +939,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { - value: '{brand.tertiary.300}', + value: '{brand.alt3.300}', type: 'color', }, - name: '--fds-semantic-surface-tertiary-light-active', + name: '--fds-semantic-surface-third-light-active', attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'light-active'], + path: ['semantic', 'surface', 'third', 'light-active'], }, { value: '#414849', @@ -952,12 +952,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { - value: '{brand.tertiary.700}', + value: '{brand.alt3.700}', type: 'color', }, - name: '--fds-semantic-surface-tertiary-dark', + name: '--fds-semantic-surface-third-dark', attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'dark'], + path: ['semantic', 'surface', 'third', 'dark'], }, { value: '#004e95', @@ -1064,134 +1064,134 @@ export const color = [ path: ['semantic', 'border', 'action', 'dark-hover'], }, { - value: '#b3d0ea', + value: '#e9eaec', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { - value: '{colors.blue.200}', + value: '{colors.grey.200}', type: 'color', }, - name: '--fds-semantic-border-action-primary-subtle', + name: '--fds-semantic-border-action-first-subtle', attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'subtle'], + path: ['semantic', 'border', 'action', 'first', 'subtle'], }, { - value: '#66a1d6', + value: '#d2d5d8', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { - value: '{colors.blue.400}', + value: '{colors.grey.300}', type: 'color', }, - name: '--fds-semantic-border-action-primary-subtle-hover', + name: '--fds-semantic-border-action-first-subtle-hover', attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'subtle-hover'], + path: ['semantic', 'border', 'action', 'first', 'subtle-hover'], }, { - value: '#0062ba', + value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { - value: '{colors.blue.700}', + value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-border-action-primary-default', + name: '--fds-semantic-border-action-first-default', attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'default'], + path: ['semantic', 'border', 'action', 'first', 'default'], }, { - value: '#004e95', + value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { - value: '{colors.blue.800}', + value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-border-action-primary-hover', + name: '--fds-semantic-border-action-first-hover', attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'hover'], + path: ['semantic', 'border', 'action', 'first', 'hover'], }, { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-border-action-primary-active', + name: '--fds-semantic-border-action-first-active', attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'active'], + path: ['semantic', 'border', 'action', 'first', 'active'], }, { value: '#e9eaec', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { value: '{colors.grey.200}', type: 'color', }, - name: '--fds-semantic-border-action-secondary-subtle', + name: '--fds-semantic-border-action-second-subtle', attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'subtle'], + path: ['semantic', 'border', 'action', 'second', 'subtle'], }, { value: '#d2d5d8', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { value: '{colors.grey.300}', type: 'color', }, - name: '--fds-semantic-border-action-secondary-subtle-hover', + name: '--fds-semantic-border-action-second-subtle-hover', attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'subtle-hover'], + path: ['semantic', 'border', 'action', 'second', 'subtle-hover'], }, { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-border-action-secondary-default', + name: '--fds-semantic-border-action-second-default', attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'default'], + path: ['semantic', 'border', 'action', 'second', 'default'], }, { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-border-action-secondary-hover', + name: '--fds-semantic-border-action-second-hover', attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'hover'], + path: ['semantic', 'border', 'action', 'second', 'hover'], }, { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-border-action-secondary-active', + name: '--fds-semantic-border-action-second-active', attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'active'], + path: ['semantic', 'border', 'action', 'second', 'active'], }, { value: '#68707c', @@ -1433,12 +1433,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { - value: '{brand.primary.600}', + value: '{brand.alt1.600}', type: 'color', }, - name: '--fds-semantic-border-primary-default', + name: '--fds-semantic-border-first-default', attributes: {}, - path: ['semantic', 'border', 'primary', 'default'], + path: ['semantic', 'border', 'first', 'default'], }, { value: '#004785', @@ -1446,12 +1446,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { - value: '{brand.primary.700}', + value: '{brand.alt1.700}', type: 'color', }, - name: '--fds-semantic-border-primary-hover', + name: '--fds-semantic-border-first-hover', attributes: {}, - path: ['semantic', 'border', 'primary', 'hover'], + path: ['semantic', 'border', 'first', 'hover'], }, { value: '#00315E', @@ -1459,12 +1459,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { - value: '{brand.primary.800}', + value: '{brand.alt1.800}', type: 'color', }, - name: '--fds-semantic-border-primary-active', + name: '--fds-semantic-border-first-active', attributes: {}, - path: ['semantic', 'border', 'primary', 'active'], + path: ['semantic', 'border', 'first', 'active'], }, { value: '#2C647E', @@ -1472,12 +1472,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { - value: '{brand.secondary.600}', + value: '{brand.alt2.600}', type: 'color', }, - name: '--fds-semantic-border-secondary-default', + name: '--fds-semantic-border-second-default', attributes: {}, - path: ['semantic', 'border', 'secondary', 'default'], + path: ['semantic', 'border', 'second', 'default'], }, { value: '#1F4B63', @@ -1485,12 +1485,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { - value: '{brand.secondary.700}', + value: '{brand.alt2.700}', type: 'color', }, - name: '--fds-semantic-border-secondary-hover', + name: '--fds-semantic-border-second-hover', attributes: {}, - path: ['semantic', 'border', 'secondary', 'hover'], + path: ['semantic', 'border', 'second', 'hover'], }, { value: '#133349', @@ -1498,12 +1498,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { - value: '{brand.secondary.800}', + value: '{brand.alt2.800}', type: 'color', }, - name: '--fds-semantic-border-secondary-active', + name: '--fds-semantic-border-second-active', attributes: {}, - path: ['semantic', 'border', 'secondary', 'active'], + path: ['semantic', 'border', 'second', 'active'], }, { value: '#879394', @@ -1511,12 +1511,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { - value: '{brand.tertiary.400}', + value: '{brand.alt3.400}', type: 'color', }, - name: '--fds-semantic-border-tertiary-default', + name: '--fds-semantic-border-third-default', attributes: {}, - path: ['semantic', 'border', 'tertiary', 'default'], + path: ['semantic', 'border', 'third', 'default'], }, { value: '#6D7879', @@ -1524,12 +1524,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { - value: '{brand.tertiary.500}', + value: '{brand.alt3.500}', type: 'color', }, - name: '--fds-semantic-border-tertiary-hover', + name: '--fds-semantic-border-third-hover', attributes: {}, - path: ['semantic', 'border', 'tertiary', 'hover'], + path: ['semantic', 'border', 'third', 'hover'], }, { value: '#576061', @@ -1537,12 +1537,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { - value: '{brand.tertiary.600}', + value: '{brand.alt3.600}', type: 'color', }, - name: '--fds-semantic-border-tertiary-active', + name: '--fds-semantic-border-third-active', attributes: {}, - path: ['semantic', 'border', 'tertiary', 'active'], + path: ['semantic', 'border', 'third', 'active'], }, { value: '#0c6536', @@ -1701,108 +1701,108 @@ export const color = [ path: ['semantic', 'text', 'action', 'on_action'], }, { - value: '#0062ba', + value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { - value: '{colors.blue.700}', + value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-text-action-primary-default', + name: '--fds-semantic-text-action-first-default', attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'default'], + path: ['semantic', 'text', 'action', 'first', 'default'], }, { - value: '#004e95', + value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { - value: '#004e95', + value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-text-action-primary-hover', + name: '--fds-semantic-text-action-first-hover', attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'hover'], + path: ['semantic', 'text', 'action', 'first', 'hover'], }, { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { - value: '#00315d', + value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-text-action-primary-active', + name: '--fds-semantic-text-action-first-active', attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'active'], + path: ['semantic', 'text', 'action', 'first', 'active'], }, { value: '#ffffff', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { value: '{colors.white}', type: 'color', }, - name: '--fds-semantic-text-action-primary-on_action', + name: '--fds-semantic-text-action-first-on_action', attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'on_action'], + path: ['semantic', 'text', 'action', 'first', 'on_action'], }, { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-text-action-secondary-default', + name: '--fds-semantic-text-action-second-default', attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'default'], + path: ['semantic', 'text', 'action', 'second', 'default'], }, { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-text-action-secondary-hover', + name: '--fds-semantic-text-action-second-hover', attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'hover'], + path: ['semantic', 'text', 'action', 'second', 'hover'], }, { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-text-action-secondary-active', + name: '--fds-semantic-text-action-second-active', attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'active'], + path: ['semantic', 'text', 'action', 'second', 'active'], }, { value: '#ffffff', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Brreg.json', isSource: false, original: { value: '{colors.white}', type: 'color', }, - name: '--fds-semantic-text-action-secondary-on_action', + name: '--fds-semantic-text-action-second-on_action', attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'on_action'], + path: ['semantic', 'text', 'action', 'second', 'on_action'], }, { value: '#995404', @@ -1930,9 +1930,9 @@ export const color = [ value: '#FFFFFF', type: 'color', }, - name: '--fds-brand-primary-50', + name: '--fds-brand-alt1-50', attributes: {}, - path: ['brand', 'primary', '50'], + path: ['brand', 'alt1', '50'], }, { value: '#D1E4FF', @@ -1943,9 +1943,9 @@ export const color = [ value: '#D1E4FF', type: 'color', }, - name: '--fds-brand-primary-100', + name: '--fds-brand-alt1-100', attributes: {}, - path: ['brand', 'primary', '100'], + path: ['brand', 'alt1', '100'], }, { value: '#9ECAFF', @@ -1956,9 +1956,9 @@ export const color = [ value: '#9ECAFF', type: 'color', }, - name: '--fds-brand-primary-200', + name: '--fds-brand-alt1-200', attributes: {}, - path: ['brand', 'primary', '200'], + path: ['brand', 'alt1', '200'], }, { value: '#76ADFB', @@ -1969,9 +1969,9 @@ export const color = [ value: '#76ADFB', type: 'color', }, - name: '--fds-brand-primary-300', + name: '--fds-brand-alt1-300', attributes: {}, - path: ['brand', 'primary', '300'], + path: ['brand', 'alt1', '300'], }, { value: '#5391E9', @@ -1982,9 +1982,9 @@ export const color = [ value: '#5391E9', type: 'color', }, - name: '--fds-brand-primary-400', + name: '--fds-brand-alt1-400', attributes: {}, - path: ['brand', 'primary', '400'], + path: ['brand', 'alt1', '400'], }, { value: '#2B77CC', @@ -1995,9 +1995,9 @@ export const color = [ value: '#2B77CC', type: 'color', }, - name: '--fds-brand-primary-500', + name: '--fds-brand-alt1-500', attributes: {}, - path: ['brand', 'primary', '500'], + path: ['brand', 'alt1', '500'], }, { value: '#005FAE', @@ -2008,9 +2008,9 @@ export const color = [ value: '#005FAE', type: 'color', }, - name: '--fds-brand-primary-600', + name: '--fds-brand-alt1-600', attributes: {}, - path: ['brand', 'primary', '600'], + path: ['brand', 'alt1', '600'], }, { value: '#004785', @@ -2021,9 +2021,9 @@ export const color = [ value: '#004785', type: 'color', }, - name: '--fds-brand-primary-700', + name: '--fds-brand-alt1-700', attributes: {}, - path: ['brand', 'primary', '700'], + path: ['brand', 'alt1', '700'], }, { value: '#00315E', @@ -2034,9 +2034,9 @@ export const color = [ value: '#00315E', type: 'color', }, - name: '--fds-brand-primary-800', + name: '--fds-brand-alt1-800', attributes: {}, - path: ['brand', 'primary', '800'], + path: ['brand', 'alt1', '800'], }, { value: '#001C3A', @@ -2047,9 +2047,9 @@ export const color = [ value: '#001C3A', type: 'color', }, - name: '--fds-brand-primary-900', + name: '--fds-brand-alt1-900', attributes: {}, - path: ['brand', 'primary', '900'], + path: ['brand', 'alt1', '900'], }, { value: '#001127', @@ -2060,9 +2060,9 @@ export const color = [ value: '#001127', type: 'color', }, - name: '--fds-brand-primary-950', + name: '--fds-brand-alt1-950', attributes: {}, - path: ['brand', 'primary', '950'], + path: ['brand', 'alt1', '950'], }, { value: '#FFFFFF', @@ -2073,9 +2073,9 @@ export const color = [ value: '#FFFFFF', type: 'color', }, - name: '--fds-brand-secondary-50', + name: '--fds-brand-alt2-50', attributes: {}, - path: ['brand', 'secondary', '50'], + path: ['brand', 'alt2', '50'], }, { value: '#E5F3F9', @@ -2086,9 +2086,9 @@ export const color = [ value: '#E5F3F9', type: 'color', }, - name: '--fds-brand-secondary-100', + name: '--fds-brand-alt2-100', attributes: {}, - path: ['brand', 'secondary', '100'], + path: ['brand', 'alt2', '100'], }, { value: '#C9E7F4', @@ -2099,9 +2099,9 @@ export const color = [ value: '#C9E7F4', type: 'color', }, - name: '--fds-brand-secondary-200', + name: '--fds-brand-alt2-200', attributes: {}, - path: ['brand', 'secondary', '200'], + path: ['brand', 'alt2', '200'], }, { value: '#70B3D7', @@ -2112,9 +2112,9 @@ export const color = [ value: '#70B3D7', type: 'color', }, - name: '--fds-brand-secondary-300', + name: '--fds-brand-alt2-300', attributes: {}, - path: ['brand', 'secondary', '300'], + path: ['brand', 'alt2', '300'], }, { value: '#4E99BD', @@ -2125,9 +2125,9 @@ export const color = [ value: '#4E99BD', type: 'color', }, - name: '--fds-brand-secondary-400', + name: '--fds-brand-alt2-400', attributes: {}, - path: ['brand', 'secondary', '400'], + path: ['brand', 'alt2', '400'], }, { value: '#3B7D9B', @@ -2138,9 +2138,9 @@ export const color = [ value: '#3B7D9B', type: 'color', }, - name: '--fds-brand-secondary-500', + name: '--fds-brand-alt2-500', attributes: {}, - path: ['brand', 'secondary', '500'], + path: ['brand', 'alt2', '500'], }, { value: '#2C647E', @@ -2151,9 +2151,9 @@ export const color = [ value: '#2C647E', type: 'color', }, - name: '--fds-brand-secondary-600', + name: '--fds-brand-alt2-600', attributes: {}, - path: ['brand', 'secondary', '600'], + path: ['brand', 'alt2', '600'], }, { value: '#1F4B63', @@ -2164,9 +2164,9 @@ export const color = [ value: '#1F4B63', type: 'color', }, - name: '--fds-brand-secondary-700', + name: '--fds-brand-alt2-700', attributes: {}, - path: ['brand', 'secondary', '700'], + path: ['brand', 'alt2', '700'], }, { value: '#133349', @@ -2177,9 +2177,9 @@ export const color = [ value: '#133349', type: 'color', }, - name: '--fds-brand-secondary-800', + name: '--fds-brand-alt2-800', attributes: {}, - path: ['brand', 'secondary', '800'], + path: ['brand', 'alt2', '800'], }, { value: '#071D2C', @@ -2190,9 +2190,9 @@ export const color = [ value: '#071D2C', type: 'color', }, - name: '--fds-brand-secondary-900', + name: '--fds-brand-alt2-900', attributes: {}, - path: ['brand', 'secondary', '900'], + path: ['brand', 'alt2', '900'], }, { value: '#03121D', @@ -2203,9 +2203,9 @@ export const color = [ value: '#03121D', type: 'color', }, - name: '--fds-brand-secondary-950', + name: '--fds-brand-alt2-950', attributes: {}, - path: ['brand', 'secondary', '950'], + path: ['brand', 'alt2', '950'], }, { value: '#EBF2F3', @@ -2216,9 +2216,9 @@ export const color = [ value: '#EBF2F3', type: 'color', }, - name: '--fds-brand-tertiary-50', + name: '--fds-brand-alt3-50', attributes: {}, - path: ['brand', 'tertiary', '50'], + path: ['brand', 'alt3', '50'], }, { value: '#D7E5E7', @@ -2229,9 +2229,9 @@ export const color = [ value: '#D7E5E7', type: 'color', }, - name: '--fds-brand-tertiary-100', + name: '--fds-brand-alt3-100', attributes: {}, - path: ['brand', 'tertiary', '100'], + path: ['brand', 'alt3', '100'], }, { value: '#B9CACB', @@ -2242,9 +2242,9 @@ export const color = [ value: '#B9CACB', type: 'color', }, - name: '--fds-brand-tertiary-200', + name: '--fds-brand-alt3-200', attributes: {}, - path: ['brand', 'tertiary', '200'], + path: ['brand', 'alt3', '200'], }, { value: '#9FAEAF', @@ -2255,9 +2255,9 @@ export const color = [ value: '#9FAEAF', type: 'color', }, - name: '--fds-brand-tertiary-300', + name: '--fds-brand-alt3-300', attributes: {}, - path: ['brand', 'tertiary', '300'], + path: ['brand', 'alt3', '300'], }, { value: '#879394', @@ -2268,9 +2268,9 @@ export const color = [ value: '#879394', type: 'color', }, - name: '--fds-brand-tertiary-400', + name: '--fds-brand-alt3-400', attributes: {}, - path: ['brand', 'tertiary', '400'], + path: ['brand', 'alt3', '400'], }, { value: '#6D7879', @@ -2281,9 +2281,9 @@ export const color = [ value: '#6D7879', type: 'color', }, - name: '--fds-brand-tertiary-500', + name: '--fds-brand-alt3-500', attributes: {}, - path: ['brand', 'tertiary', '500'], + path: ['brand', 'alt3', '500'], }, { value: '#576061', @@ -2294,9 +2294,9 @@ export const color = [ value: '#576061', type: 'color', }, - name: '--fds-brand-tertiary-600', + name: '--fds-brand-alt3-600', attributes: {}, - path: ['brand', 'tertiary', '600'], + path: ['brand', 'alt3', '600'], }, { value: '#414849', @@ -2307,9 +2307,9 @@ export const color = [ value: '#414849', type: 'color', }, - name: '--fds-brand-tertiary-700', + name: '--fds-brand-alt3-700', attributes: {}, - path: ['brand', 'tertiary', '700'], + path: ['brand', 'alt3', '700'], }, { value: '#2C3132', @@ -2320,9 +2320,9 @@ export const color = [ value: '#2C3132', type: 'color', }, - name: '--fds-brand-tertiary-800', + name: '--fds-brand-alt3-800', attributes: {}, - path: ['brand', 'tertiary', '800'], + path: ['brand', 'alt3', '800'], }, { value: '#191C1C', @@ -2333,9 +2333,9 @@ export const color = [ value: '#191C1C', type: 'color', }, - name: '--fds-brand-tertiary-900', + name: '--fds-brand-alt3-900', attributes: {}, - path: ['brand', 'tertiary', '900'], + path: ['brand', 'alt3', '900'], }, { value: '#0F1112', @@ -2346,9 +2346,9 @@ export const color = [ value: '#0F1112', type: 'color', }, - name: '--fds-brand-tertiary-950', + name: '--fds-brand-alt3-950', attributes: {}, - path: ['brand', 'tertiary', '950'], + path: ['brand', 'alt3', '950'], }, ]; diff --git a/storefront/tokens/digdir.ts b/storefront/tokens/digdir.ts index 42101b4e7f..e90924fdf1 100644 --- a/storefront/tokens/digdir.ts +++ b/storefront/tokens/digdir.ts @@ -243,214 +243,214 @@ export const color = [ { value: '#e6eff8', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { value: '{colors.blue.100}', type: 'color', }, - name: '--fds-semantic-surface-action-primary-subtle', + name: '--fds-semantic-surface-action-first-subtle', attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'subtle'], + path: ['semantic', 'surface', 'action', 'first', 'subtle'], }, { value: '#b3d0ea', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { value: '{colors.blue.200}', type: 'color', }, - name: '--fds-semantic-surface-action-primary-subtle-hover', + name: '--fds-semantic-surface-action-first-subtle-hover', attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'subtle-hover'], + path: ['semantic', 'surface', 'action', 'first', 'subtle-hover'], }, { value: '#0062ba', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { value: '{colors.blue.700}', type: 'color', }, - name: '--fds-semantic-surface-action-primary-default', + name: '--fds-semantic-surface-action-first-default', attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'default'], + path: ['semantic', 'surface', 'action', 'first', 'default'], }, { value: '#004e95', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { value: '{colors.blue.800}', type: 'color', }, - name: '--fds-semantic-surface-action-primary-hover', + name: '--fds-semantic-surface-action-first-hover', attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'hover'], + path: ['semantic', 'surface', 'action', 'first', 'hover'], }, { value: '#00315d', type: 'color', description: 'Standard farge for handlinger', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { value: '{colors.blue.900}', type: 'color', description: 'Standard farge for handlinger', }, - name: '--fds-semantic-surface-action-primary-active', + name: '--fds-semantic-surface-action-first-active', attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'active'], + path: ['semantic', 'surface', 'action', 'first', 'active'], }, { value: '#ffffff', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { value: '{colors.white}', type: 'color', }, - name: '--fds-semantic-surface-action-primary-no_fill', + name: '--fds-semantic-surface-action-first-no_fill', attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'no_fill'], + path: ['semantic', 'surface', 'action', 'first', 'no_fill'], }, { value: '#e6eff8', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { value: '{colors.blue.100}', type: 'color', }, - name: '--fds-semantic-surface-action-primary-no_fill-hover', + name: '--fds-semantic-surface-action-first-no_fill-hover', attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'no_fill-hover'], + path: ['semantic', 'surface', 'action', 'first', 'no_fill-hover'], }, { value: '#b3d0ea', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { value: '{colors.blue.200}', type: 'color', }, - name: '--fds-semantic-surface-action-primary-no_fill-active', + name: '--fds-semantic-surface-action-first-no_fill-active', attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'no_fill-active'], + path: ['semantic', 'surface', 'action', 'first', 'no_fill-active'], }, { value: '#f4f5f6', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { value: '{colors.grey.100}', type: 'color', }, - name: '--fds-semantic-surface-action-secondary-subtle', + name: '--fds-semantic-surface-action-second-subtle', attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'subtle'], + path: ['semantic', 'surface', 'action', 'second', 'subtle'], }, { value: '#e9eaec', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { value: '{colors.grey.200}', type: 'color', }, - name: '--fds-semantic-surface-action-secondary-subtle-hover', + name: '--fds-semantic-surface-action-second-subtle-hover', attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'subtle-hover'], + path: ['semantic', 'surface', 'action', 'second', 'subtle-hover'], }, { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-surface-action-secondary-default', + name: '--fds-semantic-surface-action-second-default', attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'default'], + path: ['semantic', 'surface', 'action', 'second', 'default'], }, { value: 'rgba(0, 49, 93, 0.9)', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { value: 'rgba({colors.blue.900}, 0.9)', type: 'color', }, - name: '--fds-semantic-surface-action-secondary-hover', + name: '--fds-semantic-surface-action-second-hover', attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'hover'], + path: ['semantic', 'surface', 'action', 'second', 'hover'], }, { value: 'rgba(0, 49, 93, 0.8)', type: 'color', description: 'Standard farge for handlinger', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { value: 'rgba({colors.blue.900}, 0.8)', type: 'color', description: 'Standard farge for handlinger', }, - name: '--fds-semantic-surface-action-secondary-active', + name: '--fds-semantic-surface-action-second-active', attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'active'], + path: ['semantic', 'surface', 'action', 'second', 'active'], }, { value: '#ffffff', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { value: '{colors.white}', type: 'color', }, - name: '--fds-semantic-surface-action-secondary-no_fill', + name: '--fds-semantic-surface-action-second-no_fill', attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'no_fill'], + path: ['semantic', 'surface', 'action', 'second', 'no_fill'], }, { value: 'rgba(0, 49, 93, 0.1)', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { value: 'rgba({colors.blue.900}, 0.1)', type: 'color', }, - name: '--fds-semantic-surface-action-secondary-no_fill-hover', + name: '--fds-semantic-surface-action-second-no_fill-hover', attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-hover'], + path: ['semantic', 'surface', 'action', 'second', 'no_fill-hover'], }, { value: 'rgba(0, 49, 93, 0.2)', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { value: 'rgba({colors.blue.900}, 0.2)', type: 'color', }, - name: '--fds-semantic-surface-action-secondary-no_fill-active', + name: '--fds-semantic-surface-action-second-no_fill-active', attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-active'], + path: ['semantic', 'surface', 'action', 'second', 'no_fill-active'], }, { value: '#d1f4e1', @@ -809,12 +809,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { - value: '{brand.primary.200}', + value: '{brand.alt1.200}', type: 'color', }, - name: '--fds-semantic-surface-primary-light', + name: '--fds-semantic-surface-first-light', attributes: {}, - path: ['semantic', 'surface', 'primary', 'light'], + path: ['semantic', 'surface', 'first', 'light'], }, { value: '#fbbfc1', @@ -822,12 +822,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { - value: '{brand.primary.300}', + value: '{brand.alt1.300}', type: 'color', }, - name: '--fds-semantic-surface-primary-light-hover', + name: '--fds-semantic-surface-first-light-hover', attributes: {}, - path: ['semantic', 'surface', 'primary', 'light-hover'], + path: ['semantic', 'surface', 'first', 'light-hover'], }, { value: '#f89fa1', @@ -835,12 +835,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { - value: '{brand.primary.400}', + value: '{brand.alt1.400}', type: 'color', }, - name: '--fds-semantic-surface-primary-light-active', + name: '--fds-semantic-surface-first-light-active', attributes: {}, - path: ['semantic', 'surface', 'primary', 'light-active'], + path: ['semantic', 'surface', 'first', 'light-active'], }, { value: '#c34c4f', @@ -848,12 +848,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { - value: '{brand.primary.800}', + value: '{brand.alt1.800}', type: 'color', }, - name: '--fds-semantic-surface-primary-dark', + name: '--fds-semantic-surface-first-dark', attributes: {}, - path: ['semantic', 'surface', 'primary', 'dark'], + path: ['semantic', 'surface', 'first', 'dark'], }, { value: '#faeec2', @@ -861,12 +861,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { - value: '{brand.secondary.200}', + value: '{brand.alt2.200}', type: 'color', }, - name: '--fds-semantic-surface-secondary-light', + name: '--fds-semantic-surface-second-light', attributes: {}, - path: ['semantic', 'surface', 'secondary', 'light'], + path: ['semantic', 'surface', 'second', 'light'], }, { value: '#f5dda6', @@ -874,12 +874,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { - value: '{brand.secondary.300}', + value: '{brand.alt2.300}', type: 'color', }, - name: '--fds-semantic-surface-secondary-light-hover', + name: '--fds-semantic-surface-second-light-hover', attributes: {}, - path: ['semantic', 'surface', 'secondary', 'light-hover'], + path: ['semantic', 'surface', 'second', 'light-hover'], }, { value: '#efcc79', @@ -887,12 +887,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { - value: '{brand.secondary.400}', + value: '{brand.alt2.400}', type: 'color', }, - name: '--fds-semantic-surface-secondary-light-active', + name: '--fds-semantic-surface-second-light-active', attributes: {}, - path: ['semantic', 'surface', 'secondary', 'light-active'], + path: ['semantic', 'surface', 'second', 'light-active'], }, { value: '#A17717', @@ -900,12 +900,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { - value: '{brand.secondary.900}', + value: '{brand.alt2.900}', type: 'color', }, - name: '--fds-semantic-surface-secondary-dark', + name: '--fds-semantic-surface-second-dark', attributes: {}, - path: ['semantic', 'surface', 'secondary', 'dark'], + path: ['semantic', 'surface', 'second', 'dark'], }, { value: '#d2eafd', @@ -913,12 +913,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { - value: '{brand.tertiary.200}', + value: '{brand.alt3.200}', type: 'color', }, - name: '--fds-semantic-surface-tertiary-light', + name: '--fds-semantic-surface-third-light', attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'light'], + path: ['semantic', 'surface', 'third', 'light'], }, { value: '#a5d6fb', @@ -926,12 +926,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { - value: '{brand.tertiary.300}', + value: '{brand.alt3.300}', type: 'color', }, - name: '--fds-semantic-surface-tertiary-light-hover', + name: '--fds-semantic-surface-third-light-hover', attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'light-hover'], + path: ['semantic', 'surface', 'third', 'light-hover'], }, { value: '#78c1f9', @@ -939,12 +939,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { - value: '{brand.tertiary.400}', + value: '{brand.alt3.400}', type: 'color', }, - name: '--fds-semantic-surface-tertiary-light-active', + name: '--fds-semantic-surface-third-light-active', attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'light-active'], + path: ['semantic', 'surface', 'third', 'light-active'], }, { value: '#156aac', @@ -952,12 +952,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { - value: '{brand.tertiary.800}', + value: '{brand.alt3.800}', type: 'color', }, - name: '--fds-semantic-surface-tertiary-dark', + name: '--fds-semantic-surface-third-dark', attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'dark'], + path: ['semantic', 'surface', 'third', 'dark'], }, { value: '#004e95', @@ -1066,132 +1066,132 @@ export const color = [ { value: '#b3d0ea', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { value: '{colors.blue.200}', type: 'color', }, - name: '--fds-semantic-border-action-primary-subtle', + name: '--fds-semantic-border-action-first-subtle', attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'subtle'], + path: ['semantic', 'border', 'action', 'first', 'subtle'], }, { value: '#66a1d6', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { value: '{colors.blue.400}', type: 'color', }, - name: '--fds-semantic-border-action-primary-subtle-hover', + name: '--fds-semantic-border-action-first-subtle-hover', attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'subtle-hover'], + path: ['semantic', 'border', 'action', 'first', 'subtle-hover'], }, { value: '#0062ba', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { value: '{colors.blue.700}', type: 'color', }, - name: '--fds-semantic-border-action-primary-default', + name: '--fds-semantic-border-action-first-default', attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'default'], + path: ['semantic', 'border', 'action', 'first', 'default'], }, { value: '#004e95', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { value: '{colors.blue.800}', type: 'color', }, - name: '--fds-semantic-border-action-primary-hover', + name: '--fds-semantic-border-action-first-hover', attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'hover'], + path: ['semantic', 'border', 'action', 'first', 'hover'], }, { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-border-action-primary-active', + name: '--fds-semantic-border-action-first-active', attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'active'], + path: ['semantic', 'border', 'action', 'first', 'active'], }, { value: '#e9eaec', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { value: '{colors.grey.200}', type: 'color', }, - name: '--fds-semantic-border-action-secondary-subtle', + name: '--fds-semantic-border-action-second-subtle', attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'subtle'], + path: ['semantic', 'border', 'action', 'second', 'subtle'], }, { value: '#d2d5d8', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { value: '{colors.grey.300}', type: 'color', }, - name: '--fds-semantic-border-action-secondary-subtle-hover', + name: '--fds-semantic-border-action-second-subtle-hover', attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'subtle-hover'], + path: ['semantic', 'border', 'action', 'second', 'subtle-hover'], }, { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-border-action-secondary-default', + name: '--fds-semantic-border-action-second-default', attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'default'], + path: ['semantic', 'border', 'action', 'second', 'default'], }, { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-border-action-secondary-hover', + name: '--fds-semantic-border-action-second-hover', attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'hover'], + path: ['semantic', 'border', 'action', 'second', 'hover'], }, { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-border-action-secondary-active', + name: '--fds-semantic-border-action-second-active', attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'active'], + path: ['semantic', 'border', 'action', 'second', 'active'], }, { value: '#68707c', @@ -1433,12 +1433,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { - value: '{brand.primary.600}', + value: '{brand.alt1.600}', type: 'color', }, - name: '--fds-semantic-border-primary-default', + name: '--fds-semantic-border-first-default', attributes: {}, - path: ['semantic', 'border', 'primary', 'default'], + path: ['semantic', 'border', 'first', 'default'], }, { value: '#dc5659', @@ -1446,12 +1446,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { - value: '{brand.primary.700}', + value: '{brand.alt1.700}', type: 'color', }, - name: '--fds-semantic-border-primary-hover', + name: '--fds-semantic-border-first-hover', attributes: {}, - path: ['semantic', 'border', 'primary', 'hover'], + path: ['semantic', 'border', 'first', 'hover'], }, { value: '#c34c4f', @@ -1459,12 +1459,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { - value: '{brand.primary.800}', + value: '{brand.alt1.800}', type: 'color', }, - name: '--fds-semantic-border-primary-active', + name: '--fds-semantic-border-first-active', attributes: {}, - path: ['semantic', 'border', 'primary', 'active'], + path: ['semantic', 'border', 'first', 'active'], }, { value: '#e5aa20', @@ -1472,12 +1472,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { - value: '{brand.secondary.600}', + value: '{brand.alt2.600}', type: 'color', }, - name: '--fds-semantic-border-secondary-default', + name: '--fds-semantic-border-second-default', attributes: {}, - path: ['semantic', 'border', 'secondary', 'default'], + path: ['semantic', 'border', 'second', 'default'], }, { value: '#ce991d', @@ -1485,12 +1485,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { - value: '{brand.secondary.700}', + value: '{brand.alt2.700}', type: 'color', }, - name: '--fds-semantic-border-secondary-hover', + name: '--fds-semantic-border-second-hover', attributes: {}, - path: ['semantic', 'border', 'secondary', 'hover'], + path: ['semantic', 'border', 'second', 'hover'], }, { value: '#b7881a', @@ -1498,12 +1498,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { - value: '{brand.secondary.800}', + value: '{brand.alt2.800}', type: 'color', }, - name: '--fds-semantic-border-secondary-active', + name: '--fds-semantic-border-second-active', attributes: {}, - path: ['semantic', 'border', 'secondary', 'active'], + path: ['semantic', 'border', 'second', 'active'], }, { value: '#1e98f5', @@ -1511,12 +1511,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { - value: '{brand.tertiary.600}', + value: '{brand.alt3.600}', type: 'color', }, - name: '--fds-semantic-border-tertiary-default', + name: '--fds-semantic-border-third-default', attributes: {}, - path: ['semantic', 'border', 'tertiary', 'default'], + path: ['semantic', 'border', 'third', 'default'], }, { value: '#1b88dd', @@ -1524,12 +1524,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { - value: '{brand.tertiary.700}', + value: '{brand.alt3.700}', type: 'color', }, - name: '--fds-semantic-border-tertiary-hover', + name: '--fds-semantic-border-third-hover', attributes: {}, - path: ['semantic', 'border', 'tertiary', 'hover'], + path: ['semantic', 'border', 'third', 'hover'], }, { value: '#156aac', @@ -1537,12 +1537,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { - value: '{brand.tertiary.800}', + value: '{brand.alt3.800}', type: 'color', }, - name: '--fds-semantic-border-tertiary-active', + name: '--fds-semantic-border-third-active', attributes: {}, - path: ['semantic', 'border', 'tertiary', 'active'], + path: ['semantic', 'border', 'third', 'active'], }, { value: '#0c6536', @@ -1703,106 +1703,106 @@ export const color = [ { value: '#0062ba', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { value: '{colors.blue.700}', type: 'color', }, - name: '--fds-semantic-text-action-primary-default', + name: '--fds-semantic-text-action-first-default', attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'default'], + path: ['semantic', 'text', 'action', 'first', 'default'], }, { value: '#004e95', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { value: '#004e95', type: 'color', }, - name: '--fds-semantic-text-action-primary-hover', + name: '--fds-semantic-text-action-first-hover', attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'hover'], + path: ['semantic', 'text', 'action', 'first', 'hover'], }, { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { value: '#00315d', type: 'color', }, - name: '--fds-semantic-text-action-primary-active', + name: '--fds-semantic-text-action-first-active', attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'active'], + path: ['semantic', 'text', 'action', 'first', 'active'], }, { value: '#ffffff', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { value: '{colors.white}', type: 'color', }, - name: '--fds-semantic-text-action-primary-on_action', + name: '--fds-semantic-text-action-first-on_action', attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'on_action'], + path: ['semantic', 'text', 'action', 'first', 'on_action'], }, { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-text-action-secondary-default', + name: '--fds-semantic-text-action-second-default', attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'default'], + path: ['semantic', 'text', 'action', 'second', 'default'], }, { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-text-action-secondary-hover', + name: '--fds-semantic-text-action-second-hover', attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'hover'], + path: ['semantic', 'text', 'action', 'second', 'hover'], }, { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-text-action-secondary-active', + name: '--fds-semantic-text-action-second-active', attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'active'], + path: ['semantic', 'text', 'action', 'second', 'active'], }, { value: '#ffffff', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Digdir.json', isSource: false, original: { value: '{colors.white}', type: 'color', }, - name: '--fds-semantic-text-action-secondary-on_action', + name: '--fds-semantic-text-action-second-on_action', attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'on_action'], + path: ['semantic', 'text', 'action', 'second', 'on_action'], }, { value: '#995404', @@ -1932,9 +1932,9 @@ export const color = [ type: 'color', description: 'AAA 12.8 on grey 800\nAA 6.4 as bkdg for interaction blue', }, - name: '--fds-brand-primary-100', + name: '--fds-brand-alt1-100', attributes: {}, - path: ['brand', 'primary', '100'], + path: ['brand', 'alt1', '100'], }, { value: '#fddfe0', @@ -1949,9 +1949,9 @@ export const color = [ description: 'Light error color\nAAA 11.4 on grey 800\nAA 5.7 as bkdg for interaction blue', }, - name: '--fds-brand-primary-200', + name: '--fds-brand-alt1-200', attributes: {}, - path: ['brand', 'primary', '200'], + path: ['brand', 'alt1', '200'], }, { value: '#fbbfc1', @@ -1964,9 +1964,9 @@ export const color = [ type: 'color', description: 'AAA 9 on grey 800\nAA 4.5 as bkdg for interaction blue', }, - name: '--fds-brand-primary-300', + name: '--fds-brand-alt1-300', attributes: {}, - path: ['brand', 'primary', '300'], + path: ['brand', 'alt1', '300'], }, { value: '#f89fa1', @@ -1979,9 +1979,9 @@ export const color = [ type: 'color', description: 'AAA 7.1 on grey 800\nAA18 3.5 as bkdg for interaction blue', }, - name: '--fds-brand-primary-400', + name: '--fds-brand-alt1-400', attributes: {}, - path: ['brand', 'primary', '400'], + path: ['brand', 'alt1', '400'], }, { value: '#f67f82', @@ -1994,9 +1994,9 @@ export const color = [ type: 'color', description: 'AA 5.6 on grey 800', }, - name: '--fds-brand-primary-500', + name: '--fds-brand-alt1-500', attributes: {}, - path: ['brand', 'primary', '500'], + path: ['brand', 'alt1', '500'], }, { value: '#f45f63', @@ -2009,9 +2009,9 @@ export const color = [ type: 'color', description: 'AA 4.5 on grey 800', }, - name: '--fds-brand-primary-600', + name: '--fds-brand-alt1-600', attributes: {}, - path: ['brand', 'primary', '600'], + path: ['brand', 'alt1', '600'], }, { value: '#dc5659', @@ -2024,9 +2024,9 @@ export const color = [ type: 'color', description: 'AA18 3.7 on grey 800', }, - name: '--fds-brand-primary-700', + name: '--fds-brand-alt1-700', attributes: {}, - path: ['brand', 'primary', '700'], + path: ['brand', 'alt1', '700'], }, { value: '#c34c4f', @@ -2039,9 +2039,9 @@ export const color = [ type: 'color', description: 'AA 4.7 on white', }, - name: '--fds-brand-primary-800', + name: '--fds-brand-alt1-800', attributes: {}, - path: ['brand', 'primary', '800'], + path: ['brand', 'alt1', '800'], }, { value: '#B83D41', @@ -2052,9 +2052,9 @@ export const color = [ value: '#B83D41', type: 'color', }, - name: '--fds-brand-primary-900', + name: '--fds-brand-alt1-900', attributes: {}, - path: ['brand', 'primary', '900'], + path: ['brand', 'alt1', '900'], }, { value: '#fcf7e9', @@ -2067,9 +2067,9 @@ export const color = [ type: 'color', description: 'AAA 13.3 on grey 800\nAA 6.7 as bkdg for interaction blue', }, - name: '--fds-brand-secondary-100', + name: '--fds-brand-alt2-100', attributes: {}, - path: ['brand', 'secondary', '100'], + path: ['brand', 'alt2', '100'], }, { value: '#faeec2', @@ -2084,9 +2084,9 @@ export const color = [ description: 'Light warning color\nAAA 12.3 on grey 800\nAA 1.1 as bkdg for interaction blue', }, - name: '--fds-brand-secondary-200', + name: '--fds-brand-alt2-200', attributes: {}, - path: ['brand', 'secondary', '200'], + path: ['brand', 'alt2', '200'], }, { value: '#f5dda6', @@ -2099,9 +2099,9 @@ export const color = [ type: 'color', description: 'AAA 10 on grey 800\nAA 5.4 as bkdg for interaction blue', }, - name: '--fds-brand-secondary-300', + name: '--fds-brand-alt2-300', attributes: {}, - path: ['brand', 'secondary', '300'], + path: ['brand', 'alt2', '300'], }, { value: '#efcc79', @@ -2114,9 +2114,9 @@ export const color = [ type: 'color', description: 'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue', }, - name: '--fds-brand-secondary-400', + name: '--fds-brand-alt2-400', attributes: {}, - path: ['brand', 'secondary', '400'], + path: ['brand', 'alt2', '400'], }, { value: '#eabb4d', @@ -2129,9 +2129,9 @@ export const color = [ type: 'color', description: 'AAA 7.9 on grey 800\nAA18 4 as bkdg for interaction blue', }, - name: '--fds-brand-secondary-500', + name: '--fds-brand-alt2-500', attributes: {}, - path: ['brand', 'secondary', '500'], + path: ['brand', 'alt2', '500'], }, { value: '#e5aa20', @@ -2144,9 +2144,9 @@ export const color = [ type: 'color', description: 'AA 6.8 on grey 800\nAA18 3.4 as bkdg for interaction blue', }, - name: '--fds-brand-secondary-600', + name: '--fds-brand-alt2-600', attributes: {}, - path: ['brand', 'secondary', '600'], + path: ['brand', 'alt2', '600'], }, { value: '#ce991d', @@ -2159,9 +2159,9 @@ export const color = [ type: 'color', description: 'AA 5.5 on grey 800', }, - name: '--fds-brand-secondary-700', + name: '--fds-brand-alt2-700', attributes: {}, - path: ['brand', 'secondary', '700'], + path: ['brand', 'alt2', '700'], }, { value: '#b7881a', @@ -2174,9 +2174,9 @@ export const color = [ type: 'color', description: 'AA18 4.4 on grey 800\nAA18 3.2 on white', }, - name: '--fds-brand-secondary-800', + name: '--fds-brand-alt2-800', attributes: {}, - path: ['brand', 'secondary', '800'], + path: ['brand', 'alt2', '800'], }, { value: '#A17717', @@ -2187,9 +2187,9 @@ export const color = [ value: '#A17717', type: 'color', }, - name: '--fds-brand-secondary-900', + name: '--fds-brand-alt2-900', attributes: {}, - path: ['brand', 'secondary', '900'], + path: ['brand', 'alt2', '900'], }, { value: '#e9f5ff', @@ -2202,9 +2202,9 @@ export const color = [ type: 'color', description: 'AAA 12.9 on grey 800\nAA 6.5 as bkdg for interaction blue', }, - name: '--fds-brand-tertiary-100', + name: '--fds-brand-alt3-100', attributes: {}, - path: ['brand', 'tertiary', '100'], + path: ['brand', 'alt3', '100'], }, { value: '#d2eafd', @@ -2219,9 +2219,9 @@ export const color = [ description: 'Light information color \nAAA 11.5 on grey 800\nAA 5.8 as bkdg for interaction blue', }, - name: '--fds-brand-tertiary-200', + name: '--fds-brand-alt3-200', attributes: {}, - path: ['brand', 'tertiary', '200'], + path: ['brand', 'alt3', '200'], }, { value: '#a5d6fb', @@ -2234,9 +2234,9 @@ export const color = [ type: 'color', description: 'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue', }, - name: '--fds-brand-tertiary-300', + name: '--fds-brand-alt3-300', attributes: {}, - path: ['brand', 'tertiary', '300'], + path: ['brand', 'alt3', '300'], }, { value: '#78c1f9', @@ -2249,9 +2249,9 @@ export const color = [ type: 'color', description: 'AAA 7.3 on grey 800\nAA18 3.7 as bkdg for interaction blue', }, - name: '--fds-brand-tertiary-400', + name: '--fds-brand-alt3-400', attributes: {}, - path: ['brand', 'tertiary', '400'], + path: ['brand', 'alt3', '400'], }, { value: '#4badf7', @@ -2264,9 +2264,9 @@ export const color = [ type: 'color', description: 'AA 5.8 on grey 800', }, - name: '--fds-brand-tertiary-500', + name: '--fds-brand-alt3-500', attributes: {}, - path: ['brand', 'tertiary', '500'], + path: ['brand', 'alt3', '500'], }, { value: '#1e98f5', @@ -2279,9 +2279,9 @@ export const color = [ type: 'color', description: 'AA 4.6 on grey 800', }, - name: '--fds-brand-tertiary-600', + name: '--fds-brand-alt3-600', attributes: {}, - path: ['brand', 'tertiary', '600'], + path: ['brand', 'alt3', '600'], }, { value: '#1b88dd', @@ -2294,9 +2294,9 @@ export const color = [ type: 'color', description: 'AA18 3.8 on grey 800', }, - name: '--fds-brand-tertiary-700', + name: '--fds-brand-alt3-700', attributes: {}, - path: ['brand', 'tertiary', '700'], + path: ['brand', 'alt3', '700'], }, { value: '#156aac', @@ -2309,9 +2309,9 @@ export const color = [ type: 'color', description: 'AA 5.6 on white', }, - name: '--fds-brand-tertiary-800', + name: '--fds-brand-alt3-800', attributes: {}, - path: ['brand', 'tertiary', '800'], + path: ['brand', 'alt3', '800'], }, { value: '#125A91', @@ -2322,9 +2322,9 @@ export const color = [ value: '#125A91', type: 'color', }, - name: '--fds-brand-tertiary-900', + name: '--fds-brand-alt3-900', attributes: {}, - path: ['brand', 'tertiary', '900'], + path: ['brand', 'alt3', '900'], }, ]; diff --git a/storefront/tokens/tilsynet.ts b/storefront/tokens/tilsynet.ts index d636e43cf3..15024f1ed6 100644 --- a/storefront/tokens/tilsynet.ts +++ b/storefront/tokens/tilsynet.ts @@ -241,216 +241,216 @@ export const color = [ path: ['semantic', 'surface', 'action', 'checked'], }, { - value: '#e6eff8', + value: '#f4f5f6', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { - value: '{colors.blue.100}', + value: '{colors.grey.100}', type: 'color', }, - name: '--fds-semantic-surface-action-primary-subtle', + name: '--fds-semantic-surface-action-first-subtle', attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'subtle'], + path: ['semantic', 'surface', 'action', 'first', 'subtle'], }, { - value: '#b3d0ea', + value: '#e9eaec', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { - value: '{colors.blue.200}', + value: '{colors.grey.200}', type: 'color', }, - name: '--fds-semantic-surface-action-primary-subtle-hover', + name: '--fds-semantic-surface-action-first-subtle-hover', attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'subtle-hover'], + path: ['semantic', 'surface', 'action', 'first', 'subtle-hover'], }, { - value: '#3339c6', + value: '#00315d', type: 'color', filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { - value: '{brand.primary.700}', + value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-surface-action-primary-default', + name: '--fds-semantic-surface-action-first-default', attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'default'], + path: ['semantic', 'surface', 'action', 'first', 'default'], }, { - value: '#0008b8', + value: 'rgba(0, 49, 93, 0.9)', type: 'color', filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { - value: '{brand.primary.800}', + value: 'rgba({colors.blue.900}, 0.9)', type: 'color', }, - name: '--fds-semantic-surface-action-primary-hover', + name: '--fds-semantic-surface-action-first-hover', attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'hover'], + path: ['semantic', 'surface', 'action', 'first', 'hover'], }, { - value: '#00078F', + value: 'rgba(0, 49, 93, 0.8)', type: 'color', description: 'Standard farge for handlinger', filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { - value: '{brand.primary.900}', + value: 'rgba({colors.blue.900}, 0.8)', type: 'color', description: 'Standard farge for handlinger', }, - name: '--fds-semantic-surface-action-primary-active', + name: '--fds-semantic-surface-action-first-active', attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'active'], + path: ['semantic', 'surface', 'action', 'first', 'active'], }, { value: '#ffffff', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { value: '{colors.white}', type: 'color', }, - name: '--fds-semantic-surface-action-primary-no_fill', + name: '--fds-semantic-surface-action-first-no_fill', attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'no_fill'], + path: ['semantic', 'surface', 'action', 'first', 'no_fill'], }, { - value: '#e6eff8', + value: 'rgba(0, 49, 93, 0.1)', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { - value: '{colors.blue.100}', + value: 'rgba({colors.blue.900}, 0.1)', type: 'color', }, - name: '--fds-semantic-surface-action-primary-no_fill-hover', + name: '--fds-semantic-surface-action-first-no_fill-hover', attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'no_fill-hover'], + path: ['semantic', 'surface', 'action', 'first', 'no_fill-hover'], }, { - value: '#b3d0ea', + value: 'rgba(0, 49, 93, 0.2)', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { - value: '{colors.blue.200}', + value: 'rgba({colors.blue.900}, 0.2)', type: 'color', }, - name: '--fds-semantic-surface-action-primary-no_fill-active', + name: '--fds-semantic-surface-action-first-no_fill-active', attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'no_fill-active'], + path: ['semantic', 'surface', 'action', 'first', 'no_fill-active'], }, { value: '#f4f5f6', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { value: '{colors.grey.100}', type: 'color', }, - name: '--fds-semantic-surface-action-secondary-subtle', + name: '--fds-semantic-surface-action-second-subtle', attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'subtle'], + path: ['semantic', 'surface', 'action', 'second', 'subtle'], }, { value: '#e9eaec', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { value: '{colors.grey.200}', type: 'color', }, - name: '--fds-semantic-surface-action-secondary-subtle-hover', + name: '--fds-semantic-surface-action-second-subtle-hover', attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'subtle-hover'], + path: ['semantic', 'surface', 'action', 'second', 'subtle-hover'], }, { - value: '#407d6d', + value: '#00315d', type: 'color', filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { - value: '{brand.tertiary.800}', + value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-surface-action-secondary-default', + name: '--fds-semantic-surface-action-second-default', attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'default'], + path: ['semantic', 'surface', 'action', 'second', 'default'], }, { - value: '#376C5E', + value: 'rgba(0, 49, 93, 0.9)', type: 'color', filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { - value: '{brand.tertiary.900}', + value: 'rgba({colors.blue.900}, 0.9)', type: 'color', }, - name: '--fds-semantic-surface-action-secondary-hover', + name: '--fds-semantic-surface-action-second-hover', attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'hover'], + path: ['semantic', 'surface', 'action', 'second', 'hover'], }, { - value: '#376C5E', + value: 'rgba(0, 49, 93, 0.8)', type: 'color', description: 'Standard farge for handlinger', filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { - value: '{brand.tertiary.900}', + value: 'rgba({colors.blue.900}, 0.8)', type: 'color', description: 'Standard farge for handlinger', }, - name: '--fds-semantic-surface-action-secondary-active', + name: '--fds-semantic-surface-action-second-active', attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'active'], + path: ['semantic', 'surface', 'action', 'second', 'active'], }, { value: '#ffffff', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { value: '{colors.white}', type: 'color', }, - name: '--fds-semantic-surface-action-secondary-no_fill', + name: '--fds-semantic-surface-action-second-no_fill', attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'no_fill'], + path: ['semantic', 'surface', 'action', 'second', 'no_fill'], }, { value: 'rgba(0, 49, 93, 0.1)', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { value: 'rgba({colors.blue.900}, 0.1)', type: 'color', }, - name: '--fds-semantic-surface-action-secondary-no_fill-hover', + name: '--fds-semantic-surface-action-second-no_fill-hover', attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-hover'], + path: ['semantic', 'surface', 'action', 'second', 'no_fill-hover'], }, { value: 'rgba(0, 49, 93, 0.2)', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { value: 'rgba({colors.blue.900}, 0.2)', type: 'color', }, - name: '--fds-semantic-surface-action-secondary-no_fill-active', + name: '--fds-semantic-surface-action-second-no_fill-active', attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-active'], + path: ['semantic', 'surface', 'action', 'second', 'no_fill-active'], }, { value: '#d1f4e1', @@ -809,12 +809,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { - value: '{brand.primary.200}', + value: '{brand.alt1.200}', type: 'color', }, - name: '--fds-semantic-surface-primary-light', + name: '--fds-semantic-surface-first-light', attributes: {}, - path: ['semantic', 'surface', 'primary', 'light'], + path: ['semantic', 'surface', 'first', 'light'], }, { value: '#bec0ed', @@ -822,12 +822,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { - value: '{brand.primary.300}', + value: '{brand.alt1.300}', type: 'color', }, - name: '--fds-semantic-surface-primary-light-hover', + name: '--fds-semantic-surface-first-light-hover', attributes: {}, - path: ['semantic', 'surface', 'primary', 'light-hover'], + path: ['semantic', 'surface', 'first', 'light-hover'], }, { value: '#9da0e4', @@ -835,12 +835,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { - value: '{brand.primary.400}', + value: '{brand.alt1.400}', type: 'color', }, - name: '--fds-semantic-surface-primary-light-active', + name: '--fds-semantic-surface-first-light-active', attributes: {}, - path: ['semantic', 'surface', 'primary', 'light-active'], + path: ['semantic', 'surface', 'first', 'light-active'], }, { value: '#0008b8', @@ -848,12 +848,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { - value: '{brand.primary.800}', + value: '{brand.alt1.800}', type: 'color', }, - name: '--fds-semantic-surface-primary-dark', + name: '--fds-semantic-surface-first-dark', attributes: {}, - path: ['semantic', 'surface', 'primary', 'dark'], + path: ['semantic', 'surface', 'first', 'dark'], }, { value: '#ffdcc3', @@ -861,12 +861,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { - value: '{brand.secondary.200}', + value: '{brand.alt2.200}', type: 'color', }, - name: '--fds-semantic-surface-secondary-light', + name: '--fds-semantic-surface-second-light', attributes: {}, - path: ['semantic', 'surface', 'secondary', 'light'], + path: ['semantic', 'surface', 'second', 'light'], }, { value: '#fdd4b7', @@ -874,12 +874,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { - value: '{brand.secondary.300}', + value: '{brand.alt2.300}', type: 'color', }, - name: '--fds-semantic-surface-secondary-light-hover', + name: '--fds-semantic-surface-second-light-hover', attributes: {}, - path: ['semantic', 'surface', 'secondary', 'light-hover'], + path: ['semantic', 'surface', 'second', 'light-hover'], }, { value: '#ffc296', @@ -887,12 +887,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { - value: '{brand.secondary.400}', + value: '{brand.alt2.400}', type: 'color', }, - name: '--fds-semantic-surface-secondary-light-active', + name: '--fds-semantic-surface-second-light-active', attributes: {}, - path: ['semantic', 'surface', 'secondary', 'light-active'], + path: ['semantic', 'surface', 'second', 'light-active'], }, { value: '#9F6841', @@ -900,12 +900,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { - value: '{brand.secondary.900}', + value: '{brand.alt2.900}', type: 'color', }, - name: '--fds-semantic-surface-secondary-dark', + name: '--fds-semantic-surface-second-dark', attributes: {}, - path: ['semantic', 'surface', 'secondary', 'dark'], + path: ['semantic', 'surface', 'second', 'dark'], }, { value: '#deece9', @@ -913,12 +913,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { - value: '{brand.tertiary.200}', + value: '{brand.alt3.200}', type: 'color', }, - name: '--fds-semantic-surface-tertiary-light', + name: '--fds-semantic-surface-third-light', attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'light'], + path: ['semantic', 'surface', 'third', 'light'], }, { value: '#bedad2', @@ -926,12 +926,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { - value: '{brand.tertiary.300}', + value: '{brand.alt3.300}', type: 'color', }, - name: '--fds-semantic-surface-tertiary-light-hover', + name: '--fds-semantic-surface-third-light-hover', attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'light-hover'], + path: ['semantic', 'surface', 'third', 'light-hover'], }, { value: '#9dc7bc', @@ -939,12 +939,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { - value: '{brand.tertiary.400}', + value: '{brand.alt3.400}', type: 'color', }, - name: '--fds-semantic-surface-tertiary-light-active', + name: '--fds-semantic-surface-third-light-active', attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'light-active'], + path: ['semantic', 'surface', 'third', 'light-active'], }, { value: '#407d6d', @@ -952,12 +952,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { - value: '{brand.tertiary.800}', + value: '{brand.alt3.800}', type: 'color', }, - name: '--fds-semantic-surface-tertiary-dark', + name: '--fds-semantic-surface-third-dark', attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'dark'], + path: ['semantic', 'surface', 'third', 'dark'], }, { value: '#004e95', @@ -1066,132 +1066,132 @@ export const color = [ { value: '#b3d0ea', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { value: '{colors.blue.200}', type: 'color', }, - name: '--fds-semantic-border-action-primary-subtle', + name: '--fds-semantic-border-action-first-subtle', attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'subtle'], + path: ['semantic', 'border', 'action', 'first', 'subtle'], }, { value: '#66a1d6', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { value: '{colors.blue.400}', type: 'color', }, - name: '--fds-semantic-border-action-primary-subtle-hover', + name: '--fds-semantic-border-action-first-subtle-hover', attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'subtle-hover'], + path: ['semantic', 'border', 'action', 'first', 'subtle-hover'], }, { value: '#0062ba', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { value: '{colors.blue.700}', type: 'color', }, - name: '--fds-semantic-border-action-primary-default', + name: '--fds-semantic-border-action-first-default', attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'default'], + path: ['semantic', 'border', 'action', 'first', 'default'], }, { value: '#004e95', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { value: '{colors.blue.800}', type: 'color', }, - name: '--fds-semantic-border-action-primary-hover', + name: '--fds-semantic-border-action-first-hover', attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'hover'], + path: ['semantic', 'border', 'action', 'first', 'hover'], }, { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-border-action-primary-active', + name: '--fds-semantic-border-action-first-active', attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'active'], + path: ['semantic', 'border', 'action', 'first', 'active'], }, { value: '#e9eaec', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { value: '{colors.grey.200}', type: 'color', }, - name: '--fds-semantic-border-action-secondary-subtle', + name: '--fds-semantic-border-action-second-subtle', attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'subtle'], + path: ['semantic', 'border', 'action', 'second', 'subtle'], }, { value: '#d2d5d8', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { value: '{colors.grey.300}', type: 'color', }, - name: '--fds-semantic-border-action-secondary-subtle-hover', + name: '--fds-semantic-border-action-second-subtle-hover', attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'subtle-hover'], + path: ['semantic', 'border', 'action', 'second', 'subtle-hover'], }, { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-border-action-secondary-default', + name: '--fds-semantic-border-action-second-default', attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'default'], + path: ['semantic', 'border', 'action', 'second', 'default'], }, { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-border-action-secondary-hover', + name: '--fds-semantic-border-action-second-hover', attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'hover'], + path: ['semantic', 'border', 'action', 'second', 'hover'], }, { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-border-action-secondary-active', + name: '--fds-semantic-border-action-second-active', attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'active'], + path: ['semantic', 'border', 'action', 'second', 'active'], }, { value: '#68707c', @@ -1433,12 +1433,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { - value: '{brand.primary.600}', + value: '{brand.alt1.600}', type: 'color', }, - name: '--fds-semantic-border-primary-default', + name: '--fds-semantic-border-first-default', attributes: {}, - path: ['semantic', 'border', 'primary', 'default'], + path: ['semantic', 'border', 'first', 'default'], }, { value: '#3339c6', @@ -1446,12 +1446,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { - value: '{brand.primary.700}', + value: '{brand.alt1.700}', type: 'color', }, - name: '--fds-semantic-border-primary-hover', + name: '--fds-semantic-border-first-hover', attributes: {}, - path: ['semantic', 'border', 'primary', 'hover'], + path: ['semantic', 'border', 'first', 'hover'], }, { value: '#0008b8', @@ -1459,12 +1459,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { - value: '{brand.primary.800}', + value: '{brand.alt1.800}', type: 'color', }, - name: '--fds-semantic-border-primary-active', + name: '--fds-semantic-border-first-active', attributes: {}, - path: ['semantic', 'border', 'primary', 'active'], + path: ['semantic', 'border', 'first', 'active'], }, { value: '#ffa869', @@ -1472,12 +1472,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { - value: '{brand.secondary.600}', + value: '{brand.alt2.600}', type: 'color', }, - name: '--fds-semantic-border-secondary-default', + name: '--fds-semantic-border-second-default', attributes: {}, - path: ['semantic', 'border', 'secondary', 'default'], + path: ['semantic', 'border', 'second', 'default'], }, { value: '#e6975f', @@ -1485,12 +1485,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { - value: '{brand.secondary.700}', + value: '{brand.alt2.700}', type: 'color', }, - name: '--fds-semantic-border-secondary-hover', + name: '--fds-semantic-border-second-hover', attributes: {}, - path: ['semantic', 'border', 'secondary', 'hover'], + path: ['semantic', 'border', 'second', 'hover'], }, { value: '#b3764a', @@ -1498,12 +1498,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { - value: '{brand.secondary.800}', + value: '{brand.alt2.800}', type: 'color', }, - name: '--fds-semantic-border-secondary-active', + name: '--fds-semantic-border-second-active', attributes: {}, - path: ['semantic', 'border', 'secondary', 'active'], + path: ['semantic', 'border', 'second', 'active'], }, { value: '#5ca28f', @@ -1511,12 +1511,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { - value: '{brand.tertiary.600}', + value: '{brand.alt3.600}', type: 'color', }, - name: '--fds-semantic-border-tertiary-default', + name: '--fds-semantic-border-third-default', attributes: {}, - path: ['semantic', 'border', 'tertiary', 'default'], + path: ['semantic', 'border', 'third', 'default'], }, { value: '#4c907e', @@ -1524,12 +1524,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { - value: '{brand.tertiary.700}', + value: '{brand.alt3.700}', type: 'color', }, - name: '--fds-semantic-border-tertiary-hover', + name: '--fds-semantic-border-third-hover', attributes: {}, - path: ['semantic', 'border', 'tertiary', 'hover'], + path: ['semantic', 'border', 'third', 'hover'], }, { value: '#407d6d', @@ -1537,12 +1537,12 @@ export const color = [ filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { - value: '{brand.tertiary.800}', + value: '{brand.alt3.800}', type: 'color', }, - name: '--fds-semantic-border-tertiary-active', + name: '--fds-semantic-border-third-active', attributes: {}, - path: ['semantic', 'border', 'tertiary', 'active'], + path: ['semantic', 'border', 'third', 'active'], }, { value: '#0c6536', @@ -1703,106 +1703,106 @@ export const color = [ { value: '#0062ba', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { value: '{colors.blue.700}', type: 'color', }, - name: '--fds-semantic-text-action-primary-default', + name: '--fds-semantic-text-action-first-default', attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'default'], + path: ['semantic', 'text', 'action', 'first', 'default'], }, { value: '#004e95', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { value: '#004e95', type: 'color', }, - name: '--fds-semantic-text-action-primary-hover', + name: '--fds-semantic-text-action-first-hover', attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'hover'], + path: ['semantic', 'text', 'action', 'first', 'hover'], }, { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { value: '#00315d', type: 'color', }, - name: '--fds-semantic-text-action-primary-active', + name: '--fds-semantic-text-action-first-active', attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'active'], + path: ['semantic', 'text', 'action', 'first', 'active'], }, { value: '#ffffff', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { value: '{colors.white}', type: 'color', }, - name: '--fds-semantic-text-action-primary-on_action', + name: '--fds-semantic-text-action-first-on_action', attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'on_action'], + path: ['semantic', 'text', 'action', 'first', 'on_action'], }, { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-text-action-secondary-default', + name: '--fds-semantic-text-action-second-default', attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'default'], + path: ['semantic', 'text', 'action', 'second', 'default'], }, { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-text-action-secondary-hover', + name: '--fds-semantic-text-action-second-hover', attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'hover'], + path: ['semantic', 'text', 'action', 'second', 'hover'], }, { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-text-action-secondary-active', + name: '--fds-semantic-text-action-second-active', attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'active'], + path: ['semantic', 'text', 'action', 'second', 'active'], }, { value: '#ffffff', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + filePath: '../../design-tokens/Brand/Tilsynet.json', isSource: false, original: { value: '{colors.white}', type: 'color', }, - name: '--fds-semantic-text-action-secondary-on_action', + name: '--fds-semantic-text-action-second-on_action', attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'on_action'], + path: ['semantic', 'text', 'action', 'second', 'on_action'], }, { value: '#995404', @@ -1930,9 +1930,9 @@ export const color = [ value: '#efeffb', type: 'color', }, - name: '--fds-brand-primary-100', + name: '--fds-brand-alt1-100', attributes: {}, - path: ['brand', 'primary', '100'], + path: ['brand', 'alt1', '100'], }, { value: '#dedff6', @@ -1943,9 +1943,9 @@ export const color = [ value: '#dedff6', type: 'color', }, - name: '--fds-brand-primary-200', + name: '--fds-brand-alt1-200', attributes: {}, - path: ['brand', 'primary', '200'], + path: ['brand', 'alt1', '200'], }, { value: '#bec0ed', @@ -1956,9 +1956,9 @@ export const color = [ value: '#bec0ed', type: 'color', }, - name: '--fds-brand-primary-300', + name: '--fds-brand-alt1-300', attributes: {}, - path: ['brand', 'primary', '300'], + path: ['brand', 'alt1', '300'], }, { value: '#9da0e4', @@ -1969,9 +1969,9 @@ export const color = [ value: '#9da0e4', type: 'color', }, - name: '--fds-brand-primary-400', + name: '--fds-brand-alt1-400', attributes: {}, - path: ['brand', 'primary', '400'], + path: ['brand', 'alt1', '400'], }, { value: '#7d81db', @@ -1982,9 +1982,9 @@ export const color = [ value: '#7d81db', type: 'color', }, - name: '--fds-brand-primary-500', + name: '--fds-brand-alt1-500', attributes: {}, - path: ['brand', 'primary', '500'], + path: ['brand', 'alt1', '500'], }, { value: '#5c61d2', @@ -1995,9 +1995,9 @@ export const color = [ value: '#5c61d2', type: 'color', }, - name: '--fds-brand-primary-600', + name: '--fds-brand-alt1-600', attributes: {}, - path: ['brand', 'primary', '600'], + path: ['brand', 'alt1', '600'], }, { value: '#3339c6', @@ -2008,9 +2008,9 @@ export const color = [ value: '#3339c6', type: 'color', }, - name: '--fds-brand-primary-700', + name: '--fds-brand-alt1-700', attributes: {}, - path: ['brand', 'primary', '700'], + path: ['brand', 'alt1', '700'], }, { value: '#0008b8', @@ -2021,9 +2021,9 @@ export const color = [ value: '#0008b8', type: 'color', }, - name: '--fds-brand-primary-800', + name: '--fds-brand-alt1-800', attributes: {}, - path: ['brand', 'primary', '800'], + path: ['brand', 'alt1', '800'], }, { value: '#00078F', @@ -2034,9 +2034,9 @@ export const color = [ value: '#00078F', type: 'color', }, - name: '--fds-brand-primary-900', + name: '--fds-brand-alt1-900', attributes: {}, - path: ['brand', 'primary', '900'], + path: ['brand', 'alt1', '900'], }, { value: '#ffeee1', @@ -2047,9 +2047,9 @@ export const color = [ value: '#ffeee1', type: 'color', }, - name: '--fds-brand-secondary-100', + name: '--fds-brand-alt2-100', attributes: {}, - path: ['brand', 'secondary', '100'], + path: ['brand', 'alt2', '100'], }, { value: '#ffdcc3', @@ -2060,9 +2060,9 @@ export const color = [ value: '#ffdcc3', type: 'color', }, - name: '--fds-brand-secondary-200', + name: '--fds-brand-alt2-200', attributes: {}, - path: ['brand', 'secondary', '200'], + path: ['brand', 'alt2', '200'], }, { value: '#fdd4b7', @@ -2073,9 +2073,9 @@ export const color = [ value: '#fdd4b7', type: 'color', }, - name: '--fds-brand-secondary-300', + name: '--fds-brand-alt2-300', attributes: {}, - path: ['brand', 'secondary', '300'], + path: ['brand', 'alt2', '300'], }, { value: '#ffc296', @@ -2086,9 +2086,9 @@ export const color = [ value: '#ffc296', type: 'color', }, - name: '--fds-brand-secondary-400', + name: '--fds-brand-alt2-400', attributes: {}, - path: ['brand', 'secondary', '400'], + path: ['brand', 'alt2', '400'], }, { value: '#ffb178', @@ -2099,9 +2099,9 @@ export const color = [ value: '#ffb178', type: 'color', }, - name: '--fds-brand-secondary-500', + name: '--fds-brand-alt2-500', attributes: {}, - path: ['brand', 'secondary', '500'], + path: ['brand', 'alt2', '500'], }, { value: '#ffa869', @@ -2112,9 +2112,9 @@ export const color = [ value: '#ffa869', type: 'color', }, - name: '--fds-brand-secondary-600', + name: '--fds-brand-alt2-600', attributes: {}, - path: ['brand', 'secondary', '600'], + path: ['brand', 'alt2', '600'], }, { value: '#e6975f', @@ -2125,9 +2125,9 @@ export const color = [ value: '#e6975f', type: 'color', }, - name: '--fds-brand-secondary-700', + name: '--fds-brand-alt2-700', attributes: {}, - path: ['brand', 'secondary', '700'], + path: ['brand', 'alt2', '700'], }, { value: '#b3764a', @@ -2138,9 +2138,9 @@ export const color = [ value: '#b3764a', type: 'color', }, - name: '--fds-brand-secondary-800', + name: '--fds-brand-alt2-800', attributes: {}, - path: ['brand', 'secondary', '800'], + path: ['brand', 'alt2', '800'], }, { value: '#9F6841', @@ -2151,9 +2151,9 @@ export const color = [ value: '#9F6841', type: 'color', }, - name: '--fds-brand-secondary-900', + name: '--fds-brand-alt2-900', attributes: {}, - path: ['brand', 'secondary', '900'], + path: ['brand', 'alt2', '900'], }, { value: '#eff6f4', @@ -2164,9 +2164,9 @@ export const color = [ value: '#eff6f4', type: 'color', }, - name: '--fds-brand-tertiary-100', + name: '--fds-brand-alt3-100', attributes: {}, - path: ['brand', 'tertiary', '100'], + path: ['brand', 'alt3', '100'], }, { value: '#deece9', @@ -2177,9 +2177,9 @@ export const color = [ value: '#deece9', type: 'color', }, - name: '--fds-brand-tertiary-200', + name: '--fds-brand-alt3-200', attributes: {}, - path: ['brand', 'tertiary', '200'], + path: ['brand', 'alt3', '200'], }, { value: '#bedad2', @@ -2190,9 +2190,9 @@ export const color = [ value: '#bedad2', type: 'color', }, - name: '--fds-brand-tertiary-300', + name: '--fds-brand-alt3-300', attributes: {}, - path: ['brand', 'tertiary', '300'], + path: ['brand', 'alt3', '300'], }, { value: '#9dc7bc', @@ -2203,9 +2203,9 @@ export const color = [ value: '#9dc7bc', type: 'color', }, - name: '--fds-brand-tertiary-400', + name: '--fds-brand-alt3-400', attributes: {}, - path: ['brand', 'tertiary', '400'], + path: ['brand', 'alt3', '400'], }, { value: '#7db5a5', @@ -2216,9 +2216,9 @@ export const color = [ value: '#7db5a5', type: 'color', }, - name: '--fds-brand-tertiary-500', + name: '--fds-brand-alt3-500', attributes: {}, - path: ['brand', 'tertiary', '500'], + path: ['brand', 'alt3', '500'], }, { value: '#5ca28f', @@ -2229,9 +2229,9 @@ export const color = [ value: '#5ca28f', type: 'color', }, - name: '--fds-brand-tertiary-600', + name: '--fds-brand-alt3-600', attributes: {}, - path: ['brand', 'tertiary', '600'], + path: ['brand', 'alt3', '600'], }, { value: '#4c907e', @@ -2242,9 +2242,9 @@ export const color = [ value: '#4c907e', type: 'color', }, - name: '--fds-brand-tertiary-700', + name: '--fds-brand-alt3-700', attributes: {}, - path: ['brand', 'tertiary', '700'], + path: ['brand', 'alt3', '700'], }, { value: '#407d6d', @@ -2255,9 +2255,9 @@ export const color = [ value: '#407d6d', type: 'color', }, - name: '--fds-brand-tertiary-800', + name: '--fds-brand-alt3-800', attributes: {}, - path: ['brand', 'tertiary', '800'], + path: ['brand', 'alt3', '800'], }, { value: '#376C5E', @@ -2268,9 +2268,9 @@ export const color = [ value: '#376C5E', type: 'color', }, - name: '--fds-brand-tertiary-900', + name: '--fds-brand-alt3-900', attributes: {}, - path: ['brand', 'tertiary', '900'], + path: ['brand', 'alt3', '900'], }, ];