diff --git a/apps/storefront/tokens/altinn/dark.ts b/apps/storefront/tokens/altinn/dark.ts index 50f0487aea..d881398aea 100644 --- a/apps/storefront/tokens/altinn/dark.ts +++ b/apps/storefront/tokens/altinn/dark.ts @@ -4,3573 +4,3573 @@ export const color = [ { - value: "#001c36", + value: "#08200c", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.1}", + value: "#08200c", type: "color" }, - name: "--fds-color-accent-background-default", + name: "--fds-global-green-1", attributes: {}, path: [ - "color", - "accent", - "background-default" + "global", + "green", + "1" ] }, { - value: "#002445", + value: "#0b290f", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.2}", + value: "#0b290f", type: "color" }, - name: "--fds-color-accent-background-subtle", + name: "--fds-global-green-2", attributes: {}, path: [ - "color", - "accent", - "background-subtle" + "global", + "green", + "2" ] }, { - value: "#00315c", + value: "#0f3814", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.3}", + value: "#0f3814", type: "color" }, - name: "--fds-color-accent-surface-default", + name: "--fds-global-green-3", attributes: {}, path: [ - "color", - "accent", - "surface-default" + "global", + "green", + "3" ] }, { - value: "#00396d", + value: "#114218", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.4}", + value: "#114218", type: "color" }, - name: "--fds-color-accent-surface-hover", + name: "--fds-global-green-4", attributes: {}, path: [ - "color", - "accent", - "surface-hover" + "global", + "green", + "4" ] }, { - value: "#00427e", + value: "#144c1c", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.5}", + value: "#144c1c", type: "color" }, - name: "--fds-color-accent-surface-active", + name: "--fds-global-green-5", attributes: {}, path: [ - "color", - "accent", - "surface-active" + "global", + "green", + "5" ] }, { - value: "#00529d", + value: "#185e22", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.6}", + value: "#185e22", type: "color" }, - name: "--fds-color-accent-border-subtle", + name: "--fds-global-green-6", attributes: {}, path: [ - "color", - "accent", - "border-subtle" + "global", + "green", + "6" ] }, { - value: "#0f6bbe", + value: "#207a2c", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.7}", + value: "#207a2c", type: "color" }, - name: "--fds-color-accent-border-default", + name: "--fds-global-green-7", attributes: {}, path: [ - "color", - "accent", - "border-default" + "global", + "green", + "7" ] }, { - value: "#3d88ca", + value: "#279636", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.8}", + value: "#279636", type: "color" }, - name: "--fds-color-accent-border-strong", + name: "--fds-global-green-8", attributes: {}, path: [ - "color", - "accent", - "border-strong" + "global", + "green", + "8" ] }, { - value: "#0163ba", + value: "#2ca63d", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.9}", + value: "#2ca63d", type: "color" }, - name: "--fds-color-accent-base-default", + name: "--fds-global-green-9", attributes: {}, path: [ - "color", - "accent", - "base-default" + "global", + "green", + "9" ] }, { - value: "#004d93", + value: "#248c33", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.10}", + value: "#248c33", type: "color" }, - name: "--fds-color-accent-base-hover", + name: "--fds-global-green-10", attributes: {}, path: [ - "color", - "accent", - "base-hover" + "global", + "green", + "10" ] }, { - value: "#00396d", + value: "#1d7129", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.11}", + value: "#1d7129", type: "color" }, - name: "--fds-color-accent-base-active", + name: "--fds-global-green-11", attributes: {}, path: [ - "color", - "accent", - "base-active" + "global", + "green", + "11" ] }, { - value: "#7eb0dc", + value: "#64be70", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.12}", + value: "#64be70", type: "color" }, - name: "--fds-color-accent-text-subtle", + name: "--fds-global-green-12", attributes: {}, path: [ - "color", - "accent", - "text-subtle" + "global", + "green", + "12" ] }, { - value: "#b0cfea", + value: "#a2d8aa", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.13}", + value: "#a2d8aa", type: "color" }, - name: "--fds-color-accent-text-default", + name: "--fds-global-green-13", attributes: {}, path: [ - "color", - "accent", - "text-default" + "global", + "green", + "13" ] }, { - value: "#f6fafd", + value: "#000", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.contrast-1}", + value: "#000", type: "color" }, - name: "--fds-color-accent-contrast-first", + name: "--fds-global-green-contrast-1", attributes: {}, path: [ - "color", - "accent", - "contrast-first" + "global", + "green", + "contrast-1" ] }, { - value: "#ddeaf6", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-accent-contrast-second", + name: "--fds-global-green-contrast-2", attributes: {}, path: [ - "color", - "accent", - "contrast-second" + "global", + "green", + "contrast-2" ] }, { - value: "#131c27", + value: "#211b08", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.1}", + value: "#211b08", type: "color" }, - name: "--fds-color-neutral-background-default", + name: "--fds-global-yellow-1", attributes: {}, path: [ - "color", - "neutral", - "background-default" + "global", + "yellow", + "1" ] }, { - value: "#192433", + value: "#2b230a", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.2}", + value: "#2b230a", type: "color" }, - name: "--fds-color-neutral-background-subtle", + name: "--fds-global-yellow-2", attributes: {}, path: [ - "color", - "neutral", - "background-subtle" + "global", + "yellow", + "2" ] }, { - value: "#243142", + value: "#3a300e", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.3}", + value: "#3a300e", type: "color" }, - name: "--fds-color-neutral-surface-default", + name: "--fds-global-yellow-3", attributes: {}, path: [ - "color", - "neutral", - "surface-default" + "global", + "yellow", + "3" ] }, { - value: "#2e3a4a", + value: "#453810", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.4}", + value: "#453810", type: "color" }, - name: "--fds-color-neutral-surface-hover", + name: "--fds-global-yellow-4", attributes: {}, path: [ - "color", - "neutral", - "surface-hover" + "global", + "yellow", + "4" ] }, { - value: "#374352", + value: "#4e4013", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.5}", + value: "#4e4013", type: "color" }, - name: "--fds-color-neutral-surface-active", + name: "--fds-global-yellow-5", attributes: {}, path: [ - "color", - "neutral", - "surface-active" + "global", + "yellow", + "5" ] }, { - value: "#495361", + value: "#625017", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.6}", + value: "#625017", type: "color" }, - name: "--fds-color-neutral-border-subtle", + name: "--fds-global-yellow-6", attributes: {}, path: [ - "color", - "neutral", - "border-subtle" + "global", + "yellow", + "6" ] }, { - value: "#626b77", + value: "#7f681e", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.7}", + value: "#7f681e", type: "color" }, - name: "--fds-color-neutral-border-default", + name: "--fds-global-yellow-7", attributes: {}, path: [ - "color", - "neutral", - "border-default" + "global", + "yellow", + "7" ] }, { - value: "#7d848e", + value: "#9c8125", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.8}", + value: "#9c8125", type: "color" }, - name: "--fds-color-neutral-border-strong", + name: "--fds-global-yellow-8", attributes: {}, path: [ - "color", - "neutral", - "border-strong" + "global", + "yellow", + "8" ] }, { - value: "#1e2b3c", + value: "#ecc238", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.9}", + value: "#ecc238", type: "color" }, - name: "--fds-color-neutral-base-default", + name: "--fds-global-yellow-9", attributes: {}, path: [ - "color", - "neutral", - "base-default" + "global", + "yellow", + "9" ] }, { - value: "#333e4e", + value: "#cfaa31", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.10}", + value: "#cfaa31", type: "color" }, - name: "--fds-color-neutral-base-hover", + name: "--fds-global-yellow-10", attributes: {}, path: [ - "color", - "neutral", - "base-hover" + "global", + "yellow", + "10" ] }, { - value: "#495361", + value: "#b2922a", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.11}", + value: "#b2922a", type: "color" }, - name: "--fds-color-neutral-base-active", + name: "--fds-global-yellow-11", attributes: {}, path: [ - "color", - "neutral", - "base-active" + "global", + "yellow", + "11" ] }, { - value: "#a6abb2", + value: "#cca730", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.12}", + value: "#cca730", type: "color" }, - name: "--fds-color-neutral-text-subtle", + name: "--fds-global-yellow-12", attributes: {}, path: [ - "color", - "neutral", - "text-subtle" + "global", + "yellow", + "12" ] }, { - value: "#c9ccd0", + value: "#eec84d", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.13}", + value: "#eec84d", type: "color" }, - name: "--fds-color-neutral-text-default", + name: "--fds-global-yellow-13", attributes: {}, path: [ - "color", - "neutral", - "text-default" + "global", + "yellow", + "13" ] }, { - value: "#f9f9fa", + value: "#000", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.contrast-1}", + value: "#000", type: "color" }, - name: "--fds-color-neutral-contrast-first", + name: "--fds-global-yellow-contrast-1", attributes: {}, path: [ - "color", - "neutral", - "contrast-first" + "global", + "yellow", + "contrast-1" ] }, { - value: "#9ea3ab", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-neutral-contrast-second", + name: "--fds-global-yellow-contrast-2", attributes: {}, path: [ - "color", - "neutral", - "contrast-second" + "global", + "yellow", + "contrast-2" ] }, { - value: "#2f1213", + value: "#2d1508", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.1}", + value: "#2d1508", type: "color" }, - name: "--fds-color-brand1-background-default", + name: "--fds-global-orange-1", attributes: {}, path: [ - "color", - "brand1", - "background-default" + "global", + "orange", + "1" ] }, { - value: "#3c1819", + value: "#3a1b0a", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.2}", + value: "#3a1b0a", type: "color" }, - name: "--fds-color-brand1-background-subtle", + name: "--fds-global-orange-2", attributes: {}, path: [ - "color", - "brand1", - "background-subtle" + "global", + "orange", + "2" ] }, { - value: "#522021", + value: "#4f240d", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.3}", + value: "#4f240d", type: "color" }, - name: "--fds-color-brand1-surface-default", + name: "--fds-global-orange-3", attributes: {}, path: [ - "color", - "brand1", - "surface-default" + "global", + "orange", + "3" ] }, { - value: "#602627", + value: "#5d2b0f", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.4}", + value: "#5d2b0f", type: "color" }, - name: "--fds-color-brand1-surface-hover", + name: "--fds-global-orange-4", attributes: {}, path: [ - "color", - "brand1", - "surface-hover" + "global", + "orange", + "4" ] }, { - value: "#702c2e", + value: "#6b3212", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.5}", + value: "#6b3212", type: "color" }, - name: "--fds-color-brand1-surface-active", + name: "--fds-global-orange-5", attributes: {}, path: [ - "color", - "brand1", - "surface-active" + "global", + "orange", + "5" ] }, { - value: "#8b3639", + value: "#853e16", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.6}", + value: "#853e16", type: "color" }, - name: "--fds-color-brand1-border-subtle", + name: "--fds-global-orange-6", attributes: {}, path: [ - "color", - "brand1", - "border-subtle" + "global", + "orange", + "6" ] }, { - value: "#b34649", + value: "#ac4f1c", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.7}", + value: "#ac4f1c", type: "color" }, - name: "--fds-color-brand1-border-default", + name: "--fds-global-orange-7", attributes: {}, path: [ - "color", - "brand1", - "border-default" + "global", + "orange", + "7" ] }, { - value: "#dd565a", + value: "#d46223", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.8}", + value: "#d46223", type: "color" }, - name: "--fds-color-brand1-border-strong", + name: "--fds-global-orange-8", attributes: {}, path: [ - "color", - "brand1", - "border-strong" + "global", + "orange", + "8" ] }, { - value: "#f35f63", + value: "#d46223", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.9}", + value: "#d46223", type: "color" }, - name: "--fds-color-brand1-base-default", + name: "--fds-global-orange-9", attributes: {}, path: [ - "color", - "brand1", - "base-default" + "global", + "orange", + "9" ] }, { - value: "#cc5053", + value: "#b0511d", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.10}", + value: "#b0511d", type: "color" }, - name: "--fds-color-brand1-base-hover", + name: "--fds-global-orange-10", attributes: {}, path: [ - "color", - "brand1", - "base-hover" + "global", + "orange", + "10" ] }, { - value: "#a84144", + value: "#8e4117", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.11}", + value: "#8e4117", type: "color" }, - name: "--fds-color-brand1-base-active", + name: "--fds-global-orange-11", attributes: {}, path: [ - "color", - "brand1", - "base-active" + "global", + "orange", + "11" ] }, { - value: "#f78d8f", + value: "#e39a72", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.12}", + value: "#e39a72", type: "color" }, - name: "--fds-color-brand1-text-subtle", + name: "--fds-global-orange-12", attributes: {}, path: [ - "color", - "brand1", - "text-subtle" + "global", + "orange", + "12" ] }, { - value: "#fabcbd", + value: "#efc3ab", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.13}", + value: "#efc3ab", type: "color" }, - name: "--fds-color-brand1-text-default", + name: "--fds-global-orange-13", attributes: {}, path: [ - "color", - "brand1", - "text-default" + "global", + "orange", + "13" ] }, { - value: "#41191b", + value: "#ffffff", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.contrast-1}", + value: "#ffffff", type: "color" }, - name: "--fds-color-brand1-contrast-first", + name: "--fds-global-orange-contrast-1", attributes: {}, path: [ - "color", - "brand1", - "contrast-first" + "global", + "orange", + "contrast-1" ] }, { - value: "#2f1213", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-brand1-contrast-second", + name: "--fds-global-orange-contrast-2", attributes: {}, path: [ - "color", - "brand1", - "contrast-second" + "global", + "orange", + "contrast-2" ] }, { - value: "#231a05", + value: "#380c0c", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.1}", + value: "#380c0c", type: "color" }, - name: "--fds-color-brand2-background-default", + name: "--fds-global-red-1", attributes: {}, path: [ - "color", - "brand2", - "background-default" + "global", + "red", + "1" ] }, { - value: "#2d2206", + value: "#470f10", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.2}", + value: "#470f10", type: "color" }, - name: "--fds-color-brand2-background-subtle", + name: "--fds-global-red-2", attributes: {}, path: [ - "color", - "brand2", - "background-subtle" + "global", + "red", + "2" ] }, { - value: "#3d2e09", + value: "#5e1515", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.3}", + value: "#5e1515", type: "color" }, - name: "--fds-color-brand2-surface-default", + name: "--fds-global-red-3", attributes: {}, path: [ - "color", - "brand2", - "surface-default" + "global", + "red", + "3" ] }, { - value: "#48360a", + value: "#6f1819", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.4}", + value: "#6f1819", type: "color" }, - name: "--fds-color-brand2-surface-hover", + name: "--fds-global-red-4", attributes: {}, path: [ - "color", - "brand2", - "surface-hover" + "global", + "red", + "4" ] }, { - value: "#543e0c", + value: "#7f1c1c", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.5}", + value: "#7f1c1c", type: "color" }, - name: "--fds-color-brand2-surface-active", + name: "--fds-global-red-5", attributes: {}, path: [ - "color", - "brand2", - "surface-active" + "global", + "red", + "5" ] }, { - value: "#684e0f", + value: "#9d2223", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.6}", + value: "#9d2223", type: "color" }, - name: "--fds-color-brand2-border-subtle", + name: "--fds-global-red-6", attributes: {}, path: [ - "color", - "brand2", - "border-subtle" + "global", + "red", + "6" ] }, { - value: "#876413", + value: "#bb3f40", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.7}", + value: "#bb3f40", type: "color" }, - name: "--fds-color-brand2-border-default", + name: "--fds-global-red-7", attributes: {}, path: [ - "color", - "brand2", - "border-default" + "global", + "red", + "7" ] }, { - value: "#a87c17", + value: "#c96666", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.8}", + value: "#c96666", type: "color" }, - name: "--fds-color-brand2-border-strong", + name: "--fds-global-red-8", attributes: {}, path: [ - "color", - "brand2", - "border-strong" + "global", + "red", + "8" ] }, { - value: "#e4a920", + value: "#b32728", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.9}", + value: "#b32728", type: "color" }, - name: "--fds-color-brand2-base-default", + name: "--fds-global-red-9", attributes: {}, path: [ - "color", - "brand2", - "base-default" + "global", + "red", + "9" ] }, { - value: "#c6931c", + value: "#8c1f1f", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.10}", + value: "#8c1f1f", type: "color" }, - name: "--fds-color-brand2-base-hover", + name: "--fds-global-red-10", attributes: {}, path: [ - "color", - "brand2", - "base-hover" - ] + "global", + "red", + "10" + ] }, { - value: "#a87c17", + value: "#671617", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.11}", + value: "#671617", type: "color" }, - name: "--fds-color-brand2-base-active", + name: "--fds-global-red-11", attributes: {}, path: [ - "color", - "brand2", - "base-active" + "global", + "red", + "11" ] }, { - value: "#daa21f", + value: "#dc9a9b", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.12}", + value: "#dc9a9b", type: "color" }, - name: "--fds-color-brand2-text-subtle", + name: "--fds-global-red-12", attributes: {}, path: [ - "color", - "brand2", - "text-subtle" + "global", + "red", + "12" ] }, { - value: "#eec76c", + value: "#e9c2c2", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.13}", + value: "#e9c2c2", type: "color" }, - name: "--fds-color-brand2-text-default", + name: "--fds-global-red-13", attributes: {}, path: [ - "color", - "brand2", - "text-default" + "global", + "red", + "13" ] }, { - value: "#302407", + value: "#000", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.contrast-1}", + value: "#000", type: "color" }, - name: "--fds-color-brand2-contrast-first", + name: "--fds-global-red-contrast-1", attributes: {}, path: [ - "color", - "brand2", - "contrast-first" + "global", + "red", + "contrast-1" ] }, { - value: "#45340a", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-brand2-contrast-second", + name: "--fds-global-red-contrast-2", attributes: {}, path: [ - "color", - "brand2", - "contrast-second" + "global", + "red", + "contrast-2" ] }, { - value: "#061d30", + value: "#031d30", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.1}", + value: "#031d30", type: "color" }, - name: "--fds-color-brand3-background-default", + name: "--fds-global-blue-1", attributes: {}, path: [ - "color", - "brand3", - "background-default" + "global", + "blue", + "1" ] }, { - value: "#07253c", + value: "#032540", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.2}", + value: "#032540", type: "color" }, - name: "--fds-color-brand3-background-subtle", + name: "--fds-global-blue-2", attributes: {}, path: [ - "color", - "brand3", - "background-subtle" + "global", + "blue", + "2" ] }, { - value: "#0a3251", + value: "#043256", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.3}", + value: "#043256", type: "color" }, - name: "--fds-color-brand3-surface-default", + name: "--fds-global-blue-3", attributes: {}, path: [ - "color", - "brand3", - "surface-default" + "global", + "blue", + "3" ] }, { - value: "#0c3b60", + value: "#053c65", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.4}", + value: "#053c65", type: "color" }, - name: "--fds-color-brand3-surface-hover", + name: "--fds-global-blue-4", attributes: {}, path: [ - "color", - "brand3", - "surface-hover" + "global", + "blue", + "4" ] }, { - value: "#0e446e", + value: "#064474", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.5}", + value: "#064474", type: "color" }, - name: "--fds-color-brand3-surface-active", + name: "--fds-global-blue-5", attributes: {}, path: [ - "color", - "brand3", - "surface-active" + "global", + "blue", + "5" ] }, { - value: "#11558a", + value: "#075490", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.6}", + value: "#075490", type: "color" }, - name: "--fds-color-brand3-border-subtle", + name: "--fds-global-blue-6", attributes: {}, path: [ - "color", - "brand3", - "border-subtle" + "global", + "blue", + "6" ] }, { - value: "#166eb2", + value: "#0a6dba", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.7}", + value: "#0a6dba", type: "color" }, - name: "--fds-color-brand3-border-default", + name: "--fds-global-blue-7", attributes: {}, path: [ - "color", - "brand3", - "border-default" + "global", + "blue", + "7" ] }, { - value: "#1b88db", + value: "#3389cb", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.8}", + value: "#3389cb", type: "color" }, - name: "--fds-color-brand3-border-strong", + name: "--fds-global-blue-8", attributes: {}, path: [ - "color", - "brand3", - "border-strong" + "global", + "blue", + "8" ] }, { - value: "#1e98f5", + value: "#0c72c1", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.9}", + value: "#0c72c1", type: "color" }, - name: "--fds-color-brand3-base-default", + name: "--fds-global-blue-9", attributes: {}, path: [ - "color", - "brand3", - "base-default" + "global", + "blue", + "9" ] }, { - value: "#1980ce", + value: "#085c9c", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.10}", + value: "#085c9c", type: "color" }, - name: "--fds-color-brand3-base-hover", + name: "--fds-global-blue-10", attributes: {}, path: [ - "color", - "brand3", - "base-hover" + "global", + "blue", + "10" ] }, { - value: "#1569a9", + value: "#064678", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.11}", + value: "#064678", type: "color" }, - name: "--fds-color-brand3-base-active", + name: "--fds-global-blue-11", attributes: {}, path: [ - "color", - "brand3", - "base-active" + "global", + "blue", + "11" ] }, { - value: "#57b2f8", + value: "#78b1dc", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.12}", + value: "#78b1dc", type: "color" }, - name: "--fds-color-brand3-text-subtle", + name: "--fds-global-blue-12", attributes: {}, path: [ - "color", - "brand3", - "text-subtle" + "global", + "blue", + "12" ] }, { - value: "#9cd2fb", + value: "#aed0ea", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.13}", + value: "#aed0ea", type: "color" }, - name: "--fds-color-brand3-text-default", + name: "--fds-global-blue-13", attributes: {}, path: [ - "color", - "brand3", - "text-default" + "global", + "blue", + "13" ] }, { - value: "#082740", + value: "#ffffff", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.contrast-1}", + value: "#ffffff", type: "color" }, - name: "--fds-color-brand3-contrast-first", + name: "--fds-global-blue-contrast-1", attributes: {}, path: [ - "color", - "brand3", - "contrast-first" + "global", + "blue", + "contrast-1" ] }, { - value: "#061f33", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-brand3-contrast-second", + name: "--fds-global-blue-contrast-2", attributes: {}, path: [ - "color", - "brand3", - "contrast-second" + "global", + "blue", + "contrast-2" ] }, { - value: "#08200c", + value: "#001c36", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.1}", + value: "{color.accent.1}", type: "color" }, - name: "--fds-color-success-background-default", + name: "--fds-color-accent-background-default", attributes: {}, path: [ "color", - "success", + "accent", "background-default" ] }, { - value: "#0b290f", + value: "#002445", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.2}", + value: "{color.accent.2}", type: "color" }, - name: "--fds-color-success-background-subtle", + name: "--fds-color-accent-background-subtle", attributes: {}, path: [ "color", - "success", + "accent", "background-subtle" ] }, { - value: "#0f3814", + value: "#00315c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.3}", + value: "{color.accent.3}", type: "color" }, - name: "--fds-color-success-surface-default", + name: "--fds-color-accent-surface-default", attributes: {}, path: [ "color", - "success", + "accent", "surface-default" ] }, { - value: "#114218", + value: "#00396d", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.4}", + value: "{color.accent.4}", type: "color" }, - name: "--fds-color-success-surface-hover", + name: "--fds-color-accent-surface-hover", attributes: {}, path: [ "color", - "success", + "accent", "surface-hover" ] }, { - value: "#144c1c", + value: "#00427e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.5}", + value: "{color.accent.5}", type: "color" }, - name: "--fds-color-success-surface-active", + name: "--fds-color-accent-surface-active", attributes: {}, path: [ "color", - "success", + "accent", "surface-active" ] }, { - value: "#185e22", + value: "#00529d", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.6}", + value: "{color.accent.6}", type: "color" }, - name: "--fds-color-success-border-subtle", + name: "--fds-color-accent-border-subtle", attributes: {}, path: [ "color", - "success", + "accent", "border-subtle" ] }, { - value: "#207a2c", + value: "#0f6bbe", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.7}", + value: "{color.accent.7}", type: "color" }, - name: "--fds-color-success-border-default", + name: "--fds-color-accent-border-default", attributes: {}, path: [ "color", - "success", + "accent", "border-default" ] }, { - value: "#279636", + value: "#3d88ca", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.8}", + value: "{color.accent.8}", type: "color" }, - name: "--fds-color-success-border-strong", + name: "--fds-color-accent-border-strong", attributes: {}, path: [ "color", - "success", + "accent", "border-strong" ] }, { - value: "#2ca63d", + value: "#0163ba", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.9}", + value: "{color.accent.9}", type: "color" }, - name: "--fds-color-success-base-default", + name: "--fds-color-accent-base-default", attributes: {}, path: [ "color", - "success", + "accent", "base-default" ] }, { - value: "#248c33", + value: "#004d93", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.10}", + value: "{color.accent.10}", type: "color" }, - name: "--fds-color-success-base-hover", + name: "--fds-color-accent-base-hover", attributes: {}, path: [ "color", - "success", + "accent", "base-hover" ] }, { - value: "#1d7129", + value: "#00396d", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.11}", + value: "{color.accent.11}", type: "color" }, - name: "--fds-color-success-base-active", + name: "--fds-color-accent-base-active", attributes: {}, path: [ "color", - "success", + "accent", "base-active" ] }, { - value: "#64be70", + value: "#7eb0dc", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.12}", + value: "{color.accent.12}", type: "color" }, - name: "--fds-color-success-text-subtle", + name: "--fds-color-accent-text-subtle", attributes: {}, path: [ "color", - "success", + "accent", "text-subtle" ] }, { - value: "#a2d8aa", + value: "#b0cfea", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.13}", + value: "{color.accent.13}", type: "color" }, - name: "--fds-color-success-text-default", + name: "--fds-color-accent-text-default", attributes: {}, path: [ "color", - "success", + "accent", "text-default" ] }, { - value: "#000", + value: "#f6fafd", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.contrast-1}", + value: "{color.accent.contrast-1}", type: "color" }, - name: "--fds-color-success-contrast-first", + name: "--fds-color-accent-contrast-first", attributes: {}, path: [ "color", - "success", + "accent", "contrast-first" ] }, { - value: "#e6e6e6", + value: "#ddeaf6", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.contrast-2}", + value: "{color.accent.contrast-2}", type: "color" }, - name: "--fds-color-success-contrast-second", + name: "--fds-color-accent-contrast-second", attributes: {}, path: [ "color", - "success", + "accent", "contrast-second" ] }, { - value: "#380c0c", + value: "#131c27", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.1}", + value: "{color.neutral.1}", type: "color" }, - name: "--fds-color-danger-background-default", + name: "--fds-color-neutral-background-default", attributes: {}, path: [ "color", - "danger", + "neutral", "background-default" ] }, { - value: "#470f10", + value: "#192433", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.2}", + value: "{color.neutral.2}", type: "color" }, - name: "--fds-color-danger-background-subtle", + name: "--fds-color-neutral-background-subtle", attributes: {}, path: [ "color", - "danger", + "neutral", "background-subtle" ] }, { - value: "#5e1515", + value: "#243142", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.3}", + value: "{color.neutral.3}", type: "color" }, - name: "--fds-color-danger-surface-default", + name: "--fds-color-neutral-surface-default", attributes: {}, path: [ "color", - "danger", + "neutral", "surface-default" ] }, { - value: "#6f1819", + value: "#2e3a4a", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.4}", + value: "{color.neutral.4}", type: "color" }, - name: "--fds-color-danger-surface-hover", + name: "--fds-color-neutral-surface-hover", attributes: {}, path: [ "color", - "danger", + "neutral", "surface-hover" ] }, { - value: "#7f1c1c", + value: "#374352", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.5}", + value: "{color.neutral.5}", type: "color" }, - name: "--fds-color-danger-surface-active", + name: "--fds-color-neutral-surface-active", attributes: {}, path: [ "color", - "danger", + "neutral", "surface-active" ] }, { - value: "#9d2223", + value: "#495361", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.6}", + value: "{color.neutral.6}", type: "color" }, - name: "--fds-color-danger-border-subtle", + name: "--fds-color-neutral-border-subtle", attributes: {}, path: [ "color", - "danger", + "neutral", "border-subtle" ] }, { - value: "#bb3f40", + value: "#626b77", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.7}", + value: "{color.neutral.7}", type: "color" }, - name: "--fds-color-danger-border-default", + name: "--fds-color-neutral-border-default", attributes: {}, path: [ "color", - "danger", + "neutral", "border-default" ] }, { - value: "#c96666", + value: "#7d848e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.8}", + value: "{color.neutral.8}", type: "color" }, - name: "--fds-color-danger-border-strong", + name: "--fds-color-neutral-border-strong", attributes: {}, path: [ "color", - "danger", + "neutral", "border-strong" ] }, { - value: "#b32728", + value: "#1e2b3c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.9}", + value: "{color.neutral.9}", type: "color" }, - name: "--fds-color-danger-base-default", + name: "--fds-color-neutral-base-default", attributes: {}, path: [ "color", - "danger", + "neutral", "base-default" ] }, { - value: "#8c1f1f", + value: "#333e4e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.10}", + value: "{color.neutral.10}", type: "color" }, - name: "--fds-color-danger-base-hover", + name: "--fds-color-neutral-base-hover", attributes: {}, path: [ "color", - "danger", + "neutral", "base-hover" ] }, { - value: "#671617", + value: "#495361", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.11}", + value: "{color.neutral.11}", type: "color" }, - name: "--fds-color-danger-base-active", + name: "--fds-color-neutral-base-active", attributes: {}, path: [ "color", - "danger", + "neutral", "base-active" ] }, { - value: "#dc9a9b", + value: "#a6abb2", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.12}", + value: "{color.neutral.12}", type: "color" }, - name: "--fds-color-danger-text-subtle", + name: "--fds-color-neutral-text-subtle", attributes: {}, path: [ "color", - "danger", + "neutral", "text-subtle" ] }, { - value: "#e9c2c2", + value: "#c9ccd0", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.13}", + value: "{color.neutral.13}", type: "color" }, - name: "--fds-color-danger-text-default", + name: "--fds-color-neutral-text-default", attributes: {}, path: [ "color", - "danger", + "neutral", "text-default" ] }, { - value: "#000", + value: "#f9f9fa", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.contrast-1}", + value: "{color.neutral.contrast-1}", type: "color" }, - name: "--fds-color-danger-contrast-first", + name: "--fds-color-neutral-contrast-first", attributes: {}, path: [ "color", - "danger", + "neutral", "contrast-first" ] }, { - value: "#e6e6e6", + value: "#9ea3ab", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.contrast-2}", + value: "{color.neutral.contrast-2}", type: "color" }, - name: "--fds-color-danger-contrast-second", + name: "--fds-color-neutral-contrast-second", attributes: {}, path: [ "color", - "danger", + "neutral", "contrast-second" ] }, { - value: "#031d30", + value: "#2f1213", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.1}", + value: "{color.brand1.1}", type: "color" }, - name: "--fds-color-info-background-default", + name: "--fds-color-brand1-background-default", attributes: {}, path: [ "color", - "info", + "brand1", "background-default" ] }, { - value: "#032540", + value: "#3c1819", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.2}", + value: "{color.brand1.2}", type: "color" }, - name: "--fds-color-info-background-subtle", + name: "--fds-color-brand1-background-subtle", attributes: {}, path: [ "color", - "info", + "brand1", "background-subtle" ] }, { - value: "#043256", + value: "#522021", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.3}", + value: "{color.brand1.3}", type: "color" }, - name: "--fds-color-info-surface-default", + name: "--fds-color-brand1-surface-default", attributes: {}, path: [ "color", - "info", + "brand1", "surface-default" ] }, { - value: "#053c65", + value: "#602627", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.4}", + value: "{color.brand1.4}", type: "color" }, - name: "--fds-color-info-surface-hover", + name: "--fds-color-brand1-surface-hover", attributes: {}, path: [ "color", - "info", + "brand1", "surface-hover" ] }, { - value: "#064474", + value: "#702c2e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.5}", + value: "{color.brand1.5}", type: "color" }, - name: "--fds-color-info-surface-active", + name: "--fds-color-brand1-surface-active", attributes: {}, path: [ "color", - "info", + "brand1", "surface-active" ] }, { - value: "#075490", + value: "#8b3639", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.6}", + value: "{color.brand1.6}", type: "color" }, - name: "--fds-color-info-border-subtle", + name: "--fds-color-brand1-border-subtle", attributes: {}, path: [ "color", - "info", + "brand1", "border-subtle" ] }, { - value: "#0a6dba", + value: "#b34649", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.7}", + value: "{color.brand1.7}", type: "color" }, - name: "--fds-color-info-border-default", + name: "--fds-color-brand1-border-default", attributes: {}, path: [ "color", - "info", + "brand1", "border-default" ] }, { - value: "#3389cb", + value: "#dd565a", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.8}", + value: "{color.brand1.8}", type: "color" }, - name: "--fds-color-info-border-strong", + name: "--fds-color-brand1-border-strong", attributes: {}, path: [ "color", - "info", + "brand1", "border-strong" ] }, { - value: "#0c72c1", + value: "#f35f63", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.9}", + value: "{color.brand1.9}", type: "color" }, - name: "--fds-color-info-base-default", + name: "--fds-color-brand1-base-default", attributes: {}, path: [ "color", - "info", + "brand1", "base-default" ] }, { - value: "#085c9c", + value: "#cc5053", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.10}", + value: "{color.brand1.10}", type: "color" }, - name: "--fds-color-info-base-hover", + name: "--fds-color-brand1-base-hover", attributes: {}, path: [ "color", - "info", + "brand1", "base-hover" ] }, { - value: "#064678", + value: "#a84144", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.11}", + value: "{color.brand1.11}", type: "color" }, - name: "--fds-color-info-base-active", + name: "--fds-color-brand1-base-active", attributes: {}, path: [ "color", - "info", + "brand1", "base-active" ] }, { - value: "#78b1dc", + value: "#f78d8f", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.12}", + value: "{color.brand1.12}", type: "color" }, - name: "--fds-color-info-text-subtle", + name: "--fds-color-brand1-text-subtle", attributes: {}, path: [ "color", - "info", + "brand1", "text-subtle" ] }, { - value: "#aed0ea", + value: "#fabcbd", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.13}", + value: "{color.brand1.13}", type: "color" }, - name: "--fds-color-info-text-default", + name: "--fds-color-brand1-text-default", attributes: {}, path: [ "color", - "info", + "brand1", "text-default" ] }, { - value: "#ffffff", + value: "#41191b", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.contrast-1}", + value: "{color.brand1.contrast-1}", type: "color" }, - name: "--fds-color-info-contrast-first", + name: "--fds-color-brand1-contrast-first", attributes: {}, path: [ "color", - "info", + "brand1", "contrast-first" ] }, { - value: "#e6e6e6", + value: "#2f1213", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.contrast-2}", + value: "{color.brand1.contrast-2}", type: "color" }, - name: "--fds-color-info-contrast-second", + name: "--fds-color-brand1-contrast-second", attributes: {}, path: [ "color", - "info", + "brand1", "contrast-second" ] }, { - value: "#211b08", + value: "#231a05", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.1}", + value: "{color.brand2.1}", type: "color" }, - name: "--fds-color-warning-background-default", + name: "--fds-color-brand2-background-default", attributes: {}, path: [ "color", - "warning", + "brand2", "background-default" ] }, { - value: "#2b230a", + value: "#2d2206", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.2}", + value: "{color.brand2.2}", type: "color" }, - name: "--fds-color-warning-background-subtle", + name: "--fds-color-brand2-background-subtle", attributes: {}, path: [ "color", - "warning", + "brand2", "background-subtle" ] }, { - value: "#3a300e", + value: "#3d2e09", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.3}", + value: "{color.brand2.3}", type: "color" }, - name: "--fds-color-warning-surface-default", + name: "--fds-color-brand2-surface-default", attributes: {}, path: [ "color", - "warning", + "brand2", "surface-default" ] }, { - value: "#453810", + value: "#48360a", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.4}", + value: "{color.brand2.4}", type: "color" }, - name: "--fds-color-warning-surface-hover", + name: "--fds-color-brand2-surface-hover", attributes: {}, path: [ "color", - "warning", + "brand2", "surface-hover" ] }, { - value: "#4e4013", + value: "#543e0c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.5}", + value: "{color.brand2.5}", type: "color" }, - name: "--fds-color-warning-surface-active", + name: "--fds-color-brand2-surface-active", attributes: {}, path: [ "color", - "warning", + "brand2", "surface-active" ] }, { - value: "#625017", + value: "#684e0f", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.6}", + value: "{color.brand2.6}", type: "color" }, - name: "--fds-color-warning-border-subtle", + name: "--fds-color-brand2-border-subtle", attributes: {}, path: [ "color", - "warning", + "brand2", "border-subtle" ] }, { - value: "#7f681e", + value: "#876413", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.7}", + value: "{color.brand2.7}", type: "color" }, - name: "--fds-color-warning-border-default", + name: "--fds-color-brand2-border-default", attributes: {}, path: [ "color", - "warning", + "brand2", "border-default" ] }, { - value: "#9c8125", + value: "#a87c17", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.8}", + value: "{color.brand2.8}", type: "color" }, - name: "--fds-color-warning-border-strong", + name: "--fds-color-brand2-border-strong", attributes: {}, path: [ "color", - "warning", + "brand2", "border-strong" ] }, { - value: "#d46223", + value: "#e4a920", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.9}", + value: "{color.brand2.9}", type: "color" }, - name: "--fds-color-warning-base-default", + name: "--fds-color-brand2-base-default", attributes: {}, path: [ "color", - "warning", + "brand2", "base-default" ] }, { - value: "#b0511d", + value: "#c6931c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.10}", + value: "{color.brand2.10}", type: "color" }, - name: "--fds-color-warning-base-hover", + name: "--fds-color-brand2-base-hover", attributes: {}, path: [ "color", - "warning", + "brand2", "base-hover" ] }, { - value: "#8e4117", + value: "#a87c17", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.11}", + value: "{color.brand2.11}", type: "color" }, - name: "--fds-color-warning-base-active", + name: "--fds-color-brand2-base-active", attributes: {}, path: [ "color", - "warning", + "brand2", "base-active" ] }, { - value: "#e39a72", + value: "#daa21f", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.12}", + value: "{color.brand2.12}", type: "color" }, - name: "--fds-color-warning-text-subtle", + name: "--fds-color-brand2-text-subtle", attributes: {}, path: [ "color", - "warning", + "brand2", "text-subtle" ] }, { - value: "#efc3ab", + value: "#eec76c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.13}", + value: "{color.brand2.13}", type: "color" }, - name: "--fds-color-warning-text-default", + name: "--fds-color-brand2-text-default", attributes: {}, path: [ "color", - "warning", + "brand2", "text-default" ] }, { - value: "#000", + value: "#302407", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.contrast-1}", + value: "{color.brand2.contrast-1}", type: "color" }, - name: "--fds-color-warning-contrast-first", + name: "--fds-color-brand2-contrast-first", attributes: {}, path: [ "color", - "warning", + "brand2", "contrast-first" ] }, { - value: "#e6e6e6", + value: "#45340a", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.contrast-2}", + value: "{color.brand2.contrast-2}", type: "color" }, - name: "--fds-color-warning-contrast-second", + name: "--fds-color-brand2-contrast-second", attributes: {}, path: [ "color", - "warning", + "brand2", "contrast-second" ] }, { - value: "#08200c", + value: "#061d30", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#08200c", + value: "{color.brand3.1}", type: "color" }, - name: "--fds-global-green-1", + name: "--fds-color-brand3-background-default", attributes: {}, path: [ - "global", - "green", - "1" + "color", + "brand3", + "background-default" ] }, { - value: "#0b290f", + value: "#07253c", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#0b290f", + value: "{color.brand3.2}", type: "color" }, - name: "--fds-global-green-2", + name: "--fds-color-brand3-background-subtle", attributes: {}, path: [ - "global", - "green", - "2" + "color", + "brand3", + "background-subtle" ] }, { - value: "#0f3814", + value: "#0a3251", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#0f3814", + value: "{color.brand3.3}", type: "color" }, - name: "--fds-global-green-3", + name: "--fds-color-brand3-surface-default", attributes: {}, path: [ - "global", - "green", - "3" + "color", + "brand3", + "surface-default" ] }, { - value: "#114218", + value: "#0c3b60", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#114218", + value: "{color.brand3.4}", type: "color" }, - name: "--fds-global-green-4", + name: "--fds-color-brand3-surface-hover", attributes: {}, path: [ - "global", - "green", - "4" + "color", + "brand3", + "surface-hover" ] }, { - value: "#144c1c", + value: "#0e446e", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#144c1c", + value: "{color.brand3.5}", type: "color" }, - name: "--fds-global-green-5", + name: "--fds-color-brand3-surface-active", attributes: {}, path: [ - "global", - "green", - "5" + "color", + "brand3", + "surface-active" ] }, { - value: "#185e22", + value: "#11558a", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#185e22", + value: "{color.brand3.6}", type: "color" }, - name: "--fds-global-green-6", + name: "--fds-color-brand3-border-subtle", attributes: {}, path: [ - "global", - "green", - "6" + "color", + "brand3", + "border-subtle" ] }, { - value: "#207a2c", + value: "#166eb2", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#207a2c", + value: "{color.brand3.7}", type: "color" }, - name: "--fds-global-green-7", + name: "--fds-color-brand3-border-default", attributes: {}, path: [ - "global", - "green", - "7" + "color", + "brand3", + "border-default" ] }, { - value: "#279636", + value: "#1b88db", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#279636", + value: "{color.brand3.8}", type: "color" }, - name: "--fds-global-green-8", + name: "--fds-color-brand3-border-strong", attributes: {}, path: [ - "global", - "green", - "8" + "color", + "brand3", + "border-strong" ] }, { - value: "#2ca63d", + value: "#1e98f5", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#2ca63d", + value: "{color.brand3.9}", type: "color" }, - name: "--fds-global-green-9", + name: "--fds-color-brand3-base-default", attributes: {}, path: [ - "global", - "green", - "9" + "color", + "brand3", + "base-default" ] }, { - value: "#248c33", + value: "#1980ce", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#248c33", + value: "{color.brand3.10}", type: "color" }, - name: "--fds-global-green-10", + name: "--fds-color-brand3-base-hover", attributes: {}, path: [ - "global", - "green", - "10" + "color", + "brand3", + "base-hover" ] }, { - value: "#1d7129", + value: "#1569a9", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#1d7129", + value: "{color.brand3.11}", type: "color" }, - name: "--fds-global-green-11", + name: "--fds-color-brand3-base-active", attributes: {}, path: [ - "global", - "green", - "11" + "color", + "brand3", + "base-active" ] }, { - value: "#64be70", + value: "#57b2f8", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#64be70", + value: "{color.brand3.12}", type: "color" }, - name: "--fds-global-green-12", + name: "--fds-color-brand3-text-subtle", attributes: {}, path: [ - "global", - "green", - "12" + "color", + "brand3", + "text-subtle" ] }, { - value: "#a2d8aa", + value: "#9cd2fb", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#a2d8aa", + value: "{color.brand3.13}", type: "color" }, - name: "--fds-global-green-13", + name: "--fds-color-brand3-text-default", attributes: {}, path: [ - "global", - "green", - "13" + "color", + "brand3", + "text-default" ] }, { - value: "#000", + value: "#082740", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#000", + value: "{color.brand3.contrast-1}", type: "color" }, - name: "--fds-global-green-contrast-1", + name: "--fds-color-brand3-contrast-first", attributes: {}, path: [ - "global", - "green", - "contrast-1" + "color", + "brand3", + "contrast-first" ] }, { - value: "#e6e6e6", + value: "#061f33", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{color.brand3.contrast-2}", type: "color" }, - name: "--fds-global-green-contrast-2", + name: "--fds-color-brand3-contrast-second", attributes: {}, path: [ - "global", - "green", - "contrast-2" + "color", + "brand3", + "contrast-second" ] }, { - value: "#211b08", + value: "#08200c", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#211b08", + value: "{global.green.1}", type: "color" }, - name: "--fds-global-yellow-1", + name: "--fds-color-success-background-default", attributes: {}, path: [ - "global", - "yellow", - "1" + "color", + "success", + "background-default" ] }, { - value: "#2b230a", + value: "#0b290f", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#2b230a", + value: "{global.green.2}", type: "color" }, - name: "--fds-global-yellow-2", + name: "--fds-color-success-background-subtle", attributes: {}, path: [ - "global", - "yellow", - "2" + "color", + "success", + "background-subtle" ] }, { - value: "#3a300e", + value: "#0f3814", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#3a300e", + value: "{global.green.3}", type: "color" }, - name: "--fds-global-yellow-3", + name: "--fds-color-success-surface-default", attributes: {}, path: [ - "global", - "yellow", - "3" + "color", + "success", + "surface-default" ] }, { - value: "#453810", + value: "#114218", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#453810", + value: "{global.green.4}", type: "color" }, - name: "--fds-global-yellow-4", + name: "--fds-color-success-surface-hover", attributes: {}, path: [ - "global", - "yellow", - "4" + "color", + "success", + "surface-hover" ] }, { - value: "#4e4013", + value: "#144c1c", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#4e4013", + value: "{global.green.5}", type: "color" }, - name: "--fds-global-yellow-5", + name: "--fds-color-success-surface-active", attributes: {}, path: [ - "global", - "yellow", - "5" + "color", + "success", + "surface-active" ] }, { - value: "#625017", + value: "#185e22", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#625017", + value: "{global.green.6}", type: "color" }, - name: "--fds-global-yellow-6", + name: "--fds-color-success-border-subtle", attributes: {}, path: [ - "global", - "yellow", - "6" + "color", + "success", + "border-subtle" ] }, { - value: "#7f681e", + value: "#207a2c", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#7f681e", + value: "{global.green.7}", type: "color" }, - name: "--fds-global-yellow-7", + name: "--fds-color-success-border-default", attributes: {}, path: [ - "global", - "yellow", - "7" + "color", + "success", + "border-default" ] }, { - value: "#9c8125", + value: "#279636", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#9c8125", + value: "{global.green.8}", type: "color" }, - name: "--fds-global-yellow-8", + name: "--fds-color-success-border-strong", attributes: {}, path: [ - "global", - "yellow", - "8" + "color", + "success", + "border-strong" ] }, { - value: "#ecc238", + value: "#2ca63d", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ecc238", + value: "{global.green.9}", type: "color" }, - name: "--fds-global-yellow-9", + name: "--fds-color-success-base-default", attributes: {}, path: [ - "global", - "yellow", - "9" + "color", + "success", + "base-default" ] }, { - value: "#cfaa31", + value: "#248c33", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#cfaa31", + value: "{global.green.10}", type: "color" }, - name: "--fds-global-yellow-10", + name: "--fds-color-success-base-hover", attributes: {}, path: [ - "global", - "yellow", - "10" + "color", + "success", + "base-hover" ] }, { - value: "#b2922a", + value: "#1d7129", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#b2922a", + value: "{global.green.11}", type: "color" }, - name: "--fds-global-yellow-11", + name: "--fds-color-success-base-active", attributes: {}, path: [ - "global", - "yellow", - "11" + "color", + "success", + "base-active" ] }, { - value: "#cca730", + value: "#64be70", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#cca730", + value: "{global.green.12}", type: "color" }, - name: "--fds-global-yellow-12", + name: "--fds-color-success-text-subtle", attributes: {}, path: [ - "global", - "yellow", - "12" + "color", + "success", + "text-subtle" ] }, { - value: "#eec84d", + value: "#a2d8aa", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#eec84d", + value: "{global.green.13}", type: "color" }, - name: "--fds-global-yellow-13", + name: "--fds-color-success-text-default", attributes: {}, path: [ - "global", - "yellow", - "13" + "color", + "success", + "text-default" ] }, { value: "#000", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#000", + value: "{global.green.contrast-1}", type: "color" }, - name: "--fds-global-yellow-contrast-1", + name: "--fds-color-success-contrast-first", attributes: {}, path: [ - "global", - "yellow", - "contrast-1" + "color", + "success", + "contrast-first" ] }, { value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{global.green.contrast-2}", type: "color" }, - name: "--fds-global-yellow-contrast-2", + name: "--fds-color-success-contrast-second", attributes: {}, path: [ - "global", - "yellow", - "contrast-2" + "color", + "success", + "contrast-second" ] }, { - value: "#2d1508", + value: "#380c0c", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#2d1508", + value: "{global.red.1}", type: "color" }, - name: "--fds-global-orange-1", + name: "--fds-color-danger-background-default", attributes: {}, path: [ - "global", - "orange", - "1" + "color", + "danger", + "background-default" ] }, { - value: "#3a1b0a", + value: "#470f10", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#3a1b0a", + value: "{global.red.2}", type: "color" }, - name: "--fds-global-orange-2", + name: "--fds-color-danger-background-subtle", attributes: {}, path: [ - "global", - "orange", - "2" + "color", + "danger", + "background-subtle" ] }, { - value: "#4f240d", + value: "#5e1515", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#4f240d", + value: "{global.red.3}", type: "color" }, - name: "--fds-global-orange-3", + name: "--fds-color-danger-surface-default", attributes: {}, path: [ - "global", - "orange", - "3" + "color", + "danger", + "surface-default" ] }, { - value: "#5d2b0f", + value: "#6f1819", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#5d2b0f", + value: "{global.red.4}", type: "color" }, - name: "--fds-global-orange-4", + name: "--fds-color-danger-surface-hover", attributes: {}, path: [ - "global", - "orange", - "4" + "color", + "danger", + "surface-hover" ] }, { - value: "#6b3212", + value: "#7f1c1c", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#6b3212", + value: "{global.red.5}", type: "color" }, - name: "--fds-global-orange-5", + name: "--fds-color-danger-surface-active", attributes: {}, path: [ - "global", - "orange", - "5" + "color", + "danger", + "surface-active" ] }, { - value: "#853e16", + value: "#9d2223", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#853e16", + value: "{global.red.6}", type: "color" }, - name: "--fds-global-orange-6", + name: "--fds-color-danger-border-subtle", attributes: {}, path: [ - "global", - "orange", - "6" + "color", + "danger", + "border-subtle" ] }, { - value: "#ac4f1c", + value: "#bb3f40", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ac4f1c", + value: "{global.red.7}", type: "color" }, - name: "--fds-global-orange-7", + name: "--fds-color-danger-border-default", attributes: {}, path: [ - "global", - "orange", - "7" + "color", + "danger", + "border-default" ] }, { - value: "#d46223", + value: "#c96666", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#d46223", + value: "{global.red.8}", type: "color" }, - name: "--fds-global-orange-8", + name: "--fds-color-danger-border-strong", attributes: {}, path: [ - "global", - "orange", - "8" + "color", + "danger", + "border-strong" ] }, { - value: "#d46223", + value: "#b32728", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#d46223", + value: "{global.red.9}", type: "color" }, - name: "--fds-global-orange-9", + name: "--fds-color-danger-base-default", attributes: {}, path: [ - "global", - "orange", - "9" + "color", + "danger", + "base-default" ] }, { - value: "#b0511d", + value: "#8c1f1f", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#b0511d", + value: "{global.red.10}", type: "color" }, - name: "--fds-global-orange-10", + name: "--fds-color-danger-base-hover", attributes: {}, path: [ - "global", - "orange", - "10" + "color", + "danger", + "base-hover" ] }, { - value: "#8e4117", + value: "#671617", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#8e4117", + value: "{global.red.11}", type: "color" }, - name: "--fds-global-orange-11", + name: "--fds-color-danger-base-active", attributes: {}, path: [ - "global", - "orange", - "11" + "color", + "danger", + "base-active" ] }, { - value: "#e39a72", + value: "#dc9a9b", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e39a72", + value: "{global.red.12}", type: "color" }, - name: "--fds-global-orange-12", + name: "--fds-color-danger-text-subtle", attributes: {}, path: [ - "global", - "orange", - "12" + "color", + "danger", + "text-subtle" ] }, { - value: "#efc3ab", + value: "#e9c2c2", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#efc3ab", + value: "{global.red.13}", type: "color" }, - name: "--fds-global-orange-13", + name: "--fds-color-danger-text-default", attributes: {}, - path: [ - "global", - "orange", - "13" + path: [ + "color", + "danger", + "text-default" ] }, { - value: "#ffffff", + value: "#000", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ffffff", + value: "{global.red.contrast-1}", type: "color" }, - name: "--fds-global-orange-contrast-1", + name: "--fds-color-danger-contrast-first", attributes: {}, path: [ - "global", - "orange", - "contrast-1" + "color", + "danger", + "contrast-first" ] }, { value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{global.red.contrast-2}", type: "color" }, - name: "--fds-global-orange-contrast-2", + name: "--fds-color-danger-contrast-second", attributes: {}, path: [ - "global", - "orange", - "contrast-2" + "color", + "danger", + "contrast-second" ] }, { - value: "#380c0c", + value: "#031d30", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#380c0c", + value: "{global.blue.1}", type: "color" }, - name: "--fds-global-red-1", + name: "--fds-color-info-background-default", attributes: {}, path: [ - "global", - "red", - "1" + "color", + "info", + "background-default" ] }, { - value: "#470f10", + value: "#032540", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#470f10", + value: "{global.blue.2}", type: "color" }, - name: "--fds-global-red-2", + name: "--fds-color-info-background-subtle", attributes: {}, path: [ - "global", - "red", - "2" + "color", + "info", + "background-subtle" ] }, { - value: "#5e1515", + value: "#043256", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#5e1515", + value: "{global.blue.3}", type: "color" }, - name: "--fds-global-red-3", + name: "--fds-color-info-surface-default", attributes: {}, path: [ - "global", - "red", - "3" + "color", + "info", + "surface-default" ] }, { - value: "#6f1819", + value: "#053c65", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#6f1819", + value: "{global.blue.4}", type: "color" }, - name: "--fds-global-red-4", + name: "--fds-color-info-surface-hover", attributes: {}, path: [ - "global", - "red", - "4" + "color", + "info", + "surface-hover" ] }, { - value: "#7f1c1c", + value: "#064474", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#7f1c1c", + value: "{global.blue.5}", type: "color" }, - name: "--fds-global-red-5", + name: "--fds-color-info-surface-active", attributes: {}, path: [ - "global", - "red", - "5" + "color", + "info", + "surface-active" ] }, { - value: "#9d2223", + value: "#075490", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#9d2223", + value: "{global.blue.6}", type: "color" }, - name: "--fds-global-red-6", + name: "--fds-color-info-border-subtle", attributes: {}, path: [ - "global", - "red", - "6" + "color", + "info", + "border-subtle" ] }, { - value: "#bb3f40", + value: "#0a6dba", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#bb3f40", + value: "{global.blue.7}", type: "color" }, - name: "--fds-global-red-7", + name: "--fds-color-info-border-default", attributes: {}, path: [ - "global", - "red", - "7" + "color", + "info", + "border-default" ] }, { - value: "#c96666", + value: "#3389cb", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#c96666", + value: "{global.blue.8}", type: "color" }, - name: "--fds-global-red-8", + name: "--fds-color-info-border-strong", attributes: {}, path: [ - "global", - "red", - "8" + "color", + "info", + "border-strong" ] }, { - value: "#b32728", + value: "#0c72c1", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#b32728", + value: "{global.blue.9}", type: "color" }, - name: "--fds-global-red-9", + name: "--fds-color-info-base-default", attributes: {}, path: [ - "global", - "red", - "9" + "color", + "info", + "base-default" ] }, { - value: "#8c1f1f", + value: "#085c9c", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#8c1f1f", + value: "{global.blue.10}", type: "color" }, - name: "--fds-global-red-10", + name: "--fds-color-info-base-hover", attributes: {}, path: [ - "global", - "red", - "10" + "color", + "info", + "base-hover" ] }, { - value: "#671617", + value: "#064678", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#671617", + value: "{global.blue.11}", type: "color" }, - name: "--fds-global-red-11", + name: "--fds-color-info-base-active", attributes: {}, path: [ - "global", - "red", - "11" + "color", + "info", + "base-active" ] }, { - value: "#dc9a9b", + value: "#78b1dc", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#dc9a9b", + value: "{global.blue.12}", type: "color" }, - name: "--fds-global-red-12", + name: "--fds-color-info-text-subtle", attributes: {}, path: [ - "global", - "red", - "12" + "color", + "info", + "text-subtle" ] }, { - value: "#e9c2c2", + value: "#aed0ea", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e9c2c2", + value: "{global.blue.13}", type: "color" }, - name: "--fds-global-red-13", + name: "--fds-color-info-text-default", attributes: {}, path: [ - "global", - "red", - "13" + "color", + "info", + "text-default" ] }, { - value: "#000", + value: "#ffffff", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#000", + value: "{global.blue.contrast-1}", type: "color" }, - name: "--fds-global-red-contrast-1", + name: "--fds-color-info-contrast-first", attributes: {}, - path: [ - "global", - "red", - "contrast-1" + path: [ + "color", + "info", + "contrast-first" ] }, { value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{global.blue.contrast-2}", type: "color" }, - name: "--fds-global-red-contrast-2", + name: "--fds-color-info-contrast-second", attributes: {}, path: [ - "global", - "red", - "contrast-2" + "color", + "info", + "contrast-second" ] }, { - value: "#031d30", + value: "#211b08", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#031d30", + value: "{global.yellow.1}", type: "color" }, - name: "--fds-global-blue-1", + name: "--fds-color-warning-background-default", attributes: {}, path: [ - "global", - "blue", - "1" + "color", + "warning", + "background-default" ] }, { - value: "#032540", + value: "#2b230a", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#032540", + value: "{global.yellow.2}", type: "color" }, - name: "--fds-global-blue-2", + name: "--fds-color-warning-background-subtle", attributes: {}, path: [ - "global", - "blue", - "2" + "color", + "warning", + "background-subtle" ] }, { - value: "#043256", + value: "#3a300e", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#043256", + value: "{global.yellow.3}", type: "color" }, - name: "--fds-global-blue-3", + name: "--fds-color-warning-surface-default", attributes: {}, path: [ - "global", - "blue", - "3" + "color", + "warning", + "surface-default" ] }, { - value: "#053c65", + value: "#453810", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#053c65", + value: "{global.yellow.4}", type: "color" }, - name: "--fds-global-blue-4", + name: "--fds-color-warning-surface-hover", attributes: {}, path: [ - "global", - "blue", - "4" + "color", + "warning", + "surface-hover" ] }, { - value: "#064474", + value: "#4e4013", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#064474", + value: "{global.yellow.5}", type: "color" }, - name: "--fds-global-blue-5", + name: "--fds-color-warning-surface-active", attributes: {}, path: [ - "global", - "blue", - "5" + "color", + "warning", + "surface-active" ] }, { - value: "#075490", + value: "#625017", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#075490", + value: "{global.yellow.6}", type: "color" }, - name: "--fds-global-blue-6", + name: "--fds-color-warning-border-subtle", attributes: {}, path: [ - "global", - "blue", - "6" + "color", + "warning", + "border-subtle" ] }, { - value: "#0a6dba", + value: "#7f681e", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#0a6dba", + value: "{global.yellow.7}", type: "color" }, - name: "--fds-global-blue-7", + name: "--fds-color-warning-border-default", attributes: {}, path: [ - "global", - "blue", - "7" + "color", + "warning", + "border-default" ] }, { - value: "#3389cb", + value: "#9c8125", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#3389cb", + value: "{global.yellow.8}", type: "color" }, - name: "--fds-global-blue-8", + name: "--fds-color-warning-border-strong", attributes: {}, path: [ - "global", - "blue", - "8" + "color", + "warning", + "border-strong" ] }, { - value: "#0c72c1", + value: "#d46223", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#0c72c1", + value: "{global.orange.9}", type: "color" }, - name: "--fds-global-blue-9", + name: "--fds-color-warning-base-default", attributes: {}, path: [ - "global", - "blue", - "9" + "color", + "warning", + "base-default" ] }, { - value: "#085c9c", + value: "#b0511d", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#085c9c", + value: "{global.orange.10}", type: "color" }, - name: "--fds-global-blue-10", + name: "--fds-color-warning-base-hover", attributes: {}, path: [ - "global", - "blue", - "10" + "color", + "warning", + "base-hover" ] }, { - value: "#064678", + value: "#8e4117", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#064678", + value: "{global.orange.11}", type: "color" }, - name: "--fds-global-blue-11", + name: "--fds-color-warning-base-active", attributes: {}, path: [ - "global", - "blue", - "11" + "color", + "warning", + "base-active" ] }, { - value: "#78b1dc", + value: "#e39a72", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#78b1dc", + value: "{global.orange.12}", type: "color" }, - name: "--fds-global-blue-12", + name: "--fds-color-warning-text-subtle", attributes: {}, path: [ - "global", - "blue", - "12" + "color", + "warning", + "text-subtle" ] }, { - value: "#aed0ea", + value: "#efc3ab", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#aed0ea", + value: "{global.orange.13}", type: "color" }, - name: "--fds-global-blue-13", + name: "--fds-color-warning-text-default", attributes: {}, path: [ - "global", - "blue", - "13" + "color", + "warning", + "text-default" ] }, { - value: "#ffffff", + value: "#000", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ffffff", + value: "{global.yellow.contrast-1}", type: "color" }, - name: "--fds-global-blue-contrast-1", + name: "--fds-color-warning-contrast-first", attributes: {}, path: [ - "global", - "blue", - "contrast-1" + "color", + "warning", + "contrast-first" ] }, { value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{global.yellow.contrast-2}", type: "color" }, - name: "--fds-global-blue-contrast-2", + name: "--fds-color-warning-contrast-second", attributes: {}, path: [ - "global", - "blue", - "contrast-2" + "color", + "warning", + "contrast-second" ] }, { diff --git a/apps/storefront/tokens/altinn/light.ts b/apps/storefront/tokens/altinn/light.ts index 5a3838daaa..411fd3ebb4 100644 --- a/apps/storefront/tokens/altinn/light.ts +++ b/apps/storefront/tokens/altinn/light.ts @@ -4,2042 +4,2042 @@ export const color = [ { - value: "#fefeff", + value: "#fcfefc", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.1}", + value: "#fcfefc", type: "color" }, - name: "--fds-color-accent-background-default", + name: "--fds-global-green-1", attributes: {}, path: [ - "color", - "accent", - "background-default" + "global", + "green", + "1" ] }, { - value: "#eef4fa", + value: "#e9f6ea", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.2}", + value: "#e9f6ea", type: "color" }, - name: "--fds-color-accent-background-subtle", + name: "--fds-global-green-2", attributes: {}, path: [ - "color", - "accent", - "background-subtle" + "global", + "green", + "2" ] }, { - value: "#e2edf7", + value: "#d9efdc", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.3}", + value: "#d9efdc", type: "color" }, - name: "--fds-color-accent-surface-default", + name: "--fds-global-green-3", attributes: {}, path: [ - "color", - "accent", - "surface-default" + "global", + "green", + "3" ] }, { - value: "#c3daef", + value: "#b9e1be", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.4}", + value: "#b9e1be", type: "color" }, - name: "--fds-color-accent-surface-hover", + name: "--fds-global-green-4", attributes: {}, path: [ - "color", - "accent", - "surface-hover" + "global", + "green", + "4" ] }, { - value: "#a4c7e6", + value: "#94d29d", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.5}", + value: "#94d29d", type: "color" }, - name: "--fds-color-accent-surface-active", + name: "--fds-global-green-5", attributes: {}, path: [ - "color", - "accent", - "surface-active" + "global", + "green", + "5" ] }, { - value: "#aecde9", + value: "#9ed6a5", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.6}", + value: "#9ed6a5", type: "color" }, - name: "--fds-color-accent-border-subtle", + name: "--fds-global-green-6", attributes: {}, path: [ - "color", - "accent", - "border-subtle" + "global", + "green", + "6" ] }, { - value: "#4b90ce", + value: "#29a03a", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.7}", + value: "#29a03a", type: "color" }, - name: "--fds-color-accent-border-default", + name: "--fds-global-green-7", attributes: {}, path: [ - "color", - "accent", - "border-default" + "global", + "green", + "7" ] }, { - value: "#00529d", + value: "#185e22", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.8}", + value: "#185e22", type: "color" }, - name: "--fds-color-accent-border-strong", + name: "--fds-global-green-8", attributes: {}, path: [ - "color", - "accent", - "border-strong" + "global", + "green", + "8" ] }, { - value: "#0163ba", + value: "#2ca63d", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.9}", + value: "#2ca63d", type: "color" }, - name: "--fds-color-accent-base-default", + name: "--fds-global-green-9", attributes: {}, path: [ - "color", - "accent", - "base-default" + "global", + "green", + "9" ] }, { - value: "#004d93", + value: "#248c33", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.10}", + value: "#248c33", type: "color" }, - name: "--fds-color-accent-base-hover", + name: "--fds-global-green-10", attributes: {}, path: [ - "color", - "accent", - "base-hover" + "global", + "green", + "10" ] }, { - value: "#00396d", + value: "#1d7129", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.11}", + value: "#1d7129", type: "color" }, - name: "--fds-color-accent-base-active", + name: "--fds-global-green-11", attributes: {}, path: [ - "color", - "accent", - "base-active" + "global", + "green", + "11" ] }, { - value: "#005099", + value: "#185c21", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.12}", + value: "#185c21", type: "color" }, - name: "--fds-color-accent-text-subtle", + name: "--fds-global-green-12", attributes: {}, path: [ - "color", - "accent", - "text-subtle" + "global", + "green", + "12" ] }, { - value: "#00315c", + value: "#0f3814", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.13}", + value: "#0f3814", type: "color" }, - name: "--fds-color-accent-text-default", + name: "--fds-global-green-13", attributes: {}, path: [ - "color", - "accent", - "text-default" + "global", + "green", + "13" ] }, { - value: "#f6fafd", + value: "#ffffff", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.contrast-1}", + value: "#ffffff", type: "color" }, - name: "--fds-color-accent-contrast-first", + name: "--fds-global-green-contrast-1", attributes: {}, path: [ - "color", - "accent", - "contrast-first" + "global", + "green", + "contrast-1" ] }, { - value: "#ddeaf6", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-accent-contrast-second", + name: "--fds-global-green-contrast-2", attributes: {}, path: [ - "color", - "accent", - "contrast-second" + "global", + "green", + "contrast-2" ] }, { - value: "#fefefe", + value: "#fffefc", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.1}", + value: "#fffefc", type: "color" }, - name: "--fds-color-neutral-background-default", + name: "--fds-global-yellow-1", attributes: {}, path: [ - "color", - "neutral", - "background-default" + "global", + "yellow", + "1" ] }, { - value: "#f3f4f5", + value: "#fbf2d5", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.2}", + value: "#fbf2d5", type: "color" }, - name: "--fds-color-neutral-background-subtle", + name: "--fds-global-yellow-2", attributes: {}, path: [ - "color", - "neutral", - "background-subtle" + "global", + "yellow", + "2" ] }, { - value: "#e9eaec", + value: "#f9ebbd", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.3}", + value: "#f9ebbd", type: "color" }, - name: "--fds-color-neutral-surface-default", + name: "--fds-global-yellow-3", attributes: {}, path: [ - "color", - "neutral", - "surface-default" + "global", + "yellow", + "3" ] }, { - value: "#d5d7da", + value: "#f2d474", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.4}", + value: "#f2d474", type: "color" }, - name: "--fds-color-neutral-surface-hover", + name: "--fds-global-yellow-4", attributes: {}, path: [ - "color", - "neutral", - "surface-hover" + "global", + "yellow", + "4" ] }, { - value: "#c1c4c9", + value: "#e8bf37", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.5}", + value: "#e8bf37", type: "color" }, - name: "--fds-color-neutral-surface-active", + name: "--fds-global-yellow-5", attributes: {}, path: [ - "color", - "neutral", - "surface-active" + "global", + "yellow", + "5" ] }, { - value: "#c6c9cd", + value: "#edc644", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.6}", + value: "#edc644", type: "color" }, - name: "--fds-color-neutral-border-subtle", + name: "--fds-global-yellow-6", attributes: {}, path: [ - "color", - "neutral", - "border-subtle" + "global", + "yellow", + "6" ] }, { - value: "#858c96", + value: "#a68827", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.7}", + value: "#a68827", type: "color" }, - name: "--fds-color-neutral-border-default", + name: "--fds-global-yellow-7", attributes: {}, path: [ - "color", - "neutral", - "border-default" + "global", + "yellow", + "7" ] }, { - value: "#495361", + value: "#625017", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.8}", + value: "#625017", type: "color" }, - name: "--fds-color-neutral-border-strong", + name: "--fds-global-yellow-8", attributes: {}, path: [ - "color", - "neutral", - "border-strong" + "global", + "yellow", + "8" ] }, { - value: "#1e2b3c", + value: "#ecc238", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.9}", + value: "#ecc238", type: "color" }, - name: "--fds-color-neutral-base-default", + name: "--fds-global-yellow-9", attributes: {}, path: [ - "color", - "neutral", - "base-default" + "global", + "yellow", + "9" ] }, { - value: "#333e4e", + value: "#cfaa31", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.10}", + value: "#cfaa31", type: "color" }, - name: "--fds-color-neutral-base-hover", + name: "--fds-global-yellow-10", attributes: {}, path: [ - "color", - "neutral", - "base-hover" + "global", + "yellow", + "10" ] }, { - value: "#495361", + value: "#b2922a", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.11}", + value: "#b2922a", type: "color" }, - name: "--fds-color-neutral-base-active", + name: "--fds-global-yellow-11", attributes: {}, path: [ - "color", - "neutral", - "base-active" + "global", + "yellow", + "11" ] }, { - value: "#46505e", + value: "#604f17", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.12}", + value: "#604f17", type: "color" }, - name: "--fds-color-neutral-text-subtle", + name: "--fds-global-yellow-12", attributes: {}, path: [ - "color", - "neutral", - "text-subtle" + "global", + "yellow", + "12" ] }, { - value: "#243142", + value: "#3a300e", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.13}", + value: "#3a300e", type: "color" }, - name: "--fds-color-neutral-text-default", + name: "--fds-global-yellow-13", attributes: {}, path: [ - "color", - "neutral", - "text-default" + "global", + "yellow", + "13" ] }, { - value: "#f9f9fa", + value: "#ffffff", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.contrast-1}", + value: "#ffffff", type: "color" }, - name: "--fds-color-neutral-contrast-first", + name: "--fds-global-yellow-contrast-1", attributes: {}, path: [ - "color", - "neutral", - "contrast-first" + "global", + "yellow", + "contrast-1" ] }, { - value: "#9ea3ab", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-neutral-contrast-second", + name: "--fds-global-yellow-contrast-2", attributes: {}, path: [ - "color", - "neutral", - "contrast-second" + "global", + "yellow", + "contrast-2" ] }, { - value: "#fffefe", + value: "#fffefd", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.1}", + value: "#fffefd", type: "color" }, - name: "--fds-color-brand1-background-default", + name: "--fds-global-orange-1", attributes: {}, path: [ - "color", - "brand1", - "background-default" + "global", + "orange", + "1" ] }, { - value: "#fef0f1", + value: "#fbf1ec", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.2}", + value: "#fbf1ec", type: "color" }, - name: "--fds-color-brand1-background-subtle", + name: "--fds-global-orange-2", attributes: {}, path: [ - "color", - "brand1", - "background-subtle" + "global", + "orange", + "2" ] }, { - value: "#fde5e6", + value: "#f9e8df", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.3}", + value: "#f9e8df", type: "color" }, - name: "--fds-color-brand1-surface-default", + name: "--fds-global-orange-3", attributes: {}, path: [ - "color", - "brand1", - "surface-default" + "global", + "orange", + "3" ] }, { - value: "#fbcccd", + value: "#f2d0bc", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.4}", + value: "#f2d0bc", type: "color" }, - name: "--fds-color-brand1-surface-hover", + name: "--fds-global-orange-4", attributes: {}, path: [ - "color", - "brand1", - "surface-hover" + "global", + "orange", + "4" ] }, { - value: "#fab1b3", + value: "#ecb99e", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.5}", + value: "#ecb99e", type: "color" }, - name: "--fds-color-brand1-surface-active", + name: "--fds-global-orange-5", attributes: {}, path: [ - "color", - "brand1", - "surface-active" + "global", + "orange", + "5" ] }, { - value: "#fab8b9", + value: "#eec0a7", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.6}", + value: "#eec0a7", type: "color" }, - name: "--fds-color-brand1-border-subtle", + name: "--fds-global-orange-6", attributes: {}, path: [ - "color", - "brand1", - "border-subtle" + "global", + "orange", + "6" ] }, { - value: "#eb5b5f", + value: "#d76e34", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.7}", + value: "#d76e34", type: "color" }, - name: "--fds-color-brand1-border-default", + name: "--fds-global-orange-7", attributes: {}, path: [ - "color", - "brand1", - "border-default" + "global", + "orange", + "7" ] }, { - value: "#8b3639", + value: "#853e16", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.8}", + value: "#853e16", type: "color" }, - name: "--fds-color-brand1-border-strong", + name: "--fds-global-orange-8", attributes: {}, path: [ - "color", - "brand1", - "border-strong" + "global", + "orange", + "8" ] }, { - value: "#f35f63", + value: "#d46223", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.9}", + value: "#d46223", type: "color" }, - name: "--fds-color-brand1-base-default", + name: "--fds-global-orange-9", attributes: {}, path: [ - "color", - "brand1", - "base-default" + "global", + "orange", + "9" ] }, { - value: "#cc5053", + value: "#b0511d", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.10}", + value: "#b0511d", type: "color" }, - name: "--fds-color-brand1-base-hover", + name: "--fds-global-orange-10", attributes: {}, path: [ - "color", - "brand1", - "base-hover" + "global", + "orange", + "10" ] }, { - value: "#a84144", + value: "#8e4117", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.11}", + value: "#8e4117", type: "color" }, - name: "--fds-color-brand1-base-active", + name: "--fds-global-orange-11", attributes: {}, path: [ - "color", - "brand1", - "base-active" + "global", + "orange", + "11" ] }, { - value: "#873537", + value: "#813c15", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.12}", + value: "#813c15", type: "color" }, - name: "--fds-color-brand1-text-subtle", + name: "--fds-global-orange-12", attributes: {}, path: [ - "color", - "brand1", - "text-subtle" + "global", + "orange", + "12" ] }, { - value: "#522021", + value: "#4f240d", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.13}", + value: "#4f240d", type: "color" }, - name: "--fds-color-brand1-text-default", + name: "--fds-global-orange-13", attributes: {}, path: [ - "color", - "brand1", - "text-default" + "global", + "orange", + "13" ] }, { - value: "#f6fafd", + value: "#ffffff", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.contrast-1}", + value: "#ffffff", type: "color" }, - name: "--fds-color-brand1-contrast-first", + name: "--fds-global-orange-contrast-1", attributes: {}, path: [ - "color", - "brand1", - "contrast-first" + "global", + "orange", + "contrast-1" ] }, { - value: "#ddeaf6", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-brand1-contrast-second", + name: "--fds-global-orange-contrast-2", attributes: {}, path: [ - "color", - "brand1", - "contrast-second" + "global", + "orange", + "contrast-2" ] }, { - value: "#fffefc", + value: "#fffefe", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.1}", + value: "#fffefe", type: "color" }, - name: "--fds-color-brand2-background-default", + name: "--fds-global-red-1", attributes: {}, path: [ - "color", - "brand2", - "background-default" + "global", + "red", + "1" ] }, { - value: "#fbf3e0", + value: "#fbf2f3", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.2}", + value: "#fbf2f3", type: "color" }, - name: "--fds-color-brand2-background-subtle", + name: "--fds-global-red-2", attributes: {}, path: [ - "color", - "brand2", - "background-subtle" + "global", + "red", + "2" ] }, { - value: "#f8e9c6", + value: "#f6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.3}", + value: "#f6e6e6", type: "color" }, - name: "--fds-color-brand2-surface-default", + name: "--fds-global-red-3", attributes: {}, path: [ - "color", - "brand2", - "surface-default" + "global", + "red", + "3" ] }, { - value: "#f2d48d", + value: "#eecfd0", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.4}", + value: "#eecfd0", type: "color" }, - name: "--fds-color-brand2-surface-hover", + name: "--fds-global-red-4", attributes: {}, path: [ - "color", - "brand2", - "surface-hover" + "global", + "red", + "4" ] }, { - value: "#ebbe54", + value: "#e6b9b9", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.5}", + value: "#e6b9b9", type: "color" }, - name: "--fds-color-brand2-surface-active", + name: "--fds-global-red-5", attributes: {}, path: [ - "color", - "brand2", - "surface-active" + "global", + "red", + "5" ] }, { - value: "#edc464", + value: "#e8bfbf", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.6}", + value: "#e8bfbf", type: "color" }, - name: "--fds-color-brand2-border-subtle", + name: "--fds-global-red-6", attributes: {}, path: [ - "color", - "brand2", - "border-subtle" + "global", + "red", + "6" ] }, { - value: "#b28419", + value: "#cd7172", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.7}", + value: "#cd7172", type: "color" }, - name: "--fds-color-brand2-border-default", + name: "--fds-global-red-7", attributes: {}, path: [ - "color", - "brand2", - "border-default" + "global", + "red", + "7" ] }, { - value: "#684e0f", + value: "#9d2223", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.8}", + value: "#9d2223", type: "color" }, - name: "--fds-color-brand2-border-strong", + name: "--fds-global-red-8", attributes: {}, path: [ - "color", - "brand2", - "border-strong" + "global", + "red", + "8" ] }, { - value: "#e4a920", + value: "#b32728", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.9}", + value: "#b32728", type: "color" }, - name: "--fds-color-brand2-base-default", + name: "--fds-global-red-9", attributes: {}, path: [ - "color", - "brand2", - "base-default" + "global", + "red", + "9" ] }, { - value: "#c6931c", + value: "#8c1f1f", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.10}", + value: "#8c1f1f", type: "color" }, - name: "--fds-color-brand2-base-hover", + name: "--fds-global-red-10", attributes: {}, path: [ - "color", - "brand2", - "base-hover" - ] + "global", + "red", + "10" + ] }, { - value: "#a87c17", + value: "#671617", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.11}", + value: "#671617", type: "color" }, - name: "--fds-color-brand2-base-active", + name: "--fds-global-red-11", attributes: {}, path: [ - "color", - "brand2", - "base-active" + "global", + "red", + "11" ] }, { - value: "#664c0e", + value: "#9a2122", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.12}", + value: "#9a2122", type: "color" }, - name: "--fds-color-brand2-text-subtle", + name: "--fds-global-red-12", attributes: {}, path: [ - "color", - "brand2", - "text-subtle" + "global", + "red", + "12" ] }, { - value: "#3d2e09", + value: "#5e1515", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.13}", + value: "#5e1515", type: "color" }, - name: "--fds-color-brand2-text-default", + name: "--fds-global-red-13", attributes: {}, path: [ - "color", - "brand2", - "text-default" + "global", + "red", + "13" ] }, { - value: "#f6fafd", + value: "#ffffff", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.contrast-1}", + value: "#ffffff", type: "color" }, - name: "--fds-color-brand2-contrast-first", + name: "--fds-global-red-contrast-1", attributes: {}, path: [ - "color", - "brand2", - "contrast-first" + "global", + "red", + "contrast-1" ] }, { - value: "#ddeaf6", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-brand2-contrast-second", + name: "--fds-global-red-contrast-2", attributes: {}, path: [ - "color", - "brand2", - "contrast-second" + "global", + "red", + "contrast-2" ] }, { - value: "#fdfeff", + value: "#fefeff", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.1}", + value: "#fefeff", type: "color" }, - name: "--fds-color-brand3-background-default", + name: "--fds-global-blue-1", attributes: {}, path: [ - "color", - "brand3", - "background-default" + "global", + "blue", + "1" ] }, { - value: "#eaf6fe", + value: "#edf5fa", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.2}", + value: "#edf5fa", type: "color" }, - name: "--fds-color-brand3-background-subtle", + name: "--fds-global-blue-2", attributes: {}, path: [ - "color", - "brand3", - "background-subtle" + "global", + "blue", + "2" ] }, { - value: "#d9eefd", + value: "#dfecf7", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.3}", + value: "#dfecf7", type: "color" }, - name: "--fds-color-brand3-surface-default", + name: "--fds-global-blue-3", attributes: {}, path: [ - "color", - "brand3", - "surface-default" + "global", + "blue", + "3" ] }, { - value: "#b3dcfc", + value: "#bedaee", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.4}", + value: "#bedaee", type: "color" }, - name: "--fds-color-brand3-surface-hover", + name: "--fds-global-blue-4", attributes: {}, path: [ - "color", - "brand3", - "surface-hover" + "global", + "blue", + "4" ] }, { - value: "#8bcafa", + value: "#a1c9e7", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.5}", + value: "#a1c9e7", type: "color" }, - name: "--fds-color-brand3-surface-active", + name: "--fds-global-blue-5", attributes: {}, path: [ - "color", - "brand3", - "surface-active" + "global", + "blue", + "5" ] }, { - value: "#96cffa", + value: "#aacee9", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.6}", + value: "#aacee9", type: "color" }, - name: "--fds-color-brand3-border-subtle", + name: "--fds-global-blue-6", attributes: {}, path: [ - "color", - "brand3", - "border-subtle" + "global", + "blue", + "6" ] }, { - value: "#1c90e8", + value: "#4291ce", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.7}", + value: "#4291ce", type: "color" }, - name: "--fds-color-brand3-border-default", + name: "--fds-global-blue-7", attributes: {}, path: [ - "color", - "brand3", - "border-default" + "global", + "blue", + "7" ] }, { - value: "#11558a", + value: "#075490", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.8}", + value: "#075490", type: "color" }, - name: "--fds-color-brand3-border-strong", + name: "--fds-global-blue-8", attributes: {}, path: [ - "color", - "brand3", - "border-strong" + "global", + "blue", + "8" ] }, { - value: "#1e98f5", + value: "#0c72c1", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.9}", + value: "#0c72c1", type: "color" }, - name: "--fds-color-brand3-base-default", + name: "--fds-global-blue-9", attributes: {}, path: [ - "color", - "brand3", - "base-default" + "global", + "blue", + "9" ] }, { - value: "#1980ce", + value: "#085c9c", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.10}", + value: "#085c9c", type: "color" }, - name: "--fds-color-brand3-base-hover", + name: "--fds-global-blue-10", attributes: {}, path: [ - "color", - "brand3", - "base-hover" + "global", + "blue", + "10" ] }, { - value: "#1569a9", + value: "#064678", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.11}", + value: "#064678", type: "color" }, - name: "--fds-color-brand3-base-active", + name: "--fds-global-blue-11", attributes: {}, path: [ - "color", - "brand3", - "base-active" + "global", + "blue", + "11" ] }, { - value: "#105387", + value: "#07528c", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.12}", + value: "#07528c", type: "color" }, - name: "--fds-color-brand3-text-subtle", + name: "--fds-global-blue-12", attributes: {}, path: [ - "color", - "brand3", - "text-subtle" + "global", + "blue", + "12" ] }, { - value: "#0a3251", + value: "#043256", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.13}", + value: "#043256", type: "color" }, - name: "--fds-color-brand3-text-default", + name: "--fds-global-blue-13", attributes: {}, path: [ - "color", - "brand3", - "text-default" + "global", + "blue", + "13" ] }, { - value: "#f6fafd", + value: "#ffffff", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.contrast-1}", + value: "#ffffff", type: "color" }, - name: "--fds-color-brand3-contrast-first", + name: "--fds-global-blue-contrast-1", attributes: {}, path: [ - "color", - "brand3", - "contrast-first" + "global", + "blue", + "contrast-1" ] }, { - value: "#ddeaf6", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-brand3-contrast-second", + name: "--fds-global-blue-contrast-2", attributes: {}, path: [ - "color", - "brand3", - "contrast-second" + "global", + "blue", + "contrast-2" ] }, { - value: "#fcfefc", + value: "#fefeff", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.1}", + value: "{color.accent.1}", type: "color" }, - name: "--fds-color-success-background-default", + name: "--fds-color-accent-background-default", attributes: {}, path: [ "color", - "success", + "accent", "background-default" ] }, { - value: "#e9f6ea", + value: "#eef4fa", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.2}", + value: "{color.accent.2}", type: "color" }, - name: "--fds-color-success-background-subtle", + name: "--fds-color-accent-background-subtle", attributes: {}, path: [ "color", - "success", + "accent", "background-subtle" ] }, { - value: "#d9efdc", + value: "#e2edf7", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.3}", + value: "{color.accent.3}", type: "color" }, - name: "--fds-color-success-surface-default", + name: "--fds-color-accent-surface-default", attributes: {}, path: [ "color", - "success", + "accent", "surface-default" ] }, { - value: "#b9e1be", + value: "#c3daef", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.4}", + value: "{color.accent.4}", type: "color" }, - name: "--fds-color-success-surface-hover", + name: "--fds-color-accent-surface-hover", attributes: {}, path: [ "color", - "success", + "accent", "surface-hover" ] }, { - value: "#94d29d", + value: "#a4c7e6", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.5}", + value: "{color.accent.5}", type: "color" }, - name: "--fds-color-success-surface-active", + name: "--fds-color-accent-surface-active", attributes: {}, path: [ "color", - "success", + "accent", "surface-active" ] }, { - value: "#9ed6a5", + value: "#aecde9", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.6}", + value: "{color.accent.6}", type: "color" }, - name: "--fds-color-success-border-subtle", + name: "--fds-color-accent-border-subtle", attributes: {}, path: [ "color", - "success", + "accent", "border-subtle" ] }, { - value: "#29a03a", + value: "#4b90ce", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.7}", + value: "{color.accent.7}", type: "color" }, - name: "--fds-color-success-border-default", + name: "--fds-color-accent-border-default", attributes: {}, path: [ "color", - "success", + "accent", "border-default" ] }, { - value: "#185e22", + value: "#00529d", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.8}", + value: "{color.accent.8}", type: "color" }, - name: "--fds-color-success-border-strong", + name: "--fds-color-accent-border-strong", attributes: {}, path: [ "color", - "success", + "accent", "border-strong" ] }, { - value: "#2ca63d", + value: "#0163ba", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.9}", + value: "{color.accent.9}", type: "color" }, - name: "--fds-color-success-base-default", + name: "--fds-color-accent-base-default", attributes: {}, path: [ "color", - "success", + "accent", "base-default" ] }, { - value: "#248c33", + value: "#004d93", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.10}", + value: "{color.accent.10}", type: "color" }, - name: "--fds-color-success-base-hover", + name: "--fds-color-accent-base-hover", attributes: {}, path: [ "color", - "success", + "accent", "base-hover" ] }, { - value: "#1d7129", + value: "#00396d", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.11}", + value: "{color.accent.11}", type: "color" }, - name: "--fds-color-success-base-active", + name: "--fds-color-accent-base-active", attributes: {}, path: [ "color", - "success", + "accent", "base-active" ] }, { - value: "#185c21", + value: "#005099", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.12}", + value: "{color.accent.12}", type: "color" }, - name: "--fds-color-success-text-subtle", + name: "--fds-color-accent-text-subtle", attributes: {}, path: [ "color", - "success", + "accent", "text-subtle" ] }, { - value: "#0f3814", + value: "#00315c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.13}", + value: "{color.accent.13}", type: "color" }, - name: "--fds-color-success-text-default", + name: "--fds-color-accent-text-default", attributes: {}, path: [ "color", - "success", + "accent", "text-default" ] }, { - value: "#ffffff", + value: "#f6fafd", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.contrast-1}", + value: "{color.accent.contrast-1}", type: "color" }, - name: "--fds-color-success-contrast-first", + name: "--fds-color-accent-contrast-first", attributes: {}, path: [ "color", - "success", + "accent", "contrast-first" ] }, { - value: "#e6e6e6", + value: "#ddeaf6", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.contrast-2}", + value: "{color.accent.contrast-2}", type: "color" }, - name: "--fds-color-success-contrast-second", + name: "--fds-color-accent-contrast-second", attributes: {}, path: [ "color", - "success", + "accent", "contrast-second" ] }, { - value: "#fffefe", + value: "#fefefe", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.1}", + value: "{color.neutral.1}", type: "color" }, - name: "--fds-color-danger-background-default", + name: "--fds-color-neutral-background-default", attributes: {}, path: [ "color", - "danger", + "neutral", "background-default" ] }, { - value: "#fbf2f3", + value: "#f3f4f5", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.2}", + value: "{color.neutral.2}", type: "color" }, - name: "--fds-color-danger-background-subtle", + name: "--fds-color-neutral-background-subtle", attributes: {}, path: [ "color", - "danger", + "neutral", "background-subtle" ] }, { - value: "#f6e6e6", + value: "#e9eaec", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.3}", + value: "{color.neutral.3}", type: "color" }, - name: "--fds-color-danger-surface-default", + name: "--fds-color-neutral-surface-default", attributes: {}, path: [ "color", - "danger", + "neutral", "surface-default" ] }, { - value: "#eecfd0", + value: "#d5d7da", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.4}", + value: "{color.neutral.4}", type: "color" }, - name: "--fds-color-danger-surface-hover", + name: "--fds-color-neutral-surface-hover", attributes: {}, path: [ "color", - "danger", + "neutral", "surface-hover" ] }, { - value: "#e6b9b9", + value: "#c1c4c9", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.5}", + value: "{color.neutral.5}", type: "color" }, - name: "--fds-color-danger-surface-active", + name: "--fds-color-neutral-surface-active", attributes: {}, path: [ "color", - "danger", + "neutral", "surface-active" ] }, { - value: "#e8bfbf", + value: "#c6c9cd", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.6}", + value: "{color.neutral.6}", type: "color" }, - name: "--fds-color-danger-border-subtle", + name: "--fds-color-neutral-border-subtle", attributes: {}, path: [ "color", - "danger", + "neutral", "border-subtle" ] }, { - value: "#cd7172", + value: "#858c96", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.7}", + value: "{color.neutral.7}", type: "color" }, - name: "--fds-color-danger-border-default", + name: "--fds-color-neutral-border-default", attributes: {}, path: [ "color", - "danger", + "neutral", "border-default" ] }, { - value: "#9d2223", + value: "#495361", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.8}", + value: "{color.neutral.8}", type: "color" }, - name: "--fds-color-danger-border-strong", + name: "--fds-color-neutral-border-strong", attributes: {}, path: [ "color", - "danger", + "neutral", "border-strong" ] }, { - value: "#b32728", + value: "#1e2b3c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.9}", + value: "{color.neutral.9}", type: "color" }, - name: "--fds-color-danger-base-default", + name: "--fds-color-neutral-base-default", attributes: {}, path: [ "color", - "danger", + "neutral", "base-default" ] }, { - value: "#8c1f1f", + value: "#333e4e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.10}", + value: "{color.neutral.10}", type: "color" }, - name: "--fds-color-danger-base-hover", + name: "--fds-color-neutral-base-hover", attributes: {}, path: [ "color", - "danger", + "neutral", "base-hover" ] }, { - value: "#671617", + value: "#495361", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.11}", + value: "{color.neutral.11}", type: "color" }, - name: "--fds-color-danger-base-active", + name: "--fds-color-neutral-base-active", attributes: {}, path: [ "color", - "danger", + "neutral", "base-active" ] }, { - value: "#9a2122", + value: "#46505e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.12}", + value: "{color.neutral.12}", type: "color" }, - name: "--fds-color-danger-text-subtle", + name: "--fds-color-neutral-text-subtle", attributes: {}, path: [ "color", - "danger", + "neutral", "text-subtle" ] }, { - value: "#5e1515", + value: "#243142", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.13}", + value: "{color.neutral.13}", type: "color" }, - name: "--fds-color-danger-text-default", + name: "--fds-color-neutral-text-default", attributes: {}, path: [ "color", - "danger", + "neutral", "text-default" ] }, { - value: "#ffffff", + value: "#f9f9fa", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.contrast-1}", + value: "{color.neutral.contrast-1}", type: "color" }, - name: "--fds-color-danger-contrast-first", + name: "--fds-color-neutral-contrast-first", attributes: {}, path: [ "color", - "danger", + "neutral", "contrast-first" ] }, { - value: "#e6e6e6", + value: "#9ea3ab", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.contrast-2}", + value: "{color.neutral.contrast-2}", type: "color" }, - name: "--fds-color-danger-contrast-second", + name: "--fds-color-neutral-contrast-second", attributes: {}, path: [ "color", - "danger", + "neutral", "contrast-second" ] }, { - value: "#fefeff", + value: "#fffefe", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.1}", + value: "{color.brand1.1}", type: "color" }, - name: "--fds-color-info-background-default", + name: "--fds-color-brand1-background-default", attributes: {}, path: [ "color", - "info", + "brand1", "background-default" ] }, { - value: "#edf5fa", + value: "#fef0f1", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.2}", + value: "{color.brand1.2}", type: "color" }, - name: "--fds-color-info-background-subtle", + name: "--fds-color-brand1-background-subtle", attributes: {}, path: [ "color", - "info", + "brand1", "background-subtle" ] }, { - value: "#dfecf7", + value: "#fde5e6", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.3}", + value: "{color.brand1.3}", type: "color" }, - name: "--fds-color-info-surface-default", + name: "--fds-color-brand1-surface-default", attributes: {}, path: [ "color", - "info", + "brand1", "surface-default" ] }, { - value: "#bedaee", + value: "#fbcccd", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.4}", + value: "{color.brand1.4}", type: "color" }, - name: "--fds-color-info-surface-hover", + name: "--fds-color-brand1-surface-hover", attributes: {}, path: [ "color", - "info", + "brand1", "surface-hover" ] }, { - value: "#a1c9e7", + value: "#fab1b3", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.5}", + value: "{color.brand1.5}", type: "color" }, - name: "--fds-color-info-surface-active", + name: "--fds-color-brand1-surface-active", attributes: {}, path: [ "color", - "info", + "brand1", "surface-active" ] }, { - value: "#aacee9", + value: "#fab8b9", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.6}", + value: "{color.brand1.6}", type: "color" }, - name: "--fds-color-info-border-subtle", + name: "--fds-color-brand1-border-subtle", attributes: {}, path: [ "color", - "info", + "brand1", "border-subtle" ] }, { - value: "#4291ce", + value: "#eb5b5f", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.7}", + value: "{color.brand1.7}", type: "color" }, - name: "--fds-color-info-border-default", + name: "--fds-color-brand1-border-default", attributes: {}, path: [ "color", - "info", + "brand1", "border-default" ] }, { - value: "#075490", + value: "#8b3639", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.8}", + value: "{color.brand1.8}", type: "color" }, - name: "--fds-color-info-border-strong", + name: "--fds-color-brand1-border-strong", attributes: {}, path: [ "color", - "info", + "brand1", "border-strong" ] }, { - value: "#0c72c1", + value: "#f35f63", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.9}", + value: "{color.brand1.9}", type: "color" }, - name: "--fds-color-info-base-default", + name: "--fds-color-brand1-base-default", attributes: {}, path: [ "color", - "info", + "brand1", "base-default" ] }, { - value: "#085c9c", + value: "#cc5053", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.10}", + value: "{color.brand1.10}", type: "color" }, - name: "--fds-color-info-base-hover", + name: "--fds-color-brand1-base-hover", attributes: {}, path: [ "color", - "info", + "brand1", "base-hover" ] }, { - value: "#064678", + value: "#a84144", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.11}", + value: "{color.brand1.11}", type: "color" }, - name: "--fds-color-info-base-active", + name: "--fds-color-brand1-base-active", attributes: {}, path: [ "color", - "info", + "brand1", "base-active" ] }, { - value: "#07528c", + value: "#873537", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.12}", + value: "{color.brand1.12}", type: "color" }, - name: "--fds-color-info-text-subtle", + name: "--fds-color-brand1-text-subtle", attributes: {}, path: [ "color", - "info", + "brand1", "text-subtle" ] }, { - value: "#043256", + value: "#522021", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.13}", + value: "{color.brand1.13}", type: "color" }, - name: "--fds-color-info-text-default", + name: "--fds-color-brand1-text-default", attributes: {}, path: [ "color", - "info", + "brand1", "text-default" ] }, { - value: "#ffffff", + value: "#f6fafd", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.contrast-1}", + value: "{color.brand1.contrast-1}", type: "color" }, - name: "--fds-color-info-contrast-first", + name: "--fds-color-brand1-contrast-first", attributes: {}, path: [ "color", - "info", + "brand1", "contrast-first" ] }, { - value: "#e6e6e6", + value: "#ddeaf6", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.contrast-2}", + value: "{color.brand1.contrast-2}", type: "color" }, - name: "--fds-color-info-contrast-second", + name: "--fds-color-brand1-contrast-second", attributes: {}, path: [ "color", - "info", + "brand1", "contrast-second" ] }, @@ -2049,1528 +2049,1528 @@ export const color = [ filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.1}", + value: "{color.brand2.1}", type: "color" }, - name: "--fds-color-warning-background-default", + name: "--fds-color-brand2-background-default", attributes: {}, path: [ "color", - "warning", + "brand2", "background-default" ] }, { - value: "#fbf2d5", + value: "#fbf3e0", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.2}", + value: "{color.brand2.2}", type: "color" }, - name: "--fds-color-warning-background-subtle", + name: "--fds-color-brand2-background-subtle", attributes: {}, path: [ "color", - "warning", + "brand2", "background-subtle" ] }, { - value: "#f9ebbd", + value: "#f8e9c6", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.3}", + value: "{color.brand2.3}", type: "color" }, - name: "--fds-color-warning-surface-default", + name: "--fds-color-brand2-surface-default", attributes: {}, path: [ "color", - "warning", + "brand2", "surface-default" ] }, { - value: "#f2d474", + value: "#f2d48d", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.4}", + value: "{color.brand2.4}", type: "color" }, - name: "--fds-color-warning-surface-hover", + name: "--fds-color-brand2-surface-hover", attributes: {}, path: [ "color", - "warning", + "brand2", "surface-hover" ] }, { - value: "#e8bf37", + value: "#ebbe54", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.5}", + value: "{color.brand2.5}", type: "color" }, - name: "--fds-color-warning-surface-active", + name: "--fds-color-brand2-surface-active", attributes: {}, path: [ "color", - "warning", + "brand2", "surface-active" ] }, { - value: "#edc644", + value: "#edc464", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.6}", + value: "{color.brand2.6}", type: "color" }, - name: "--fds-color-warning-border-subtle", + name: "--fds-color-brand2-border-subtle", attributes: {}, path: [ "color", - "warning", + "brand2", "border-subtle" ] }, { - value: "#a68827", + value: "#b28419", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.7}", + value: "{color.brand2.7}", type: "color" }, - name: "--fds-color-warning-border-default", + name: "--fds-color-brand2-border-default", attributes: {}, path: [ "color", - "warning", + "brand2", "border-default" ] }, { - value: "#625017", + value: "#684e0f", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.8}", + value: "{color.brand2.8}", type: "color" }, - name: "--fds-color-warning-border-strong", + name: "--fds-color-brand2-border-strong", attributes: {}, path: [ "color", - "warning", + "brand2", "border-strong" ] }, { - value: "#d46223", + value: "#e4a920", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.9}", + value: "{color.brand2.9}", type: "color" }, - name: "--fds-color-warning-base-default", + name: "--fds-color-brand2-base-default", attributes: {}, path: [ "color", - "warning", + "brand2", "base-default" ] }, { - value: "#b0511d", + value: "#c6931c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.10}", + value: "{color.brand2.10}", type: "color" }, - name: "--fds-color-warning-base-hover", + name: "--fds-color-brand2-base-hover", attributes: {}, path: [ "color", - "warning", + "brand2", "base-hover" ] }, { - value: "#8e4117", + value: "#a87c17", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.11}", + value: "{color.brand2.11}", type: "color" }, - name: "--fds-color-warning-base-active", + name: "--fds-color-brand2-base-active", attributes: {}, path: [ "color", - "warning", + "brand2", "base-active" ] }, { - value: "#813c15", + value: "#664c0e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.12}", + value: "{color.brand2.12}", type: "color" }, - name: "--fds-color-warning-text-subtle", + name: "--fds-color-brand2-text-subtle", attributes: {}, path: [ "color", - "warning", + "brand2", "text-subtle" ] }, { - value: "#4f240d", + value: "#3d2e09", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.13}", + value: "{color.brand2.13}", type: "color" }, - name: "--fds-color-warning-text-default", + name: "--fds-color-brand2-text-default", attributes: {}, path: [ "color", - "warning", + "brand2", "text-default" ] }, { - value: "#ffffff", + value: "#f6fafd", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.contrast-1}", + value: "{color.brand2.contrast-1}", type: "color" }, - name: "--fds-color-warning-contrast-first", + name: "--fds-color-brand2-contrast-first", attributes: {}, path: [ "color", - "warning", + "brand2", "contrast-first" ] }, { - value: "#e6e6e6", + value: "#ddeaf6", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.contrast-2}", + value: "{color.brand2.contrast-2}", type: "color" }, - name: "--fds-color-warning-contrast-second", + name: "--fds-color-brand2-contrast-second", attributes: {}, path: [ "color", - "warning", + "brand2", "contrast-second" ] }, { - value: "#fcfefc", + value: "#fdfeff", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#fcfefc", + value: "{color.brand3.1}", type: "color" }, - name: "--fds-global-green-1", + name: "--fds-color-brand3-background-default", attributes: {}, path: [ - "global", - "green", - "1" + "color", + "brand3", + "background-default" ] }, { - value: "#e9f6ea", + value: "#eaf6fe", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e9f6ea", + value: "{color.brand3.2}", type: "color" }, - name: "--fds-global-green-2", + name: "--fds-color-brand3-background-subtle", attributes: {}, path: [ - "global", - "green", - "2" + "color", + "brand3", + "background-subtle" ] }, { - value: "#d9efdc", + value: "#d9eefd", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#d9efdc", + value: "{color.brand3.3}", type: "color" }, - name: "--fds-global-green-3", + name: "--fds-color-brand3-surface-default", attributes: {}, path: [ - "global", - "green", - "3" + "color", + "brand3", + "surface-default" ] }, { - value: "#b9e1be", + value: "#b3dcfc", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#b9e1be", + value: "{color.brand3.4}", type: "color" }, - name: "--fds-global-green-4", + name: "--fds-color-brand3-surface-hover", attributes: {}, path: [ - "global", - "green", - "4" + "color", + "brand3", + "surface-hover" ] }, { - value: "#94d29d", + value: "#8bcafa", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#94d29d", + value: "{color.brand3.5}", type: "color" }, - name: "--fds-global-green-5", + name: "--fds-color-brand3-surface-active", attributes: {}, path: [ - "global", - "green", - "5" + "color", + "brand3", + "surface-active" ] }, { - value: "#9ed6a5", + value: "#96cffa", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#9ed6a5", + value: "{color.brand3.6}", type: "color" }, - name: "--fds-global-green-6", + name: "--fds-color-brand3-border-subtle", attributes: {}, path: [ - "global", - "green", - "6" + "color", + "brand3", + "border-subtle" ] }, { - value: "#29a03a", + value: "#1c90e8", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#29a03a", + value: "{color.brand3.7}", type: "color" }, - name: "--fds-global-green-7", + name: "--fds-color-brand3-border-default", attributes: {}, path: [ - "global", - "green", - "7" + "color", + "brand3", + "border-default" ] }, { - value: "#185e22", + value: "#11558a", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#185e22", + value: "{color.brand3.8}", type: "color" }, - name: "--fds-global-green-8", + name: "--fds-color-brand3-border-strong", attributes: {}, path: [ - "global", - "green", - "8" + "color", + "brand3", + "border-strong" ] }, { - value: "#2ca63d", + value: "#1e98f5", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#2ca63d", + value: "{color.brand3.9}", type: "color" }, - name: "--fds-global-green-9", + name: "--fds-color-brand3-base-default", attributes: {}, path: [ - "global", - "green", - "9" + "color", + "brand3", + "base-default" ] }, { - value: "#248c33", + value: "#1980ce", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#248c33", + value: "{color.brand3.10}", type: "color" }, - name: "--fds-global-green-10", + name: "--fds-color-brand3-base-hover", attributes: {}, path: [ - "global", - "green", - "10" + "color", + "brand3", + "base-hover" ] }, { - value: "#1d7129", + value: "#1569a9", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#1d7129", + value: "{color.brand3.11}", type: "color" }, - name: "--fds-global-green-11", + name: "--fds-color-brand3-base-active", attributes: {}, path: [ - "global", - "green", - "11" + "color", + "brand3", + "base-active" ] }, { - value: "#185c21", + value: "#105387", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#185c21", + value: "{color.brand3.12}", type: "color" }, - name: "--fds-global-green-12", + name: "--fds-color-brand3-text-subtle", attributes: {}, path: [ - "global", - "green", - "12" + "color", + "brand3", + "text-subtle" ] }, { - value: "#0f3814", + value: "#0a3251", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#0f3814", + value: "{color.brand3.13}", type: "color" }, - name: "--fds-global-green-13", + name: "--fds-color-brand3-text-default", attributes: {}, path: [ - "global", - "green", - "13" + "color", + "brand3", + "text-default" ] }, { - value: "#ffffff", + value: "#f6fafd", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ffffff", + value: "{color.brand3.contrast-1}", type: "color" }, - name: "--fds-global-green-contrast-1", + name: "--fds-color-brand3-contrast-first", attributes: {}, path: [ - "global", - "green", - "contrast-1" + "color", + "brand3", + "contrast-first" ] }, { - value: "#e6e6e6", + value: "#ddeaf6", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{color.brand3.contrast-2}", type: "color" }, - name: "--fds-global-green-contrast-2", + name: "--fds-color-brand3-contrast-second", attributes: {}, path: [ - "global", - "green", - "contrast-2" + "color", + "brand3", + "contrast-second" ] }, { - value: "#fffefc", + value: "#fcfefc", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#fffefc", + value: "{global.green.1}", type: "color" }, - name: "--fds-global-yellow-1", + name: "--fds-color-success-background-default", attributes: {}, path: [ - "global", - "yellow", - "1" + "color", + "success", + "background-default" ] }, { - value: "#fbf2d5", + value: "#e9f6ea", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#fbf2d5", + value: "{global.green.2}", type: "color" }, - name: "--fds-global-yellow-2", + name: "--fds-color-success-background-subtle", attributes: {}, path: [ - "global", - "yellow", - "2" + "color", + "success", + "background-subtle" ] }, { - value: "#f9ebbd", + value: "#d9efdc", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#f9ebbd", + value: "{global.green.3}", type: "color" }, - name: "--fds-global-yellow-3", + name: "--fds-color-success-surface-default", attributes: {}, path: [ - "global", - "yellow", - "3" + "color", + "success", + "surface-default" ] }, { - value: "#f2d474", + value: "#b9e1be", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#f2d474", + value: "{global.green.4}", type: "color" }, - name: "--fds-global-yellow-4", + name: "--fds-color-success-surface-hover", attributes: {}, path: [ - "global", - "yellow", - "4" + "color", + "success", + "surface-hover" ] }, { - value: "#e8bf37", + value: "#94d29d", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e8bf37", + value: "{global.green.5}", type: "color" }, - name: "--fds-global-yellow-5", + name: "--fds-color-success-surface-active", attributes: {}, path: [ - "global", - "yellow", - "5" + "color", + "success", + "surface-active" ] }, { - value: "#edc644", + value: "#9ed6a5", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#edc644", + value: "{global.green.6}", type: "color" }, - name: "--fds-global-yellow-6", + name: "--fds-color-success-border-subtle", attributes: {}, path: [ - "global", - "yellow", - "6" + "color", + "success", + "border-subtle" ] }, { - value: "#a68827", + value: "#29a03a", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#a68827", + value: "{global.green.7}", type: "color" }, - name: "--fds-global-yellow-7", + name: "--fds-color-success-border-default", attributes: {}, path: [ - "global", - "yellow", - "7" + "color", + "success", + "border-default" ] }, { - value: "#625017", + value: "#185e22", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#625017", + value: "{global.green.8}", type: "color" }, - name: "--fds-global-yellow-8", + name: "--fds-color-success-border-strong", attributes: {}, path: [ - "global", - "yellow", - "8" + "color", + "success", + "border-strong" ] }, { - value: "#ecc238", + value: "#2ca63d", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ecc238", + value: "{global.green.9}", type: "color" }, - name: "--fds-global-yellow-9", + name: "--fds-color-success-base-default", attributes: {}, path: [ - "global", - "yellow", - "9" + "color", + "success", + "base-default" ] }, { - value: "#cfaa31", + value: "#248c33", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#cfaa31", + value: "{global.green.10}", type: "color" }, - name: "--fds-global-yellow-10", + name: "--fds-color-success-base-hover", attributes: {}, path: [ - "global", - "yellow", - "10" + "color", + "success", + "base-hover" ] }, { - value: "#b2922a", + value: "#1d7129", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#b2922a", + value: "{global.green.11}", type: "color" }, - name: "--fds-global-yellow-11", + name: "--fds-color-success-base-active", attributes: {}, path: [ - "global", - "yellow", - "11" + "color", + "success", + "base-active" ] }, { - value: "#604f17", + value: "#185c21", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#604f17", + value: "{global.green.12}", type: "color" }, - name: "--fds-global-yellow-12", + name: "--fds-color-success-text-subtle", attributes: {}, path: [ - "global", - "yellow", - "12" + "color", + "success", + "text-subtle" ] }, { - value: "#3a300e", + value: "#0f3814", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#3a300e", + value: "{global.green.13}", type: "color" }, - name: "--fds-global-yellow-13", + name: "--fds-color-success-text-default", attributes: {}, path: [ - "global", - "yellow", - "13" + "color", + "success", + "text-default" ] }, { value: "#ffffff", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ffffff", + value: "{global.green.contrast-1}", type: "color" }, - name: "--fds-global-yellow-contrast-1", + name: "--fds-color-success-contrast-first", attributes: {}, path: [ - "global", - "yellow", - "contrast-1" + "color", + "success", + "contrast-first" ] }, { value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{global.green.contrast-2}", type: "color" }, - name: "--fds-global-yellow-contrast-2", + name: "--fds-color-success-contrast-second", attributes: {}, path: [ - "global", - "yellow", - "contrast-2" + "color", + "success", + "contrast-second" ] }, { - value: "#fffefd", + value: "#fffefe", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#fffefd", + value: "{global.red.1}", type: "color" }, - name: "--fds-global-orange-1", + name: "--fds-color-danger-background-default", attributes: {}, path: [ - "global", - "orange", - "1" + "color", + "danger", + "background-default" ] }, { - value: "#fbf1ec", + value: "#fbf2f3", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#fbf1ec", + value: "{global.red.2}", type: "color" }, - name: "--fds-global-orange-2", + name: "--fds-color-danger-background-subtle", attributes: {}, path: [ - "global", - "orange", - "2" + "color", + "danger", + "background-subtle" ] }, { - value: "#f9e8df", + value: "#f6e6e6", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#f9e8df", + value: "{global.red.3}", type: "color" }, - name: "--fds-global-orange-3", + name: "--fds-color-danger-surface-default", attributes: {}, path: [ - "global", - "orange", - "3" + "color", + "danger", + "surface-default" ] }, { - value: "#f2d0bc", + value: "#eecfd0", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#f2d0bc", + value: "{global.red.4}", type: "color" }, - name: "--fds-global-orange-4", + name: "--fds-color-danger-surface-hover", attributes: {}, path: [ - "global", - "orange", - "4" + "color", + "danger", + "surface-hover" ] }, { - value: "#ecb99e", + value: "#e6b9b9", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ecb99e", + value: "{global.red.5}", type: "color" }, - name: "--fds-global-orange-5", + name: "--fds-color-danger-surface-active", attributes: {}, path: [ - "global", - "orange", - "5" + "color", + "danger", + "surface-active" ] }, { - value: "#eec0a7", + value: "#e8bfbf", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#eec0a7", + value: "{global.red.6}", type: "color" }, - name: "--fds-global-orange-6", + name: "--fds-color-danger-border-subtle", attributes: {}, path: [ - "global", - "orange", - "6" + "color", + "danger", + "border-subtle" ] }, { - value: "#d76e34", + value: "#cd7172", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#d76e34", + value: "{global.red.7}", type: "color" }, - name: "--fds-global-orange-7", + name: "--fds-color-danger-border-default", attributes: {}, path: [ - "global", - "orange", - "7" + "color", + "danger", + "border-default" ] }, { - value: "#853e16", + value: "#9d2223", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#853e16", + value: "{global.red.8}", type: "color" }, - name: "--fds-global-orange-8", + name: "--fds-color-danger-border-strong", attributes: {}, path: [ - "global", - "orange", - "8" + "color", + "danger", + "border-strong" ] }, { - value: "#d46223", + value: "#b32728", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#d46223", + value: "{global.red.9}", type: "color" }, - name: "--fds-global-orange-9", + name: "--fds-color-danger-base-default", attributes: {}, path: [ - "global", - "orange", - "9" + "color", + "danger", + "base-default" ] }, { - value: "#b0511d", + value: "#8c1f1f", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#b0511d", + value: "{global.red.10}", type: "color" }, - name: "--fds-global-orange-10", + name: "--fds-color-danger-base-hover", attributes: {}, path: [ - "global", - "orange", - "10" + "color", + "danger", + "base-hover" ] }, { - value: "#8e4117", + value: "#671617", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#8e4117", + value: "{global.red.11}", type: "color" }, - name: "--fds-global-orange-11", + name: "--fds-color-danger-base-active", attributes: {}, path: [ - "global", - "orange", - "11" + "color", + "danger", + "base-active" ] }, { - value: "#813c15", + value: "#9a2122", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#813c15", + value: "{global.red.12}", type: "color" }, - name: "--fds-global-orange-12", + name: "--fds-color-danger-text-subtle", attributes: {}, path: [ - "global", - "orange", - "12" + "color", + "danger", + "text-subtle" ] }, { - value: "#4f240d", + value: "#5e1515", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#4f240d", + value: "{global.red.13}", type: "color" }, - name: "--fds-global-orange-13", + name: "--fds-color-danger-text-default", attributes: {}, path: [ - "global", - "orange", - "13" + "color", + "danger", + "text-default" ] }, { value: "#ffffff", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ffffff", + value: "{global.red.contrast-1}", type: "color" }, - name: "--fds-global-orange-contrast-1", + name: "--fds-color-danger-contrast-first", attributes: {}, path: [ - "global", - "orange", - "contrast-1" + "color", + "danger", + "contrast-first" ] }, { value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{global.red.contrast-2}", type: "color" }, - name: "--fds-global-orange-contrast-2", + name: "--fds-color-danger-contrast-second", attributes: {}, path: [ - "global", - "orange", - "contrast-2" + "color", + "danger", + "contrast-second" ] }, { - value: "#fffefe", + value: "#fefeff", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#fffefe", + value: "{global.blue.1}", type: "color" }, - name: "--fds-global-red-1", + name: "--fds-color-info-background-default", attributes: {}, path: [ - "global", - "red", - "1" + "color", + "info", + "background-default" ] }, { - value: "#fbf2f3", + value: "#edf5fa", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#fbf2f3", + value: "{global.blue.2}", type: "color" }, - name: "--fds-global-red-2", + name: "--fds-color-info-background-subtle", attributes: {}, path: [ - "global", - "red", - "2" + "color", + "info", + "background-subtle" ] }, { - value: "#f6e6e6", + value: "#dfecf7", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#f6e6e6", + value: "{global.blue.3}", type: "color" }, - name: "--fds-global-red-3", + name: "--fds-color-info-surface-default", attributes: {}, path: [ - "global", - "red", - "3" + "color", + "info", + "surface-default" ] }, { - value: "#eecfd0", + value: "#bedaee", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#eecfd0", + value: "{global.blue.4}", type: "color" }, - name: "--fds-global-red-4", + name: "--fds-color-info-surface-hover", attributes: {}, path: [ - "global", - "red", - "4" + "color", + "info", + "surface-hover" ] }, { - value: "#e6b9b9", + value: "#a1c9e7", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6b9b9", + value: "{global.blue.5}", type: "color" }, - name: "--fds-global-red-5", + name: "--fds-color-info-surface-active", attributes: {}, path: [ - "global", - "red", - "5" + "color", + "info", + "surface-active" ] }, { - value: "#e8bfbf", + value: "#aacee9", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e8bfbf", + value: "{global.blue.6}", type: "color" }, - name: "--fds-global-red-6", + name: "--fds-color-info-border-subtle", attributes: {}, path: [ - "global", - "red", - "6" + "color", + "info", + "border-subtle" ] }, { - value: "#cd7172", + value: "#4291ce", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#cd7172", + value: "{global.blue.7}", type: "color" }, - name: "--fds-global-red-7", + name: "--fds-color-info-border-default", attributes: {}, path: [ - "global", - "red", - "7" + "color", + "info", + "border-default" ] }, { - value: "#9d2223", + value: "#075490", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#9d2223", + value: "{global.blue.8}", type: "color" }, - name: "--fds-global-red-8", + name: "--fds-color-info-border-strong", attributes: {}, path: [ - "global", - "red", - "8" + "color", + "info", + "border-strong" ] }, { - value: "#b32728", + value: "#0c72c1", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#b32728", + value: "{global.blue.9}", type: "color" }, - name: "--fds-global-red-9", + name: "--fds-color-info-base-default", attributes: {}, path: [ - "global", - "red", - "9" + "color", + "info", + "base-default" ] }, { - value: "#8c1f1f", + value: "#085c9c", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#8c1f1f", + value: "{global.blue.10}", type: "color" }, - name: "--fds-global-red-10", + name: "--fds-color-info-base-hover", attributes: {}, path: [ - "global", - "red", - "10" + "color", + "info", + "base-hover" ] }, { - value: "#671617", + value: "#064678", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#671617", + value: "{global.blue.11}", type: "color" }, - name: "--fds-global-red-11", + name: "--fds-color-info-base-active", attributes: {}, path: [ - "global", - "red", - "11" + "color", + "info", + "base-active" ] }, { - value: "#9a2122", + value: "#07528c", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#9a2122", + value: "{global.blue.12}", type: "color" }, - name: "--fds-global-red-12", + name: "--fds-color-info-text-subtle", attributes: {}, path: [ - "global", - "red", - "12" + "color", + "info", + "text-subtle" ] }, { - value: "#5e1515", + value: "#043256", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#5e1515", + value: "{global.blue.13}", type: "color" }, - name: "--fds-global-red-13", + name: "--fds-color-info-text-default", attributes: {}, path: [ - "global", - "red", - "13" + "color", + "info", + "text-default" ] }, { value: "#ffffff", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ffffff", + value: "{global.blue.contrast-1}", type: "color" }, - name: "--fds-global-red-contrast-1", + name: "--fds-color-info-contrast-first", attributes: {}, path: [ - "global", - "red", - "contrast-1" + "color", + "info", + "contrast-first" ] }, { value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{global.blue.contrast-2}", type: "color" }, - name: "--fds-global-red-contrast-2", + name: "--fds-color-info-contrast-second", attributes: {}, path: [ - "global", - "red", - "contrast-2" + "color", + "info", + "contrast-second" ] }, { - value: "#fefeff", + value: "#fffefc", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#fefeff", + value: "{global.yellow.1}", type: "color" }, - name: "--fds-global-blue-1", + name: "--fds-color-warning-background-default", attributes: {}, path: [ - "global", - "blue", - "1" + "color", + "warning", + "background-default" ] }, { - value: "#edf5fa", + value: "#fbf2d5", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#edf5fa", + value: "{global.yellow.2}", type: "color" }, - name: "--fds-global-blue-2", + name: "--fds-color-warning-background-subtle", attributes: {}, path: [ - "global", - "blue", - "2" + "color", + "warning", + "background-subtle" ] }, { - value: "#dfecf7", + value: "#f9ebbd", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#dfecf7", + value: "{global.yellow.3}", type: "color" }, - name: "--fds-global-blue-3", + name: "--fds-color-warning-surface-default", attributes: {}, path: [ - "global", - "blue", - "3" + "color", + "warning", + "surface-default" ] }, { - value: "#bedaee", + value: "#f2d474", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#bedaee", + value: "{global.yellow.4}", type: "color" }, - name: "--fds-global-blue-4", + name: "--fds-color-warning-surface-hover", attributes: {}, path: [ - "global", - "blue", - "4" + "color", + "warning", + "surface-hover" ] }, { - value: "#a1c9e7", + value: "#e8bf37", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#a1c9e7", + value: "{global.yellow.5}", type: "color" }, - name: "--fds-global-blue-5", + name: "--fds-color-warning-surface-active", attributes: {}, path: [ - "global", - "blue", - "5" + "color", + "warning", + "surface-active" ] }, { - value: "#aacee9", + value: "#edc644", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#aacee9", + value: "{global.yellow.6}", type: "color" }, - name: "--fds-global-blue-6", + name: "--fds-color-warning-border-subtle", attributes: {}, path: [ - "global", - "blue", - "6" + "color", + "warning", + "border-subtle" ] }, { - value: "#4291ce", + value: "#a68827", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#4291ce", + value: "{global.yellow.7}", type: "color" }, - name: "--fds-global-blue-7", + name: "--fds-color-warning-border-default", attributes: {}, path: [ - "global", - "blue", - "7" + "color", + "warning", + "border-default" ] }, { - value: "#075490", + value: "#625017", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#075490", + value: "{global.yellow.8}", type: "color" }, - name: "--fds-global-blue-8", + name: "--fds-color-warning-border-strong", attributes: {}, path: [ - "global", - "blue", - "8" + "color", + "warning", + "border-strong" ] }, { - value: "#0c72c1", + value: "#d46223", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#0c72c1", + value: "{global.orange.9}", type: "color" }, - name: "--fds-global-blue-9", + name: "--fds-color-warning-base-default", attributes: {}, path: [ - "global", - "blue", - "9" + "color", + "warning", + "base-default" ] }, { - value: "#085c9c", + value: "#b0511d", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#085c9c", + value: "{global.orange.10}", type: "color" }, - name: "--fds-global-blue-10", + name: "--fds-color-warning-base-hover", attributes: {}, path: [ - "global", - "blue", - "10" + "color", + "warning", + "base-hover" ] }, { - value: "#064678", + value: "#8e4117", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#064678", + value: "{global.orange.11}", type: "color" }, - name: "--fds-global-blue-11", + name: "--fds-color-warning-base-active", attributes: {}, path: [ - "global", - "blue", - "11" + "color", + "warning", + "base-active" ] }, { - value: "#07528c", + value: "#813c15", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#07528c", + value: "{global.orange.12}", type: "color" }, - name: "--fds-global-blue-12", + name: "--fds-color-warning-text-subtle", attributes: {}, path: [ - "global", - "blue", - "12" + "color", + "warning", + "text-subtle" ] }, { - value: "#043256", + value: "#4f240d", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#043256", + value: "{global.orange.13}", type: "color" }, - name: "--fds-global-blue-13", + name: "--fds-color-warning-text-default", attributes: {}, path: [ - "global", - "blue", - "13" + "color", + "warning", + "text-default" ] }, { value: "#ffffff", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ffffff", + value: "{global.yellow.contrast-1}", type: "color" }, - name: "--fds-global-blue-contrast-1", + name: "--fds-color-warning-contrast-first", attributes: {}, path: [ - "global", - "blue", - "contrast-1" + "color", + "warning", + "contrast-first" ] }, { value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{global.yellow.contrast-2}", type: "color" }, - name: "--fds-global-blue-contrast-2", + name: "--fds-color-warning-contrast-second", attributes: {}, path: [ - "global", - "blue", - "contrast-2" + "color", + "warning", + "contrast-second" ] }, { diff --git a/apps/storefront/tokens/digdir/dark.ts b/apps/storefront/tokens/digdir/dark.ts index 50f0487aea..d881398aea 100644 --- a/apps/storefront/tokens/digdir/dark.ts +++ b/apps/storefront/tokens/digdir/dark.ts @@ -4,3573 +4,3573 @@ export const color = [ { - value: "#001c36", + value: "#08200c", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.1}", + value: "#08200c", type: "color" }, - name: "--fds-color-accent-background-default", + name: "--fds-global-green-1", attributes: {}, path: [ - "color", - "accent", - "background-default" + "global", + "green", + "1" ] }, { - value: "#002445", + value: "#0b290f", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.2}", + value: "#0b290f", type: "color" }, - name: "--fds-color-accent-background-subtle", + name: "--fds-global-green-2", attributes: {}, path: [ - "color", - "accent", - "background-subtle" + "global", + "green", + "2" ] }, { - value: "#00315c", + value: "#0f3814", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.3}", + value: "#0f3814", type: "color" }, - name: "--fds-color-accent-surface-default", + name: "--fds-global-green-3", attributes: {}, path: [ - "color", - "accent", - "surface-default" + "global", + "green", + "3" ] }, { - value: "#00396d", + value: "#114218", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.4}", + value: "#114218", type: "color" }, - name: "--fds-color-accent-surface-hover", + name: "--fds-global-green-4", attributes: {}, path: [ - "color", - "accent", - "surface-hover" + "global", + "green", + "4" ] }, { - value: "#00427e", + value: "#144c1c", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.5}", + value: "#144c1c", type: "color" }, - name: "--fds-color-accent-surface-active", + name: "--fds-global-green-5", attributes: {}, path: [ - "color", - "accent", - "surface-active" + "global", + "green", + "5" ] }, { - value: "#00529d", + value: "#185e22", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.6}", + value: "#185e22", type: "color" }, - name: "--fds-color-accent-border-subtle", + name: "--fds-global-green-6", attributes: {}, path: [ - "color", - "accent", - "border-subtle" + "global", + "green", + "6" ] }, { - value: "#0f6bbe", + value: "#207a2c", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.7}", + value: "#207a2c", type: "color" }, - name: "--fds-color-accent-border-default", + name: "--fds-global-green-7", attributes: {}, path: [ - "color", - "accent", - "border-default" + "global", + "green", + "7" ] }, { - value: "#3d88ca", + value: "#279636", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.8}", + value: "#279636", type: "color" }, - name: "--fds-color-accent-border-strong", + name: "--fds-global-green-8", attributes: {}, path: [ - "color", - "accent", - "border-strong" + "global", + "green", + "8" ] }, { - value: "#0163ba", + value: "#2ca63d", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.9}", + value: "#2ca63d", type: "color" }, - name: "--fds-color-accent-base-default", + name: "--fds-global-green-9", attributes: {}, path: [ - "color", - "accent", - "base-default" + "global", + "green", + "9" ] }, { - value: "#004d93", + value: "#248c33", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.10}", + value: "#248c33", type: "color" }, - name: "--fds-color-accent-base-hover", + name: "--fds-global-green-10", attributes: {}, path: [ - "color", - "accent", - "base-hover" + "global", + "green", + "10" ] }, { - value: "#00396d", + value: "#1d7129", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.11}", + value: "#1d7129", type: "color" }, - name: "--fds-color-accent-base-active", + name: "--fds-global-green-11", attributes: {}, path: [ - "color", - "accent", - "base-active" + "global", + "green", + "11" ] }, { - value: "#7eb0dc", + value: "#64be70", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.12}", + value: "#64be70", type: "color" }, - name: "--fds-color-accent-text-subtle", + name: "--fds-global-green-12", attributes: {}, path: [ - "color", - "accent", - "text-subtle" + "global", + "green", + "12" ] }, { - value: "#b0cfea", + value: "#a2d8aa", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.13}", + value: "#a2d8aa", type: "color" }, - name: "--fds-color-accent-text-default", + name: "--fds-global-green-13", attributes: {}, path: [ - "color", - "accent", - "text-default" + "global", + "green", + "13" ] }, { - value: "#f6fafd", + value: "#000", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.contrast-1}", + value: "#000", type: "color" }, - name: "--fds-color-accent-contrast-first", + name: "--fds-global-green-contrast-1", attributes: {}, path: [ - "color", - "accent", - "contrast-first" + "global", + "green", + "contrast-1" ] }, { - value: "#ddeaf6", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-accent-contrast-second", + name: "--fds-global-green-contrast-2", attributes: {}, path: [ - "color", - "accent", - "contrast-second" + "global", + "green", + "contrast-2" ] }, { - value: "#131c27", + value: "#211b08", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.1}", + value: "#211b08", type: "color" }, - name: "--fds-color-neutral-background-default", + name: "--fds-global-yellow-1", attributes: {}, path: [ - "color", - "neutral", - "background-default" + "global", + "yellow", + "1" ] }, { - value: "#192433", + value: "#2b230a", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.2}", + value: "#2b230a", type: "color" }, - name: "--fds-color-neutral-background-subtle", + name: "--fds-global-yellow-2", attributes: {}, path: [ - "color", - "neutral", - "background-subtle" + "global", + "yellow", + "2" ] }, { - value: "#243142", + value: "#3a300e", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.3}", + value: "#3a300e", type: "color" }, - name: "--fds-color-neutral-surface-default", + name: "--fds-global-yellow-3", attributes: {}, path: [ - "color", - "neutral", - "surface-default" + "global", + "yellow", + "3" ] }, { - value: "#2e3a4a", + value: "#453810", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.4}", + value: "#453810", type: "color" }, - name: "--fds-color-neutral-surface-hover", + name: "--fds-global-yellow-4", attributes: {}, path: [ - "color", - "neutral", - "surface-hover" + "global", + "yellow", + "4" ] }, { - value: "#374352", + value: "#4e4013", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.5}", + value: "#4e4013", type: "color" }, - name: "--fds-color-neutral-surface-active", + name: "--fds-global-yellow-5", attributes: {}, path: [ - "color", - "neutral", - "surface-active" + "global", + "yellow", + "5" ] }, { - value: "#495361", + value: "#625017", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.6}", + value: "#625017", type: "color" }, - name: "--fds-color-neutral-border-subtle", + name: "--fds-global-yellow-6", attributes: {}, path: [ - "color", - "neutral", - "border-subtle" + "global", + "yellow", + "6" ] }, { - value: "#626b77", + value: "#7f681e", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.7}", + value: "#7f681e", type: "color" }, - name: "--fds-color-neutral-border-default", + name: "--fds-global-yellow-7", attributes: {}, path: [ - "color", - "neutral", - "border-default" + "global", + "yellow", + "7" ] }, { - value: "#7d848e", + value: "#9c8125", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.8}", + value: "#9c8125", type: "color" }, - name: "--fds-color-neutral-border-strong", + name: "--fds-global-yellow-8", attributes: {}, path: [ - "color", - "neutral", - "border-strong" + "global", + "yellow", + "8" ] }, { - value: "#1e2b3c", + value: "#ecc238", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.9}", + value: "#ecc238", type: "color" }, - name: "--fds-color-neutral-base-default", + name: "--fds-global-yellow-9", attributes: {}, path: [ - "color", - "neutral", - "base-default" + "global", + "yellow", + "9" ] }, { - value: "#333e4e", + value: "#cfaa31", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.10}", + value: "#cfaa31", type: "color" }, - name: "--fds-color-neutral-base-hover", + name: "--fds-global-yellow-10", attributes: {}, path: [ - "color", - "neutral", - "base-hover" + "global", + "yellow", + "10" ] }, { - value: "#495361", + value: "#b2922a", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.11}", + value: "#b2922a", type: "color" }, - name: "--fds-color-neutral-base-active", + name: "--fds-global-yellow-11", attributes: {}, path: [ - "color", - "neutral", - "base-active" + "global", + "yellow", + "11" ] }, { - value: "#a6abb2", + value: "#cca730", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.12}", + value: "#cca730", type: "color" }, - name: "--fds-color-neutral-text-subtle", + name: "--fds-global-yellow-12", attributes: {}, path: [ - "color", - "neutral", - "text-subtle" + "global", + "yellow", + "12" ] }, { - value: "#c9ccd0", + value: "#eec84d", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.13}", + value: "#eec84d", type: "color" }, - name: "--fds-color-neutral-text-default", + name: "--fds-global-yellow-13", attributes: {}, path: [ - "color", - "neutral", - "text-default" + "global", + "yellow", + "13" ] }, { - value: "#f9f9fa", + value: "#000", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.contrast-1}", + value: "#000", type: "color" }, - name: "--fds-color-neutral-contrast-first", + name: "--fds-global-yellow-contrast-1", attributes: {}, path: [ - "color", - "neutral", - "contrast-first" + "global", + "yellow", + "contrast-1" ] }, { - value: "#9ea3ab", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-neutral-contrast-second", + name: "--fds-global-yellow-contrast-2", attributes: {}, path: [ - "color", - "neutral", - "contrast-second" + "global", + "yellow", + "contrast-2" ] }, { - value: "#2f1213", + value: "#2d1508", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.1}", + value: "#2d1508", type: "color" }, - name: "--fds-color-brand1-background-default", + name: "--fds-global-orange-1", attributes: {}, path: [ - "color", - "brand1", - "background-default" + "global", + "orange", + "1" ] }, { - value: "#3c1819", + value: "#3a1b0a", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.2}", + value: "#3a1b0a", type: "color" }, - name: "--fds-color-brand1-background-subtle", + name: "--fds-global-orange-2", attributes: {}, path: [ - "color", - "brand1", - "background-subtle" + "global", + "orange", + "2" ] }, { - value: "#522021", + value: "#4f240d", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.3}", + value: "#4f240d", type: "color" }, - name: "--fds-color-brand1-surface-default", + name: "--fds-global-orange-3", attributes: {}, path: [ - "color", - "brand1", - "surface-default" + "global", + "orange", + "3" ] }, { - value: "#602627", + value: "#5d2b0f", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.4}", + value: "#5d2b0f", type: "color" }, - name: "--fds-color-brand1-surface-hover", + name: "--fds-global-orange-4", attributes: {}, path: [ - "color", - "brand1", - "surface-hover" + "global", + "orange", + "4" ] }, { - value: "#702c2e", + value: "#6b3212", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.5}", + value: "#6b3212", type: "color" }, - name: "--fds-color-brand1-surface-active", + name: "--fds-global-orange-5", attributes: {}, path: [ - "color", - "brand1", - "surface-active" + "global", + "orange", + "5" ] }, { - value: "#8b3639", + value: "#853e16", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.6}", + value: "#853e16", type: "color" }, - name: "--fds-color-brand1-border-subtle", + name: "--fds-global-orange-6", attributes: {}, path: [ - "color", - "brand1", - "border-subtle" + "global", + "orange", + "6" ] }, { - value: "#b34649", + value: "#ac4f1c", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.7}", + value: "#ac4f1c", type: "color" }, - name: "--fds-color-brand1-border-default", + name: "--fds-global-orange-7", attributes: {}, path: [ - "color", - "brand1", - "border-default" + "global", + "orange", + "7" ] }, { - value: "#dd565a", + value: "#d46223", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.8}", + value: "#d46223", type: "color" }, - name: "--fds-color-brand1-border-strong", + name: "--fds-global-orange-8", attributes: {}, path: [ - "color", - "brand1", - "border-strong" + "global", + "orange", + "8" ] }, { - value: "#f35f63", + value: "#d46223", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.9}", + value: "#d46223", type: "color" }, - name: "--fds-color-brand1-base-default", + name: "--fds-global-orange-9", attributes: {}, path: [ - "color", - "brand1", - "base-default" + "global", + "orange", + "9" ] }, { - value: "#cc5053", + value: "#b0511d", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.10}", + value: "#b0511d", type: "color" }, - name: "--fds-color-brand1-base-hover", + name: "--fds-global-orange-10", attributes: {}, path: [ - "color", - "brand1", - "base-hover" + "global", + "orange", + "10" ] }, { - value: "#a84144", + value: "#8e4117", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.11}", + value: "#8e4117", type: "color" }, - name: "--fds-color-brand1-base-active", + name: "--fds-global-orange-11", attributes: {}, path: [ - "color", - "brand1", - "base-active" + "global", + "orange", + "11" ] }, { - value: "#f78d8f", + value: "#e39a72", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.12}", + value: "#e39a72", type: "color" }, - name: "--fds-color-brand1-text-subtle", + name: "--fds-global-orange-12", attributes: {}, path: [ - "color", - "brand1", - "text-subtle" + "global", + "orange", + "12" ] }, { - value: "#fabcbd", + value: "#efc3ab", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.13}", + value: "#efc3ab", type: "color" }, - name: "--fds-color-brand1-text-default", + name: "--fds-global-orange-13", attributes: {}, path: [ - "color", - "brand1", - "text-default" + "global", + "orange", + "13" ] }, { - value: "#41191b", + value: "#ffffff", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.contrast-1}", + value: "#ffffff", type: "color" }, - name: "--fds-color-brand1-contrast-first", + name: "--fds-global-orange-contrast-1", attributes: {}, path: [ - "color", - "brand1", - "contrast-first" + "global", + "orange", + "contrast-1" ] }, { - value: "#2f1213", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-brand1-contrast-second", + name: "--fds-global-orange-contrast-2", attributes: {}, path: [ - "color", - "brand1", - "contrast-second" + "global", + "orange", + "contrast-2" ] }, { - value: "#231a05", + value: "#380c0c", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.1}", + value: "#380c0c", type: "color" }, - name: "--fds-color-brand2-background-default", + name: "--fds-global-red-1", attributes: {}, path: [ - "color", - "brand2", - "background-default" + "global", + "red", + "1" ] }, { - value: "#2d2206", + value: "#470f10", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.2}", + value: "#470f10", type: "color" }, - name: "--fds-color-brand2-background-subtle", + name: "--fds-global-red-2", attributes: {}, path: [ - "color", - "brand2", - "background-subtle" + "global", + "red", + "2" ] }, { - value: "#3d2e09", + value: "#5e1515", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.3}", + value: "#5e1515", type: "color" }, - name: "--fds-color-brand2-surface-default", + name: "--fds-global-red-3", attributes: {}, path: [ - "color", - "brand2", - "surface-default" + "global", + "red", + "3" ] }, { - value: "#48360a", + value: "#6f1819", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.4}", + value: "#6f1819", type: "color" }, - name: "--fds-color-brand2-surface-hover", + name: "--fds-global-red-4", attributes: {}, path: [ - "color", - "brand2", - "surface-hover" + "global", + "red", + "4" ] }, { - value: "#543e0c", + value: "#7f1c1c", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.5}", + value: "#7f1c1c", type: "color" }, - name: "--fds-color-brand2-surface-active", + name: "--fds-global-red-5", attributes: {}, path: [ - "color", - "brand2", - "surface-active" + "global", + "red", + "5" ] }, { - value: "#684e0f", + value: "#9d2223", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.6}", + value: "#9d2223", type: "color" }, - name: "--fds-color-brand2-border-subtle", + name: "--fds-global-red-6", attributes: {}, path: [ - "color", - "brand2", - "border-subtle" + "global", + "red", + "6" ] }, { - value: "#876413", + value: "#bb3f40", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.7}", + value: "#bb3f40", type: "color" }, - name: "--fds-color-brand2-border-default", + name: "--fds-global-red-7", attributes: {}, path: [ - "color", - "brand2", - "border-default" + "global", + "red", + "7" ] }, { - value: "#a87c17", + value: "#c96666", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.8}", + value: "#c96666", type: "color" }, - name: "--fds-color-brand2-border-strong", + name: "--fds-global-red-8", attributes: {}, path: [ - "color", - "brand2", - "border-strong" + "global", + "red", + "8" ] }, { - value: "#e4a920", + value: "#b32728", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.9}", + value: "#b32728", type: "color" }, - name: "--fds-color-brand2-base-default", + name: "--fds-global-red-9", attributes: {}, path: [ - "color", - "brand2", - "base-default" + "global", + "red", + "9" ] }, { - value: "#c6931c", + value: "#8c1f1f", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.10}", + value: "#8c1f1f", type: "color" }, - name: "--fds-color-brand2-base-hover", + name: "--fds-global-red-10", attributes: {}, path: [ - "color", - "brand2", - "base-hover" - ] + "global", + "red", + "10" + ] }, { - value: "#a87c17", + value: "#671617", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.11}", + value: "#671617", type: "color" }, - name: "--fds-color-brand2-base-active", + name: "--fds-global-red-11", attributes: {}, path: [ - "color", - "brand2", - "base-active" + "global", + "red", + "11" ] }, { - value: "#daa21f", + value: "#dc9a9b", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.12}", + value: "#dc9a9b", type: "color" }, - name: "--fds-color-brand2-text-subtle", + name: "--fds-global-red-12", attributes: {}, path: [ - "color", - "brand2", - "text-subtle" + "global", + "red", + "12" ] }, { - value: "#eec76c", + value: "#e9c2c2", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.13}", + value: "#e9c2c2", type: "color" }, - name: "--fds-color-brand2-text-default", + name: "--fds-global-red-13", attributes: {}, path: [ - "color", - "brand2", - "text-default" + "global", + "red", + "13" ] }, { - value: "#302407", + value: "#000", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.contrast-1}", + value: "#000", type: "color" }, - name: "--fds-color-brand2-contrast-first", + name: "--fds-global-red-contrast-1", attributes: {}, path: [ - "color", - "brand2", - "contrast-first" + "global", + "red", + "contrast-1" ] }, { - value: "#45340a", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-brand2-contrast-second", + name: "--fds-global-red-contrast-2", attributes: {}, path: [ - "color", - "brand2", - "contrast-second" + "global", + "red", + "contrast-2" ] }, { - value: "#061d30", + value: "#031d30", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.1}", + value: "#031d30", type: "color" }, - name: "--fds-color-brand3-background-default", + name: "--fds-global-blue-1", attributes: {}, path: [ - "color", - "brand3", - "background-default" + "global", + "blue", + "1" ] }, { - value: "#07253c", + value: "#032540", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.2}", + value: "#032540", type: "color" }, - name: "--fds-color-brand3-background-subtle", + name: "--fds-global-blue-2", attributes: {}, path: [ - "color", - "brand3", - "background-subtle" + "global", + "blue", + "2" ] }, { - value: "#0a3251", + value: "#043256", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.3}", + value: "#043256", type: "color" }, - name: "--fds-color-brand3-surface-default", + name: "--fds-global-blue-3", attributes: {}, path: [ - "color", - "brand3", - "surface-default" + "global", + "blue", + "3" ] }, { - value: "#0c3b60", + value: "#053c65", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.4}", + value: "#053c65", type: "color" }, - name: "--fds-color-brand3-surface-hover", + name: "--fds-global-blue-4", attributes: {}, path: [ - "color", - "brand3", - "surface-hover" + "global", + "blue", + "4" ] }, { - value: "#0e446e", + value: "#064474", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.5}", + value: "#064474", type: "color" }, - name: "--fds-color-brand3-surface-active", + name: "--fds-global-blue-5", attributes: {}, path: [ - "color", - "brand3", - "surface-active" + "global", + "blue", + "5" ] }, { - value: "#11558a", + value: "#075490", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.6}", + value: "#075490", type: "color" }, - name: "--fds-color-brand3-border-subtle", + name: "--fds-global-blue-6", attributes: {}, path: [ - "color", - "brand3", - "border-subtle" + "global", + "blue", + "6" ] }, { - value: "#166eb2", + value: "#0a6dba", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.7}", + value: "#0a6dba", type: "color" }, - name: "--fds-color-brand3-border-default", + name: "--fds-global-blue-7", attributes: {}, path: [ - "color", - "brand3", - "border-default" + "global", + "blue", + "7" ] }, { - value: "#1b88db", + value: "#3389cb", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.8}", + value: "#3389cb", type: "color" }, - name: "--fds-color-brand3-border-strong", + name: "--fds-global-blue-8", attributes: {}, path: [ - "color", - "brand3", - "border-strong" + "global", + "blue", + "8" ] }, { - value: "#1e98f5", + value: "#0c72c1", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.9}", + value: "#0c72c1", type: "color" }, - name: "--fds-color-brand3-base-default", + name: "--fds-global-blue-9", attributes: {}, path: [ - "color", - "brand3", - "base-default" + "global", + "blue", + "9" ] }, { - value: "#1980ce", + value: "#085c9c", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.10}", + value: "#085c9c", type: "color" }, - name: "--fds-color-brand3-base-hover", + name: "--fds-global-blue-10", attributes: {}, path: [ - "color", - "brand3", - "base-hover" + "global", + "blue", + "10" ] }, { - value: "#1569a9", + value: "#064678", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.11}", + value: "#064678", type: "color" }, - name: "--fds-color-brand3-base-active", + name: "--fds-global-blue-11", attributes: {}, path: [ - "color", - "brand3", - "base-active" + "global", + "blue", + "11" ] }, { - value: "#57b2f8", + value: "#78b1dc", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.12}", + value: "#78b1dc", type: "color" }, - name: "--fds-color-brand3-text-subtle", + name: "--fds-global-blue-12", attributes: {}, path: [ - "color", - "brand3", - "text-subtle" + "global", + "blue", + "12" ] }, { - value: "#9cd2fb", + value: "#aed0ea", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.13}", + value: "#aed0ea", type: "color" }, - name: "--fds-color-brand3-text-default", + name: "--fds-global-blue-13", attributes: {}, path: [ - "color", - "brand3", - "text-default" + "global", + "blue", + "13" ] }, { - value: "#082740", + value: "#ffffff", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.contrast-1}", + value: "#ffffff", type: "color" }, - name: "--fds-color-brand3-contrast-first", + name: "--fds-global-blue-contrast-1", attributes: {}, path: [ - "color", - "brand3", - "contrast-first" + "global", + "blue", + "contrast-1" ] }, { - value: "#061f33", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-brand3-contrast-second", + name: "--fds-global-blue-contrast-2", attributes: {}, path: [ - "color", - "brand3", - "contrast-second" + "global", + "blue", + "contrast-2" ] }, { - value: "#08200c", + value: "#001c36", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.1}", + value: "{color.accent.1}", type: "color" }, - name: "--fds-color-success-background-default", + name: "--fds-color-accent-background-default", attributes: {}, path: [ "color", - "success", + "accent", "background-default" ] }, { - value: "#0b290f", + value: "#002445", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.2}", + value: "{color.accent.2}", type: "color" }, - name: "--fds-color-success-background-subtle", + name: "--fds-color-accent-background-subtle", attributes: {}, path: [ "color", - "success", + "accent", "background-subtle" ] }, { - value: "#0f3814", + value: "#00315c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.3}", + value: "{color.accent.3}", type: "color" }, - name: "--fds-color-success-surface-default", + name: "--fds-color-accent-surface-default", attributes: {}, path: [ "color", - "success", + "accent", "surface-default" ] }, { - value: "#114218", + value: "#00396d", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.4}", + value: "{color.accent.4}", type: "color" }, - name: "--fds-color-success-surface-hover", + name: "--fds-color-accent-surface-hover", attributes: {}, path: [ "color", - "success", + "accent", "surface-hover" ] }, { - value: "#144c1c", + value: "#00427e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.5}", + value: "{color.accent.5}", type: "color" }, - name: "--fds-color-success-surface-active", + name: "--fds-color-accent-surface-active", attributes: {}, path: [ "color", - "success", + "accent", "surface-active" ] }, { - value: "#185e22", + value: "#00529d", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.6}", + value: "{color.accent.6}", type: "color" }, - name: "--fds-color-success-border-subtle", + name: "--fds-color-accent-border-subtle", attributes: {}, path: [ "color", - "success", + "accent", "border-subtle" ] }, { - value: "#207a2c", + value: "#0f6bbe", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.7}", + value: "{color.accent.7}", type: "color" }, - name: "--fds-color-success-border-default", + name: "--fds-color-accent-border-default", attributes: {}, path: [ "color", - "success", + "accent", "border-default" ] }, { - value: "#279636", + value: "#3d88ca", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.8}", + value: "{color.accent.8}", type: "color" }, - name: "--fds-color-success-border-strong", + name: "--fds-color-accent-border-strong", attributes: {}, path: [ "color", - "success", + "accent", "border-strong" ] }, { - value: "#2ca63d", + value: "#0163ba", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.9}", + value: "{color.accent.9}", type: "color" }, - name: "--fds-color-success-base-default", + name: "--fds-color-accent-base-default", attributes: {}, path: [ "color", - "success", + "accent", "base-default" ] }, { - value: "#248c33", + value: "#004d93", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.10}", + value: "{color.accent.10}", type: "color" }, - name: "--fds-color-success-base-hover", + name: "--fds-color-accent-base-hover", attributes: {}, path: [ "color", - "success", + "accent", "base-hover" ] }, { - value: "#1d7129", + value: "#00396d", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.11}", + value: "{color.accent.11}", type: "color" }, - name: "--fds-color-success-base-active", + name: "--fds-color-accent-base-active", attributes: {}, path: [ "color", - "success", + "accent", "base-active" ] }, { - value: "#64be70", + value: "#7eb0dc", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.12}", + value: "{color.accent.12}", type: "color" }, - name: "--fds-color-success-text-subtle", + name: "--fds-color-accent-text-subtle", attributes: {}, path: [ "color", - "success", + "accent", "text-subtle" ] }, { - value: "#a2d8aa", + value: "#b0cfea", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.13}", + value: "{color.accent.13}", type: "color" }, - name: "--fds-color-success-text-default", + name: "--fds-color-accent-text-default", attributes: {}, path: [ "color", - "success", + "accent", "text-default" ] }, { - value: "#000", + value: "#f6fafd", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.contrast-1}", + value: "{color.accent.contrast-1}", type: "color" }, - name: "--fds-color-success-contrast-first", + name: "--fds-color-accent-contrast-first", attributes: {}, path: [ "color", - "success", + "accent", "contrast-first" ] }, { - value: "#e6e6e6", + value: "#ddeaf6", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.contrast-2}", + value: "{color.accent.contrast-2}", type: "color" }, - name: "--fds-color-success-contrast-second", + name: "--fds-color-accent-contrast-second", attributes: {}, path: [ "color", - "success", + "accent", "contrast-second" ] }, { - value: "#380c0c", + value: "#131c27", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.1}", + value: "{color.neutral.1}", type: "color" }, - name: "--fds-color-danger-background-default", + name: "--fds-color-neutral-background-default", attributes: {}, path: [ "color", - "danger", + "neutral", "background-default" ] }, { - value: "#470f10", + value: "#192433", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.2}", + value: "{color.neutral.2}", type: "color" }, - name: "--fds-color-danger-background-subtle", + name: "--fds-color-neutral-background-subtle", attributes: {}, path: [ "color", - "danger", + "neutral", "background-subtle" ] }, { - value: "#5e1515", + value: "#243142", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.3}", + value: "{color.neutral.3}", type: "color" }, - name: "--fds-color-danger-surface-default", + name: "--fds-color-neutral-surface-default", attributes: {}, path: [ "color", - "danger", + "neutral", "surface-default" ] }, { - value: "#6f1819", + value: "#2e3a4a", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.4}", + value: "{color.neutral.4}", type: "color" }, - name: "--fds-color-danger-surface-hover", + name: "--fds-color-neutral-surface-hover", attributes: {}, path: [ "color", - "danger", + "neutral", "surface-hover" ] }, { - value: "#7f1c1c", + value: "#374352", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.5}", + value: "{color.neutral.5}", type: "color" }, - name: "--fds-color-danger-surface-active", + name: "--fds-color-neutral-surface-active", attributes: {}, path: [ "color", - "danger", + "neutral", "surface-active" ] }, { - value: "#9d2223", + value: "#495361", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.6}", + value: "{color.neutral.6}", type: "color" }, - name: "--fds-color-danger-border-subtle", + name: "--fds-color-neutral-border-subtle", attributes: {}, path: [ "color", - "danger", + "neutral", "border-subtle" ] }, { - value: "#bb3f40", + value: "#626b77", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.7}", + value: "{color.neutral.7}", type: "color" }, - name: "--fds-color-danger-border-default", + name: "--fds-color-neutral-border-default", attributes: {}, path: [ "color", - "danger", + "neutral", "border-default" ] }, { - value: "#c96666", + value: "#7d848e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.8}", + value: "{color.neutral.8}", type: "color" }, - name: "--fds-color-danger-border-strong", + name: "--fds-color-neutral-border-strong", attributes: {}, path: [ "color", - "danger", + "neutral", "border-strong" ] }, { - value: "#b32728", + value: "#1e2b3c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.9}", + value: "{color.neutral.9}", type: "color" }, - name: "--fds-color-danger-base-default", + name: "--fds-color-neutral-base-default", attributes: {}, path: [ "color", - "danger", + "neutral", "base-default" ] }, { - value: "#8c1f1f", + value: "#333e4e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.10}", + value: "{color.neutral.10}", type: "color" }, - name: "--fds-color-danger-base-hover", + name: "--fds-color-neutral-base-hover", attributes: {}, path: [ "color", - "danger", + "neutral", "base-hover" ] }, { - value: "#671617", + value: "#495361", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.11}", + value: "{color.neutral.11}", type: "color" }, - name: "--fds-color-danger-base-active", + name: "--fds-color-neutral-base-active", attributes: {}, path: [ "color", - "danger", + "neutral", "base-active" ] }, { - value: "#dc9a9b", + value: "#a6abb2", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.12}", + value: "{color.neutral.12}", type: "color" }, - name: "--fds-color-danger-text-subtle", + name: "--fds-color-neutral-text-subtle", attributes: {}, path: [ "color", - "danger", + "neutral", "text-subtle" ] }, { - value: "#e9c2c2", + value: "#c9ccd0", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.13}", + value: "{color.neutral.13}", type: "color" }, - name: "--fds-color-danger-text-default", + name: "--fds-color-neutral-text-default", attributes: {}, path: [ "color", - "danger", + "neutral", "text-default" ] }, { - value: "#000", + value: "#f9f9fa", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.contrast-1}", + value: "{color.neutral.contrast-1}", type: "color" }, - name: "--fds-color-danger-contrast-first", + name: "--fds-color-neutral-contrast-first", attributes: {}, path: [ "color", - "danger", + "neutral", "contrast-first" ] }, { - value: "#e6e6e6", + value: "#9ea3ab", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.contrast-2}", + value: "{color.neutral.contrast-2}", type: "color" }, - name: "--fds-color-danger-contrast-second", + name: "--fds-color-neutral-contrast-second", attributes: {}, path: [ "color", - "danger", + "neutral", "contrast-second" ] }, { - value: "#031d30", + value: "#2f1213", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.1}", + value: "{color.brand1.1}", type: "color" }, - name: "--fds-color-info-background-default", + name: "--fds-color-brand1-background-default", attributes: {}, path: [ "color", - "info", + "brand1", "background-default" ] }, { - value: "#032540", + value: "#3c1819", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.2}", + value: "{color.brand1.2}", type: "color" }, - name: "--fds-color-info-background-subtle", + name: "--fds-color-brand1-background-subtle", attributes: {}, path: [ "color", - "info", + "brand1", "background-subtle" ] }, { - value: "#043256", + value: "#522021", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.3}", + value: "{color.brand1.3}", type: "color" }, - name: "--fds-color-info-surface-default", + name: "--fds-color-brand1-surface-default", attributes: {}, path: [ "color", - "info", + "brand1", "surface-default" ] }, { - value: "#053c65", + value: "#602627", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.4}", + value: "{color.brand1.4}", type: "color" }, - name: "--fds-color-info-surface-hover", + name: "--fds-color-brand1-surface-hover", attributes: {}, path: [ "color", - "info", + "brand1", "surface-hover" ] }, { - value: "#064474", + value: "#702c2e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.5}", + value: "{color.brand1.5}", type: "color" }, - name: "--fds-color-info-surface-active", + name: "--fds-color-brand1-surface-active", attributes: {}, path: [ "color", - "info", + "brand1", "surface-active" ] }, { - value: "#075490", + value: "#8b3639", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.6}", + value: "{color.brand1.6}", type: "color" }, - name: "--fds-color-info-border-subtle", + name: "--fds-color-brand1-border-subtle", attributes: {}, path: [ "color", - "info", + "brand1", "border-subtle" ] }, { - value: "#0a6dba", + value: "#b34649", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.7}", + value: "{color.brand1.7}", type: "color" }, - name: "--fds-color-info-border-default", + name: "--fds-color-brand1-border-default", attributes: {}, path: [ "color", - "info", + "brand1", "border-default" ] }, { - value: "#3389cb", + value: "#dd565a", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.8}", + value: "{color.brand1.8}", type: "color" }, - name: "--fds-color-info-border-strong", + name: "--fds-color-brand1-border-strong", attributes: {}, path: [ "color", - "info", + "brand1", "border-strong" ] }, { - value: "#0c72c1", + value: "#f35f63", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.9}", + value: "{color.brand1.9}", type: "color" }, - name: "--fds-color-info-base-default", + name: "--fds-color-brand1-base-default", attributes: {}, path: [ "color", - "info", + "brand1", "base-default" ] }, { - value: "#085c9c", + value: "#cc5053", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.10}", + value: "{color.brand1.10}", type: "color" }, - name: "--fds-color-info-base-hover", + name: "--fds-color-brand1-base-hover", attributes: {}, path: [ "color", - "info", + "brand1", "base-hover" ] }, { - value: "#064678", + value: "#a84144", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.11}", + value: "{color.brand1.11}", type: "color" }, - name: "--fds-color-info-base-active", + name: "--fds-color-brand1-base-active", attributes: {}, path: [ "color", - "info", + "brand1", "base-active" ] }, { - value: "#78b1dc", + value: "#f78d8f", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.12}", + value: "{color.brand1.12}", type: "color" }, - name: "--fds-color-info-text-subtle", + name: "--fds-color-brand1-text-subtle", attributes: {}, path: [ "color", - "info", + "brand1", "text-subtle" ] }, { - value: "#aed0ea", + value: "#fabcbd", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.13}", + value: "{color.brand1.13}", type: "color" }, - name: "--fds-color-info-text-default", + name: "--fds-color-brand1-text-default", attributes: {}, path: [ "color", - "info", + "brand1", "text-default" ] }, { - value: "#ffffff", + value: "#41191b", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.contrast-1}", + value: "{color.brand1.contrast-1}", type: "color" }, - name: "--fds-color-info-contrast-first", + name: "--fds-color-brand1-contrast-first", attributes: {}, path: [ "color", - "info", + "brand1", "contrast-first" ] }, { - value: "#e6e6e6", + value: "#2f1213", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.contrast-2}", + value: "{color.brand1.contrast-2}", type: "color" }, - name: "--fds-color-info-contrast-second", + name: "--fds-color-brand1-contrast-second", attributes: {}, path: [ "color", - "info", + "brand1", "contrast-second" ] }, { - value: "#211b08", + value: "#231a05", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.1}", + value: "{color.brand2.1}", type: "color" }, - name: "--fds-color-warning-background-default", + name: "--fds-color-brand2-background-default", attributes: {}, path: [ "color", - "warning", + "brand2", "background-default" ] }, { - value: "#2b230a", + value: "#2d2206", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.2}", + value: "{color.brand2.2}", type: "color" }, - name: "--fds-color-warning-background-subtle", + name: "--fds-color-brand2-background-subtle", attributes: {}, path: [ "color", - "warning", + "brand2", "background-subtle" ] }, { - value: "#3a300e", + value: "#3d2e09", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.3}", + value: "{color.brand2.3}", type: "color" }, - name: "--fds-color-warning-surface-default", + name: "--fds-color-brand2-surface-default", attributes: {}, path: [ "color", - "warning", + "brand2", "surface-default" ] }, { - value: "#453810", + value: "#48360a", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.4}", + value: "{color.brand2.4}", type: "color" }, - name: "--fds-color-warning-surface-hover", + name: "--fds-color-brand2-surface-hover", attributes: {}, path: [ "color", - "warning", + "brand2", "surface-hover" ] }, { - value: "#4e4013", + value: "#543e0c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.5}", + value: "{color.brand2.5}", type: "color" }, - name: "--fds-color-warning-surface-active", + name: "--fds-color-brand2-surface-active", attributes: {}, path: [ "color", - "warning", + "brand2", "surface-active" ] }, { - value: "#625017", + value: "#684e0f", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.6}", + value: "{color.brand2.6}", type: "color" }, - name: "--fds-color-warning-border-subtle", + name: "--fds-color-brand2-border-subtle", attributes: {}, path: [ "color", - "warning", + "brand2", "border-subtle" ] }, { - value: "#7f681e", + value: "#876413", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.7}", + value: "{color.brand2.7}", type: "color" }, - name: "--fds-color-warning-border-default", + name: "--fds-color-brand2-border-default", attributes: {}, path: [ "color", - "warning", + "brand2", "border-default" ] }, { - value: "#9c8125", + value: "#a87c17", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.8}", + value: "{color.brand2.8}", type: "color" }, - name: "--fds-color-warning-border-strong", + name: "--fds-color-brand2-border-strong", attributes: {}, path: [ "color", - "warning", + "brand2", "border-strong" ] }, { - value: "#d46223", + value: "#e4a920", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.9}", + value: "{color.brand2.9}", type: "color" }, - name: "--fds-color-warning-base-default", + name: "--fds-color-brand2-base-default", attributes: {}, path: [ "color", - "warning", + "brand2", "base-default" ] }, { - value: "#b0511d", + value: "#c6931c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.10}", + value: "{color.brand2.10}", type: "color" }, - name: "--fds-color-warning-base-hover", + name: "--fds-color-brand2-base-hover", attributes: {}, path: [ "color", - "warning", + "brand2", "base-hover" ] }, { - value: "#8e4117", + value: "#a87c17", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.11}", + value: "{color.brand2.11}", type: "color" }, - name: "--fds-color-warning-base-active", + name: "--fds-color-brand2-base-active", attributes: {}, path: [ "color", - "warning", + "brand2", "base-active" ] }, { - value: "#e39a72", + value: "#daa21f", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.12}", + value: "{color.brand2.12}", type: "color" }, - name: "--fds-color-warning-text-subtle", + name: "--fds-color-brand2-text-subtle", attributes: {}, path: [ "color", - "warning", + "brand2", "text-subtle" ] }, { - value: "#efc3ab", + value: "#eec76c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.13}", + value: "{color.brand2.13}", type: "color" }, - name: "--fds-color-warning-text-default", + name: "--fds-color-brand2-text-default", attributes: {}, path: [ "color", - "warning", + "brand2", "text-default" ] }, { - value: "#000", + value: "#302407", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.contrast-1}", + value: "{color.brand2.contrast-1}", type: "color" }, - name: "--fds-color-warning-contrast-first", + name: "--fds-color-brand2-contrast-first", attributes: {}, path: [ "color", - "warning", + "brand2", "contrast-first" ] }, { - value: "#e6e6e6", + value: "#45340a", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.contrast-2}", + value: "{color.brand2.contrast-2}", type: "color" }, - name: "--fds-color-warning-contrast-second", + name: "--fds-color-brand2-contrast-second", attributes: {}, path: [ "color", - "warning", + "brand2", "contrast-second" ] }, { - value: "#08200c", + value: "#061d30", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#08200c", + value: "{color.brand3.1}", type: "color" }, - name: "--fds-global-green-1", + name: "--fds-color-brand3-background-default", attributes: {}, path: [ - "global", - "green", - "1" + "color", + "brand3", + "background-default" ] }, { - value: "#0b290f", + value: "#07253c", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#0b290f", + value: "{color.brand3.2}", type: "color" }, - name: "--fds-global-green-2", + name: "--fds-color-brand3-background-subtle", attributes: {}, path: [ - "global", - "green", - "2" + "color", + "brand3", + "background-subtle" ] }, { - value: "#0f3814", + value: "#0a3251", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#0f3814", + value: "{color.brand3.3}", type: "color" }, - name: "--fds-global-green-3", + name: "--fds-color-brand3-surface-default", attributes: {}, path: [ - "global", - "green", - "3" + "color", + "brand3", + "surface-default" ] }, { - value: "#114218", + value: "#0c3b60", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#114218", + value: "{color.brand3.4}", type: "color" }, - name: "--fds-global-green-4", + name: "--fds-color-brand3-surface-hover", attributes: {}, path: [ - "global", - "green", - "4" + "color", + "brand3", + "surface-hover" ] }, { - value: "#144c1c", + value: "#0e446e", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#144c1c", + value: "{color.brand3.5}", type: "color" }, - name: "--fds-global-green-5", + name: "--fds-color-brand3-surface-active", attributes: {}, path: [ - "global", - "green", - "5" + "color", + "brand3", + "surface-active" ] }, { - value: "#185e22", + value: "#11558a", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#185e22", + value: "{color.brand3.6}", type: "color" }, - name: "--fds-global-green-6", + name: "--fds-color-brand3-border-subtle", attributes: {}, path: [ - "global", - "green", - "6" + "color", + "brand3", + "border-subtle" ] }, { - value: "#207a2c", + value: "#166eb2", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#207a2c", + value: "{color.brand3.7}", type: "color" }, - name: "--fds-global-green-7", + name: "--fds-color-brand3-border-default", attributes: {}, path: [ - "global", - "green", - "7" + "color", + "brand3", + "border-default" ] }, { - value: "#279636", + value: "#1b88db", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#279636", + value: "{color.brand3.8}", type: "color" }, - name: "--fds-global-green-8", + name: "--fds-color-brand3-border-strong", attributes: {}, path: [ - "global", - "green", - "8" + "color", + "brand3", + "border-strong" ] }, { - value: "#2ca63d", + value: "#1e98f5", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#2ca63d", + value: "{color.brand3.9}", type: "color" }, - name: "--fds-global-green-9", + name: "--fds-color-brand3-base-default", attributes: {}, path: [ - "global", - "green", - "9" + "color", + "brand3", + "base-default" ] }, { - value: "#248c33", + value: "#1980ce", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#248c33", + value: "{color.brand3.10}", type: "color" }, - name: "--fds-global-green-10", + name: "--fds-color-brand3-base-hover", attributes: {}, path: [ - "global", - "green", - "10" + "color", + "brand3", + "base-hover" ] }, { - value: "#1d7129", + value: "#1569a9", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#1d7129", + value: "{color.brand3.11}", type: "color" }, - name: "--fds-global-green-11", + name: "--fds-color-brand3-base-active", attributes: {}, path: [ - "global", - "green", - "11" + "color", + "brand3", + "base-active" ] }, { - value: "#64be70", + value: "#57b2f8", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#64be70", + value: "{color.brand3.12}", type: "color" }, - name: "--fds-global-green-12", + name: "--fds-color-brand3-text-subtle", attributes: {}, path: [ - "global", - "green", - "12" + "color", + "brand3", + "text-subtle" ] }, { - value: "#a2d8aa", + value: "#9cd2fb", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#a2d8aa", + value: "{color.brand3.13}", type: "color" }, - name: "--fds-global-green-13", + name: "--fds-color-brand3-text-default", attributes: {}, path: [ - "global", - "green", - "13" + "color", + "brand3", + "text-default" ] }, { - value: "#000", + value: "#082740", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#000", + value: "{color.brand3.contrast-1}", type: "color" }, - name: "--fds-global-green-contrast-1", + name: "--fds-color-brand3-contrast-first", attributes: {}, path: [ - "global", - "green", - "contrast-1" + "color", + "brand3", + "contrast-first" ] }, { - value: "#e6e6e6", + value: "#061f33", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{color.brand3.contrast-2}", type: "color" }, - name: "--fds-global-green-contrast-2", + name: "--fds-color-brand3-contrast-second", attributes: {}, path: [ - "global", - "green", - "contrast-2" + "color", + "brand3", + "contrast-second" ] }, { - value: "#211b08", + value: "#08200c", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#211b08", + value: "{global.green.1}", type: "color" }, - name: "--fds-global-yellow-1", + name: "--fds-color-success-background-default", attributes: {}, path: [ - "global", - "yellow", - "1" + "color", + "success", + "background-default" ] }, { - value: "#2b230a", + value: "#0b290f", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#2b230a", + value: "{global.green.2}", type: "color" }, - name: "--fds-global-yellow-2", + name: "--fds-color-success-background-subtle", attributes: {}, path: [ - "global", - "yellow", - "2" + "color", + "success", + "background-subtle" ] }, { - value: "#3a300e", + value: "#0f3814", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#3a300e", + value: "{global.green.3}", type: "color" }, - name: "--fds-global-yellow-3", + name: "--fds-color-success-surface-default", attributes: {}, path: [ - "global", - "yellow", - "3" + "color", + "success", + "surface-default" ] }, { - value: "#453810", + value: "#114218", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#453810", + value: "{global.green.4}", type: "color" }, - name: "--fds-global-yellow-4", + name: "--fds-color-success-surface-hover", attributes: {}, path: [ - "global", - "yellow", - "4" + "color", + "success", + "surface-hover" ] }, { - value: "#4e4013", + value: "#144c1c", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#4e4013", + value: "{global.green.5}", type: "color" }, - name: "--fds-global-yellow-5", + name: "--fds-color-success-surface-active", attributes: {}, path: [ - "global", - "yellow", - "5" + "color", + "success", + "surface-active" ] }, { - value: "#625017", + value: "#185e22", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#625017", + value: "{global.green.6}", type: "color" }, - name: "--fds-global-yellow-6", + name: "--fds-color-success-border-subtle", attributes: {}, path: [ - "global", - "yellow", - "6" + "color", + "success", + "border-subtle" ] }, { - value: "#7f681e", + value: "#207a2c", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#7f681e", + value: "{global.green.7}", type: "color" }, - name: "--fds-global-yellow-7", + name: "--fds-color-success-border-default", attributes: {}, path: [ - "global", - "yellow", - "7" + "color", + "success", + "border-default" ] }, { - value: "#9c8125", + value: "#279636", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#9c8125", + value: "{global.green.8}", type: "color" }, - name: "--fds-global-yellow-8", + name: "--fds-color-success-border-strong", attributes: {}, path: [ - "global", - "yellow", - "8" + "color", + "success", + "border-strong" ] }, { - value: "#ecc238", + value: "#2ca63d", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ecc238", + value: "{global.green.9}", type: "color" }, - name: "--fds-global-yellow-9", + name: "--fds-color-success-base-default", attributes: {}, path: [ - "global", - "yellow", - "9" + "color", + "success", + "base-default" ] }, { - value: "#cfaa31", + value: "#248c33", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#cfaa31", + value: "{global.green.10}", type: "color" }, - name: "--fds-global-yellow-10", + name: "--fds-color-success-base-hover", attributes: {}, path: [ - "global", - "yellow", - "10" + "color", + "success", + "base-hover" ] }, { - value: "#b2922a", + value: "#1d7129", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#b2922a", + value: "{global.green.11}", type: "color" }, - name: "--fds-global-yellow-11", + name: "--fds-color-success-base-active", attributes: {}, path: [ - "global", - "yellow", - "11" + "color", + "success", + "base-active" ] }, { - value: "#cca730", + value: "#64be70", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#cca730", + value: "{global.green.12}", type: "color" }, - name: "--fds-global-yellow-12", + name: "--fds-color-success-text-subtle", attributes: {}, path: [ - "global", - "yellow", - "12" + "color", + "success", + "text-subtle" ] }, { - value: "#eec84d", + value: "#a2d8aa", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#eec84d", + value: "{global.green.13}", type: "color" }, - name: "--fds-global-yellow-13", + name: "--fds-color-success-text-default", attributes: {}, path: [ - "global", - "yellow", - "13" + "color", + "success", + "text-default" ] }, { value: "#000", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#000", + value: "{global.green.contrast-1}", type: "color" }, - name: "--fds-global-yellow-contrast-1", + name: "--fds-color-success-contrast-first", attributes: {}, path: [ - "global", - "yellow", - "contrast-1" + "color", + "success", + "contrast-first" ] }, { value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{global.green.contrast-2}", type: "color" }, - name: "--fds-global-yellow-contrast-2", + name: "--fds-color-success-contrast-second", attributes: {}, path: [ - "global", - "yellow", - "contrast-2" + "color", + "success", + "contrast-second" ] }, { - value: "#2d1508", + value: "#380c0c", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#2d1508", + value: "{global.red.1}", type: "color" }, - name: "--fds-global-orange-1", + name: "--fds-color-danger-background-default", attributes: {}, path: [ - "global", - "orange", - "1" + "color", + "danger", + "background-default" ] }, { - value: "#3a1b0a", + value: "#470f10", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#3a1b0a", + value: "{global.red.2}", type: "color" }, - name: "--fds-global-orange-2", + name: "--fds-color-danger-background-subtle", attributes: {}, path: [ - "global", - "orange", - "2" + "color", + "danger", + "background-subtle" ] }, { - value: "#4f240d", + value: "#5e1515", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#4f240d", + value: "{global.red.3}", type: "color" }, - name: "--fds-global-orange-3", + name: "--fds-color-danger-surface-default", attributes: {}, path: [ - "global", - "orange", - "3" + "color", + "danger", + "surface-default" ] }, { - value: "#5d2b0f", + value: "#6f1819", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#5d2b0f", + value: "{global.red.4}", type: "color" }, - name: "--fds-global-orange-4", + name: "--fds-color-danger-surface-hover", attributes: {}, path: [ - "global", - "orange", - "4" + "color", + "danger", + "surface-hover" ] }, { - value: "#6b3212", + value: "#7f1c1c", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#6b3212", + value: "{global.red.5}", type: "color" }, - name: "--fds-global-orange-5", + name: "--fds-color-danger-surface-active", attributes: {}, path: [ - "global", - "orange", - "5" + "color", + "danger", + "surface-active" ] }, { - value: "#853e16", + value: "#9d2223", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#853e16", + value: "{global.red.6}", type: "color" }, - name: "--fds-global-orange-6", + name: "--fds-color-danger-border-subtle", attributes: {}, path: [ - "global", - "orange", - "6" + "color", + "danger", + "border-subtle" ] }, { - value: "#ac4f1c", + value: "#bb3f40", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ac4f1c", + value: "{global.red.7}", type: "color" }, - name: "--fds-global-orange-7", + name: "--fds-color-danger-border-default", attributes: {}, path: [ - "global", - "orange", - "7" + "color", + "danger", + "border-default" ] }, { - value: "#d46223", + value: "#c96666", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#d46223", + value: "{global.red.8}", type: "color" }, - name: "--fds-global-orange-8", + name: "--fds-color-danger-border-strong", attributes: {}, path: [ - "global", - "orange", - "8" + "color", + "danger", + "border-strong" ] }, { - value: "#d46223", + value: "#b32728", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#d46223", + value: "{global.red.9}", type: "color" }, - name: "--fds-global-orange-9", + name: "--fds-color-danger-base-default", attributes: {}, path: [ - "global", - "orange", - "9" + "color", + "danger", + "base-default" ] }, { - value: "#b0511d", + value: "#8c1f1f", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#b0511d", + value: "{global.red.10}", type: "color" }, - name: "--fds-global-orange-10", + name: "--fds-color-danger-base-hover", attributes: {}, path: [ - "global", - "orange", - "10" + "color", + "danger", + "base-hover" ] }, { - value: "#8e4117", + value: "#671617", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#8e4117", + value: "{global.red.11}", type: "color" }, - name: "--fds-global-orange-11", + name: "--fds-color-danger-base-active", attributes: {}, path: [ - "global", - "orange", - "11" + "color", + "danger", + "base-active" ] }, { - value: "#e39a72", + value: "#dc9a9b", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e39a72", + value: "{global.red.12}", type: "color" }, - name: "--fds-global-orange-12", + name: "--fds-color-danger-text-subtle", attributes: {}, path: [ - "global", - "orange", - "12" + "color", + "danger", + "text-subtle" ] }, { - value: "#efc3ab", + value: "#e9c2c2", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#efc3ab", + value: "{global.red.13}", type: "color" }, - name: "--fds-global-orange-13", + name: "--fds-color-danger-text-default", attributes: {}, - path: [ - "global", - "orange", - "13" + path: [ + "color", + "danger", + "text-default" ] }, { - value: "#ffffff", + value: "#000", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ffffff", + value: "{global.red.contrast-1}", type: "color" }, - name: "--fds-global-orange-contrast-1", + name: "--fds-color-danger-contrast-first", attributes: {}, path: [ - "global", - "orange", - "contrast-1" + "color", + "danger", + "contrast-first" ] }, { value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{global.red.contrast-2}", type: "color" }, - name: "--fds-global-orange-contrast-2", + name: "--fds-color-danger-contrast-second", attributes: {}, path: [ - "global", - "orange", - "contrast-2" + "color", + "danger", + "contrast-second" ] }, { - value: "#380c0c", + value: "#031d30", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#380c0c", + value: "{global.blue.1}", type: "color" }, - name: "--fds-global-red-1", + name: "--fds-color-info-background-default", attributes: {}, path: [ - "global", - "red", - "1" + "color", + "info", + "background-default" ] }, { - value: "#470f10", + value: "#032540", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#470f10", + value: "{global.blue.2}", type: "color" }, - name: "--fds-global-red-2", + name: "--fds-color-info-background-subtle", attributes: {}, path: [ - "global", - "red", - "2" + "color", + "info", + "background-subtle" ] }, { - value: "#5e1515", + value: "#043256", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#5e1515", + value: "{global.blue.3}", type: "color" }, - name: "--fds-global-red-3", + name: "--fds-color-info-surface-default", attributes: {}, path: [ - "global", - "red", - "3" + "color", + "info", + "surface-default" ] }, { - value: "#6f1819", + value: "#053c65", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#6f1819", + value: "{global.blue.4}", type: "color" }, - name: "--fds-global-red-4", + name: "--fds-color-info-surface-hover", attributes: {}, path: [ - "global", - "red", - "4" + "color", + "info", + "surface-hover" ] }, { - value: "#7f1c1c", + value: "#064474", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#7f1c1c", + value: "{global.blue.5}", type: "color" }, - name: "--fds-global-red-5", + name: "--fds-color-info-surface-active", attributes: {}, path: [ - "global", - "red", - "5" + "color", + "info", + "surface-active" ] }, { - value: "#9d2223", + value: "#075490", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#9d2223", + value: "{global.blue.6}", type: "color" }, - name: "--fds-global-red-6", + name: "--fds-color-info-border-subtle", attributes: {}, path: [ - "global", - "red", - "6" + "color", + "info", + "border-subtle" ] }, { - value: "#bb3f40", + value: "#0a6dba", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#bb3f40", + value: "{global.blue.7}", type: "color" }, - name: "--fds-global-red-7", + name: "--fds-color-info-border-default", attributes: {}, path: [ - "global", - "red", - "7" + "color", + "info", + "border-default" ] }, { - value: "#c96666", + value: "#3389cb", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#c96666", + value: "{global.blue.8}", type: "color" }, - name: "--fds-global-red-8", + name: "--fds-color-info-border-strong", attributes: {}, path: [ - "global", - "red", - "8" + "color", + "info", + "border-strong" ] }, { - value: "#b32728", + value: "#0c72c1", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#b32728", + value: "{global.blue.9}", type: "color" }, - name: "--fds-global-red-9", + name: "--fds-color-info-base-default", attributes: {}, path: [ - "global", - "red", - "9" + "color", + "info", + "base-default" ] }, { - value: "#8c1f1f", + value: "#085c9c", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#8c1f1f", + value: "{global.blue.10}", type: "color" }, - name: "--fds-global-red-10", + name: "--fds-color-info-base-hover", attributes: {}, path: [ - "global", - "red", - "10" + "color", + "info", + "base-hover" ] }, { - value: "#671617", + value: "#064678", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#671617", + value: "{global.blue.11}", type: "color" }, - name: "--fds-global-red-11", + name: "--fds-color-info-base-active", attributes: {}, path: [ - "global", - "red", - "11" + "color", + "info", + "base-active" ] }, { - value: "#dc9a9b", + value: "#78b1dc", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#dc9a9b", + value: "{global.blue.12}", type: "color" }, - name: "--fds-global-red-12", + name: "--fds-color-info-text-subtle", attributes: {}, path: [ - "global", - "red", - "12" + "color", + "info", + "text-subtle" ] }, { - value: "#e9c2c2", + value: "#aed0ea", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e9c2c2", + value: "{global.blue.13}", type: "color" }, - name: "--fds-global-red-13", + name: "--fds-color-info-text-default", attributes: {}, path: [ - "global", - "red", - "13" + "color", + "info", + "text-default" ] }, { - value: "#000", + value: "#ffffff", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#000", + value: "{global.blue.contrast-1}", type: "color" }, - name: "--fds-global-red-contrast-1", + name: "--fds-color-info-contrast-first", attributes: {}, - path: [ - "global", - "red", - "contrast-1" + path: [ + "color", + "info", + "contrast-first" ] }, { value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{global.blue.contrast-2}", type: "color" }, - name: "--fds-global-red-contrast-2", + name: "--fds-color-info-contrast-second", attributes: {}, path: [ - "global", - "red", - "contrast-2" + "color", + "info", + "contrast-second" ] }, { - value: "#031d30", + value: "#211b08", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#031d30", + value: "{global.yellow.1}", type: "color" }, - name: "--fds-global-blue-1", + name: "--fds-color-warning-background-default", attributes: {}, path: [ - "global", - "blue", - "1" + "color", + "warning", + "background-default" ] }, { - value: "#032540", + value: "#2b230a", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#032540", + value: "{global.yellow.2}", type: "color" }, - name: "--fds-global-blue-2", + name: "--fds-color-warning-background-subtle", attributes: {}, path: [ - "global", - "blue", - "2" + "color", + "warning", + "background-subtle" ] }, { - value: "#043256", + value: "#3a300e", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#043256", + value: "{global.yellow.3}", type: "color" }, - name: "--fds-global-blue-3", + name: "--fds-color-warning-surface-default", attributes: {}, path: [ - "global", - "blue", - "3" + "color", + "warning", + "surface-default" ] }, { - value: "#053c65", + value: "#453810", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#053c65", + value: "{global.yellow.4}", type: "color" }, - name: "--fds-global-blue-4", + name: "--fds-color-warning-surface-hover", attributes: {}, path: [ - "global", - "blue", - "4" + "color", + "warning", + "surface-hover" ] }, { - value: "#064474", + value: "#4e4013", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#064474", + value: "{global.yellow.5}", type: "color" }, - name: "--fds-global-blue-5", + name: "--fds-color-warning-surface-active", attributes: {}, path: [ - "global", - "blue", - "5" + "color", + "warning", + "surface-active" ] }, { - value: "#075490", + value: "#625017", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#075490", + value: "{global.yellow.6}", type: "color" }, - name: "--fds-global-blue-6", + name: "--fds-color-warning-border-subtle", attributes: {}, path: [ - "global", - "blue", - "6" + "color", + "warning", + "border-subtle" ] }, { - value: "#0a6dba", + value: "#7f681e", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#0a6dba", + value: "{global.yellow.7}", type: "color" }, - name: "--fds-global-blue-7", + name: "--fds-color-warning-border-default", attributes: {}, path: [ - "global", - "blue", - "7" + "color", + "warning", + "border-default" ] }, { - value: "#3389cb", + value: "#9c8125", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#3389cb", + value: "{global.yellow.8}", type: "color" }, - name: "--fds-global-blue-8", + name: "--fds-color-warning-border-strong", attributes: {}, path: [ - "global", - "blue", - "8" + "color", + "warning", + "border-strong" ] }, { - value: "#0c72c1", + value: "#d46223", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#0c72c1", + value: "{global.orange.9}", type: "color" }, - name: "--fds-global-blue-9", + name: "--fds-color-warning-base-default", attributes: {}, path: [ - "global", - "blue", - "9" + "color", + "warning", + "base-default" ] }, { - value: "#085c9c", + value: "#b0511d", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#085c9c", + value: "{global.orange.10}", type: "color" }, - name: "--fds-global-blue-10", + name: "--fds-color-warning-base-hover", attributes: {}, path: [ - "global", - "blue", - "10" + "color", + "warning", + "base-hover" ] }, { - value: "#064678", + value: "#8e4117", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#064678", + value: "{global.orange.11}", type: "color" }, - name: "--fds-global-blue-11", + name: "--fds-color-warning-base-active", attributes: {}, path: [ - "global", - "blue", - "11" + "color", + "warning", + "base-active" ] }, { - value: "#78b1dc", + value: "#e39a72", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#78b1dc", + value: "{global.orange.12}", type: "color" }, - name: "--fds-global-blue-12", + name: "--fds-color-warning-text-subtle", attributes: {}, path: [ - "global", - "blue", - "12" + "color", + "warning", + "text-subtle" ] }, { - value: "#aed0ea", + value: "#efc3ab", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#aed0ea", + value: "{global.orange.13}", type: "color" }, - name: "--fds-global-blue-13", + name: "--fds-color-warning-text-default", attributes: {}, path: [ - "global", - "blue", - "13" + "color", + "warning", + "text-default" ] }, { - value: "#ffffff", + value: "#000", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ffffff", + value: "{global.yellow.contrast-1}", type: "color" }, - name: "--fds-global-blue-contrast-1", + name: "--fds-color-warning-contrast-first", attributes: {}, path: [ - "global", - "blue", - "contrast-1" + "color", + "warning", + "contrast-first" ] }, { value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{global.yellow.contrast-2}", type: "color" }, - name: "--fds-global-blue-contrast-2", + name: "--fds-color-warning-contrast-second", attributes: {}, path: [ - "global", - "blue", - "contrast-2" + "color", + "warning", + "contrast-second" ] }, { diff --git a/apps/storefront/tokens/digdir/light.ts b/apps/storefront/tokens/digdir/light.ts index 5a3838daaa..411fd3ebb4 100644 --- a/apps/storefront/tokens/digdir/light.ts +++ b/apps/storefront/tokens/digdir/light.ts @@ -4,2042 +4,2042 @@ export const color = [ { - value: "#fefeff", + value: "#fcfefc", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.1}", + value: "#fcfefc", type: "color" }, - name: "--fds-color-accent-background-default", + name: "--fds-global-green-1", attributes: {}, path: [ - "color", - "accent", - "background-default" + "global", + "green", + "1" ] }, { - value: "#eef4fa", + value: "#e9f6ea", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.2}", + value: "#e9f6ea", type: "color" }, - name: "--fds-color-accent-background-subtle", + name: "--fds-global-green-2", attributes: {}, path: [ - "color", - "accent", - "background-subtle" + "global", + "green", + "2" ] }, { - value: "#e2edf7", + value: "#d9efdc", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.3}", + value: "#d9efdc", type: "color" }, - name: "--fds-color-accent-surface-default", + name: "--fds-global-green-3", attributes: {}, path: [ - "color", - "accent", - "surface-default" + "global", + "green", + "3" ] }, { - value: "#c3daef", + value: "#b9e1be", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.4}", + value: "#b9e1be", type: "color" }, - name: "--fds-color-accent-surface-hover", + name: "--fds-global-green-4", attributes: {}, path: [ - "color", - "accent", - "surface-hover" + "global", + "green", + "4" ] }, { - value: "#a4c7e6", + value: "#94d29d", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.5}", + value: "#94d29d", type: "color" }, - name: "--fds-color-accent-surface-active", + name: "--fds-global-green-5", attributes: {}, path: [ - "color", - "accent", - "surface-active" + "global", + "green", + "5" ] }, { - value: "#aecde9", + value: "#9ed6a5", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.6}", + value: "#9ed6a5", type: "color" }, - name: "--fds-color-accent-border-subtle", + name: "--fds-global-green-6", attributes: {}, path: [ - "color", - "accent", - "border-subtle" + "global", + "green", + "6" ] }, { - value: "#4b90ce", + value: "#29a03a", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.7}", + value: "#29a03a", type: "color" }, - name: "--fds-color-accent-border-default", + name: "--fds-global-green-7", attributes: {}, path: [ - "color", - "accent", - "border-default" + "global", + "green", + "7" ] }, { - value: "#00529d", + value: "#185e22", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.8}", + value: "#185e22", type: "color" }, - name: "--fds-color-accent-border-strong", + name: "--fds-global-green-8", attributes: {}, path: [ - "color", - "accent", - "border-strong" + "global", + "green", + "8" ] }, { - value: "#0163ba", + value: "#2ca63d", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.9}", + value: "#2ca63d", type: "color" }, - name: "--fds-color-accent-base-default", + name: "--fds-global-green-9", attributes: {}, path: [ - "color", - "accent", - "base-default" + "global", + "green", + "9" ] }, { - value: "#004d93", + value: "#248c33", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.10}", + value: "#248c33", type: "color" }, - name: "--fds-color-accent-base-hover", + name: "--fds-global-green-10", attributes: {}, path: [ - "color", - "accent", - "base-hover" + "global", + "green", + "10" ] }, { - value: "#00396d", + value: "#1d7129", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.11}", + value: "#1d7129", type: "color" }, - name: "--fds-color-accent-base-active", + name: "--fds-global-green-11", attributes: {}, path: [ - "color", - "accent", - "base-active" + "global", + "green", + "11" ] }, { - value: "#005099", + value: "#185c21", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.12}", + value: "#185c21", type: "color" }, - name: "--fds-color-accent-text-subtle", + name: "--fds-global-green-12", attributes: {}, path: [ - "color", - "accent", - "text-subtle" + "global", + "green", + "12" ] }, { - value: "#00315c", + value: "#0f3814", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.13}", + value: "#0f3814", type: "color" }, - name: "--fds-color-accent-text-default", + name: "--fds-global-green-13", attributes: {}, path: [ - "color", - "accent", - "text-default" + "global", + "green", + "13" ] }, { - value: "#f6fafd", + value: "#ffffff", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.contrast-1}", + value: "#ffffff", type: "color" }, - name: "--fds-color-accent-contrast-first", + name: "--fds-global-green-contrast-1", attributes: {}, path: [ - "color", - "accent", - "contrast-first" + "global", + "green", + "contrast-1" ] }, { - value: "#ddeaf6", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-accent-contrast-second", + name: "--fds-global-green-contrast-2", attributes: {}, path: [ - "color", - "accent", - "contrast-second" + "global", + "green", + "contrast-2" ] }, { - value: "#fefefe", + value: "#fffefc", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.1}", + value: "#fffefc", type: "color" }, - name: "--fds-color-neutral-background-default", + name: "--fds-global-yellow-1", attributes: {}, path: [ - "color", - "neutral", - "background-default" + "global", + "yellow", + "1" ] }, { - value: "#f3f4f5", + value: "#fbf2d5", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.2}", + value: "#fbf2d5", type: "color" }, - name: "--fds-color-neutral-background-subtle", + name: "--fds-global-yellow-2", attributes: {}, path: [ - "color", - "neutral", - "background-subtle" + "global", + "yellow", + "2" ] }, { - value: "#e9eaec", + value: "#f9ebbd", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.3}", + value: "#f9ebbd", type: "color" }, - name: "--fds-color-neutral-surface-default", + name: "--fds-global-yellow-3", attributes: {}, path: [ - "color", - "neutral", - "surface-default" + "global", + "yellow", + "3" ] }, { - value: "#d5d7da", + value: "#f2d474", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.4}", + value: "#f2d474", type: "color" }, - name: "--fds-color-neutral-surface-hover", + name: "--fds-global-yellow-4", attributes: {}, path: [ - "color", - "neutral", - "surface-hover" + "global", + "yellow", + "4" ] }, { - value: "#c1c4c9", + value: "#e8bf37", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.5}", + value: "#e8bf37", type: "color" }, - name: "--fds-color-neutral-surface-active", + name: "--fds-global-yellow-5", attributes: {}, path: [ - "color", - "neutral", - "surface-active" + "global", + "yellow", + "5" ] }, { - value: "#c6c9cd", + value: "#edc644", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.6}", + value: "#edc644", type: "color" }, - name: "--fds-color-neutral-border-subtle", + name: "--fds-global-yellow-6", attributes: {}, path: [ - "color", - "neutral", - "border-subtle" + "global", + "yellow", + "6" ] }, { - value: "#858c96", + value: "#a68827", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.7}", + value: "#a68827", type: "color" }, - name: "--fds-color-neutral-border-default", + name: "--fds-global-yellow-7", attributes: {}, path: [ - "color", - "neutral", - "border-default" + "global", + "yellow", + "7" ] }, { - value: "#495361", + value: "#625017", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.8}", + value: "#625017", type: "color" }, - name: "--fds-color-neutral-border-strong", + name: "--fds-global-yellow-8", attributes: {}, path: [ - "color", - "neutral", - "border-strong" + "global", + "yellow", + "8" ] }, { - value: "#1e2b3c", + value: "#ecc238", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.9}", + value: "#ecc238", type: "color" }, - name: "--fds-color-neutral-base-default", + name: "--fds-global-yellow-9", attributes: {}, path: [ - "color", - "neutral", - "base-default" + "global", + "yellow", + "9" ] }, { - value: "#333e4e", + value: "#cfaa31", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.10}", + value: "#cfaa31", type: "color" }, - name: "--fds-color-neutral-base-hover", + name: "--fds-global-yellow-10", attributes: {}, path: [ - "color", - "neutral", - "base-hover" + "global", + "yellow", + "10" ] }, { - value: "#495361", + value: "#b2922a", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.11}", + value: "#b2922a", type: "color" }, - name: "--fds-color-neutral-base-active", + name: "--fds-global-yellow-11", attributes: {}, path: [ - "color", - "neutral", - "base-active" + "global", + "yellow", + "11" ] }, { - value: "#46505e", + value: "#604f17", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.12}", + value: "#604f17", type: "color" }, - name: "--fds-color-neutral-text-subtle", + name: "--fds-global-yellow-12", attributes: {}, path: [ - "color", - "neutral", - "text-subtle" + "global", + "yellow", + "12" ] }, { - value: "#243142", + value: "#3a300e", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.13}", + value: "#3a300e", type: "color" }, - name: "--fds-color-neutral-text-default", + name: "--fds-global-yellow-13", attributes: {}, path: [ - "color", - "neutral", - "text-default" + "global", + "yellow", + "13" ] }, { - value: "#f9f9fa", + value: "#ffffff", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.contrast-1}", + value: "#ffffff", type: "color" }, - name: "--fds-color-neutral-contrast-first", + name: "--fds-global-yellow-contrast-1", attributes: {}, path: [ - "color", - "neutral", - "contrast-first" + "global", + "yellow", + "contrast-1" ] }, { - value: "#9ea3ab", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-neutral-contrast-second", + name: "--fds-global-yellow-contrast-2", attributes: {}, path: [ - "color", - "neutral", - "contrast-second" + "global", + "yellow", + "contrast-2" ] }, { - value: "#fffefe", + value: "#fffefd", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.1}", + value: "#fffefd", type: "color" }, - name: "--fds-color-brand1-background-default", + name: "--fds-global-orange-1", attributes: {}, path: [ - "color", - "brand1", - "background-default" + "global", + "orange", + "1" ] }, { - value: "#fef0f1", + value: "#fbf1ec", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.2}", + value: "#fbf1ec", type: "color" }, - name: "--fds-color-brand1-background-subtle", + name: "--fds-global-orange-2", attributes: {}, path: [ - "color", - "brand1", - "background-subtle" + "global", + "orange", + "2" ] }, { - value: "#fde5e6", + value: "#f9e8df", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.3}", + value: "#f9e8df", type: "color" }, - name: "--fds-color-brand1-surface-default", + name: "--fds-global-orange-3", attributes: {}, path: [ - "color", - "brand1", - "surface-default" + "global", + "orange", + "3" ] }, { - value: "#fbcccd", + value: "#f2d0bc", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.4}", + value: "#f2d0bc", type: "color" }, - name: "--fds-color-brand1-surface-hover", + name: "--fds-global-orange-4", attributes: {}, path: [ - "color", - "brand1", - "surface-hover" + "global", + "orange", + "4" ] }, { - value: "#fab1b3", + value: "#ecb99e", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.5}", + value: "#ecb99e", type: "color" }, - name: "--fds-color-brand1-surface-active", + name: "--fds-global-orange-5", attributes: {}, path: [ - "color", - "brand1", - "surface-active" + "global", + "orange", + "5" ] }, { - value: "#fab8b9", + value: "#eec0a7", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.6}", + value: "#eec0a7", type: "color" }, - name: "--fds-color-brand1-border-subtle", + name: "--fds-global-orange-6", attributes: {}, path: [ - "color", - "brand1", - "border-subtle" + "global", + "orange", + "6" ] }, { - value: "#eb5b5f", + value: "#d76e34", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.7}", + value: "#d76e34", type: "color" }, - name: "--fds-color-brand1-border-default", + name: "--fds-global-orange-7", attributes: {}, path: [ - "color", - "brand1", - "border-default" + "global", + "orange", + "7" ] }, { - value: "#8b3639", + value: "#853e16", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.8}", + value: "#853e16", type: "color" }, - name: "--fds-color-brand1-border-strong", + name: "--fds-global-orange-8", attributes: {}, path: [ - "color", - "brand1", - "border-strong" + "global", + "orange", + "8" ] }, { - value: "#f35f63", + value: "#d46223", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.9}", + value: "#d46223", type: "color" }, - name: "--fds-color-brand1-base-default", + name: "--fds-global-orange-9", attributes: {}, path: [ - "color", - "brand1", - "base-default" + "global", + "orange", + "9" ] }, { - value: "#cc5053", + value: "#b0511d", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.10}", + value: "#b0511d", type: "color" }, - name: "--fds-color-brand1-base-hover", + name: "--fds-global-orange-10", attributes: {}, path: [ - "color", - "brand1", - "base-hover" + "global", + "orange", + "10" ] }, { - value: "#a84144", + value: "#8e4117", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.11}", + value: "#8e4117", type: "color" }, - name: "--fds-color-brand1-base-active", + name: "--fds-global-orange-11", attributes: {}, path: [ - "color", - "brand1", - "base-active" + "global", + "orange", + "11" ] }, { - value: "#873537", + value: "#813c15", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.12}", + value: "#813c15", type: "color" }, - name: "--fds-color-brand1-text-subtle", + name: "--fds-global-orange-12", attributes: {}, path: [ - "color", - "brand1", - "text-subtle" + "global", + "orange", + "12" ] }, { - value: "#522021", + value: "#4f240d", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.13}", + value: "#4f240d", type: "color" }, - name: "--fds-color-brand1-text-default", + name: "--fds-global-orange-13", attributes: {}, path: [ - "color", - "brand1", - "text-default" + "global", + "orange", + "13" ] }, { - value: "#f6fafd", + value: "#ffffff", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.contrast-1}", + value: "#ffffff", type: "color" }, - name: "--fds-color-brand1-contrast-first", + name: "--fds-global-orange-contrast-1", attributes: {}, path: [ - "color", - "brand1", - "contrast-first" + "global", + "orange", + "contrast-1" ] }, { - value: "#ddeaf6", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-brand1-contrast-second", + name: "--fds-global-orange-contrast-2", attributes: {}, path: [ - "color", - "brand1", - "contrast-second" + "global", + "orange", + "contrast-2" ] }, { - value: "#fffefc", + value: "#fffefe", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.1}", + value: "#fffefe", type: "color" }, - name: "--fds-color-brand2-background-default", + name: "--fds-global-red-1", attributes: {}, path: [ - "color", - "brand2", - "background-default" + "global", + "red", + "1" ] }, { - value: "#fbf3e0", + value: "#fbf2f3", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.2}", + value: "#fbf2f3", type: "color" }, - name: "--fds-color-brand2-background-subtle", + name: "--fds-global-red-2", attributes: {}, path: [ - "color", - "brand2", - "background-subtle" + "global", + "red", + "2" ] }, { - value: "#f8e9c6", + value: "#f6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.3}", + value: "#f6e6e6", type: "color" }, - name: "--fds-color-brand2-surface-default", + name: "--fds-global-red-3", attributes: {}, path: [ - "color", - "brand2", - "surface-default" + "global", + "red", + "3" ] }, { - value: "#f2d48d", + value: "#eecfd0", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.4}", + value: "#eecfd0", type: "color" }, - name: "--fds-color-brand2-surface-hover", + name: "--fds-global-red-4", attributes: {}, path: [ - "color", - "brand2", - "surface-hover" + "global", + "red", + "4" ] }, { - value: "#ebbe54", + value: "#e6b9b9", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.5}", + value: "#e6b9b9", type: "color" }, - name: "--fds-color-brand2-surface-active", + name: "--fds-global-red-5", attributes: {}, path: [ - "color", - "brand2", - "surface-active" + "global", + "red", + "5" ] }, { - value: "#edc464", + value: "#e8bfbf", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.6}", + value: "#e8bfbf", type: "color" }, - name: "--fds-color-brand2-border-subtle", + name: "--fds-global-red-6", attributes: {}, path: [ - "color", - "brand2", - "border-subtle" + "global", + "red", + "6" ] }, { - value: "#b28419", + value: "#cd7172", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.7}", + value: "#cd7172", type: "color" }, - name: "--fds-color-brand2-border-default", + name: "--fds-global-red-7", attributes: {}, path: [ - "color", - "brand2", - "border-default" + "global", + "red", + "7" ] }, { - value: "#684e0f", + value: "#9d2223", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.8}", + value: "#9d2223", type: "color" }, - name: "--fds-color-brand2-border-strong", + name: "--fds-global-red-8", attributes: {}, path: [ - "color", - "brand2", - "border-strong" + "global", + "red", + "8" ] }, { - value: "#e4a920", + value: "#b32728", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.9}", + value: "#b32728", type: "color" }, - name: "--fds-color-brand2-base-default", + name: "--fds-global-red-9", attributes: {}, path: [ - "color", - "brand2", - "base-default" + "global", + "red", + "9" ] }, { - value: "#c6931c", + value: "#8c1f1f", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.10}", + value: "#8c1f1f", type: "color" }, - name: "--fds-color-brand2-base-hover", + name: "--fds-global-red-10", attributes: {}, path: [ - "color", - "brand2", - "base-hover" - ] + "global", + "red", + "10" + ] }, { - value: "#a87c17", + value: "#671617", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.11}", + value: "#671617", type: "color" }, - name: "--fds-color-brand2-base-active", + name: "--fds-global-red-11", attributes: {}, path: [ - "color", - "brand2", - "base-active" + "global", + "red", + "11" ] }, { - value: "#664c0e", + value: "#9a2122", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.12}", + value: "#9a2122", type: "color" }, - name: "--fds-color-brand2-text-subtle", + name: "--fds-global-red-12", attributes: {}, path: [ - "color", - "brand2", - "text-subtle" + "global", + "red", + "12" ] }, { - value: "#3d2e09", + value: "#5e1515", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.13}", + value: "#5e1515", type: "color" }, - name: "--fds-color-brand2-text-default", + name: "--fds-global-red-13", attributes: {}, path: [ - "color", - "brand2", - "text-default" + "global", + "red", + "13" ] }, { - value: "#f6fafd", + value: "#ffffff", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.contrast-1}", + value: "#ffffff", type: "color" }, - name: "--fds-color-brand2-contrast-first", + name: "--fds-global-red-contrast-1", attributes: {}, path: [ - "color", - "brand2", - "contrast-first" + "global", + "red", + "contrast-1" ] }, { - value: "#ddeaf6", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-brand2-contrast-second", + name: "--fds-global-red-contrast-2", attributes: {}, path: [ - "color", - "brand2", - "contrast-second" + "global", + "red", + "contrast-2" ] }, { - value: "#fdfeff", + value: "#fefeff", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.1}", + value: "#fefeff", type: "color" }, - name: "--fds-color-brand3-background-default", + name: "--fds-global-blue-1", attributes: {}, path: [ - "color", - "brand3", - "background-default" + "global", + "blue", + "1" ] }, { - value: "#eaf6fe", + value: "#edf5fa", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.2}", + value: "#edf5fa", type: "color" }, - name: "--fds-color-brand3-background-subtle", + name: "--fds-global-blue-2", attributes: {}, path: [ - "color", - "brand3", - "background-subtle" + "global", + "blue", + "2" ] }, { - value: "#d9eefd", + value: "#dfecf7", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.3}", + value: "#dfecf7", type: "color" }, - name: "--fds-color-brand3-surface-default", + name: "--fds-global-blue-3", attributes: {}, path: [ - "color", - "brand3", - "surface-default" + "global", + "blue", + "3" ] }, { - value: "#b3dcfc", + value: "#bedaee", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.4}", + value: "#bedaee", type: "color" }, - name: "--fds-color-brand3-surface-hover", + name: "--fds-global-blue-4", attributes: {}, path: [ - "color", - "brand3", - "surface-hover" + "global", + "blue", + "4" ] }, { - value: "#8bcafa", + value: "#a1c9e7", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.5}", + value: "#a1c9e7", type: "color" }, - name: "--fds-color-brand3-surface-active", + name: "--fds-global-blue-5", attributes: {}, path: [ - "color", - "brand3", - "surface-active" + "global", + "blue", + "5" ] }, { - value: "#96cffa", + value: "#aacee9", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.6}", + value: "#aacee9", type: "color" }, - name: "--fds-color-brand3-border-subtle", + name: "--fds-global-blue-6", attributes: {}, path: [ - "color", - "brand3", - "border-subtle" + "global", + "blue", + "6" ] }, { - value: "#1c90e8", + value: "#4291ce", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.7}", + value: "#4291ce", type: "color" }, - name: "--fds-color-brand3-border-default", + name: "--fds-global-blue-7", attributes: {}, path: [ - "color", - "brand3", - "border-default" + "global", + "blue", + "7" ] }, { - value: "#11558a", + value: "#075490", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.8}", + value: "#075490", type: "color" }, - name: "--fds-color-brand3-border-strong", + name: "--fds-global-blue-8", attributes: {}, path: [ - "color", - "brand3", - "border-strong" + "global", + "blue", + "8" ] }, { - value: "#1e98f5", + value: "#0c72c1", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.9}", + value: "#0c72c1", type: "color" }, - name: "--fds-color-brand3-base-default", + name: "--fds-global-blue-9", attributes: {}, path: [ - "color", - "brand3", - "base-default" + "global", + "blue", + "9" ] }, { - value: "#1980ce", + value: "#085c9c", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.10}", + value: "#085c9c", type: "color" }, - name: "--fds-color-brand3-base-hover", + name: "--fds-global-blue-10", attributes: {}, path: [ - "color", - "brand3", - "base-hover" + "global", + "blue", + "10" ] }, { - value: "#1569a9", + value: "#064678", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.11}", + value: "#064678", type: "color" }, - name: "--fds-color-brand3-base-active", + name: "--fds-global-blue-11", attributes: {}, path: [ - "color", - "brand3", - "base-active" + "global", + "blue", + "11" ] }, { - value: "#105387", + value: "#07528c", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.12}", + value: "#07528c", type: "color" }, - name: "--fds-color-brand3-text-subtle", + name: "--fds-global-blue-12", attributes: {}, path: [ - "color", - "brand3", - "text-subtle" + "global", + "blue", + "12" ] }, { - value: "#0a3251", + value: "#043256", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.13}", + value: "#043256", type: "color" }, - name: "--fds-color-brand3-text-default", + name: "--fds-global-blue-13", attributes: {}, path: [ - "color", - "brand3", - "text-default" + "global", + "blue", + "13" ] }, { - value: "#f6fafd", + value: "#ffffff", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.contrast-1}", + value: "#ffffff", type: "color" }, - name: "--fds-color-brand3-contrast-first", + name: "--fds-global-blue-contrast-1", attributes: {}, path: [ - "color", - "brand3", - "contrast-first" + "global", + "blue", + "contrast-1" ] }, { - value: "#ddeaf6", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-brand3-contrast-second", + name: "--fds-global-blue-contrast-2", attributes: {}, path: [ - "color", - "brand3", - "contrast-second" + "global", + "blue", + "contrast-2" ] }, { - value: "#fcfefc", + value: "#fefeff", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.1}", + value: "{color.accent.1}", type: "color" }, - name: "--fds-color-success-background-default", + name: "--fds-color-accent-background-default", attributes: {}, path: [ "color", - "success", + "accent", "background-default" ] }, { - value: "#e9f6ea", + value: "#eef4fa", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.2}", + value: "{color.accent.2}", type: "color" }, - name: "--fds-color-success-background-subtle", + name: "--fds-color-accent-background-subtle", attributes: {}, path: [ "color", - "success", + "accent", "background-subtle" ] }, { - value: "#d9efdc", + value: "#e2edf7", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.3}", + value: "{color.accent.3}", type: "color" }, - name: "--fds-color-success-surface-default", + name: "--fds-color-accent-surface-default", attributes: {}, path: [ "color", - "success", + "accent", "surface-default" ] }, { - value: "#b9e1be", + value: "#c3daef", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.4}", + value: "{color.accent.4}", type: "color" }, - name: "--fds-color-success-surface-hover", + name: "--fds-color-accent-surface-hover", attributes: {}, path: [ "color", - "success", + "accent", "surface-hover" ] }, { - value: "#94d29d", + value: "#a4c7e6", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.5}", + value: "{color.accent.5}", type: "color" }, - name: "--fds-color-success-surface-active", + name: "--fds-color-accent-surface-active", attributes: {}, path: [ "color", - "success", + "accent", "surface-active" ] }, { - value: "#9ed6a5", + value: "#aecde9", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.6}", + value: "{color.accent.6}", type: "color" }, - name: "--fds-color-success-border-subtle", + name: "--fds-color-accent-border-subtle", attributes: {}, path: [ "color", - "success", + "accent", "border-subtle" ] }, { - value: "#29a03a", + value: "#4b90ce", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.7}", + value: "{color.accent.7}", type: "color" }, - name: "--fds-color-success-border-default", + name: "--fds-color-accent-border-default", attributes: {}, path: [ "color", - "success", + "accent", "border-default" ] }, { - value: "#185e22", + value: "#00529d", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.8}", + value: "{color.accent.8}", type: "color" }, - name: "--fds-color-success-border-strong", + name: "--fds-color-accent-border-strong", attributes: {}, path: [ "color", - "success", + "accent", "border-strong" ] }, { - value: "#2ca63d", + value: "#0163ba", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.9}", + value: "{color.accent.9}", type: "color" }, - name: "--fds-color-success-base-default", + name: "--fds-color-accent-base-default", attributes: {}, path: [ "color", - "success", + "accent", "base-default" ] }, { - value: "#248c33", + value: "#004d93", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.10}", + value: "{color.accent.10}", type: "color" }, - name: "--fds-color-success-base-hover", + name: "--fds-color-accent-base-hover", attributes: {}, path: [ "color", - "success", + "accent", "base-hover" ] }, { - value: "#1d7129", + value: "#00396d", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.11}", + value: "{color.accent.11}", type: "color" }, - name: "--fds-color-success-base-active", + name: "--fds-color-accent-base-active", attributes: {}, path: [ "color", - "success", + "accent", "base-active" ] }, { - value: "#185c21", + value: "#005099", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.12}", + value: "{color.accent.12}", type: "color" }, - name: "--fds-color-success-text-subtle", + name: "--fds-color-accent-text-subtle", attributes: {}, path: [ "color", - "success", + "accent", "text-subtle" ] }, { - value: "#0f3814", + value: "#00315c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.13}", + value: "{color.accent.13}", type: "color" }, - name: "--fds-color-success-text-default", + name: "--fds-color-accent-text-default", attributes: {}, path: [ "color", - "success", + "accent", "text-default" ] }, { - value: "#ffffff", + value: "#f6fafd", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.contrast-1}", + value: "{color.accent.contrast-1}", type: "color" }, - name: "--fds-color-success-contrast-first", + name: "--fds-color-accent-contrast-first", attributes: {}, path: [ "color", - "success", + "accent", "contrast-first" ] }, { - value: "#e6e6e6", + value: "#ddeaf6", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.contrast-2}", + value: "{color.accent.contrast-2}", type: "color" }, - name: "--fds-color-success-contrast-second", + name: "--fds-color-accent-contrast-second", attributes: {}, path: [ "color", - "success", + "accent", "contrast-second" ] }, { - value: "#fffefe", + value: "#fefefe", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.1}", + value: "{color.neutral.1}", type: "color" }, - name: "--fds-color-danger-background-default", + name: "--fds-color-neutral-background-default", attributes: {}, path: [ "color", - "danger", + "neutral", "background-default" ] }, { - value: "#fbf2f3", + value: "#f3f4f5", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.2}", + value: "{color.neutral.2}", type: "color" }, - name: "--fds-color-danger-background-subtle", + name: "--fds-color-neutral-background-subtle", attributes: {}, path: [ "color", - "danger", + "neutral", "background-subtle" ] }, { - value: "#f6e6e6", + value: "#e9eaec", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.3}", + value: "{color.neutral.3}", type: "color" }, - name: "--fds-color-danger-surface-default", + name: "--fds-color-neutral-surface-default", attributes: {}, path: [ "color", - "danger", + "neutral", "surface-default" ] }, { - value: "#eecfd0", + value: "#d5d7da", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.4}", + value: "{color.neutral.4}", type: "color" }, - name: "--fds-color-danger-surface-hover", + name: "--fds-color-neutral-surface-hover", attributes: {}, path: [ "color", - "danger", + "neutral", "surface-hover" ] }, { - value: "#e6b9b9", + value: "#c1c4c9", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.5}", + value: "{color.neutral.5}", type: "color" }, - name: "--fds-color-danger-surface-active", + name: "--fds-color-neutral-surface-active", attributes: {}, path: [ "color", - "danger", + "neutral", "surface-active" ] }, { - value: "#e8bfbf", + value: "#c6c9cd", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.6}", + value: "{color.neutral.6}", type: "color" }, - name: "--fds-color-danger-border-subtle", + name: "--fds-color-neutral-border-subtle", attributes: {}, path: [ "color", - "danger", + "neutral", "border-subtle" ] }, { - value: "#cd7172", + value: "#858c96", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.7}", + value: "{color.neutral.7}", type: "color" }, - name: "--fds-color-danger-border-default", + name: "--fds-color-neutral-border-default", attributes: {}, path: [ "color", - "danger", + "neutral", "border-default" ] }, { - value: "#9d2223", + value: "#495361", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.8}", + value: "{color.neutral.8}", type: "color" }, - name: "--fds-color-danger-border-strong", + name: "--fds-color-neutral-border-strong", attributes: {}, path: [ "color", - "danger", + "neutral", "border-strong" ] }, { - value: "#b32728", + value: "#1e2b3c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.9}", + value: "{color.neutral.9}", type: "color" }, - name: "--fds-color-danger-base-default", + name: "--fds-color-neutral-base-default", attributes: {}, path: [ "color", - "danger", + "neutral", "base-default" ] }, { - value: "#8c1f1f", + value: "#333e4e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.10}", + value: "{color.neutral.10}", type: "color" }, - name: "--fds-color-danger-base-hover", + name: "--fds-color-neutral-base-hover", attributes: {}, path: [ "color", - "danger", + "neutral", "base-hover" ] }, { - value: "#671617", + value: "#495361", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.11}", + value: "{color.neutral.11}", type: "color" }, - name: "--fds-color-danger-base-active", + name: "--fds-color-neutral-base-active", attributes: {}, path: [ "color", - "danger", + "neutral", "base-active" ] }, { - value: "#9a2122", + value: "#46505e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.12}", + value: "{color.neutral.12}", type: "color" }, - name: "--fds-color-danger-text-subtle", + name: "--fds-color-neutral-text-subtle", attributes: {}, path: [ "color", - "danger", + "neutral", "text-subtle" ] }, { - value: "#5e1515", + value: "#243142", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.13}", + value: "{color.neutral.13}", type: "color" }, - name: "--fds-color-danger-text-default", + name: "--fds-color-neutral-text-default", attributes: {}, path: [ "color", - "danger", + "neutral", "text-default" ] }, { - value: "#ffffff", + value: "#f9f9fa", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.contrast-1}", + value: "{color.neutral.contrast-1}", type: "color" }, - name: "--fds-color-danger-contrast-first", + name: "--fds-color-neutral-contrast-first", attributes: {}, path: [ "color", - "danger", + "neutral", "contrast-first" ] }, { - value: "#e6e6e6", + value: "#9ea3ab", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.contrast-2}", + value: "{color.neutral.contrast-2}", type: "color" }, - name: "--fds-color-danger-contrast-second", + name: "--fds-color-neutral-contrast-second", attributes: {}, path: [ "color", - "danger", + "neutral", "contrast-second" ] }, { - value: "#fefeff", + value: "#fffefe", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.1}", + value: "{color.brand1.1}", type: "color" }, - name: "--fds-color-info-background-default", + name: "--fds-color-brand1-background-default", attributes: {}, path: [ "color", - "info", + "brand1", "background-default" ] }, { - value: "#edf5fa", + value: "#fef0f1", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.2}", + value: "{color.brand1.2}", type: "color" }, - name: "--fds-color-info-background-subtle", + name: "--fds-color-brand1-background-subtle", attributes: {}, path: [ "color", - "info", + "brand1", "background-subtle" ] }, { - value: "#dfecf7", + value: "#fde5e6", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.3}", + value: "{color.brand1.3}", type: "color" }, - name: "--fds-color-info-surface-default", + name: "--fds-color-brand1-surface-default", attributes: {}, path: [ "color", - "info", + "brand1", "surface-default" ] }, { - value: "#bedaee", + value: "#fbcccd", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.4}", + value: "{color.brand1.4}", type: "color" }, - name: "--fds-color-info-surface-hover", + name: "--fds-color-brand1-surface-hover", attributes: {}, path: [ "color", - "info", + "brand1", "surface-hover" ] }, { - value: "#a1c9e7", + value: "#fab1b3", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.5}", + value: "{color.brand1.5}", type: "color" }, - name: "--fds-color-info-surface-active", + name: "--fds-color-brand1-surface-active", attributes: {}, path: [ "color", - "info", + "brand1", "surface-active" ] }, { - value: "#aacee9", + value: "#fab8b9", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.6}", + value: "{color.brand1.6}", type: "color" }, - name: "--fds-color-info-border-subtle", + name: "--fds-color-brand1-border-subtle", attributes: {}, path: [ "color", - "info", + "brand1", "border-subtle" ] }, { - value: "#4291ce", + value: "#eb5b5f", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.7}", + value: "{color.brand1.7}", type: "color" }, - name: "--fds-color-info-border-default", + name: "--fds-color-brand1-border-default", attributes: {}, path: [ "color", - "info", + "brand1", "border-default" ] }, { - value: "#075490", + value: "#8b3639", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.8}", + value: "{color.brand1.8}", type: "color" }, - name: "--fds-color-info-border-strong", + name: "--fds-color-brand1-border-strong", attributes: {}, path: [ "color", - "info", + "brand1", "border-strong" ] }, { - value: "#0c72c1", + value: "#f35f63", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.9}", + value: "{color.brand1.9}", type: "color" }, - name: "--fds-color-info-base-default", + name: "--fds-color-brand1-base-default", attributes: {}, path: [ "color", - "info", + "brand1", "base-default" ] }, { - value: "#085c9c", + value: "#cc5053", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.10}", + value: "{color.brand1.10}", type: "color" }, - name: "--fds-color-info-base-hover", + name: "--fds-color-brand1-base-hover", attributes: {}, path: [ "color", - "info", + "brand1", "base-hover" ] }, { - value: "#064678", + value: "#a84144", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.11}", + value: "{color.brand1.11}", type: "color" }, - name: "--fds-color-info-base-active", + name: "--fds-color-brand1-base-active", attributes: {}, path: [ "color", - "info", + "brand1", "base-active" ] }, { - value: "#07528c", + value: "#873537", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.12}", + value: "{color.brand1.12}", type: "color" }, - name: "--fds-color-info-text-subtle", + name: "--fds-color-brand1-text-subtle", attributes: {}, path: [ "color", - "info", + "brand1", "text-subtle" ] }, { - value: "#043256", + value: "#522021", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.13}", + value: "{color.brand1.13}", type: "color" }, - name: "--fds-color-info-text-default", + name: "--fds-color-brand1-text-default", attributes: {}, path: [ "color", - "info", + "brand1", "text-default" ] }, { - value: "#ffffff", + value: "#f6fafd", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.contrast-1}", + value: "{color.brand1.contrast-1}", type: "color" }, - name: "--fds-color-info-contrast-first", + name: "--fds-color-brand1-contrast-first", attributes: {}, path: [ "color", - "info", + "brand1", "contrast-first" ] }, { - value: "#e6e6e6", + value: "#ddeaf6", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.contrast-2}", + value: "{color.brand1.contrast-2}", type: "color" }, - name: "--fds-color-info-contrast-second", + name: "--fds-color-brand1-contrast-second", attributes: {}, path: [ "color", - "info", + "brand1", "contrast-second" ] }, @@ -2049,1528 +2049,1528 @@ export const color = [ filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.1}", + value: "{color.brand2.1}", type: "color" }, - name: "--fds-color-warning-background-default", + name: "--fds-color-brand2-background-default", attributes: {}, path: [ "color", - "warning", + "brand2", "background-default" ] }, { - value: "#fbf2d5", + value: "#fbf3e0", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.2}", + value: "{color.brand2.2}", type: "color" }, - name: "--fds-color-warning-background-subtle", + name: "--fds-color-brand2-background-subtle", attributes: {}, path: [ "color", - "warning", + "brand2", "background-subtle" ] }, { - value: "#f9ebbd", + value: "#f8e9c6", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.3}", + value: "{color.brand2.3}", type: "color" }, - name: "--fds-color-warning-surface-default", + name: "--fds-color-brand2-surface-default", attributes: {}, path: [ "color", - "warning", + "brand2", "surface-default" ] }, { - value: "#f2d474", + value: "#f2d48d", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.4}", + value: "{color.brand2.4}", type: "color" }, - name: "--fds-color-warning-surface-hover", + name: "--fds-color-brand2-surface-hover", attributes: {}, path: [ "color", - "warning", + "brand2", "surface-hover" ] }, { - value: "#e8bf37", + value: "#ebbe54", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.5}", + value: "{color.brand2.5}", type: "color" }, - name: "--fds-color-warning-surface-active", + name: "--fds-color-brand2-surface-active", attributes: {}, path: [ "color", - "warning", + "brand2", "surface-active" ] }, { - value: "#edc644", + value: "#edc464", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.6}", + value: "{color.brand2.6}", type: "color" }, - name: "--fds-color-warning-border-subtle", + name: "--fds-color-brand2-border-subtle", attributes: {}, path: [ "color", - "warning", + "brand2", "border-subtle" ] }, { - value: "#a68827", + value: "#b28419", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.7}", + value: "{color.brand2.7}", type: "color" }, - name: "--fds-color-warning-border-default", + name: "--fds-color-brand2-border-default", attributes: {}, path: [ "color", - "warning", + "brand2", "border-default" ] }, { - value: "#625017", + value: "#684e0f", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.8}", + value: "{color.brand2.8}", type: "color" }, - name: "--fds-color-warning-border-strong", + name: "--fds-color-brand2-border-strong", attributes: {}, path: [ "color", - "warning", + "brand2", "border-strong" ] }, { - value: "#d46223", + value: "#e4a920", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.9}", + value: "{color.brand2.9}", type: "color" }, - name: "--fds-color-warning-base-default", + name: "--fds-color-brand2-base-default", attributes: {}, path: [ "color", - "warning", + "brand2", "base-default" ] }, { - value: "#b0511d", + value: "#c6931c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.10}", + value: "{color.brand2.10}", type: "color" }, - name: "--fds-color-warning-base-hover", + name: "--fds-color-brand2-base-hover", attributes: {}, path: [ "color", - "warning", + "brand2", "base-hover" ] }, { - value: "#8e4117", + value: "#a87c17", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.11}", + value: "{color.brand2.11}", type: "color" }, - name: "--fds-color-warning-base-active", + name: "--fds-color-brand2-base-active", attributes: {}, path: [ "color", - "warning", + "brand2", "base-active" ] }, { - value: "#813c15", + value: "#664c0e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.12}", + value: "{color.brand2.12}", type: "color" }, - name: "--fds-color-warning-text-subtle", + name: "--fds-color-brand2-text-subtle", attributes: {}, path: [ "color", - "warning", + "brand2", "text-subtle" ] }, { - value: "#4f240d", + value: "#3d2e09", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.13}", + value: "{color.brand2.13}", type: "color" }, - name: "--fds-color-warning-text-default", + name: "--fds-color-brand2-text-default", attributes: {}, path: [ "color", - "warning", + "brand2", "text-default" ] }, { - value: "#ffffff", + value: "#f6fafd", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.contrast-1}", + value: "{color.brand2.contrast-1}", type: "color" }, - name: "--fds-color-warning-contrast-first", + name: "--fds-color-brand2-contrast-first", attributes: {}, path: [ "color", - "warning", + "brand2", "contrast-first" ] }, { - value: "#e6e6e6", + value: "#ddeaf6", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.contrast-2}", + value: "{color.brand2.contrast-2}", type: "color" }, - name: "--fds-color-warning-contrast-second", + name: "--fds-color-brand2-contrast-second", attributes: {}, path: [ "color", - "warning", + "brand2", "contrast-second" ] }, { - value: "#fcfefc", + value: "#fdfeff", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#fcfefc", + value: "{color.brand3.1}", type: "color" }, - name: "--fds-global-green-1", + name: "--fds-color-brand3-background-default", attributes: {}, path: [ - "global", - "green", - "1" + "color", + "brand3", + "background-default" ] }, { - value: "#e9f6ea", + value: "#eaf6fe", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e9f6ea", + value: "{color.brand3.2}", type: "color" }, - name: "--fds-global-green-2", + name: "--fds-color-brand3-background-subtle", attributes: {}, path: [ - "global", - "green", - "2" + "color", + "brand3", + "background-subtle" ] }, { - value: "#d9efdc", + value: "#d9eefd", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#d9efdc", + value: "{color.brand3.3}", type: "color" }, - name: "--fds-global-green-3", + name: "--fds-color-brand3-surface-default", attributes: {}, path: [ - "global", - "green", - "3" + "color", + "brand3", + "surface-default" ] }, { - value: "#b9e1be", + value: "#b3dcfc", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#b9e1be", + value: "{color.brand3.4}", type: "color" }, - name: "--fds-global-green-4", + name: "--fds-color-brand3-surface-hover", attributes: {}, path: [ - "global", - "green", - "4" + "color", + "brand3", + "surface-hover" ] }, { - value: "#94d29d", + value: "#8bcafa", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#94d29d", + value: "{color.brand3.5}", type: "color" }, - name: "--fds-global-green-5", + name: "--fds-color-brand3-surface-active", attributes: {}, path: [ - "global", - "green", - "5" + "color", + "brand3", + "surface-active" ] }, { - value: "#9ed6a5", + value: "#96cffa", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#9ed6a5", + value: "{color.brand3.6}", type: "color" }, - name: "--fds-global-green-6", + name: "--fds-color-brand3-border-subtle", attributes: {}, path: [ - "global", - "green", - "6" + "color", + "brand3", + "border-subtle" ] }, { - value: "#29a03a", + value: "#1c90e8", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#29a03a", + value: "{color.brand3.7}", type: "color" }, - name: "--fds-global-green-7", + name: "--fds-color-brand3-border-default", attributes: {}, path: [ - "global", - "green", - "7" + "color", + "brand3", + "border-default" ] }, { - value: "#185e22", + value: "#11558a", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#185e22", + value: "{color.brand3.8}", type: "color" }, - name: "--fds-global-green-8", + name: "--fds-color-brand3-border-strong", attributes: {}, path: [ - "global", - "green", - "8" + "color", + "brand3", + "border-strong" ] }, { - value: "#2ca63d", + value: "#1e98f5", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#2ca63d", + value: "{color.brand3.9}", type: "color" }, - name: "--fds-global-green-9", + name: "--fds-color-brand3-base-default", attributes: {}, path: [ - "global", - "green", - "9" + "color", + "brand3", + "base-default" ] }, { - value: "#248c33", + value: "#1980ce", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#248c33", + value: "{color.brand3.10}", type: "color" }, - name: "--fds-global-green-10", + name: "--fds-color-brand3-base-hover", attributes: {}, path: [ - "global", - "green", - "10" + "color", + "brand3", + "base-hover" ] }, { - value: "#1d7129", + value: "#1569a9", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#1d7129", + value: "{color.brand3.11}", type: "color" }, - name: "--fds-global-green-11", + name: "--fds-color-brand3-base-active", attributes: {}, path: [ - "global", - "green", - "11" + "color", + "brand3", + "base-active" ] }, { - value: "#185c21", + value: "#105387", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#185c21", + value: "{color.brand3.12}", type: "color" }, - name: "--fds-global-green-12", + name: "--fds-color-brand3-text-subtle", attributes: {}, path: [ - "global", - "green", - "12" + "color", + "brand3", + "text-subtle" ] }, { - value: "#0f3814", + value: "#0a3251", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#0f3814", + value: "{color.brand3.13}", type: "color" }, - name: "--fds-global-green-13", + name: "--fds-color-brand3-text-default", attributes: {}, path: [ - "global", - "green", - "13" + "color", + "brand3", + "text-default" ] }, { - value: "#ffffff", + value: "#f6fafd", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ffffff", + value: "{color.brand3.contrast-1}", type: "color" }, - name: "--fds-global-green-contrast-1", + name: "--fds-color-brand3-contrast-first", attributes: {}, path: [ - "global", - "green", - "contrast-1" + "color", + "brand3", + "contrast-first" ] }, { - value: "#e6e6e6", + value: "#ddeaf6", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{color.brand3.contrast-2}", type: "color" }, - name: "--fds-global-green-contrast-2", + name: "--fds-color-brand3-contrast-second", attributes: {}, path: [ - "global", - "green", - "contrast-2" + "color", + "brand3", + "contrast-second" ] }, { - value: "#fffefc", + value: "#fcfefc", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#fffefc", + value: "{global.green.1}", type: "color" }, - name: "--fds-global-yellow-1", + name: "--fds-color-success-background-default", attributes: {}, path: [ - "global", - "yellow", - "1" + "color", + "success", + "background-default" ] }, { - value: "#fbf2d5", + value: "#e9f6ea", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#fbf2d5", + value: "{global.green.2}", type: "color" }, - name: "--fds-global-yellow-2", + name: "--fds-color-success-background-subtle", attributes: {}, path: [ - "global", - "yellow", - "2" + "color", + "success", + "background-subtle" ] }, { - value: "#f9ebbd", + value: "#d9efdc", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#f9ebbd", + value: "{global.green.3}", type: "color" }, - name: "--fds-global-yellow-3", + name: "--fds-color-success-surface-default", attributes: {}, path: [ - "global", - "yellow", - "3" + "color", + "success", + "surface-default" ] }, { - value: "#f2d474", + value: "#b9e1be", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#f2d474", + value: "{global.green.4}", type: "color" }, - name: "--fds-global-yellow-4", + name: "--fds-color-success-surface-hover", attributes: {}, path: [ - "global", - "yellow", - "4" + "color", + "success", + "surface-hover" ] }, { - value: "#e8bf37", + value: "#94d29d", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e8bf37", + value: "{global.green.5}", type: "color" }, - name: "--fds-global-yellow-5", + name: "--fds-color-success-surface-active", attributes: {}, path: [ - "global", - "yellow", - "5" + "color", + "success", + "surface-active" ] }, { - value: "#edc644", + value: "#9ed6a5", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#edc644", + value: "{global.green.6}", type: "color" }, - name: "--fds-global-yellow-6", + name: "--fds-color-success-border-subtle", attributes: {}, path: [ - "global", - "yellow", - "6" + "color", + "success", + "border-subtle" ] }, { - value: "#a68827", + value: "#29a03a", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#a68827", + value: "{global.green.7}", type: "color" }, - name: "--fds-global-yellow-7", + name: "--fds-color-success-border-default", attributes: {}, path: [ - "global", - "yellow", - "7" + "color", + "success", + "border-default" ] }, { - value: "#625017", + value: "#185e22", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#625017", + value: "{global.green.8}", type: "color" }, - name: "--fds-global-yellow-8", + name: "--fds-color-success-border-strong", attributes: {}, path: [ - "global", - "yellow", - "8" + "color", + "success", + "border-strong" ] }, { - value: "#ecc238", + value: "#2ca63d", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ecc238", + value: "{global.green.9}", type: "color" }, - name: "--fds-global-yellow-9", + name: "--fds-color-success-base-default", attributes: {}, path: [ - "global", - "yellow", - "9" + "color", + "success", + "base-default" ] }, { - value: "#cfaa31", + value: "#248c33", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#cfaa31", + value: "{global.green.10}", type: "color" }, - name: "--fds-global-yellow-10", + name: "--fds-color-success-base-hover", attributes: {}, path: [ - "global", - "yellow", - "10" + "color", + "success", + "base-hover" ] }, { - value: "#b2922a", + value: "#1d7129", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#b2922a", + value: "{global.green.11}", type: "color" }, - name: "--fds-global-yellow-11", + name: "--fds-color-success-base-active", attributes: {}, path: [ - "global", - "yellow", - "11" + "color", + "success", + "base-active" ] }, { - value: "#604f17", + value: "#185c21", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#604f17", + value: "{global.green.12}", type: "color" }, - name: "--fds-global-yellow-12", + name: "--fds-color-success-text-subtle", attributes: {}, path: [ - "global", - "yellow", - "12" + "color", + "success", + "text-subtle" ] }, { - value: "#3a300e", + value: "#0f3814", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#3a300e", + value: "{global.green.13}", type: "color" }, - name: "--fds-global-yellow-13", + name: "--fds-color-success-text-default", attributes: {}, path: [ - "global", - "yellow", - "13" + "color", + "success", + "text-default" ] }, { value: "#ffffff", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ffffff", + value: "{global.green.contrast-1}", type: "color" }, - name: "--fds-global-yellow-contrast-1", + name: "--fds-color-success-contrast-first", attributes: {}, path: [ - "global", - "yellow", - "contrast-1" + "color", + "success", + "contrast-first" ] }, { value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{global.green.contrast-2}", type: "color" }, - name: "--fds-global-yellow-contrast-2", + name: "--fds-color-success-contrast-second", attributes: {}, path: [ - "global", - "yellow", - "contrast-2" + "color", + "success", + "contrast-second" ] }, { - value: "#fffefd", + value: "#fffefe", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#fffefd", + value: "{global.red.1}", type: "color" }, - name: "--fds-global-orange-1", + name: "--fds-color-danger-background-default", attributes: {}, path: [ - "global", - "orange", - "1" + "color", + "danger", + "background-default" ] }, { - value: "#fbf1ec", + value: "#fbf2f3", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#fbf1ec", + value: "{global.red.2}", type: "color" }, - name: "--fds-global-orange-2", + name: "--fds-color-danger-background-subtle", attributes: {}, path: [ - "global", - "orange", - "2" + "color", + "danger", + "background-subtle" ] }, { - value: "#f9e8df", + value: "#f6e6e6", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#f9e8df", + value: "{global.red.3}", type: "color" }, - name: "--fds-global-orange-3", + name: "--fds-color-danger-surface-default", attributes: {}, path: [ - "global", - "orange", - "3" + "color", + "danger", + "surface-default" ] }, { - value: "#f2d0bc", + value: "#eecfd0", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#f2d0bc", + value: "{global.red.4}", type: "color" }, - name: "--fds-global-orange-4", + name: "--fds-color-danger-surface-hover", attributes: {}, path: [ - "global", - "orange", - "4" + "color", + "danger", + "surface-hover" ] }, { - value: "#ecb99e", + value: "#e6b9b9", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ecb99e", + value: "{global.red.5}", type: "color" }, - name: "--fds-global-orange-5", + name: "--fds-color-danger-surface-active", attributes: {}, path: [ - "global", - "orange", - "5" + "color", + "danger", + "surface-active" ] }, { - value: "#eec0a7", + value: "#e8bfbf", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#eec0a7", + value: "{global.red.6}", type: "color" }, - name: "--fds-global-orange-6", + name: "--fds-color-danger-border-subtle", attributes: {}, path: [ - "global", - "orange", - "6" + "color", + "danger", + "border-subtle" ] }, { - value: "#d76e34", + value: "#cd7172", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#d76e34", + value: "{global.red.7}", type: "color" }, - name: "--fds-global-orange-7", + name: "--fds-color-danger-border-default", attributes: {}, path: [ - "global", - "orange", - "7" + "color", + "danger", + "border-default" ] }, { - value: "#853e16", + value: "#9d2223", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#853e16", + value: "{global.red.8}", type: "color" }, - name: "--fds-global-orange-8", + name: "--fds-color-danger-border-strong", attributes: {}, path: [ - "global", - "orange", - "8" + "color", + "danger", + "border-strong" ] }, { - value: "#d46223", + value: "#b32728", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#d46223", + value: "{global.red.9}", type: "color" }, - name: "--fds-global-orange-9", + name: "--fds-color-danger-base-default", attributes: {}, path: [ - "global", - "orange", - "9" + "color", + "danger", + "base-default" ] }, { - value: "#b0511d", + value: "#8c1f1f", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#b0511d", + value: "{global.red.10}", type: "color" }, - name: "--fds-global-orange-10", + name: "--fds-color-danger-base-hover", attributes: {}, path: [ - "global", - "orange", - "10" + "color", + "danger", + "base-hover" ] }, { - value: "#8e4117", + value: "#671617", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#8e4117", + value: "{global.red.11}", type: "color" }, - name: "--fds-global-orange-11", + name: "--fds-color-danger-base-active", attributes: {}, path: [ - "global", - "orange", - "11" + "color", + "danger", + "base-active" ] }, { - value: "#813c15", + value: "#9a2122", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#813c15", + value: "{global.red.12}", type: "color" }, - name: "--fds-global-orange-12", + name: "--fds-color-danger-text-subtle", attributes: {}, path: [ - "global", - "orange", - "12" + "color", + "danger", + "text-subtle" ] }, { - value: "#4f240d", + value: "#5e1515", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#4f240d", + value: "{global.red.13}", type: "color" }, - name: "--fds-global-orange-13", + name: "--fds-color-danger-text-default", attributes: {}, path: [ - "global", - "orange", - "13" + "color", + "danger", + "text-default" ] }, { value: "#ffffff", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ffffff", + value: "{global.red.contrast-1}", type: "color" }, - name: "--fds-global-orange-contrast-1", + name: "--fds-color-danger-contrast-first", attributes: {}, path: [ - "global", - "orange", - "contrast-1" + "color", + "danger", + "contrast-first" ] }, { value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{global.red.contrast-2}", type: "color" }, - name: "--fds-global-orange-contrast-2", + name: "--fds-color-danger-contrast-second", attributes: {}, path: [ - "global", - "orange", - "contrast-2" + "color", + "danger", + "contrast-second" ] }, { - value: "#fffefe", + value: "#fefeff", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#fffefe", + value: "{global.blue.1}", type: "color" }, - name: "--fds-global-red-1", + name: "--fds-color-info-background-default", attributes: {}, path: [ - "global", - "red", - "1" + "color", + "info", + "background-default" ] }, { - value: "#fbf2f3", + value: "#edf5fa", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#fbf2f3", + value: "{global.blue.2}", type: "color" }, - name: "--fds-global-red-2", + name: "--fds-color-info-background-subtle", attributes: {}, path: [ - "global", - "red", - "2" + "color", + "info", + "background-subtle" ] }, { - value: "#f6e6e6", + value: "#dfecf7", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#f6e6e6", + value: "{global.blue.3}", type: "color" }, - name: "--fds-global-red-3", + name: "--fds-color-info-surface-default", attributes: {}, path: [ - "global", - "red", - "3" + "color", + "info", + "surface-default" ] }, { - value: "#eecfd0", + value: "#bedaee", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#eecfd0", + value: "{global.blue.4}", type: "color" }, - name: "--fds-global-red-4", + name: "--fds-color-info-surface-hover", attributes: {}, path: [ - "global", - "red", - "4" + "color", + "info", + "surface-hover" ] }, { - value: "#e6b9b9", + value: "#a1c9e7", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6b9b9", + value: "{global.blue.5}", type: "color" }, - name: "--fds-global-red-5", + name: "--fds-color-info-surface-active", attributes: {}, path: [ - "global", - "red", - "5" + "color", + "info", + "surface-active" ] }, { - value: "#e8bfbf", + value: "#aacee9", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e8bfbf", + value: "{global.blue.6}", type: "color" }, - name: "--fds-global-red-6", + name: "--fds-color-info-border-subtle", attributes: {}, path: [ - "global", - "red", - "6" + "color", + "info", + "border-subtle" ] }, { - value: "#cd7172", + value: "#4291ce", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#cd7172", + value: "{global.blue.7}", type: "color" }, - name: "--fds-global-red-7", + name: "--fds-color-info-border-default", attributes: {}, path: [ - "global", - "red", - "7" + "color", + "info", + "border-default" ] }, { - value: "#9d2223", + value: "#075490", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#9d2223", + value: "{global.blue.8}", type: "color" }, - name: "--fds-global-red-8", + name: "--fds-color-info-border-strong", attributes: {}, path: [ - "global", - "red", - "8" + "color", + "info", + "border-strong" ] }, { - value: "#b32728", + value: "#0c72c1", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#b32728", + value: "{global.blue.9}", type: "color" }, - name: "--fds-global-red-9", + name: "--fds-color-info-base-default", attributes: {}, path: [ - "global", - "red", - "9" + "color", + "info", + "base-default" ] }, { - value: "#8c1f1f", + value: "#085c9c", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#8c1f1f", + value: "{global.blue.10}", type: "color" }, - name: "--fds-global-red-10", + name: "--fds-color-info-base-hover", attributes: {}, path: [ - "global", - "red", - "10" + "color", + "info", + "base-hover" ] }, { - value: "#671617", + value: "#064678", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#671617", + value: "{global.blue.11}", type: "color" }, - name: "--fds-global-red-11", + name: "--fds-color-info-base-active", attributes: {}, path: [ - "global", - "red", - "11" + "color", + "info", + "base-active" ] }, { - value: "#9a2122", + value: "#07528c", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#9a2122", + value: "{global.blue.12}", type: "color" }, - name: "--fds-global-red-12", + name: "--fds-color-info-text-subtle", attributes: {}, path: [ - "global", - "red", - "12" + "color", + "info", + "text-subtle" ] }, { - value: "#5e1515", + value: "#043256", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#5e1515", + value: "{global.blue.13}", type: "color" }, - name: "--fds-global-red-13", + name: "--fds-color-info-text-default", attributes: {}, path: [ - "global", - "red", - "13" + "color", + "info", + "text-default" ] }, { value: "#ffffff", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ffffff", + value: "{global.blue.contrast-1}", type: "color" }, - name: "--fds-global-red-contrast-1", + name: "--fds-color-info-contrast-first", attributes: {}, path: [ - "global", - "red", - "contrast-1" + "color", + "info", + "contrast-first" ] }, { value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{global.blue.contrast-2}", type: "color" }, - name: "--fds-global-red-contrast-2", + name: "--fds-color-info-contrast-second", attributes: {}, path: [ - "global", - "red", - "contrast-2" + "color", + "info", + "contrast-second" ] }, { - value: "#fefeff", + value: "#fffefc", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#fefeff", + value: "{global.yellow.1}", type: "color" }, - name: "--fds-global-blue-1", + name: "--fds-color-warning-background-default", attributes: {}, path: [ - "global", - "blue", - "1" + "color", + "warning", + "background-default" ] }, { - value: "#edf5fa", + value: "#fbf2d5", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#edf5fa", + value: "{global.yellow.2}", type: "color" }, - name: "--fds-global-blue-2", + name: "--fds-color-warning-background-subtle", attributes: {}, path: [ - "global", - "blue", - "2" + "color", + "warning", + "background-subtle" ] }, { - value: "#dfecf7", + value: "#f9ebbd", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#dfecf7", + value: "{global.yellow.3}", type: "color" }, - name: "--fds-global-blue-3", + name: "--fds-color-warning-surface-default", attributes: {}, path: [ - "global", - "blue", - "3" + "color", + "warning", + "surface-default" ] }, { - value: "#bedaee", + value: "#f2d474", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#bedaee", + value: "{global.yellow.4}", type: "color" }, - name: "--fds-global-blue-4", + name: "--fds-color-warning-surface-hover", attributes: {}, path: [ - "global", - "blue", - "4" + "color", + "warning", + "surface-hover" ] }, { - value: "#a1c9e7", + value: "#e8bf37", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#a1c9e7", + value: "{global.yellow.5}", type: "color" }, - name: "--fds-global-blue-5", + name: "--fds-color-warning-surface-active", attributes: {}, path: [ - "global", - "blue", - "5" + "color", + "warning", + "surface-active" ] }, { - value: "#aacee9", + value: "#edc644", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#aacee9", + value: "{global.yellow.6}", type: "color" }, - name: "--fds-global-blue-6", + name: "--fds-color-warning-border-subtle", attributes: {}, path: [ - "global", - "blue", - "6" + "color", + "warning", + "border-subtle" ] }, { - value: "#4291ce", + value: "#a68827", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#4291ce", + value: "{global.yellow.7}", type: "color" }, - name: "--fds-global-blue-7", + name: "--fds-color-warning-border-default", attributes: {}, path: [ - "global", - "blue", - "7" + "color", + "warning", + "border-default" ] }, { - value: "#075490", + value: "#625017", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#075490", + value: "{global.yellow.8}", type: "color" }, - name: "--fds-global-blue-8", + name: "--fds-color-warning-border-strong", attributes: {}, path: [ - "global", - "blue", - "8" + "color", + "warning", + "border-strong" ] }, { - value: "#0c72c1", + value: "#d46223", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#0c72c1", + value: "{global.orange.9}", type: "color" }, - name: "--fds-global-blue-9", + name: "--fds-color-warning-base-default", attributes: {}, path: [ - "global", - "blue", - "9" + "color", + "warning", + "base-default" ] }, { - value: "#085c9c", + value: "#b0511d", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#085c9c", + value: "{global.orange.10}", type: "color" }, - name: "--fds-global-blue-10", + name: "--fds-color-warning-base-hover", attributes: {}, path: [ - "global", - "blue", - "10" + "color", + "warning", + "base-hover" ] }, { - value: "#064678", + value: "#8e4117", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#064678", + value: "{global.orange.11}", type: "color" }, - name: "--fds-global-blue-11", + name: "--fds-color-warning-base-active", attributes: {}, path: [ - "global", - "blue", - "11" + "color", + "warning", + "base-active" ] }, { - value: "#07528c", + value: "#813c15", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#07528c", + value: "{global.orange.12}", type: "color" }, - name: "--fds-global-blue-12", + name: "--fds-color-warning-text-subtle", attributes: {}, path: [ - "global", - "blue", - "12" + "color", + "warning", + "text-subtle" ] }, { - value: "#043256", + value: "#4f240d", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#043256", + value: "{global.orange.13}", type: "color" }, - name: "--fds-global-blue-13", + name: "--fds-color-warning-text-default", attributes: {}, path: [ - "global", - "blue", - "13" + "color", + "warning", + "text-default" ] }, { value: "#ffffff", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ffffff", + value: "{global.yellow.contrast-1}", type: "color" }, - name: "--fds-global-blue-contrast-1", + name: "--fds-color-warning-contrast-first", attributes: {}, path: [ - "global", - "blue", - "contrast-1" + "color", + "warning", + "contrast-first" ] }, { value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{global.yellow.contrast-2}", type: "color" }, - name: "--fds-global-blue-contrast-2", + name: "--fds-color-warning-contrast-second", attributes: {}, path: [ - "global", - "blue", - "contrast-2" + "color", + "warning", + "contrast-second" ] }, { diff --git a/apps/storefront/tokens/theme4/dark.ts b/apps/storefront/tokens/theme4/dark.ts index 50f0487aea..d881398aea 100644 --- a/apps/storefront/tokens/theme4/dark.ts +++ b/apps/storefront/tokens/theme4/dark.ts @@ -4,3573 +4,3573 @@ export const color = [ { - value: "#001c36", + value: "#08200c", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.1}", + value: "#08200c", type: "color" }, - name: "--fds-color-accent-background-default", + name: "--fds-global-green-1", attributes: {}, path: [ - "color", - "accent", - "background-default" + "global", + "green", + "1" ] }, { - value: "#002445", + value: "#0b290f", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.2}", + value: "#0b290f", type: "color" }, - name: "--fds-color-accent-background-subtle", + name: "--fds-global-green-2", attributes: {}, path: [ - "color", - "accent", - "background-subtle" + "global", + "green", + "2" ] }, { - value: "#00315c", + value: "#0f3814", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.3}", + value: "#0f3814", type: "color" }, - name: "--fds-color-accent-surface-default", + name: "--fds-global-green-3", attributes: {}, path: [ - "color", - "accent", - "surface-default" + "global", + "green", + "3" ] }, { - value: "#00396d", + value: "#114218", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.4}", + value: "#114218", type: "color" }, - name: "--fds-color-accent-surface-hover", + name: "--fds-global-green-4", attributes: {}, path: [ - "color", - "accent", - "surface-hover" + "global", + "green", + "4" ] }, { - value: "#00427e", + value: "#144c1c", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.5}", + value: "#144c1c", type: "color" }, - name: "--fds-color-accent-surface-active", + name: "--fds-global-green-5", attributes: {}, path: [ - "color", - "accent", - "surface-active" + "global", + "green", + "5" ] }, { - value: "#00529d", + value: "#185e22", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.6}", + value: "#185e22", type: "color" }, - name: "--fds-color-accent-border-subtle", + name: "--fds-global-green-6", attributes: {}, path: [ - "color", - "accent", - "border-subtle" + "global", + "green", + "6" ] }, { - value: "#0f6bbe", + value: "#207a2c", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.7}", + value: "#207a2c", type: "color" }, - name: "--fds-color-accent-border-default", + name: "--fds-global-green-7", attributes: {}, path: [ - "color", - "accent", - "border-default" + "global", + "green", + "7" ] }, { - value: "#3d88ca", + value: "#279636", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.8}", + value: "#279636", type: "color" }, - name: "--fds-color-accent-border-strong", + name: "--fds-global-green-8", attributes: {}, path: [ - "color", - "accent", - "border-strong" + "global", + "green", + "8" ] }, { - value: "#0163ba", + value: "#2ca63d", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.9}", + value: "#2ca63d", type: "color" }, - name: "--fds-color-accent-base-default", + name: "--fds-global-green-9", attributes: {}, path: [ - "color", - "accent", - "base-default" + "global", + "green", + "9" ] }, { - value: "#004d93", + value: "#248c33", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.10}", + value: "#248c33", type: "color" }, - name: "--fds-color-accent-base-hover", + name: "--fds-global-green-10", attributes: {}, path: [ - "color", - "accent", - "base-hover" + "global", + "green", + "10" ] }, { - value: "#00396d", + value: "#1d7129", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.11}", + value: "#1d7129", type: "color" }, - name: "--fds-color-accent-base-active", + name: "--fds-global-green-11", attributes: {}, path: [ - "color", - "accent", - "base-active" + "global", + "green", + "11" ] }, { - value: "#7eb0dc", + value: "#64be70", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.12}", + value: "#64be70", type: "color" }, - name: "--fds-color-accent-text-subtle", + name: "--fds-global-green-12", attributes: {}, path: [ - "color", - "accent", - "text-subtle" + "global", + "green", + "12" ] }, { - value: "#b0cfea", + value: "#a2d8aa", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.13}", + value: "#a2d8aa", type: "color" }, - name: "--fds-color-accent-text-default", + name: "--fds-global-green-13", attributes: {}, path: [ - "color", - "accent", - "text-default" + "global", + "green", + "13" ] }, { - value: "#f6fafd", + value: "#000", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.contrast-1}", + value: "#000", type: "color" }, - name: "--fds-color-accent-contrast-first", + name: "--fds-global-green-contrast-1", attributes: {}, path: [ - "color", - "accent", - "contrast-first" + "global", + "green", + "contrast-1" ] }, { - value: "#ddeaf6", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-accent-contrast-second", + name: "--fds-global-green-contrast-2", attributes: {}, path: [ - "color", - "accent", - "contrast-second" + "global", + "green", + "contrast-2" ] }, { - value: "#131c27", + value: "#211b08", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.1}", + value: "#211b08", type: "color" }, - name: "--fds-color-neutral-background-default", + name: "--fds-global-yellow-1", attributes: {}, path: [ - "color", - "neutral", - "background-default" + "global", + "yellow", + "1" ] }, { - value: "#192433", + value: "#2b230a", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.2}", + value: "#2b230a", type: "color" }, - name: "--fds-color-neutral-background-subtle", + name: "--fds-global-yellow-2", attributes: {}, path: [ - "color", - "neutral", - "background-subtle" + "global", + "yellow", + "2" ] }, { - value: "#243142", + value: "#3a300e", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.3}", + value: "#3a300e", type: "color" }, - name: "--fds-color-neutral-surface-default", + name: "--fds-global-yellow-3", attributes: {}, path: [ - "color", - "neutral", - "surface-default" + "global", + "yellow", + "3" ] }, { - value: "#2e3a4a", + value: "#453810", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.4}", + value: "#453810", type: "color" }, - name: "--fds-color-neutral-surface-hover", + name: "--fds-global-yellow-4", attributes: {}, path: [ - "color", - "neutral", - "surface-hover" + "global", + "yellow", + "4" ] }, { - value: "#374352", + value: "#4e4013", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.5}", + value: "#4e4013", type: "color" }, - name: "--fds-color-neutral-surface-active", + name: "--fds-global-yellow-5", attributes: {}, path: [ - "color", - "neutral", - "surface-active" + "global", + "yellow", + "5" ] }, { - value: "#495361", + value: "#625017", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.6}", + value: "#625017", type: "color" }, - name: "--fds-color-neutral-border-subtle", + name: "--fds-global-yellow-6", attributes: {}, path: [ - "color", - "neutral", - "border-subtle" + "global", + "yellow", + "6" ] }, { - value: "#626b77", + value: "#7f681e", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.7}", + value: "#7f681e", type: "color" }, - name: "--fds-color-neutral-border-default", + name: "--fds-global-yellow-7", attributes: {}, path: [ - "color", - "neutral", - "border-default" + "global", + "yellow", + "7" ] }, { - value: "#7d848e", + value: "#9c8125", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.8}", + value: "#9c8125", type: "color" }, - name: "--fds-color-neutral-border-strong", + name: "--fds-global-yellow-8", attributes: {}, path: [ - "color", - "neutral", - "border-strong" + "global", + "yellow", + "8" ] }, { - value: "#1e2b3c", + value: "#ecc238", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.9}", + value: "#ecc238", type: "color" }, - name: "--fds-color-neutral-base-default", + name: "--fds-global-yellow-9", attributes: {}, path: [ - "color", - "neutral", - "base-default" + "global", + "yellow", + "9" ] }, { - value: "#333e4e", + value: "#cfaa31", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.10}", + value: "#cfaa31", type: "color" }, - name: "--fds-color-neutral-base-hover", + name: "--fds-global-yellow-10", attributes: {}, path: [ - "color", - "neutral", - "base-hover" + "global", + "yellow", + "10" ] }, { - value: "#495361", + value: "#b2922a", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.11}", + value: "#b2922a", type: "color" }, - name: "--fds-color-neutral-base-active", + name: "--fds-global-yellow-11", attributes: {}, path: [ - "color", - "neutral", - "base-active" + "global", + "yellow", + "11" ] }, { - value: "#a6abb2", + value: "#cca730", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.12}", + value: "#cca730", type: "color" }, - name: "--fds-color-neutral-text-subtle", + name: "--fds-global-yellow-12", attributes: {}, path: [ - "color", - "neutral", - "text-subtle" + "global", + "yellow", + "12" ] }, { - value: "#c9ccd0", + value: "#eec84d", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.13}", + value: "#eec84d", type: "color" }, - name: "--fds-color-neutral-text-default", + name: "--fds-global-yellow-13", attributes: {}, path: [ - "color", - "neutral", - "text-default" + "global", + "yellow", + "13" ] }, { - value: "#f9f9fa", + value: "#000", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.contrast-1}", + value: "#000", type: "color" }, - name: "--fds-color-neutral-contrast-first", + name: "--fds-global-yellow-contrast-1", attributes: {}, path: [ - "color", - "neutral", - "contrast-first" + "global", + "yellow", + "contrast-1" ] }, { - value: "#9ea3ab", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-neutral-contrast-second", + name: "--fds-global-yellow-contrast-2", attributes: {}, path: [ - "color", - "neutral", - "contrast-second" + "global", + "yellow", + "contrast-2" ] }, { - value: "#2f1213", + value: "#2d1508", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.1}", + value: "#2d1508", type: "color" }, - name: "--fds-color-brand1-background-default", + name: "--fds-global-orange-1", attributes: {}, path: [ - "color", - "brand1", - "background-default" + "global", + "orange", + "1" ] }, { - value: "#3c1819", + value: "#3a1b0a", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.2}", + value: "#3a1b0a", type: "color" }, - name: "--fds-color-brand1-background-subtle", + name: "--fds-global-orange-2", attributes: {}, path: [ - "color", - "brand1", - "background-subtle" + "global", + "orange", + "2" ] }, { - value: "#522021", + value: "#4f240d", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.3}", + value: "#4f240d", type: "color" }, - name: "--fds-color-brand1-surface-default", + name: "--fds-global-orange-3", attributes: {}, path: [ - "color", - "brand1", - "surface-default" + "global", + "orange", + "3" ] }, { - value: "#602627", + value: "#5d2b0f", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.4}", + value: "#5d2b0f", type: "color" }, - name: "--fds-color-brand1-surface-hover", + name: "--fds-global-orange-4", attributes: {}, path: [ - "color", - "brand1", - "surface-hover" + "global", + "orange", + "4" ] }, { - value: "#702c2e", + value: "#6b3212", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.5}", + value: "#6b3212", type: "color" }, - name: "--fds-color-brand1-surface-active", + name: "--fds-global-orange-5", attributes: {}, path: [ - "color", - "brand1", - "surface-active" + "global", + "orange", + "5" ] }, { - value: "#8b3639", + value: "#853e16", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.6}", + value: "#853e16", type: "color" }, - name: "--fds-color-brand1-border-subtle", + name: "--fds-global-orange-6", attributes: {}, path: [ - "color", - "brand1", - "border-subtle" + "global", + "orange", + "6" ] }, { - value: "#b34649", + value: "#ac4f1c", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.7}", + value: "#ac4f1c", type: "color" }, - name: "--fds-color-brand1-border-default", + name: "--fds-global-orange-7", attributes: {}, path: [ - "color", - "brand1", - "border-default" + "global", + "orange", + "7" ] }, { - value: "#dd565a", + value: "#d46223", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.8}", + value: "#d46223", type: "color" }, - name: "--fds-color-brand1-border-strong", + name: "--fds-global-orange-8", attributes: {}, path: [ - "color", - "brand1", - "border-strong" + "global", + "orange", + "8" ] }, { - value: "#f35f63", + value: "#d46223", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.9}", + value: "#d46223", type: "color" }, - name: "--fds-color-brand1-base-default", + name: "--fds-global-orange-9", attributes: {}, path: [ - "color", - "brand1", - "base-default" + "global", + "orange", + "9" ] }, { - value: "#cc5053", + value: "#b0511d", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.10}", + value: "#b0511d", type: "color" }, - name: "--fds-color-brand1-base-hover", + name: "--fds-global-orange-10", attributes: {}, path: [ - "color", - "brand1", - "base-hover" + "global", + "orange", + "10" ] }, { - value: "#a84144", + value: "#8e4117", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.11}", + value: "#8e4117", type: "color" }, - name: "--fds-color-brand1-base-active", + name: "--fds-global-orange-11", attributes: {}, path: [ - "color", - "brand1", - "base-active" + "global", + "orange", + "11" ] }, { - value: "#f78d8f", + value: "#e39a72", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.12}", + value: "#e39a72", type: "color" }, - name: "--fds-color-brand1-text-subtle", + name: "--fds-global-orange-12", attributes: {}, path: [ - "color", - "brand1", - "text-subtle" + "global", + "orange", + "12" ] }, { - value: "#fabcbd", + value: "#efc3ab", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.13}", + value: "#efc3ab", type: "color" }, - name: "--fds-color-brand1-text-default", + name: "--fds-global-orange-13", attributes: {}, path: [ - "color", - "brand1", - "text-default" + "global", + "orange", + "13" ] }, { - value: "#41191b", + value: "#ffffff", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.contrast-1}", + value: "#ffffff", type: "color" }, - name: "--fds-color-brand1-contrast-first", + name: "--fds-global-orange-contrast-1", attributes: {}, path: [ - "color", - "brand1", - "contrast-first" + "global", + "orange", + "contrast-1" ] }, { - value: "#2f1213", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-brand1-contrast-second", + name: "--fds-global-orange-contrast-2", attributes: {}, path: [ - "color", - "brand1", - "contrast-second" + "global", + "orange", + "contrast-2" ] }, { - value: "#231a05", + value: "#380c0c", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.1}", + value: "#380c0c", type: "color" }, - name: "--fds-color-brand2-background-default", + name: "--fds-global-red-1", attributes: {}, path: [ - "color", - "brand2", - "background-default" + "global", + "red", + "1" ] }, { - value: "#2d2206", + value: "#470f10", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.2}", + value: "#470f10", type: "color" }, - name: "--fds-color-brand2-background-subtle", + name: "--fds-global-red-2", attributes: {}, path: [ - "color", - "brand2", - "background-subtle" + "global", + "red", + "2" ] }, { - value: "#3d2e09", + value: "#5e1515", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.3}", + value: "#5e1515", type: "color" }, - name: "--fds-color-brand2-surface-default", + name: "--fds-global-red-3", attributes: {}, path: [ - "color", - "brand2", - "surface-default" + "global", + "red", + "3" ] }, { - value: "#48360a", + value: "#6f1819", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.4}", + value: "#6f1819", type: "color" }, - name: "--fds-color-brand2-surface-hover", + name: "--fds-global-red-4", attributes: {}, path: [ - "color", - "brand2", - "surface-hover" + "global", + "red", + "4" ] }, { - value: "#543e0c", + value: "#7f1c1c", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.5}", + value: "#7f1c1c", type: "color" }, - name: "--fds-color-brand2-surface-active", + name: "--fds-global-red-5", attributes: {}, path: [ - "color", - "brand2", - "surface-active" + "global", + "red", + "5" ] }, { - value: "#684e0f", + value: "#9d2223", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.6}", + value: "#9d2223", type: "color" }, - name: "--fds-color-brand2-border-subtle", + name: "--fds-global-red-6", attributes: {}, path: [ - "color", - "brand2", - "border-subtle" + "global", + "red", + "6" ] }, { - value: "#876413", + value: "#bb3f40", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.7}", + value: "#bb3f40", type: "color" }, - name: "--fds-color-brand2-border-default", + name: "--fds-global-red-7", attributes: {}, path: [ - "color", - "brand2", - "border-default" + "global", + "red", + "7" ] }, { - value: "#a87c17", + value: "#c96666", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.8}", + value: "#c96666", type: "color" }, - name: "--fds-color-brand2-border-strong", + name: "--fds-global-red-8", attributes: {}, path: [ - "color", - "brand2", - "border-strong" + "global", + "red", + "8" ] }, { - value: "#e4a920", + value: "#b32728", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.9}", + value: "#b32728", type: "color" }, - name: "--fds-color-brand2-base-default", + name: "--fds-global-red-9", attributes: {}, path: [ - "color", - "brand2", - "base-default" + "global", + "red", + "9" ] }, { - value: "#c6931c", + value: "#8c1f1f", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.10}", + value: "#8c1f1f", type: "color" }, - name: "--fds-color-brand2-base-hover", + name: "--fds-global-red-10", attributes: {}, path: [ - "color", - "brand2", - "base-hover" - ] + "global", + "red", + "10" + ] }, { - value: "#a87c17", + value: "#671617", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.11}", + value: "#671617", type: "color" }, - name: "--fds-color-brand2-base-active", + name: "--fds-global-red-11", attributes: {}, path: [ - "color", - "brand2", - "base-active" + "global", + "red", + "11" ] }, { - value: "#daa21f", + value: "#dc9a9b", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.12}", + value: "#dc9a9b", type: "color" }, - name: "--fds-color-brand2-text-subtle", + name: "--fds-global-red-12", attributes: {}, path: [ - "color", - "brand2", - "text-subtle" + "global", + "red", + "12" ] }, { - value: "#eec76c", + value: "#e9c2c2", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.13}", + value: "#e9c2c2", type: "color" }, - name: "--fds-color-brand2-text-default", + name: "--fds-global-red-13", attributes: {}, path: [ - "color", - "brand2", - "text-default" + "global", + "red", + "13" ] }, { - value: "#302407", + value: "#000", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.contrast-1}", + value: "#000", type: "color" }, - name: "--fds-color-brand2-contrast-first", + name: "--fds-global-red-contrast-1", attributes: {}, path: [ - "color", - "brand2", - "contrast-first" + "global", + "red", + "contrast-1" ] }, { - value: "#45340a", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-brand2-contrast-second", + name: "--fds-global-red-contrast-2", attributes: {}, path: [ - "color", - "brand2", - "contrast-second" + "global", + "red", + "contrast-2" ] }, { - value: "#061d30", + value: "#031d30", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.1}", + value: "#031d30", type: "color" }, - name: "--fds-color-brand3-background-default", + name: "--fds-global-blue-1", attributes: {}, path: [ - "color", - "brand3", - "background-default" + "global", + "blue", + "1" ] }, { - value: "#07253c", + value: "#032540", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.2}", + value: "#032540", type: "color" }, - name: "--fds-color-brand3-background-subtle", + name: "--fds-global-blue-2", attributes: {}, path: [ - "color", - "brand3", - "background-subtle" + "global", + "blue", + "2" ] }, { - value: "#0a3251", + value: "#043256", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.3}", + value: "#043256", type: "color" }, - name: "--fds-color-brand3-surface-default", + name: "--fds-global-blue-3", attributes: {}, path: [ - "color", - "brand3", - "surface-default" + "global", + "blue", + "3" ] }, { - value: "#0c3b60", + value: "#053c65", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.4}", + value: "#053c65", type: "color" }, - name: "--fds-color-brand3-surface-hover", + name: "--fds-global-blue-4", attributes: {}, path: [ - "color", - "brand3", - "surface-hover" + "global", + "blue", + "4" ] }, { - value: "#0e446e", + value: "#064474", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.5}", + value: "#064474", type: "color" }, - name: "--fds-color-brand3-surface-active", + name: "--fds-global-blue-5", attributes: {}, path: [ - "color", - "brand3", - "surface-active" + "global", + "blue", + "5" ] }, { - value: "#11558a", + value: "#075490", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.6}", + value: "#075490", type: "color" }, - name: "--fds-color-brand3-border-subtle", + name: "--fds-global-blue-6", attributes: {}, path: [ - "color", - "brand3", - "border-subtle" + "global", + "blue", + "6" ] }, { - value: "#166eb2", + value: "#0a6dba", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.7}", + value: "#0a6dba", type: "color" }, - name: "--fds-color-brand3-border-default", + name: "--fds-global-blue-7", attributes: {}, path: [ - "color", - "brand3", - "border-default" + "global", + "blue", + "7" ] }, { - value: "#1b88db", + value: "#3389cb", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.8}", + value: "#3389cb", type: "color" }, - name: "--fds-color-brand3-border-strong", + name: "--fds-global-blue-8", attributes: {}, path: [ - "color", - "brand3", - "border-strong" + "global", + "blue", + "8" ] }, { - value: "#1e98f5", + value: "#0c72c1", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.9}", + value: "#0c72c1", type: "color" }, - name: "--fds-color-brand3-base-default", + name: "--fds-global-blue-9", attributes: {}, path: [ - "color", - "brand3", - "base-default" + "global", + "blue", + "9" ] }, { - value: "#1980ce", + value: "#085c9c", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.10}", + value: "#085c9c", type: "color" }, - name: "--fds-color-brand3-base-hover", + name: "--fds-global-blue-10", attributes: {}, path: [ - "color", - "brand3", - "base-hover" + "global", + "blue", + "10" ] }, { - value: "#1569a9", + value: "#064678", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.11}", + value: "#064678", type: "color" }, - name: "--fds-color-brand3-base-active", + name: "--fds-global-blue-11", attributes: {}, path: [ - "color", - "brand3", - "base-active" + "global", + "blue", + "11" ] }, { - value: "#57b2f8", + value: "#78b1dc", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.12}", + value: "#78b1dc", type: "color" }, - name: "--fds-color-brand3-text-subtle", + name: "--fds-global-blue-12", attributes: {}, path: [ - "color", - "brand3", - "text-subtle" + "global", + "blue", + "12" ] }, { - value: "#9cd2fb", + value: "#aed0ea", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.13}", + value: "#aed0ea", type: "color" }, - name: "--fds-color-brand3-text-default", + name: "--fds-global-blue-13", attributes: {}, path: [ - "color", - "brand3", - "text-default" + "global", + "blue", + "13" ] }, { - value: "#082740", + value: "#ffffff", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.contrast-1}", + value: "#ffffff", type: "color" }, - name: "--fds-color-brand3-contrast-first", + name: "--fds-global-blue-contrast-1", attributes: {}, path: [ - "color", - "brand3", - "contrast-first" + "global", + "blue", + "contrast-1" ] }, { - value: "#061f33", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-brand3-contrast-second", + name: "--fds-global-blue-contrast-2", attributes: {}, path: [ - "color", - "brand3", - "contrast-second" + "global", + "blue", + "contrast-2" ] }, { - value: "#08200c", + value: "#001c36", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.1}", + value: "{color.accent.1}", type: "color" }, - name: "--fds-color-success-background-default", + name: "--fds-color-accent-background-default", attributes: {}, path: [ "color", - "success", + "accent", "background-default" ] }, { - value: "#0b290f", + value: "#002445", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.2}", + value: "{color.accent.2}", type: "color" }, - name: "--fds-color-success-background-subtle", + name: "--fds-color-accent-background-subtle", attributes: {}, path: [ "color", - "success", + "accent", "background-subtle" ] }, { - value: "#0f3814", + value: "#00315c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.3}", + value: "{color.accent.3}", type: "color" }, - name: "--fds-color-success-surface-default", + name: "--fds-color-accent-surface-default", attributes: {}, path: [ "color", - "success", + "accent", "surface-default" ] }, { - value: "#114218", + value: "#00396d", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.4}", + value: "{color.accent.4}", type: "color" }, - name: "--fds-color-success-surface-hover", + name: "--fds-color-accent-surface-hover", attributes: {}, path: [ "color", - "success", + "accent", "surface-hover" ] }, { - value: "#144c1c", + value: "#00427e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.5}", + value: "{color.accent.5}", type: "color" }, - name: "--fds-color-success-surface-active", + name: "--fds-color-accent-surface-active", attributes: {}, path: [ "color", - "success", + "accent", "surface-active" ] }, { - value: "#185e22", + value: "#00529d", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.6}", + value: "{color.accent.6}", type: "color" }, - name: "--fds-color-success-border-subtle", + name: "--fds-color-accent-border-subtle", attributes: {}, path: [ "color", - "success", + "accent", "border-subtle" ] }, { - value: "#207a2c", + value: "#0f6bbe", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.7}", + value: "{color.accent.7}", type: "color" }, - name: "--fds-color-success-border-default", + name: "--fds-color-accent-border-default", attributes: {}, path: [ "color", - "success", + "accent", "border-default" ] }, { - value: "#279636", + value: "#3d88ca", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.8}", + value: "{color.accent.8}", type: "color" }, - name: "--fds-color-success-border-strong", + name: "--fds-color-accent-border-strong", attributes: {}, path: [ "color", - "success", + "accent", "border-strong" ] }, { - value: "#2ca63d", + value: "#0163ba", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.9}", + value: "{color.accent.9}", type: "color" }, - name: "--fds-color-success-base-default", + name: "--fds-color-accent-base-default", attributes: {}, path: [ "color", - "success", + "accent", "base-default" ] }, { - value: "#248c33", + value: "#004d93", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.10}", + value: "{color.accent.10}", type: "color" }, - name: "--fds-color-success-base-hover", + name: "--fds-color-accent-base-hover", attributes: {}, path: [ "color", - "success", + "accent", "base-hover" ] }, { - value: "#1d7129", + value: "#00396d", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.11}", + value: "{color.accent.11}", type: "color" }, - name: "--fds-color-success-base-active", + name: "--fds-color-accent-base-active", attributes: {}, path: [ "color", - "success", + "accent", "base-active" ] }, { - value: "#64be70", + value: "#7eb0dc", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.12}", + value: "{color.accent.12}", type: "color" }, - name: "--fds-color-success-text-subtle", + name: "--fds-color-accent-text-subtle", attributes: {}, path: [ "color", - "success", + "accent", "text-subtle" ] }, { - value: "#a2d8aa", + value: "#b0cfea", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.13}", + value: "{color.accent.13}", type: "color" }, - name: "--fds-color-success-text-default", + name: "--fds-color-accent-text-default", attributes: {}, path: [ "color", - "success", + "accent", "text-default" ] }, { - value: "#000", + value: "#f6fafd", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.contrast-1}", + value: "{color.accent.contrast-1}", type: "color" }, - name: "--fds-color-success-contrast-first", + name: "--fds-color-accent-contrast-first", attributes: {}, path: [ "color", - "success", + "accent", "contrast-first" ] }, { - value: "#e6e6e6", + value: "#ddeaf6", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.contrast-2}", + value: "{color.accent.contrast-2}", type: "color" }, - name: "--fds-color-success-contrast-second", + name: "--fds-color-accent-contrast-second", attributes: {}, path: [ "color", - "success", + "accent", "contrast-second" ] }, { - value: "#380c0c", + value: "#131c27", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.1}", + value: "{color.neutral.1}", type: "color" }, - name: "--fds-color-danger-background-default", + name: "--fds-color-neutral-background-default", attributes: {}, path: [ "color", - "danger", + "neutral", "background-default" ] }, { - value: "#470f10", + value: "#192433", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.2}", + value: "{color.neutral.2}", type: "color" }, - name: "--fds-color-danger-background-subtle", + name: "--fds-color-neutral-background-subtle", attributes: {}, path: [ "color", - "danger", + "neutral", "background-subtle" ] }, { - value: "#5e1515", + value: "#243142", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.3}", + value: "{color.neutral.3}", type: "color" }, - name: "--fds-color-danger-surface-default", + name: "--fds-color-neutral-surface-default", attributes: {}, path: [ "color", - "danger", + "neutral", "surface-default" ] }, { - value: "#6f1819", + value: "#2e3a4a", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.4}", + value: "{color.neutral.4}", type: "color" }, - name: "--fds-color-danger-surface-hover", + name: "--fds-color-neutral-surface-hover", attributes: {}, path: [ "color", - "danger", + "neutral", "surface-hover" ] }, { - value: "#7f1c1c", + value: "#374352", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.5}", + value: "{color.neutral.5}", type: "color" }, - name: "--fds-color-danger-surface-active", + name: "--fds-color-neutral-surface-active", attributes: {}, path: [ "color", - "danger", + "neutral", "surface-active" ] }, { - value: "#9d2223", + value: "#495361", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.6}", + value: "{color.neutral.6}", type: "color" }, - name: "--fds-color-danger-border-subtle", + name: "--fds-color-neutral-border-subtle", attributes: {}, path: [ "color", - "danger", + "neutral", "border-subtle" ] }, { - value: "#bb3f40", + value: "#626b77", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.7}", + value: "{color.neutral.7}", type: "color" }, - name: "--fds-color-danger-border-default", + name: "--fds-color-neutral-border-default", attributes: {}, path: [ "color", - "danger", + "neutral", "border-default" ] }, { - value: "#c96666", + value: "#7d848e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.8}", + value: "{color.neutral.8}", type: "color" }, - name: "--fds-color-danger-border-strong", + name: "--fds-color-neutral-border-strong", attributes: {}, path: [ "color", - "danger", + "neutral", "border-strong" ] }, { - value: "#b32728", + value: "#1e2b3c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.9}", + value: "{color.neutral.9}", type: "color" }, - name: "--fds-color-danger-base-default", + name: "--fds-color-neutral-base-default", attributes: {}, path: [ "color", - "danger", + "neutral", "base-default" ] }, { - value: "#8c1f1f", + value: "#333e4e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.10}", + value: "{color.neutral.10}", type: "color" }, - name: "--fds-color-danger-base-hover", + name: "--fds-color-neutral-base-hover", attributes: {}, path: [ "color", - "danger", + "neutral", "base-hover" ] }, { - value: "#671617", + value: "#495361", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.11}", + value: "{color.neutral.11}", type: "color" }, - name: "--fds-color-danger-base-active", + name: "--fds-color-neutral-base-active", attributes: {}, path: [ "color", - "danger", + "neutral", "base-active" ] }, { - value: "#dc9a9b", + value: "#a6abb2", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.12}", + value: "{color.neutral.12}", type: "color" }, - name: "--fds-color-danger-text-subtle", + name: "--fds-color-neutral-text-subtle", attributes: {}, path: [ "color", - "danger", + "neutral", "text-subtle" ] }, { - value: "#e9c2c2", + value: "#c9ccd0", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.13}", + value: "{color.neutral.13}", type: "color" }, - name: "--fds-color-danger-text-default", + name: "--fds-color-neutral-text-default", attributes: {}, path: [ "color", - "danger", + "neutral", "text-default" ] }, { - value: "#000", + value: "#f9f9fa", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.contrast-1}", + value: "{color.neutral.contrast-1}", type: "color" }, - name: "--fds-color-danger-contrast-first", + name: "--fds-color-neutral-contrast-first", attributes: {}, path: [ "color", - "danger", + "neutral", "contrast-first" ] }, { - value: "#e6e6e6", + value: "#9ea3ab", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.contrast-2}", + value: "{color.neutral.contrast-2}", type: "color" }, - name: "--fds-color-danger-contrast-second", + name: "--fds-color-neutral-contrast-second", attributes: {}, path: [ "color", - "danger", + "neutral", "contrast-second" ] }, { - value: "#031d30", + value: "#2f1213", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.1}", + value: "{color.brand1.1}", type: "color" }, - name: "--fds-color-info-background-default", + name: "--fds-color-brand1-background-default", attributes: {}, path: [ "color", - "info", + "brand1", "background-default" ] }, { - value: "#032540", + value: "#3c1819", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.2}", + value: "{color.brand1.2}", type: "color" }, - name: "--fds-color-info-background-subtle", + name: "--fds-color-brand1-background-subtle", attributes: {}, path: [ "color", - "info", + "brand1", "background-subtle" ] }, { - value: "#043256", + value: "#522021", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.3}", + value: "{color.brand1.3}", type: "color" }, - name: "--fds-color-info-surface-default", + name: "--fds-color-brand1-surface-default", attributes: {}, path: [ "color", - "info", + "brand1", "surface-default" ] }, { - value: "#053c65", + value: "#602627", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.4}", + value: "{color.brand1.4}", type: "color" }, - name: "--fds-color-info-surface-hover", + name: "--fds-color-brand1-surface-hover", attributes: {}, path: [ "color", - "info", + "brand1", "surface-hover" ] }, { - value: "#064474", + value: "#702c2e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.5}", + value: "{color.brand1.5}", type: "color" }, - name: "--fds-color-info-surface-active", + name: "--fds-color-brand1-surface-active", attributes: {}, path: [ "color", - "info", + "brand1", "surface-active" ] }, { - value: "#075490", + value: "#8b3639", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.6}", + value: "{color.brand1.6}", type: "color" }, - name: "--fds-color-info-border-subtle", + name: "--fds-color-brand1-border-subtle", attributes: {}, path: [ "color", - "info", + "brand1", "border-subtle" ] }, { - value: "#0a6dba", + value: "#b34649", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.7}", + value: "{color.brand1.7}", type: "color" }, - name: "--fds-color-info-border-default", + name: "--fds-color-brand1-border-default", attributes: {}, path: [ "color", - "info", + "brand1", "border-default" ] }, { - value: "#3389cb", + value: "#dd565a", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.8}", + value: "{color.brand1.8}", type: "color" }, - name: "--fds-color-info-border-strong", + name: "--fds-color-brand1-border-strong", attributes: {}, path: [ "color", - "info", + "brand1", "border-strong" ] }, { - value: "#0c72c1", + value: "#f35f63", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.9}", + value: "{color.brand1.9}", type: "color" }, - name: "--fds-color-info-base-default", + name: "--fds-color-brand1-base-default", attributes: {}, path: [ "color", - "info", + "brand1", "base-default" ] }, { - value: "#085c9c", + value: "#cc5053", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.10}", + value: "{color.brand1.10}", type: "color" }, - name: "--fds-color-info-base-hover", + name: "--fds-color-brand1-base-hover", attributes: {}, path: [ "color", - "info", + "brand1", "base-hover" ] }, { - value: "#064678", + value: "#a84144", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.11}", + value: "{color.brand1.11}", type: "color" }, - name: "--fds-color-info-base-active", + name: "--fds-color-brand1-base-active", attributes: {}, path: [ "color", - "info", + "brand1", "base-active" ] }, { - value: "#78b1dc", + value: "#f78d8f", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.12}", + value: "{color.brand1.12}", type: "color" }, - name: "--fds-color-info-text-subtle", + name: "--fds-color-brand1-text-subtle", attributes: {}, path: [ "color", - "info", + "brand1", "text-subtle" ] }, { - value: "#aed0ea", + value: "#fabcbd", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.13}", + value: "{color.brand1.13}", type: "color" }, - name: "--fds-color-info-text-default", + name: "--fds-color-brand1-text-default", attributes: {}, path: [ "color", - "info", + "brand1", "text-default" ] }, { - value: "#ffffff", + value: "#41191b", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.contrast-1}", + value: "{color.brand1.contrast-1}", type: "color" }, - name: "--fds-color-info-contrast-first", + name: "--fds-color-brand1-contrast-first", attributes: {}, path: [ "color", - "info", + "brand1", "contrast-first" ] }, { - value: "#e6e6e6", + value: "#2f1213", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.contrast-2}", + value: "{color.brand1.contrast-2}", type: "color" }, - name: "--fds-color-info-contrast-second", + name: "--fds-color-brand1-contrast-second", attributes: {}, path: [ "color", - "info", + "brand1", "contrast-second" ] }, { - value: "#211b08", + value: "#231a05", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.1}", + value: "{color.brand2.1}", type: "color" }, - name: "--fds-color-warning-background-default", + name: "--fds-color-brand2-background-default", attributes: {}, path: [ "color", - "warning", + "brand2", "background-default" ] }, { - value: "#2b230a", + value: "#2d2206", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.2}", + value: "{color.brand2.2}", type: "color" }, - name: "--fds-color-warning-background-subtle", + name: "--fds-color-brand2-background-subtle", attributes: {}, path: [ "color", - "warning", + "brand2", "background-subtle" ] }, { - value: "#3a300e", + value: "#3d2e09", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.3}", + value: "{color.brand2.3}", type: "color" }, - name: "--fds-color-warning-surface-default", + name: "--fds-color-brand2-surface-default", attributes: {}, path: [ "color", - "warning", + "brand2", "surface-default" ] }, { - value: "#453810", + value: "#48360a", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.4}", + value: "{color.brand2.4}", type: "color" }, - name: "--fds-color-warning-surface-hover", + name: "--fds-color-brand2-surface-hover", attributes: {}, path: [ "color", - "warning", + "brand2", "surface-hover" ] }, { - value: "#4e4013", + value: "#543e0c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.5}", + value: "{color.brand2.5}", type: "color" }, - name: "--fds-color-warning-surface-active", + name: "--fds-color-brand2-surface-active", attributes: {}, path: [ "color", - "warning", + "brand2", "surface-active" ] }, { - value: "#625017", + value: "#684e0f", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.6}", + value: "{color.brand2.6}", type: "color" }, - name: "--fds-color-warning-border-subtle", + name: "--fds-color-brand2-border-subtle", attributes: {}, path: [ "color", - "warning", + "brand2", "border-subtle" ] }, { - value: "#7f681e", + value: "#876413", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.7}", + value: "{color.brand2.7}", type: "color" }, - name: "--fds-color-warning-border-default", + name: "--fds-color-brand2-border-default", attributes: {}, path: [ "color", - "warning", + "brand2", "border-default" ] }, { - value: "#9c8125", + value: "#a87c17", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.8}", + value: "{color.brand2.8}", type: "color" }, - name: "--fds-color-warning-border-strong", + name: "--fds-color-brand2-border-strong", attributes: {}, path: [ "color", - "warning", + "brand2", "border-strong" ] }, { - value: "#d46223", + value: "#e4a920", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.9}", + value: "{color.brand2.9}", type: "color" }, - name: "--fds-color-warning-base-default", + name: "--fds-color-brand2-base-default", attributes: {}, path: [ "color", - "warning", + "brand2", "base-default" ] }, { - value: "#b0511d", + value: "#c6931c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.10}", + value: "{color.brand2.10}", type: "color" }, - name: "--fds-color-warning-base-hover", + name: "--fds-color-brand2-base-hover", attributes: {}, path: [ "color", - "warning", + "brand2", "base-hover" ] }, { - value: "#8e4117", + value: "#a87c17", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.11}", + value: "{color.brand2.11}", type: "color" }, - name: "--fds-color-warning-base-active", + name: "--fds-color-brand2-base-active", attributes: {}, path: [ "color", - "warning", + "brand2", "base-active" ] }, { - value: "#e39a72", + value: "#daa21f", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.12}", + value: "{color.brand2.12}", type: "color" }, - name: "--fds-color-warning-text-subtle", + name: "--fds-color-brand2-text-subtle", attributes: {}, path: [ "color", - "warning", + "brand2", "text-subtle" ] }, { - value: "#efc3ab", + value: "#eec76c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.13}", + value: "{color.brand2.13}", type: "color" }, - name: "--fds-color-warning-text-default", + name: "--fds-color-brand2-text-default", attributes: {}, path: [ "color", - "warning", + "brand2", "text-default" ] }, { - value: "#000", + value: "#302407", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.contrast-1}", + value: "{color.brand2.contrast-1}", type: "color" }, - name: "--fds-color-warning-contrast-first", + name: "--fds-color-brand2-contrast-first", attributes: {}, path: [ "color", - "warning", + "brand2", "contrast-first" ] }, { - value: "#e6e6e6", + value: "#45340a", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.contrast-2}", + value: "{color.brand2.contrast-2}", type: "color" }, - name: "--fds-color-warning-contrast-second", + name: "--fds-color-brand2-contrast-second", attributes: {}, path: [ "color", - "warning", + "brand2", "contrast-second" ] }, { - value: "#08200c", + value: "#061d30", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#08200c", + value: "{color.brand3.1}", type: "color" }, - name: "--fds-global-green-1", + name: "--fds-color-brand3-background-default", attributes: {}, path: [ - "global", - "green", - "1" + "color", + "brand3", + "background-default" ] }, { - value: "#0b290f", + value: "#07253c", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#0b290f", + value: "{color.brand3.2}", type: "color" }, - name: "--fds-global-green-2", + name: "--fds-color-brand3-background-subtle", attributes: {}, path: [ - "global", - "green", - "2" + "color", + "brand3", + "background-subtle" ] }, { - value: "#0f3814", + value: "#0a3251", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#0f3814", + value: "{color.brand3.3}", type: "color" }, - name: "--fds-global-green-3", + name: "--fds-color-brand3-surface-default", attributes: {}, path: [ - "global", - "green", - "3" + "color", + "brand3", + "surface-default" ] }, { - value: "#114218", + value: "#0c3b60", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#114218", + value: "{color.brand3.4}", type: "color" }, - name: "--fds-global-green-4", + name: "--fds-color-brand3-surface-hover", attributes: {}, path: [ - "global", - "green", - "4" + "color", + "brand3", + "surface-hover" ] }, { - value: "#144c1c", + value: "#0e446e", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#144c1c", + value: "{color.brand3.5}", type: "color" }, - name: "--fds-global-green-5", + name: "--fds-color-brand3-surface-active", attributes: {}, path: [ - "global", - "green", - "5" + "color", + "brand3", + "surface-active" ] }, { - value: "#185e22", + value: "#11558a", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#185e22", + value: "{color.brand3.6}", type: "color" }, - name: "--fds-global-green-6", + name: "--fds-color-brand3-border-subtle", attributes: {}, path: [ - "global", - "green", - "6" + "color", + "brand3", + "border-subtle" ] }, { - value: "#207a2c", + value: "#166eb2", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#207a2c", + value: "{color.brand3.7}", type: "color" }, - name: "--fds-global-green-7", + name: "--fds-color-brand3-border-default", attributes: {}, path: [ - "global", - "green", - "7" + "color", + "brand3", + "border-default" ] }, { - value: "#279636", + value: "#1b88db", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#279636", + value: "{color.brand3.8}", type: "color" }, - name: "--fds-global-green-8", + name: "--fds-color-brand3-border-strong", attributes: {}, path: [ - "global", - "green", - "8" + "color", + "brand3", + "border-strong" ] }, { - value: "#2ca63d", + value: "#1e98f5", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#2ca63d", + value: "{color.brand3.9}", type: "color" }, - name: "--fds-global-green-9", + name: "--fds-color-brand3-base-default", attributes: {}, path: [ - "global", - "green", - "9" + "color", + "brand3", + "base-default" ] }, { - value: "#248c33", + value: "#1980ce", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#248c33", + value: "{color.brand3.10}", type: "color" }, - name: "--fds-global-green-10", + name: "--fds-color-brand3-base-hover", attributes: {}, path: [ - "global", - "green", - "10" + "color", + "brand3", + "base-hover" ] }, { - value: "#1d7129", + value: "#1569a9", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#1d7129", + value: "{color.brand3.11}", type: "color" }, - name: "--fds-global-green-11", + name: "--fds-color-brand3-base-active", attributes: {}, path: [ - "global", - "green", - "11" + "color", + "brand3", + "base-active" ] }, { - value: "#64be70", + value: "#57b2f8", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#64be70", + value: "{color.brand3.12}", type: "color" }, - name: "--fds-global-green-12", + name: "--fds-color-brand3-text-subtle", attributes: {}, path: [ - "global", - "green", - "12" + "color", + "brand3", + "text-subtle" ] }, { - value: "#a2d8aa", + value: "#9cd2fb", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#a2d8aa", + value: "{color.brand3.13}", type: "color" }, - name: "--fds-global-green-13", + name: "--fds-color-brand3-text-default", attributes: {}, path: [ - "global", - "green", - "13" + "color", + "brand3", + "text-default" ] }, { - value: "#000", + value: "#082740", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#000", + value: "{color.brand3.contrast-1}", type: "color" }, - name: "--fds-global-green-contrast-1", + name: "--fds-color-brand3-contrast-first", attributes: {}, path: [ - "global", - "green", - "contrast-1" + "color", + "brand3", + "contrast-first" ] }, { - value: "#e6e6e6", + value: "#061f33", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{color.brand3.contrast-2}", type: "color" }, - name: "--fds-global-green-contrast-2", + name: "--fds-color-brand3-contrast-second", attributes: {}, path: [ - "global", - "green", - "contrast-2" + "color", + "brand3", + "contrast-second" ] }, { - value: "#211b08", + value: "#08200c", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#211b08", + value: "{global.green.1}", type: "color" }, - name: "--fds-global-yellow-1", + name: "--fds-color-success-background-default", attributes: {}, path: [ - "global", - "yellow", - "1" + "color", + "success", + "background-default" ] }, { - value: "#2b230a", + value: "#0b290f", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#2b230a", + value: "{global.green.2}", type: "color" }, - name: "--fds-global-yellow-2", + name: "--fds-color-success-background-subtle", attributes: {}, path: [ - "global", - "yellow", - "2" + "color", + "success", + "background-subtle" ] }, { - value: "#3a300e", + value: "#0f3814", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#3a300e", + value: "{global.green.3}", type: "color" }, - name: "--fds-global-yellow-3", + name: "--fds-color-success-surface-default", attributes: {}, path: [ - "global", - "yellow", - "3" + "color", + "success", + "surface-default" ] }, { - value: "#453810", + value: "#114218", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#453810", + value: "{global.green.4}", type: "color" }, - name: "--fds-global-yellow-4", + name: "--fds-color-success-surface-hover", attributes: {}, path: [ - "global", - "yellow", - "4" + "color", + "success", + "surface-hover" ] }, { - value: "#4e4013", + value: "#144c1c", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#4e4013", + value: "{global.green.5}", type: "color" }, - name: "--fds-global-yellow-5", + name: "--fds-color-success-surface-active", attributes: {}, path: [ - "global", - "yellow", - "5" + "color", + "success", + "surface-active" ] }, { - value: "#625017", + value: "#185e22", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#625017", + value: "{global.green.6}", type: "color" }, - name: "--fds-global-yellow-6", + name: "--fds-color-success-border-subtle", attributes: {}, path: [ - "global", - "yellow", - "6" + "color", + "success", + "border-subtle" ] }, { - value: "#7f681e", + value: "#207a2c", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#7f681e", + value: "{global.green.7}", type: "color" }, - name: "--fds-global-yellow-7", + name: "--fds-color-success-border-default", attributes: {}, path: [ - "global", - "yellow", - "7" + "color", + "success", + "border-default" ] }, { - value: "#9c8125", + value: "#279636", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#9c8125", + value: "{global.green.8}", type: "color" }, - name: "--fds-global-yellow-8", + name: "--fds-color-success-border-strong", attributes: {}, path: [ - "global", - "yellow", - "8" + "color", + "success", + "border-strong" ] }, { - value: "#ecc238", + value: "#2ca63d", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ecc238", + value: "{global.green.9}", type: "color" }, - name: "--fds-global-yellow-9", + name: "--fds-color-success-base-default", attributes: {}, path: [ - "global", - "yellow", - "9" + "color", + "success", + "base-default" ] }, { - value: "#cfaa31", + value: "#248c33", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#cfaa31", + value: "{global.green.10}", type: "color" }, - name: "--fds-global-yellow-10", + name: "--fds-color-success-base-hover", attributes: {}, path: [ - "global", - "yellow", - "10" + "color", + "success", + "base-hover" ] }, { - value: "#b2922a", + value: "#1d7129", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#b2922a", + value: "{global.green.11}", type: "color" }, - name: "--fds-global-yellow-11", + name: "--fds-color-success-base-active", attributes: {}, path: [ - "global", - "yellow", - "11" + "color", + "success", + "base-active" ] }, { - value: "#cca730", + value: "#64be70", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#cca730", + value: "{global.green.12}", type: "color" }, - name: "--fds-global-yellow-12", + name: "--fds-color-success-text-subtle", attributes: {}, path: [ - "global", - "yellow", - "12" + "color", + "success", + "text-subtle" ] }, { - value: "#eec84d", + value: "#a2d8aa", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#eec84d", + value: "{global.green.13}", type: "color" }, - name: "--fds-global-yellow-13", + name: "--fds-color-success-text-default", attributes: {}, path: [ - "global", - "yellow", - "13" + "color", + "success", + "text-default" ] }, { value: "#000", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#000", + value: "{global.green.contrast-1}", type: "color" }, - name: "--fds-global-yellow-contrast-1", + name: "--fds-color-success-contrast-first", attributes: {}, path: [ - "global", - "yellow", - "contrast-1" + "color", + "success", + "contrast-first" ] }, { value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{global.green.contrast-2}", type: "color" }, - name: "--fds-global-yellow-contrast-2", + name: "--fds-color-success-contrast-second", attributes: {}, path: [ - "global", - "yellow", - "contrast-2" + "color", + "success", + "contrast-second" ] }, { - value: "#2d1508", + value: "#380c0c", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#2d1508", + value: "{global.red.1}", type: "color" }, - name: "--fds-global-orange-1", + name: "--fds-color-danger-background-default", attributes: {}, path: [ - "global", - "orange", - "1" + "color", + "danger", + "background-default" ] }, { - value: "#3a1b0a", + value: "#470f10", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#3a1b0a", + value: "{global.red.2}", type: "color" }, - name: "--fds-global-orange-2", + name: "--fds-color-danger-background-subtle", attributes: {}, path: [ - "global", - "orange", - "2" + "color", + "danger", + "background-subtle" ] }, { - value: "#4f240d", + value: "#5e1515", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#4f240d", + value: "{global.red.3}", type: "color" }, - name: "--fds-global-orange-3", + name: "--fds-color-danger-surface-default", attributes: {}, path: [ - "global", - "orange", - "3" + "color", + "danger", + "surface-default" ] }, { - value: "#5d2b0f", + value: "#6f1819", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#5d2b0f", + value: "{global.red.4}", type: "color" }, - name: "--fds-global-orange-4", + name: "--fds-color-danger-surface-hover", attributes: {}, path: [ - "global", - "orange", - "4" + "color", + "danger", + "surface-hover" ] }, { - value: "#6b3212", + value: "#7f1c1c", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#6b3212", + value: "{global.red.5}", type: "color" }, - name: "--fds-global-orange-5", + name: "--fds-color-danger-surface-active", attributes: {}, path: [ - "global", - "orange", - "5" + "color", + "danger", + "surface-active" ] }, { - value: "#853e16", + value: "#9d2223", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#853e16", + value: "{global.red.6}", type: "color" }, - name: "--fds-global-orange-6", + name: "--fds-color-danger-border-subtle", attributes: {}, path: [ - "global", - "orange", - "6" + "color", + "danger", + "border-subtle" ] }, { - value: "#ac4f1c", + value: "#bb3f40", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ac4f1c", + value: "{global.red.7}", type: "color" }, - name: "--fds-global-orange-7", + name: "--fds-color-danger-border-default", attributes: {}, path: [ - "global", - "orange", - "7" + "color", + "danger", + "border-default" ] }, { - value: "#d46223", + value: "#c96666", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#d46223", + value: "{global.red.8}", type: "color" }, - name: "--fds-global-orange-8", + name: "--fds-color-danger-border-strong", attributes: {}, path: [ - "global", - "orange", - "8" + "color", + "danger", + "border-strong" ] }, { - value: "#d46223", + value: "#b32728", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#d46223", + value: "{global.red.9}", type: "color" }, - name: "--fds-global-orange-9", + name: "--fds-color-danger-base-default", attributes: {}, path: [ - "global", - "orange", - "9" + "color", + "danger", + "base-default" ] }, { - value: "#b0511d", + value: "#8c1f1f", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#b0511d", + value: "{global.red.10}", type: "color" }, - name: "--fds-global-orange-10", + name: "--fds-color-danger-base-hover", attributes: {}, path: [ - "global", - "orange", - "10" + "color", + "danger", + "base-hover" ] }, { - value: "#8e4117", + value: "#671617", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#8e4117", + value: "{global.red.11}", type: "color" }, - name: "--fds-global-orange-11", + name: "--fds-color-danger-base-active", attributes: {}, path: [ - "global", - "orange", - "11" + "color", + "danger", + "base-active" ] }, { - value: "#e39a72", + value: "#dc9a9b", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e39a72", + value: "{global.red.12}", type: "color" }, - name: "--fds-global-orange-12", + name: "--fds-color-danger-text-subtle", attributes: {}, path: [ - "global", - "orange", - "12" + "color", + "danger", + "text-subtle" ] }, { - value: "#efc3ab", + value: "#e9c2c2", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#efc3ab", + value: "{global.red.13}", type: "color" }, - name: "--fds-global-orange-13", + name: "--fds-color-danger-text-default", attributes: {}, - path: [ - "global", - "orange", - "13" + path: [ + "color", + "danger", + "text-default" ] }, { - value: "#ffffff", + value: "#000", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ffffff", + value: "{global.red.contrast-1}", type: "color" }, - name: "--fds-global-orange-contrast-1", + name: "--fds-color-danger-contrast-first", attributes: {}, path: [ - "global", - "orange", - "contrast-1" + "color", + "danger", + "contrast-first" ] }, { value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{global.red.contrast-2}", type: "color" }, - name: "--fds-global-orange-contrast-2", + name: "--fds-color-danger-contrast-second", attributes: {}, path: [ - "global", - "orange", - "contrast-2" + "color", + "danger", + "contrast-second" ] }, { - value: "#380c0c", + value: "#031d30", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#380c0c", + value: "{global.blue.1}", type: "color" }, - name: "--fds-global-red-1", + name: "--fds-color-info-background-default", attributes: {}, path: [ - "global", - "red", - "1" + "color", + "info", + "background-default" ] }, { - value: "#470f10", + value: "#032540", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#470f10", + value: "{global.blue.2}", type: "color" }, - name: "--fds-global-red-2", + name: "--fds-color-info-background-subtle", attributes: {}, path: [ - "global", - "red", - "2" + "color", + "info", + "background-subtle" ] }, { - value: "#5e1515", + value: "#043256", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#5e1515", + value: "{global.blue.3}", type: "color" }, - name: "--fds-global-red-3", + name: "--fds-color-info-surface-default", attributes: {}, path: [ - "global", - "red", - "3" + "color", + "info", + "surface-default" ] }, { - value: "#6f1819", + value: "#053c65", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#6f1819", + value: "{global.blue.4}", type: "color" }, - name: "--fds-global-red-4", + name: "--fds-color-info-surface-hover", attributes: {}, path: [ - "global", - "red", - "4" + "color", + "info", + "surface-hover" ] }, { - value: "#7f1c1c", + value: "#064474", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#7f1c1c", + value: "{global.blue.5}", type: "color" }, - name: "--fds-global-red-5", + name: "--fds-color-info-surface-active", attributes: {}, path: [ - "global", - "red", - "5" + "color", + "info", + "surface-active" ] }, { - value: "#9d2223", + value: "#075490", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#9d2223", + value: "{global.blue.6}", type: "color" }, - name: "--fds-global-red-6", + name: "--fds-color-info-border-subtle", attributes: {}, path: [ - "global", - "red", - "6" + "color", + "info", + "border-subtle" ] }, { - value: "#bb3f40", + value: "#0a6dba", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#bb3f40", + value: "{global.blue.7}", type: "color" }, - name: "--fds-global-red-7", + name: "--fds-color-info-border-default", attributes: {}, path: [ - "global", - "red", - "7" + "color", + "info", + "border-default" ] }, { - value: "#c96666", + value: "#3389cb", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#c96666", + value: "{global.blue.8}", type: "color" }, - name: "--fds-global-red-8", + name: "--fds-color-info-border-strong", attributes: {}, path: [ - "global", - "red", - "8" + "color", + "info", + "border-strong" ] }, { - value: "#b32728", + value: "#0c72c1", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#b32728", + value: "{global.blue.9}", type: "color" }, - name: "--fds-global-red-9", + name: "--fds-color-info-base-default", attributes: {}, path: [ - "global", - "red", - "9" + "color", + "info", + "base-default" ] }, { - value: "#8c1f1f", + value: "#085c9c", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#8c1f1f", + value: "{global.blue.10}", type: "color" }, - name: "--fds-global-red-10", + name: "--fds-color-info-base-hover", attributes: {}, path: [ - "global", - "red", - "10" + "color", + "info", + "base-hover" ] }, { - value: "#671617", + value: "#064678", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#671617", + value: "{global.blue.11}", type: "color" }, - name: "--fds-global-red-11", + name: "--fds-color-info-base-active", attributes: {}, path: [ - "global", - "red", - "11" + "color", + "info", + "base-active" ] }, { - value: "#dc9a9b", + value: "#78b1dc", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#dc9a9b", + value: "{global.blue.12}", type: "color" }, - name: "--fds-global-red-12", + name: "--fds-color-info-text-subtle", attributes: {}, path: [ - "global", - "red", - "12" + "color", + "info", + "text-subtle" ] }, { - value: "#e9c2c2", + value: "#aed0ea", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e9c2c2", + value: "{global.blue.13}", type: "color" }, - name: "--fds-global-red-13", + name: "--fds-color-info-text-default", attributes: {}, path: [ - "global", - "red", - "13" + "color", + "info", + "text-default" ] }, { - value: "#000", + value: "#ffffff", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#000", + value: "{global.blue.contrast-1}", type: "color" }, - name: "--fds-global-red-contrast-1", + name: "--fds-color-info-contrast-first", attributes: {}, - path: [ - "global", - "red", - "contrast-1" + path: [ + "color", + "info", + "contrast-first" ] }, { value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{global.blue.contrast-2}", type: "color" }, - name: "--fds-global-red-contrast-2", + name: "--fds-color-info-contrast-second", attributes: {}, path: [ - "global", - "red", - "contrast-2" + "color", + "info", + "contrast-second" ] }, { - value: "#031d30", + value: "#211b08", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#031d30", + value: "{global.yellow.1}", type: "color" }, - name: "--fds-global-blue-1", + name: "--fds-color-warning-background-default", attributes: {}, path: [ - "global", - "blue", - "1" + "color", + "warning", + "background-default" ] }, { - value: "#032540", + value: "#2b230a", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#032540", + value: "{global.yellow.2}", type: "color" }, - name: "--fds-global-blue-2", + name: "--fds-color-warning-background-subtle", attributes: {}, path: [ - "global", - "blue", - "2" + "color", + "warning", + "background-subtle" ] }, { - value: "#043256", + value: "#3a300e", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#043256", + value: "{global.yellow.3}", type: "color" }, - name: "--fds-global-blue-3", + name: "--fds-color-warning-surface-default", attributes: {}, path: [ - "global", - "blue", - "3" + "color", + "warning", + "surface-default" ] }, { - value: "#053c65", + value: "#453810", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#053c65", + value: "{global.yellow.4}", type: "color" }, - name: "--fds-global-blue-4", + name: "--fds-color-warning-surface-hover", attributes: {}, path: [ - "global", - "blue", - "4" + "color", + "warning", + "surface-hover" ] }, { - value: "#064474", + value: "#4e4013", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#064474", + value: "{global.yellow.5}", type: "color" }, - name: "--fds-global-blue-5", + name: "--fds-color-warning-surface-active", attributes: {}, path: [ - "global", - "blue", - "5" + "color", + "warning", + "surface-active" ] }, { - value: "#075490", + value: "#625017", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#075490", + value: "{global.yellow.6}", type: "color" }, - name: "--fds-global-blue-6", + name: "--fds-color-warning-border-subtle", attributes: {}, path: [ - "global", - "blue", - "6" + "color", + "warning", + "border-subtle" ] }, { - value: "#0a6dba", + value: "#7f681e", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#0a6dba", + value: "{global.yellow.7}", type: "color" }, - name: "--fds-global-blue-7", + name: "--fds-color-warning-border-default", attributes: {}, path: [ - "global", - "blue", - "7" + "color", + "warning", + "border-default" ] }, { - value: "#3389cb", + value: "#9c8125", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#3389cb", + value: "{global.yellow.8}", type: "color" }, - name: "--fds-global-blue-8", + name: "--fds-color-warning-border-strong", attributes: {}, path: [ - "global", - "blue", - "8" + "color", + "warning", + "border-strong" ] }, { - value: "#0c72c1", + value: "#d46223", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#0c72c1", + value: "{global.orange.9}", type: "color" }, - name: "--fds-global-blue-9", + name: "--fds-color-warning-base-default", attributes: {}, path: [ - "global", - "blue", - "9" + "color", + "warning", + "base-default" ] }, { - value: "#085c9c", + value: "#b0511d", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#085c9c", + value: "{global.orange.10}", type: "color" }, - name: "--fds-global-blue-10", + name: "--fds-color-warning-base-hover", attributes: {}, path: [ - "global", - "blue", - "10" + "color", + "warning", + "base-hover" ] }, { - value: "#064678", + value: "#8e4117", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#064678", + value: "{global.orange.11}", type: "color" }, - name: "--fds-global-blue-11", + name: "--fds-color-warning-base-active", attributes: {}, path: [ - "global", - "blue", - "11" + "color", + "warning", + "base-active" ] }, { - value: "#78b1dc", + value: "#e39a72", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#78b1dc", + value: "{global.orange.12}", type: "color" }, - name: "--fds-global-blue-12", + name: "--fds-color-warning-text-subtle", attributes: {}, path: [ - "global", - "blue", - "12" + "color", + "warning", + "text-subtle" ] }, { - value: "#aed0ea", + value: "#efc3ab", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#aed0ea", + value: "{global.orange.13}", type: "color" }, - name: "--fds-global-blue-13", + name: "--fds-color-warning-text-default", attributes: {}, path: [ - "global", - "blue", - "13" + "color", + "warning", + "text-default" ] }, { - value: "#ffffff", + value: "#000", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ffffff", + value: "{global.yellow.contrast-1}", type: "color" }, - name: "--fds-global-blue-contrast-1", + name: "--fds-color-warning-contrast-first", attributes: {}, path: [ - "global", - "blue", - "contrast-1" + "color", + "warning", + "contrast-first" ] }, { value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{global.yellow.contrast-2}", type: "color" }, - name: "--fds-global-blue-contrast-2", + name: "--fds-color-warning-contrast-second", attributes: {}, path: [ - "global", - "blue", - "contrast-2" + "color", + "warning", + "contrast-second" ] }, { diff --git a/apps/storefront/tokens/theme4/light.ts b/apps/storefront/tokens/theme4/light.ts index 5a3838daaa..411fd3ebb4 100644 --- a/apps/storefront/tokens/theme4/light.ts +++ b/apps/storefront/tokens/theme4/light.ts @@ -4,2042 +4,2042 @@ export const color = [ { - value: "#fefeff", + value: "#fcfefc", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.1}", + value: "#fcfefc", type: "color" }, - name: "--fds-color-accent-background-default", + name: "--fds-global-green-1", attributes: {}, path: [ - "color", - "accent", - "background-default" + "global", + "green", + "1" ] }, { - value: "#eef4fa", + value: "#e9f6ea", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.2}", + value: "#e9f6ea", type: "color" }, - name: "--fds-color-accent-background-subtle", + name: "--fds-global-green-2", attributes: {}, path: [ - "color", - "accent", - "background-subtle" + "global", + "green", + "2" ] }, { - value: "#e2edf7", + value: "#d9efdc", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.3}", + value: "#d9efdc", type: "color" }, - name: "--fds-color-accent-surface-default", + name: "--fds-global-green-3", attributes: {}, path: [ - "color", - "accent", - "surface-default" + "global", + "green", + "3" ] }, { - value: "#c3daef", + value: "#b9e1be", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.4}", + value: "#b9e1be", type: "color" }, - name: "--fds-color-accent-surface-hover", + name: "--fds-global-green-4", attributes: {}, path: [ - "color", - "accent", - "surface-hover" + "global", + "green", + "4" ] }, { - value: "#a4c7e6", + value: "#94d29d", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.5}", + value: "#94d29d", type: "color" }, - name: "--fds-color-accent-surface-active", + name: "--fds-global-green-5", attributes: {}, path: [ - "color", - "accent", - "surface-active" + "global", + "green", + "5" ] }, { - value: "#aecde9", + value: "#9ed6a5", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.6}", + value: "#9ed6a5", type: "color" }, - name: "--fds-color-accent-border-subtle", + name: "--fds-global-green-6", attributes: {}, path: [ - "color", - "accent", - "border-subtle" + "global", + "green", + "6" ] }, { - value: "#4b90ce", + value: "#29a03a", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.7}", + value: "#29a03a", type: "color" }, - name: "--fds-color-accent-border-default", + name: "--fds-global-green-7", attributes: {}, path: [ - "color", - "accent", - "border-default" + "global", + "green", + "7" ] }, { - value: "#00529d", + value: "#185e22", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.8}", + value: "#185e22", type: "color" }, - name: "--fds-color-accent-border-strong", + name: "--fds-global-green-8", attributes: {}, path: [ - "color", - "accent", - "border-strong" + "global", + "green", + "8" ] }, { - value: "#0163ba", + value: "#2ca63d", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.9}", + value: "#2ca63d", type: "color" }, - name: "--fds-color-accent-base-default", + name: "--fds-global-green-9", attributes: {}, path: [ - "color", - "accent", - "base-default" + "global", + "green", + "9" ] }, { - value: "#004d93", + value: "#248c33", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.10}", + value: "#248c33", type: "color" }, - name: "--fds-color-accent-base-hover", + name: "--fds-global-green-10", attributes: {}, path: [ - "color", - "accent", - "base-hover" + "global", + "green", + "10" ] }, { - value: "#00396d", + value: "#1d7129", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.11}", + value: "#1d7129", type: "color" }, - name: "--fds-color-accent-base-active", + name: "--fds-global-green-11", attributes: {}, path: [ - "color", - "accent", - "base-active" + "global", + "green", + "11" ] }, { - value: "#005099", + value: "#185c21", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.12}", + value: "#185c21", type: "color" }, - name: "--fds-color-accent-text-subtle", + name: "--fds-global-green-12", attributes: {}, path: [ - "color", - "accent", - "text-subtle" + "global", + "green", + "12" ] }, { - value: "#00315c", + value: "#0f3814", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.13}", + value: "#0f3814", type: "color" }, - name: "--fds-color-accent-text-default", + name: "--fds-global-green-13", attributes: {}, path: [ - "color", - "accent", - "text-default" + "global", + "green", + "13" ] }, { - value: "#f6fafd", + value: "#ffffff", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.contrast-1}", + value: "#ffffff", type: "color" }, - name: "--fds-color-accent-contrast-first", + name: "--fds-global-green-contrast-1", attributes: {}, path: [ - "color", - "accent", - "contrast-first" + "global", + "green", + "contrast-1" ] }, { - value: "#ddeaf6", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-accent-contrast-second", + name: "--fds-global-green-contrast-2", attributes: {}, path: [ - "color", - "accent", - "contrast-second" + "global", + "green", + "contrast-2" ] }, { - value: "#fefefe", + value: "#fffefc", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.1}", + value: "#fffefc", type: "color" }, - name: "--fds-color-neutral-background-default", + name: "--fds-global-yellow-1", attributes: {}, path: [ - "color", - "neutral", - "background-default" + "global", + "yellow", + "1" ] }, { - value: "#f3f4f5", + value: "#fbf2d5", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.2}", + value: "#fbf2d5", type: "color" }, - name: "--fds-color-neutral-background-subtle", + name: "--fds-global-yellow-2", attributes: {}, path: [ - "color", - "neutral", - "background-subtle" + "global", + "yellow", + "2" ] }, { - value: "#e9eaec", + value: "#f9ebbd", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.3}", + value: "#f9ebbd", type: "color" }, - name: "--fds-color-neutral-surface-default", + name: "--fds-global-yellow-3", attributes: {}, path: [ - "color", - "neutral", - "surface-default" + "global", + "yellow", + "3" ] }, { - value: "#d5d7da", + value: "#f2d474", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.4}", + value: "#f2d474", type: "color" }, - name: "--fds-color-neutral-surface-hover", + name: "--fds-global-yellow-4", attributes: {}, path: [ - "color", - "neutral", - "surface-hover" + "global", + "yellow", + "4" ] }, { - value: "#c1c4c9", + value: "#e8bf37", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.5}", + value: "#e8bf37", type: "color" }, - name: "--fds-color-neutral-surface-active", + name: "--fds-global-yellow-5", attributes: {}, path: [ - "color", - "neutral", - "surface-active" + "global", + "yellow", + "5" ] }, { - value: "#c6c9cd", + value: "#edc644", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.6}", + value: "#edc644", type: "color" }, - name: "--fds-color-neutral-border-subtle", + name: "--fds-global-yellow-6", attributes: {}, path: [ - "color", - "neutral", - "border-subtle" + "global", + "yellow", + "6" ] }, { - value: "#858c96", + value: "#a68827", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.7}", + value: "#a68827", type: "color" }, - name: "--fds-color-neutral-border-default", + name: "--fds-global-yellow-7", attributes: {}, path: [ - "color", - "neutral", - "border-default" + "global", + "yellow", + "7" ] }, { - value: "#495361", + value: "#625017", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.8}", + value: "#625017", type: "color" }, - name: "--fds-color-neutral-border-strong", + name: "--fds-global-yellow-8", attributes: {}, path: [ - "color", - "neutral", - "border-strong" + "global", + "yellow", + "8" ] }, { - value: "#1e2b3c", + value: "#ecc238", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.9}", + value: "#ecc238", type: "color" }, - name: "--fds-color-neutral-base-default", + name: "--fds-global-yellow-9", attributes: {}, path: [ - "color", - "neutral", - "base-default" + "global", + "yellow", + "9" ] }, { - value: "#333e4e", + value: "#cfaa31", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.10}", + value: "#cfaa31", type: "color" }, - name: "--fds-color-neutral-base-hover", + name: "--fds-global-yellow-10", attributes: {}, path: [ - "color", - "neutral", - "base-hover" + "global", + "yellow", + "10" ] }, { - value: "#495361", + value: "#b2922a", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.11}", + value: "#b2922a", type: "color" }, - name: "--fds-color-neutral-base-active", + name: "--fds-global-yellow-11", attributes: {}, path: [ - "color", - "neutral", - "base-active" + "global", + "yellow", + "11" ] }, { - value: "#46505e", + value: "#604f17", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.12}", + value: "#604f17", type: "color" }, - name: "--fds-color-neutral-text-subtle", + name: "--fds-global-yellow-12", attributes: {}, path: [ - "color", - "neutral", - "text-subtle" + "global", + "yellow", + "12" ] }, { - value: "#243142", + value: "#3a300e", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.13}", + value: "#3a300e", type: "color" }, - name: "--fds-color-neutral-text-default", + name: "--fds-global-yellow-13", attributes: {}, path: [ - "color", - "neutral", - "text-default" + "global", + "yellow", + "13" ] }, { - value: "#f9f9fa", + value: "#ffffff", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.contrast-1}", + value: "#ffffff", type: "color" }, - name: "--fds-color-neutral-contrast-first", + name: "--fds-global-yellow-contrast-1", attributes: {}, path: [ - "color", - "neutral", - "contrast-first" + "global", + "yellow", + "contrast-1" ] }, { - value: "#9ea3ab", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-neutral-contrast-second", + name: "--fds-global-yellow-contrast-2", attributes: {}, path: [ - "color", - "neutral", - "contrast-second" + "global", + "yellow", + "contrast-2" ] }, { - value: "#fffefe", + value: "#fffefd", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.1}", + value: "#fffefd", type: "color" }, - name: "--fds-color-brand1-background-default", + name: "--fds-global-orange-1", attributes: {}, path: [ - "color", - "brand1", - "background-default" + "global", + "orange", + "1" ] }, { - value: "#fef0f1", + value: "#fbf1ec", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.2}", + value: "#fbf1ec", type: "color" }, - name: "--fds-color-brand1-background-subtle", + name: "--fds-global-orange-2", attributes: {}, path: [ - "color", - "brand1", - "background-subtle" + "global", + "orange", + "2" ] }, { - value: "#fde5e6", + value: "#f9e8df", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.3}", + value: "#f9e8df", type: "color" }, - name: "--fds-color-brand1-surface-default", + name: "--fds-global-orange-3", attributes: {}, path: [ - "color", - "brand1", - "surface-default" + "global", + "orange", + "3" ] }, { - value: "#fbcccd", + value: "#f2d0bc", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.4}", + value: "#f2d0bc", type: "color" }, - name: "--fds-color-brand1-surface-hover", + name: "--fds-global-orange-4", attributes: {}, path: [ - "color", - "brand1", - "surface-hover" + "global", + "orange", + "4" ] }, { - value: "#fab1b3", + value: "#ecb99e", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.5}", + value: "#ecb99e", type: "color" }, - name: "--fds-color-brand1-surface-active", + name: "--fds-global-orange-5", attributes: {}, path: [ - "color", - "brand1", - "surface-active" + "global", + "orange", + "5" ] }, { - value: "#fab8b9", + value: "#eec0a7", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.6}", + value: "#eec0a7", type: "color" }, - name: "--fds-color-brand1-border-subtle", + name: "--fds-global-orange-6", attributes: {}, path: [ - "color", - "brand1", - "border-subtle" + "global", + "orange", + "6" ] }, { - value: "#eb5b5f", + value: "#d76e34", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.7}", + value: "#d76e34", type: "color" }, - name: "--fds-color-brand1-border-default", + name: "--fds-global-orange-7", attributes: {}, path: [ - "color", - "brand1", - "border-default" + "global", + "orange", + "7" ] }, { - value: "#8b3639", + value: "#853e16", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.8}", + value: "#853e16", type: "color" }, - name: "--fds-color-brand1-border-strong", + name: "--fds-global-orange-8", attributes: {}, path: [ - "color", - "brand1", - "border-strong" + "global", + "orange", + "8" ] }, { - value: "#f35f63", + value: "#d46223", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.9}", + value: "#d46223", type: "color" }, - name: "--fds-color-brand1-base-default", + name: "--fds-global-orange-9", attributes: {}, path: [ - "color", - "brand1", - "base-default" + "global", + "orange", + "9" ] }, { - value: "#cc5053", + value: "#b0511d", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.10}", + value: "#b0511d", type: "color" }, - name: "--fds-color-brand1-base-hover", + name: "--fds-global-orange-10", attributes: {}, path: [ - "color", - "brand1", - "base-hover" + "global", + "orange", + "10" ] }, { - value: "#a84144", + value: "#8e4117", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.11}", + value: "#8e4117", type: "color" }, - name: "--fds-color-brand1-base-active", + name: "--fds-global-orange-11", attributes: {}, path: [ - "color", - "brand1", - "base-active" + "global", + "orange", + "11" ] }, { - value: "#873537", + value: "#813c15", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.12}", + value: "#813c15", type: "color" }, - name: "--fds-color-brand1-text-subtle", + name: "--fds-global-orange-12", attributes: {}, path: [ - "color", - "brand1", - "text-subtle" + "global", + "orange", + "12" ] }, { - value: "#522021", + value: "#4f240d", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.13}", + value: "#4f240d", type: "color" }, - name: "--fds-color-brand1-text-default", + name: "--fds-global-orange-13", attributes: {}, path: [ - "color", - "brand1", - "text-default" + "global", + "orange", + "13" ] }, { - value: "#f6fafd", + value: "#ffffff", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.contrast-1}", + value: "#ffffff", type: "color" }, - name: "--fds-color-brand1-contrast-first", + name: "--fds-global-orange-contrast-1", attributes: {}, path: [ - "color", - "brand1", - "contrast-first" + "global", + "orange", + "contrast-1" ] }, { - value: "#ddeaf6", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-brand1-contrast-second", + name: "--fds-global-orange-contrast-2", attributes: {}, path: [ - "color", - "brand1", - "contrast-second" + "global", + "orange", + "contrast-2" ] }, { - value: "#fffefc", + value: "#fffefe", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.1}", + value: "#fffefe", type: "color" }, - name: "--fds-color-brand2-background-default", + name: "--fds-global-red-1", attributes: {}, path: [ - "color", - "brand2", - "background-default" + "global", + "red", + "1" ] }, { - value: "#fbf3e0", + value: "#fbf2f3", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.2}", + value: "#fbf2f3", type: "color" }, - name: "--fds-color-brand2-background-subtle", + name: "--fds-global-red-2", attributes: {}, path: [ - "color", - "brand2", - "background-subtle" + "global", + "red", + "2" ] }, { - value: "#f8e9c6", + value: "#f6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.3}", + value: "#f6e6e6", type: "color" }, - name: "--fds-color-brand2-surface-default", + name: "--fds-global-red-3", attributes: {}, path: [ - "color", - "brand2", - "surface-default" + "global", + "red", + "3" ] }, { - value: "#f2d48d", + value: "#eecfd0", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.4}", + value: "#eecfd0", type: "color" }, - name: "--fds-color-brand2-surface-hover", + name: "--fds-global-red-4", attributes: {}, path: [ - "color", - "brand2", - "surface-hover" + "global", + "red", + "4" ] }, { - value: "#ebbe54", + value: "#e6b9b9", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.5}", + value: "#e6b9b9", type: "color" }, - name: "--fds-color-brand2-surface-active", + name: "--fds-global-red-5", attributes: {}, path: [ - "color", - "brand2", - "surface-active" + "global", + "red", + "5" ] }, { - value: "#edc464", + value: "#e8bfbf", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.6}", + value: "#e8bfbf", type: "color" }, - name: "--fds-color-brand2-border-subtle", + name: "--fds-global-red-6", attributes: {}, path: [ - "color", - "brand2", - "border-subtle" + "global", + "red", + "6" ] }, { - value: "#b28419", + value: "#cd7172", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.7}", + value: "#cd7172", type: "color" }, - name: "--fds-color-brand2-border-default", + name: "--fds-global-red-7", attributes: {}, path: [ - "color", - "brand2", - "border-default" + "global", + "red", + "7" ] }, { - value: "#684e0f", + value: "#9d2223", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.8}", + value: "#9d2223", type: "color" }, - name: "--fds-color-brand2-border-strong", + name: "--fds-global-red-8", attributes: {}, path: [ - "color", - "brand2", - "border-strong" + "global", + "red", + "8" ] }, { - value: "#e4a920", + value: "#b32728", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.9}", + value: "#b32728", type: "color" }, - name: "--fds-color-brand2-base-default", + name: "--fds-global-red-9", attributes: {}, path: [ - "color", - "brand2", - "base-default" + "global", + "red", + "9" ] }, { - value: "#c6931c", + value: "#8c1f1f", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.10}", + value: "#8c1f1f", type: "color" }, - name: "--fds-color-brand2-base-hover", + name: "--fds-global-red-10", attributes: {}, path: [ - "color", - "brand2", - "base-hover" - ] + "global", + "red", + "10" + ] }, { - value: "#a87c17", + value: "#671617", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.11}", + value: "#671617", type: "color" }, - name: "--fds-color-brand2-base-active", + name: "--fds-global-red-11", attributes: {}, path: [ - "color", - "brand2", - "base-active" + "global", + "red", + "11" ] }, { - value: "#664c0e", + value: "#9a2122", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.12}", + value: "#9a2122", type: "color" }, - name: "--fds-color-brand2-text-subtle", + name: "--fds-global-red-12", attributes: {}, path: [ - "color", - "brand2", - "text-subtle" + "global", + "red", + "12" ] }, { - value: "#3d2e09", + value: "#5e1515", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.13}", + value: "#5e1515", type: "color" }, - name: "--fds-color-brand2-text-default", + name: "--fds-global-red-13", attributes: {}, path: [ - "color", - "brand2", - "text-default" + "global", + "red", + "13" ] }, { - value: "#f6fafd", + value: "#ffffff", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.contrast-1}", + value: "#ffffff", type: "color" }, - name: "--fds-color-brand2-contrast-first", + name: "--fds-global-red-contrast-1", attributes: {}, path: [ - "color", - "brand2", - "contrast-first" + "global", + "red", + "contrast-1" ] }, { - value: "#ddeaf6", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-brand2-contrast-second", + name: "--fds-global-red-contrast-2", attributes: {}, path: [ - "color", - "brand2", - "contrast-second" + "global", + "red", + "contrast-2" ] }, { - value: "#fdfeff", + value: "#fefeff", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.1}", + value: "#fefeff", type: "color" }, - name: "--fds-color-brand3-background-default", + name: "--fds-global-blue-1", attributes: {}, path: [ - "color", - "brand3", - "background-default" + "global", + "blue", + "1" ] }, { - value: "#eaf6fe", + value: "#edf5fa", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.2}", + value: "#edf5fa", type: "color" }, - name: "--fds-color-brand3-background-subtle", + name: "--fds-global-blue-2", attributes: {}, path: [ - "color", - "brand3", - "background-subtle" + "global", + "blue", + "2" ] }, { - value: "#d9eefd", + value: "#dfecf7", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.3}", + value: "#dfecf7", type: "color" }, - name: "--fds-color-brand3-surface-default", + name: "--fds-global-blue-3", attributes: {}, path: [ - "color", - "brand3", - "surface-default" + "global", + "blue", + "3" ] }, { - value: "#b3dcfc", + value: "#bedaee", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.4}", + value: "#bedaee", type: "color" }, - name: "--fds-color-brand3-surface-hover", + name: "--fds-global-blue-4", attributes: {}, path: [ - "color", - "brand3", - "surface-hover" + "global", + "blue", + "4" ] }, { - value: "#8bcafa", + value: "#a1c9e7", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.5}", + value: "#a1c9e7", type: "color" }, - name: "--fds-color-brand3-surface-active", + name: "--fds-global-blue-5", attributes: {}, path: [ - "color", - "brand3", - "surface-active" + "global", + "blue", + "5" ] }, { - value: "#96cffa", + value: "#aacee9", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.6}", + value: "#aacee9", type: "color" }, - name: "--fds-color-brand3-border-subtle", + name: "--fds-global-blue-6", attributes: {}, path: [ - "color", - "brand3", - "border-subtle" + "global", + "blue", + "6" ] }, { - value: "#1c90e8", + value: "#4291ce", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.7}", + value: "#4291ce", type: "color" }, - name: "--fds-color-brand3-border-default", + name: "--fds-global-blue-7", attributes: {}, path: [ - "color", - "brand3", - "border-default" + "global", + "blue", + "7" ] }, { - value: "#11558a", + value: "#075490", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.8}", + value: "#075490", type: "color" }, - name: "--fds-color-brand3-border-strong", + name: "--fds-global-blue-8", attributes: {}, path: [ - "color", - "brand3", - "border-strong" + "global", + "blue", + "8" ] }, { - value: "#1e98f5", + value: "#0c72c1", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.9}", + value: "#0c72c1", type: "color" }, - name: "--fds-color-brand3-base-default", + name: "--fds-global-blue-9", attributes: {}, path: [ - "color", - "brand3", - "base-default" + "global", + "blue", + "9" ] }, { - value: "#1980ce", + value: "#085c9c", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.10}", + value: "#085c9c", type: "color" }, - name: "--fds-color-brand3-base-hover", + name: "--fds-global-blue-10", attributes: {}, path: [ - "color", - "brand3", - "base-hover" + "global", + "blue", + "10" ] }, { - value: "#1569a9", + value: "#064678", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.11}", + value: "#064678", type: "color" }, - name: "--fds-color-brand3-base-active", + name: "--fds-global-blue-11", attributes: {}, path: [ - "color", - "brand3", - "base-active" + "global", + "blue", + "11" ] }, { - value: "#105387", + value: "#07528c", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.12}", + value: "#07528c", type: "color" }, - name: "--fds-color-brand3-text-subtle", + name: "--fds-global-blue-12", attributes: {}, path: [ - "color", - "brand3", - "text-subtle" + "global", + "blue", + "12" ] }, { - value: "#0a3251", + value: "#043256", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.13}", + value: "#043256", type: "color" }, - name: "--fds-color-brand3-text-default", + name: "--fds-global-blue-13", attributes: {}, path: [ - "color", - "brand3", - "text-default" + "global", + "blue", + "13" ] }, { - value: "#f6fafd", + value: "#ffffff", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.contrast-1}", + value: "#ffffff", type: "color" }, - name: "--fds-color-brand3-contrast-first", + name: "--fds-global-blue-contrast-1", attributes: {}, path: [ - "color", - "brand3", - "contrast-first" + "global", + "blue", + "contrast-1" ] }, { - value: "#ddeaf6", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-brand3-contrast-second", + name: "--fds-global-blue-contrast-2", attributes: {}, path: [ - "color", - "brand3", - "contrast-second" + "global", + "blue", + "contrast-2" ] }, { - value: "#fcfefc", + value: "#fefeff", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.1}", + value: "{color.accent.1}", type: "color" }, - name: "--fds-color-success-background-default", + name: "--fds-color-accent-background-default", attributes: {}, path: [ "color", - "success", + "accent", "background-default" ] }, { - value: "#e9f6ea", + value: "#eef4fa", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.2}", + value: "{color.accent.2}", type: "color" }, - name: "--fds-color-success-background-subtle", + name: "--fds-color-accent-background-subtle", attributes: {}, path: [ "color", - "success", + "accent", "background-subtle" ] }, { - value: "#d9efdc", + value: "#e2edf7", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.3}", + value: "{color.accent.3}", type: "color" }, - name: "--fds-color-success-surface-default", + name: "--fds-color-accent-surface-default", attributes: {}, path: [ "color", - "success", + "accent", "surface-default" ] }, { - value: "#b9e1be", + value: "#c3daef", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.4}", + value: "{color.accent.4}", type: "color" }, - name: "--fds-color-success-surface-hover", + name: "--fds-color-accent-surface-hover", attributes: {}, path: [ "color", - "success", + "accent", "surface-hover" ] }, { - value: "#94d29d", + value: "#a4c7e6", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.5}", + value: "{color.accent.5}", type: "color" }, - name: "--fds-color-success-surface-active", + name: "--fds-color-accent-surface-active", attributes: {}, path: [ "color", - "success", + "accent", "surface-active" ] }, { - value: "#9ed6a5", + value: "#aecde9", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.6}", + value: "{color.accent.6}", type: "color" }, - name: "--fds-color-success-border-subtle", + name: "--fds-color-accent-border-subtle", attributes: {}, path: [ "color", - "success", + "accent", "border-subtle" ] }, { - value: "#29a03a", + value: "#4b90ce", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.7}", + value: "{color.accent.7}", type: "color" }, - name: "--fds-color-success-border-default", + name: "--fds-color-accent-border-default", attributes: {}, path: [ "color", - "success", + "accent", "border-default" ] }, { - value: "#185e22", + value: "#00529d", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.8}", + value: "{color.accent.8}", type: "color" }, - name: "--fds-color-success-border-strong", + name: "--fds-color-accent-border-strong", attributes: {}, path: [ "color", - "success", + "accent", "border-strong" ] }, { - value: "#2ca63d", + value: "#0163ba", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.9}", + value: "{color.accent.9}", type: "color" }, - name: "--fds-color-success-base-default", + name: "--fds-color-accent-base-default", attributes: {}, path: [ "color", - "success", + "accent", "base-default" ] }, { - value: "#248c33", + value: "#004d93", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.10}", + value: "{color.accent.10}", type: "color" }, - name: "--fds-color-success-base-hover", + name: "--fds-color-accent-base-hover", attributes: {}, path: [ "color", - "success", + "accent", "base-hover" ] }, { - value: "#1d7129", + value: "#00396d", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.11}", + value: "{color.accent.11}", type: "color" }, - name: "--fds-color-success-base-active", + name: "--fds-color-accent-base-active", attributes: {}, path: [ "color", - "success", + "accent", "base-active" ] }, { - value: "#185c21", + value: "#005099", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.12}", + value: "{color.accent.12}", type: "color" }, - name: "--fds-color-success-text-subtle", + name: "--fds-color-accent-text-subtle", attributes: {}, path: [ "color", - "success", + "accent", "text-subtle" ] }, { - value: "#0f3814", + value: "#00315c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.13}", + value: "{color.accent.13}", type: "color" }, - name: "--fds-color-success-text-default", + name: "--fds-color-accent-text-default", attributes: {}, path: [ "color", - "success", + "accent", "text-default" ] }, { - value: "#ffffff", + value: "#f6fafd", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.contrast-1}", + value: "{color.accent.contrast-1}", type: "color" }, - name: "--fds-color-success-contrast-first", + name: "--fds-color-accent-contrast-first", attributes: {}, path: [ "color", - "success", + "accent", "contrast-first" ] }, { - value: "#e6e6e6", + value: "#ddeaf6", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.contrast-2}", + value: "{color.accent.contrast-2}", type: "color" }, - name: "--fds-color-success-contrast-second", + name: "--fds-color-accent-contrast-second", attributes: {}, path: [ "color", - "success", + "accent", "contrast-second" ] }, { - value: "#fffefe", + value: "#fefefe", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.1}", + value: "{color.neutral.1}", type: "color" }, - name: "--fds-color-danger-background-default", + name: "--fds-color-neutral-background-default", attributes: {}, path: [ "color", - "danger", + "neutral", "background-default" ] }, { - value: "#fbf2f3", + value: "#f3f4f5", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.2}", + value: "{color.neutral.2}", type: "color" }, - name: "--fds-color-danger-background-subtle", + name: "--fds-color-neutral-background-subtle", attributes: {}, path: [ "color", - "danger", + "neutral", "background-subtle" ] }, { - value: "#f6e6e6", + value: "#e9eaec", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.3}", + value: "{color.neutral.3}", type: "color" }, - name: "--fds-color-danger-surface-default", + name: "--fds-color-neutral-surface-default", attributes: {}, path: [ "color", - "danger", + "neutral", "surface-default" ] }, { - value: "#eecfd0", + value: "#d5d7da", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.4}", + value: "{color.neutral.4}", type: "color" }, - name: "--fds-color-danger-surface-hover", + name: "--fds-color-neutral-surface-hover", attributes: {}, path: [ "color", - "danger", + "neutral", "surface-hover" ] }, { - value: "#e6b9b9", + value: "#c1c4c9", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.5}", + value: "{color.neutral.5}", type: "color" }, - name: "--fds-color-danger-surface-active", + name: "--fds-color-neutral-surface-active", attributes: {}, path: [ "color", - "danger", + "neutral", "surface-active" ] }, { - value: "#e8bfbf", + value: "#c6c9cd", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.6}", + value: "{color.neutral.6}", type: "color" }, - name: "--fds-color-danger-border-subtle", + name: "--fds-color-neutral-border-subtle", attributes: {}, path: [ "color", - "danger", + "neutral", "border-subtle" ] }, { - value: "#cd7172", + value: "#858c96", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.7}", + value: "{color.neutral.7}", type: "color" }, - name: "--fds-color-danger-border-default", + name: "--fds-color-neutral-border-default", attributes: {}, path: [ "color", - "danger", + "neutral", "border-default" ] }, { - value: "#9d2223", + value: "#495361", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.8}", + value: "{color.neutral.8}", type: "color" }, - name: "--fds-color-danger-border-strong", + name: "--fds-color-neutral-border-strong", attributes: {}, path: [ "color", - "danger", + "neutral", "border-strong" ] }, { - value: "#b32728", + value: "#1e2b3c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.9}", + value: "{color.neutral.9}", type: "color" }, - name: "--fds-color-danger-base-default", + name: "--fds-color-neutral-base-default", attributes: {}, path: [ "color", - "danger", + "neutral", "base-default" ] }, { - value: "#8c1f1f", + value: "#333e4e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.10}", + value: "{color.neutral.10}", type: "color" }, - name: "--fds-color-danger-base-hover", + name: "--fds-color-neutral-base-hover", attributes: {}, path: [ "color", - "danger", + "neutral", "base-hover" ] }, { - value: "#671617", + value: "#495361", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.11}", + value: "{color.neutral.11}", type: "color" }, - name: "--fds-color-danger-base-active", + name: "--fds-color-neutral-base-active", attributes: {}, path: [ "color", - "danger", + "neutral", "base-active" ] }, { - value: "#9a2122", + value: "#46505e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.12}", + value: "{color.neutral.12}", type: "color" }, - name: "--fds-color-danger-text-subtle", + name: "--fds-color-neutral-text-subtle", attributes: {}, path: [ "color", - "danger", + "neutral", "text-subtle" ] }, { - value: "#5e1515", + value: "#243142", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.13}", + value: "{color.neutral.13}", type: "color" }, - name: "--fds-color-danger-text-default", + name: "--fds-color-neutral-text-default", attributes: {}, path: [ "color", - "danger", + "neutral", "text-default" ] }, { - value: "#ffffff", + value: "#f9f9fa", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.contrast-1}", + value: "{color.neutral.contrast-1}", type: "color" }, - name: "--fds-color-danger-contrast-first", + name: "--fds-color-neutral-contrast-first", attributes: {}, path: [ "color", - "danger", + "neutral", "contrast-first" ] }, { - value: "#e6e6e6", + value: "#9ea3ab", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.contrast-2}", + value: "{color.neutral.contrast-2}", type: "color" }, - name: "--fds-color-danger-contrast-second", + name: "--fds-color-neutral-contrast-second", attributes: {}, path: [ "color", - "danger", + "neutral", "contrast-second" ] }, { - value: "#fefeff", + value: "#fffefe", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.1}", + value: "{color.brand1.1}", type: "color" }, - name: "--fds-color-info-background-default", + name: "--fds-color-brand1-background-default", attributes: {}, path: [ "color", - "info", + "brand1", "background-default" ] }, { - value: "#edf5fa", + value: "#fef0f1", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.2}", + value: "{color.brand1.2}", type: "color" }, - name: "--fds-color-info-background-subtle", + name: "--fds-color-brand1-background-subtle", attributes: {}, path: [ "color", - "info", + "brand1", "background-subtle" ] }, { - value: "#dfecf7", + value: "#fde5e6", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.3}", + value: "{color.brand1.3}", type: "color" }, - name: "--fds-color-info-surface-default", + name: "--fds-color-brand1-surface-default", attributes: {}, path: [ "color", - "info", + "brand1", "surface-default" ] }, { - value: "#bedaee", + value: "#fbcccd", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.4}", + value: "{color.brand1.4}", type: "color" }, - name: "--fds-color-info-surface-hover", + name: "--fds-color-brand1-surface-hover", attributes: {}, path: [ "color", - "info", + "brand1", "surface-hover" ] }, { - value: "#a1c9e7", + value: "#fab1b3", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.5}", + value: "{color.brand1.5}", type: "color" }, - name: "--fds-color-info-surface-active", + name: "--fds-color-brand1-surface-active", attributes: {}, path: [ "color", - "info", + "brand1", "surface-active" ] }, { - value: "#aacee9", + value: "#fab8b9", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.6}", + value: "{color.brand1.6}", type: "color" }, - name: "--fds-color-info-border-subtle", + name: "--fds-color-brand1-border-subtle", attributes: {}, path: [ "color", - "info", + "brand1", "border-subtle" ] }, { - value: "#4291ce", + value: "#eb5b5f", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.7}", + value: "{color.brand1.7}", type: "color" }, - name: "--fds-color-info-border-default", + name: "--fds-color-brand1-border-default", attributes: {}, path: [ "color", - "info", + "brand1", "border-default" ] }, { - value: "#075490", + value: "#8b3639", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.8}", + value: "{color.brand1.8}", type: "color" }, - name: "--fds-color-info-border-strong", + name: "--fds-color-brand1-border-strong", attributes: {}, path: [ "color", - "info", + "brand1", "border-strong" ] }, { - value: "#0c72c1", + value: "#f35f63", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.9}", + value: "{color.brand1.9}", type: "color" }, - name: "--fds-color-info-base-default", + name: "--fds-color-brand1-base-default", attributes: {}, path: [ "color", - "info", + "brand1", "base-default" ] }, { - value: "#085c9c", + value: "#cc5053", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.10}", + value: "{color.brand1.10}", type: "color" }, - name: "--fds-color-info-base-hover", + name: "--fds-color-brand1-base-hover", attributes: {}, path: [ "color", - "info", + "brand1", "base-hover" ] }, { - value: "#064678", + value: "#a84144", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.11}", + value: "{color.brand1.11}", type: "color" }, - name: "--fds-color-info-base-active", + name: "--fds-color-brand1-base-active", attributes: {}, path: [ "color", - "info", + "brand1", "base-active" ] }, { - value: "#07528c", + value: "#873537", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.12}", + value: "{color.brand1.12}", type: "color" }, - name: "--fds-color-info-text-subtle", + name: "--fds-color-brand1-text-subtle", attributes: {}, path: [ "color", - "info", + "brand1", "text-subtle" ] }, { - value: "#043256", + value: "#522021", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.13}", + value: "{color.brand1.13}", type: "color" }, - name: "--fds-color-info-text-default", + name: "--fds-color-brand1-text-default", attributes: {}, path: [ "color", - "info", + "brand1", "text-default" ] }, { - value: "#ffffff", + value: "#f6fafd", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.contrast-1}", + value: "{color.brand1.contrast-1}", type: "color" }, - name: "--fds-color-info-contrast-first", + name: "--fds-color-brand1-contrast-first", attributes: {}, path: [ "color", - "info", + "brand1", "contrast-first" ] }, { - value: "#e6e6e6", + value: "#ddeaf6", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.contrast-2}", + value: "{color.brand1.contrast-2}", type: "color" }, - name: "--fds-color-info-contrast-second", + name: "--fds-color-brand1-contrast-second", attributes: {}, path: [ "color", - "info", + "brand1", "contrast-second" ] }, @@ -2049,1528 +2049,1528 @@ export const color = [ filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.1}", + value: "{color.brand2.1}", type: "color" }, - name: "--fds-color-warning-background-default", + name: "--fds-color-brand2-background-default", attributes: {}, path: [ "color", - "warning", + "brand2", "background-default" ] }, { - value: "#fbf2d5", + value: "#fbf3e0", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.2}", + value: "{color.brand2.2}", type: "color" }, - name: "--fds-color-warning-background-subtle", + name: "--fds-color-brand2-background-subtle", attributes: {}, path: [ "color", - "warning", + "brand2", "background-subtle" ] }, { - value: "#f9ebbd", + value: "#f8e9c6", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.3}", + value: "{color.brand2.3}", type: "color" }, - name: "--fds-color-warning-surface-default", + name: "--fds-color-brand2-surface-default", attributes: {}, path: [ "color", - "warning", + "brand2", "surface-default" ] }, { - value: "#f2d474", + value: "#f2d48d", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.4}", + value: "{color.brand2.4}", type: "color" }, - name: "--fds-color-warning-surface-hover", + name: "--fds-color-brand2-surface-hover", attributes: {}, path: [ "color", - "warning", + "brand2", "surface-hover" ] }, { - value: "#e8bf37", + value: "#ebbe54", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.5}", + value: "{color.brand2.5}", type: "color" }, - name: "--fds-color-warning-surface-active", + name: "--fds-color-brand2-surface-active", attributes: {}, path: [ "color", - "warning", + "brand2", "surface-active" ] }, { - value: "#edc644", + value: "#edc464", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.6}", + value: "{color.brand2.6}", type: "color" }, - name: "--fds-color-warning-border-subtle", + name: "--fds-color-brand2-border-subtle", attributes: {}, path: [ "color", - "warning", + "brand2", "border-subtle" ] }, { - value: "#a68827", + value: "#b28419", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.7}", + value: "{color.brand2.7}", type: "color" }, - name: "--fds-color-warning-border-default", + name: "--fds-color-brand2-border-default", attributes: {}, path: [ "color", - "warning", + "brand2", "border-default" ] }, { - value: "#625017", + value: "#684e0f", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.8}", + value: "{color.brand2.8}", type: "color" }, - name: "--fds-color-warning-border-strong", + name: "--fds-color-brand2-border-strong", attributes: {}, path: [ "color", - "warning", + "brand2", "border-strong" ] }, { - value: "#d46223", + value: "#e4a920", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.9}", + value: "{color.brand2.9}", type: "color" }, - name: "--fds-color-warning-base-default", + name: "--fds-color-brand2-base-default", attributes: {}, path: [ "color", - "warning", + "brand2", "base-default" ] }, { - value: "#b0511d", + value: "#c6931c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.10}", + value: "{color.brand2.10}", type: "color" }, - name: "--fds-color-warning-base-hover", + name: "--fds-color-brand2-base-hover", attributes: {}, path: [ "color", - "warning", + "brand2", "base-hover" ] }, { - value: "#8e4117", + value: "#a87c17", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.11}", + value: "{color.brand2.11}", type: "color" }, - name: "--fds-color-warning-base-active", + name: "--fds-color-brand2-base-active", attributes: {}, path: [ "color", - "warning", + "brand2", "base-active" ] }, { - value: "#813c15", + value: "#664c0e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.12}", + value: "{color.brand2.12}", type: "color" }, - name: "--fds-color-warning-text-subtle", + name: "--fds-color-brand2-text-subtle", attributes: {}, path: [ "color", - "warning", + "brand2", "text-subtle" ] }, { - value: "#4f240d", + value: "#3d2e09", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.13}", + value: "{color.brand2.13}", type: "color" }, - name: "--fds-color-warning-text-default", + name: "--fds-color-brand2-text-default", attributes: {}, path: [ "color", - "warning", + "brand2", "text-default" ] }, { - value: "#ffffff", + value: "#f6fafd", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.contrast-1}", + value: "{color.brand2.contrast-1}", type: "color" }, - name: "--fds-color-warning-contrast-first", + name: "--fds-color-brand2-contrast-first", attributes: {}, path: [ "color", - "warning", + "brand2", "contrast-first" ] }, { - value: "#e6e6e6", + value: "#ddeaf6", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.contrast-2}", + value: "{color.brand2.contrast-2}", type: "color" }, - name: "--fds-color-warning-contrast-second", + name: "--fds-color-brand2-contrast-second", attributes: {}, path: [ "color", - "warning", + "brand2", "contrast-second" ] }, { - value: "#fcfefc", + value: "#fdfeff", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#fcfefc", + value: "{color.brand3.1}", type: "color" }, - name: "--fds-global-green-1", + name: "--fds-color-brand3-background-default", attributes: {}, path: [ - "global", - "green", - "1" + "color", + "brand3", + "background-default" ] }, { - value: "#e9f6ea", + value: "#eaf6fe", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e9f6ea", + value: "{color.brand3.2}", type: "color" }, - name: "--fds-global-green-2", + name: "--fds-color-brand3-background-subtle", attributes: {}, path: [ - "global", - "green", - "2" + "color", + "brand3", + "background-subtle" ] }, { - value: "#d9efdc", + value: "#d9eefd", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#d9efdc", + value: "{color.brand3.3}", type: "color" }, - name: "--fds-global-green-3", + name: "--fds-color-brand3-surface-default", attributes: {}, path: [ - "global", - "green", - "3" + "color", + "brand3", + "surface-default" ] }, { - value: "#b9e1be", + value: "#b3dcfc", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#b9e1be", + value: "{color.brand3.4}", type: "color" }, - name: "--fds-global-green-4", + name: "--fds-color-brand3-surface-hover", attributes: {}, path: [ - "global", - "green", - "4" + "color", + "brand3", + "surface-hover" ] }, { - value: "#94d29d", + value: "#8bcafa", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#94d29d", + value: "{color.brand3.5}", type: "color" }, - name: "--fds-global-green-5", + name: "--fds-color-brand3-surface-active", attributes: {}, path: [ - "global", - "green", - "5" + "color", + "brand3", + "surface-active" ] }, { - value: "#9ed6a5", + value: "#96cffa", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#9ed6a5", + value: "{color.brand3.6}", type: "color" }, - name: "--fds-global-green-6", + name: "--fds-color-brand3-border-subtle", attributes: {}, path: [ - "global", - "green", - "6" + "color", + "brand3", + "border-subtle" ] }, { - value: "#29a03a", + value: "#1c90e8", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#29a03a", + value: "{color.brand3.7}", type: "color" }, - name: "--fds-global-green-7", + name: "--fds-color-brand3-border-default", attributes: {}, path: [ - "global", - "green", - "7" + "color", + "brand3", + "border-default" ] }, { - value: "#185e22", + value: "#11558a", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#185e22", + value: "{color.brand3.8}", type: "color" }, - name: "--fds-global-green-8", + name: "--fds-color-brand3-border-strong", attributes: {}, path: [ - "global", - "green", - "8" + "color", + "brand3", + "border-strong" ] }, { - value: "#2ca63d", + value: "#1e98f5", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#2ca63d", + value: "{color.brand3.9}", type: "color" }, - name: "--fds-global-green-9", + name: "--fds-color-brand3-base-default", attributes: {}, path: [ - "global", - "green", - "9" + "color", + "brand3", + "base-default" ] }, { - value: "#248c33", + value: "#1980ce", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#248c33", + value: "{color.brand3.10}", type: "color" }, - name: "--fds-global-green-10", + name: "--fds-color-brand3-base-hover", attributes: {}, path: [ - "global", - "green", - "10" + "color", + "brand3", + "base-hover" ] }, { - value: "#1d7129", + value: "#1569a9", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#1d7129", + value: "{color.brand3.11}", type: "color" }, - name: "--fds-global-green-11", + name: "--fds-color-brand3-base-active", attributes: {}, path: [ - "global", - "green", - "11" + "color", + "brand3", + "base-active" ] }, { - value: "#185c21", + value: "#105387", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#185c21", + value: "{color.brand3.12}", type: "color" }, - name: "--fds-global-green-12", + name: "--fds-color-brand3-text-subtle", attributes: {}, path: [ - "global", - "green", - "12" + "color", + "brand3", + "text-subtle" ] }, { - value: "#0f3814", + value: "#0a3251", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#0f3814", + value: "{color.brand3.13}", type: "color" }, - name: "--fds-global-green-13", + name: "--fds-color-brand3-text-default", attributes: {}, path: [ - "global", - "green", - "13" + "color", + "brand3", + "text-default" ] }, { - value: "#ffffff", + value: "#f6fafd", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ffffff", + value: "{color.brand3.contrast-1}", type: "color" }, - name: "--fds-global-green-contrast-1", + name: "--fds-color-brand3-contrast-first", attributes: {}, path: [ - "global", - "green", - "contrast-1" + "color", + "brand3", + "contrast-first" ] }, { - value: "#e6e6e6", + value: "#ddeaf6", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{color.brand3.contrast-2}", type: "color" }, - name: "--fds-global-green-contrast-2", + name: "--fds-color-brand3-contrast-second", attributes: {}, path: [ - "global", - "green", - "contrast-2" + "color", + "brand3", + "contrast-second" ] }, { - value: "#fffefc", + value: "#fcfefc", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#fffefc", + value: "{global.green.1}", type: "color" }, - name: "--fds-global-yellow-1", + name: "--fds-color-success-background-default", attributes: {}, path: [ - "global", - "yellow", - "1" + "color", + "success", + "background-default" ] }, { - value: "#fbf2d5", + value: "#e9f6ea", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#fbf2d5", + value: "{global.green.2}", type: "color" }, - name: "--fds-global-yellow-2", + name: "--fds-color-success-background-subtle", attributes: {}, path: [ - "global", - "yellow", - "2" + "color", + "success", + "background-subtle" ] }, { - value: "#f9ebbd", + value: "#d9efdc", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#f9ebbd", + value: "{global.green.3}", type: "color" }, - name: "--fds-global-yellow-3", + name: "--fds-color-success-surface-default", attributes: {}, path: [ - "global", - "yellow", - "3" + "color", + "success", + "surface-default" ] }, { - value: "#f2d474", + value: "#b9e1be", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#f2d474", + value: "{global.green.4}", type: "color" }, - name: "--fds-global-yellow-4", + name: "--fds-color-success-surface-hover", attributes: {}, path: [ - "global", - "yellow", - "4" + "color", + "success", + "surface-hover" ] }, { - value: "#e8bf37", + value: "#94d29d", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e8bf37", + value: "{global.green.5}", type: "color" }, - name: "--fds-global-yellow-5", + name: "--fds-color-success-surface-active", attributes: {}, path: [ - "global", - "yellow", - "5" + "color", + "success", + "surface-active" ] }, { - value: "#edc644", + value: "#9ed6a5", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#edc644", + value: "{global.green.6}", type: "color" }, - name: "--fds-global-yellow-6", + name: "--fds-color-success-border-subtle", attributes: {}, path: [ - "global", - "yellow", - "6" + "color", + "success", + "border-subtle" ] }, { - value: "#a68827", + value: "#29a03a", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#a68827", + value: "{global.green.7}", type: "color" }, - name: "--fds-global-yellow-7", + name: "--fds-color-success-border-default", attributes: {}, path: [ - "global", - "yellow", - "7" + "color", + "success", + "border-default" ] }, { - value: "#625017", + value: "#185e22", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#625017", + value: "{global.green.8}", type: "color" }, - name: "--fds-global-yellow-8", + name: "--fds-color-success-border-strong", attributes: {}, path: [ - "global", - "yellow", - "8" + "color", + "success", + "border-strong" ] }, { - value: "#ecc238", + value: "#2ca63d", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ecc238", + value: "{global.green.9}", type: "color" }, - name: "--fds-global-yellow-9", + name: "--fds-color-success-base-default", attributes: {}, path: [ - "global", - "yellow", - "9" + "color", + "success", + "base-default" ] }, { - value: "#cfaa31", + value: "#248c33", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#cfaa31", + value: "{global.green.10}", type: "color" }, - name: "--fds-global-yellow-10", + name: "--fds-color-success-base-hover", attributes: {}, path: [ - "global", - "yellow", - "10" + "color", + "success", + "base-hover" ] }, { - value: "#b2922a", + value: "#1d7129", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#b2922a", + value: "{global.green.11}", type: "color" }, - name: "--fds-global-yellow-11", + name: "--fds-color-success-base-active", attributes: {}, path: [ - "global", - "yellow", - "11" + "color", + "success", + "base-active" ] }, { - value: "#604f17", + value: "#185c21", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#604f17", + value: "{global.green.12}", type: "color" }, - name: "--fds-global-yellow-12", + name: "--fds-color-success-text-subtle", attributes: {}, path: [ - "global", - "yellow", - "12" + "color", + "success", + "text-subtle" ] }, { - value: "#3a300e", + value: "#0f3814", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#3a300e", + value: "{global.green.13}", type: "color" }, - name: "--fds-global-yellow-13", + name: "--fds-color-success-text-default", attributes: {}, path: [ - "global", - "yellow", - "13" + "color", + "success", + "text-default" ] }, { value: "#ffffff", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ffffff", + value: "{global.green.contrast-1}", type: "color" }, - name: "--fds-global-yellow-contrast-1", + name: "--fds-color-success-contrast-first", attributes: {}, path: [ - "global", - "yellow", - "contrast-1" + "color", + "success", + "contrast-first" ] }, { value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{global.green.contrast-2}", type: "color" }, - name: "--fds-global-yellow-contrast-2", + name: "--fds-color-success-contrast-second", attributes: {}, path: [ - "global", - "yellow", - "contrast-2" + "color", + "success", + "contrast-second" ] }, { - value: "#fffefd", + value: "#fffefe", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#fffefd", + value: "{global.red.1}", type: "color" }, - name: "--fds-global-orange-1", + name: "--fds-color-danger-background-default", attributes: {}, path: [ - "global", - "orange", - "1" + "color", + "danger", + "background-default" ] }, { - value: "#fbf1ec", + value: "#fbf2f3", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#fbf1ec", + value: "{global.red.2}", type: "color" }, - name: "--fds-global-orange-2", + name: "--fds-color-danger-background-subtle", attributes: {}, path: [ - "global", - "orange", - "2" + "color", + "danger", + "background-subtle" ] }, { - value: "#f9e8df", + value: "#f6e6e6", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#f9e8df", + value: "{global.red.3}", type: "color" }, - name: "--fds-global-orange-3", + name: "--fds-color-danger-surface-default", attributes: {}, path: [ - "global", - "orange", - "3" + "color", + "danger", + "surface-default" ] }, { - value: "#f2d0bc", + value: "#eecfd0", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#f2d0bc", + value: "{global.red.4}", type: "color" }, - name: "--fds-global-orange-4", + name: "--fds-color-danger-surface-hover", attributes: {}, path: [ - "global", - "orange", - "4" + "color", + "danger", + "surface-hover" ] }, { - value: "#ecb99e", + value: "#e6b9b9", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ecb99e", + value: "{global.red.5}", type: "color" }, - name: "--fds-global-orange-5", + name: "--fds-color-danger-surface-active", attributes: {}, path: [ - "global", - "orange", - "5" + "color", + "danger", + "surface-active" ] }, { - value: "#eec0a7", + value: "#e8bfbf", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#eec0a7", + value: "{global.red.6}", type: "color" }, - name: "--fds-global-orange-6", + name: "--fds-color-danger-border-subtle", attributes: {}, path: [ - "global", - "orange", - "6" + "color", + "danger", + "border-subtle" ] }, { - value: "#d76e34", + value: "#cd7172", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#d76e34", + value: "{global.red.7}", type: "color" }, - name: "--fds-global-orange-7", + name: "--fds-color-danger-border-default", attributes: {}, path: [ - "global", - "orange", - "7" + "color", + "danger", + "border-default" ] }, { - value: "#853e16", + value: "#9d2223", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#853e16", + value: "{global.red.8}", type: "color" }, - name: "--fds-global-orange-8", + name: "--fds-color-danger-border-strong", attributes: {}, path: [ - "global", - "orange", - "8" + "color", + "danger", + "border-strong" ] }, { - value: "#d46223", + value: "#b32728", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#d46223", + value: "{global.red.9}", type: "color" }, - name: "--fds-global-orange-9", + name: "--fds-color-danger-base-default", attributes: {}, path: [ - "global", - "orange", - "9" + "color", + "danger", + "base-default" ] }, { - value: "#b0511d", + value: "#8c1f1f", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#b0511d", + value: "{global.red.10}", type: "color" }, - name: "--fds-global-orange-10", + name: "--fds-color-danger-base-hover", attributes: {}, path: [ - "global", - "orange", - "10" + "color", + "danger", + "base-hover" ] }, { - value: "#8e4117", + value: "#671617", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#8e4117", + value: "{global.red.11}", type: "color" }, - name: "--fds-global-orange-11", + name: "--fds-color-danger-base-active", attributes: {}, path: [ - "global", - "orange", - "11" + "color", + "danger", + "base-active" ] }, { - value: "#813c15", + value: "#9a2122", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#813c15", + value: "{global.red.12}", type: "color" }, - name: "--fds-global-orange-12", + name: "--fds-color-danger-text-subtle", attributes: {}, path: [ - "global", - "orange", - "12" + "color", + "danger", + "text-subtle" ] }, { - value: "#4f240d", + value: "#5e1515", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#4f240d", + value: "{global.red.13}", type: "color" }, - name: "--fds-global-orange-13", + name: "--fds-color-danger-text-default", attributes: {}, path: [ - "global", - "orange", - "13" + "color", + "danger", + "text-default" ] }, { value: "#ffffff", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ffffff", + value: "{global.red.contrast-1}", type: "color" }, - name: "--fds-global-orange-contrast-1", + name: "--fds-color-danger-contrast-first", attributes: {}, path: [ - "global", - "orange", - "contrast-1" + "color", + "danger", + "contrast-first" ] }, { value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{global.red.contrast-2}", type: "color" }, - name: "--fds-global-orange-contrast-2", + name: "--fds-color-danger-contrast-second", attributes: {}, path: [ - "global", - "orange", - "contrast-2" + "color", + "danger", + "contrast-second" ] }, { - value: "#fffefe", + value: "#fefeff", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#fffefe", + value: "{global.blue.1}", type: "color" }, - name: "--fds-global-red-1", + name: "--fds-color-info-background-default", attributes: {}, path: [ - "global", - "red", - "1" + "color", + "info", + "background-default" ] }, { - value: "#fbf2f3", + value: "#edf5fa", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#fbf2f3", + value: "{global.blue.2}", type: "color" }, - name: "--fds-global-red-2", + name: "--fds-color-info-background-subtle", attributes: {}, path: [ - "global", - "red", - "2" + "color", + "info", + "background-subtle" ] }, { - value: "#f6e6e6", + value: "#dfecf7", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#f6e6e6", + value: "{global.blue.3}", type: "color" }, - name: "--fds-global-red-3", + name: "--fds-color-info-surface-default", attributes: {}, path: [ - "global", - "red", - "3" + "color", + "info", + "surface-default" ] }, { - value: "#eecfd0", + value: "#bedaee", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#eecfd0", + value: "{global.blue.4}", type: "color" }, - name: "--fds-global-red-4", + name: "--fds-color-info-surface-hover", attributes: {}, path: [ - "global", - "red", - "4" + "color", + "info", + "surface-hover" ] }, { - value: "#e6b9b9", + value: "#a1c9e7", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6b9b9", + value: "{global.blue.5}", type: "color" }, - name: "--fds-global-red-5", + name: "--fds-color-info-surface-active", attributes: {}, path: [ - "global", - "red", - "5" + "color", + "info", + "surface-active" ] }, { - value: "#e8bfbf", + value: "#aacee9", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e8bfbf", + value: "{global.blue.6}", type: "color" }, - name: "--fds-global-red-6", + name: "--fds-color-info-border-subtle", attributes: {}, path: [ - "global", - "red", - "6" + "color", + "info", + "border-subtle" ] }, { - value: "#cd7172", + value: "#4291ce", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#cd7172", + value: "{global.blue.7}", type: "color" }, - name: "--fds-global-red-7", + name: "--fds-color-info-border-default", attributes: {}, path: [ - "global", - "red", - "7" + "color", + "info", + "border-default" ] }, { - value: "#9d2223", + value: "#075490", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#9d2223", + value: "{global.blue.8}", type: "color" }, - name: "--fds-global-red-8", + name: "--fds-color-info-border-strong", attributes: {}, path: [ - "global", - "red", - "8" + "color", + "info", + "border-strong" ] }, { - value: "#b32728", + value: "#0c72c1", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#b32728", + value: "{global.blue.9}", type: "color" }, - name: "--fds-global-red-9", + name: "--fds-color-info-base-default", attributes: {}, path: [ - "global", - "red", - "9" + "color", + "info", + "base-default" ] }, { - value: "#8c1f1f", + value: "#085c9c", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#8c1f1f", + value: "{global.blue.10}", type: "color" }, - name: "--fds-global-red-10", + name: "--fds-color-info-base-hover", attributes: {}, path: [ - "global", - "red", - "10" + "color", + "info", + "base-hover" ] }, { - value: "#671617", + value: "#064678", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#671617", + value: "{global.blue.11}", type: "color" }, - name: "--fds-global-red-11", + name: "--fds-color-info-base-active", attributes: {}, path: [ - "global", - "red", - "11" + "color", + "info", + "base-active" ] }, { - value: "#9a2122", + value: "#07528c", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#9a2122", + value: "{global.blue.12}", type: "color" }, - name: "--fds-global-red-12", + name: "--fds-color-info-text-subtle", attributes: {}, path: [ - "global", - "red", - "12" + "color", + "info", + "text-subtle" ] }, { - value: "#5e1515", + value: "#043256", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#5e1515", + value: "{global.blue.13}", type: "color" }, - name: "--fds-global-red-13", + name: "--fds-color-info-text-default", attributes: {}, path: [ - "global", - "red", - "13" + "color", + "info", + "text-default" ] }, { value: "#ffffff", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ffffff", + value: "{global.blue.contrast-1}", type: "color" }, - name: "--fds-global-red-contrast-1", + name: "--fds-color-info-contrast-first", attributes: {}, path: [ - "global", - "red", - "contrast-1" + "color", + "info", + "contrast-first" ] }, { value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{global.blue.contrast-2}", type: "color" }, - name: "--fds-global-red-contrast-2", + name: "--fds-color-info-contrast-second", attributes: {}, path: [ - "global", - "red", - "contrast-2" + "color", + "info", + "contrast-second" ] }, { - value: "#fefeff", + value: "#fffefc", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#fefeff", + value: "{global.yellow.1}", type: "color" }, - name: "--fds-global-blue-1", + name: "--fds-color-warning-background-default", attributes: {}, path: [ - "global", - "blue", - "1" + "color", + "warning", + "background-default" ] }, { - value: "#edf5fa", + value: "#fbf2d5", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#edf5fa", + value: "{global.yellow.2}", type: "color" }, - name: "--fds-global-blue-2", + name: "--fds-color-warning-background-subtle", attributes: {}, path: [ - "global", - "blue", - "2" + "color", + "warning", + "background-subtle" ] }, { - value: "#dfecf7", + value: "#f9ebbd", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#dfecf7", + value: "{global.yellow.3}", type: "color" }, - name: "--fds-global-blue-3", + name: "--fds-color-warning-surface-default", attributes: {}, path: [ - "global", - "blue", - "3" + "color", + "warning", + "surface-default" ] }, { - value: "#bedaee", + value: "#f2d474", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#bedaee", + value: "{global.yellow.4}", type: "color" }, - name: "--fds-global-blue-4", + name: "--fds-color-warning-surface-hover", attributes: {}, path: [ - "global", - "blue", - "4" + "color", + "warning", + "surface-hover" ] }, { - value: "#a1c9e7", + value: "#e8bf37", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#a1c9e7", + value: "{global.yellow.5}", type: "color" }, - name: "--fds-global-blue-5", + name: "--fds-color-warning-surface-active", attributes: {}, path: [ - "global", - "blue", - "5" + "color", + "warning", + "surface-active" ] }, { - value: "#aacee9", + value: "#edc644", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#aacee9", + value: "{global.yellow.6}", type: "color" }, - name: "--fds-global-blue-6", + name: "--fds-color-warning-border-subtle", attributes: {}, path: [ - "global", - "blue", - "6" + "color", + "warning", + "border-subtle" ] }, { - value: "#4291ce", + value: "#a68827", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#4291ce", + value: "{global.yellow.7}", type: "color" }, - name: "--fds-global-blue-7", + name: "--fds-color-warning-border-default", attributes: {}, path: [ - "global", - "blue", - "7" + "color", + "warning", + "border-default" ] }, { - value: "#075490", + value: "#625017", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#075490", + value: "{global.yellow.8}", type: "color" }, - name: "--fds-global-blue-8", + name: "--fds-color-warning-border-strong", attributes: {}, path: [ - "global", - "blue", - "8" + "color", + "warning", + "border-strong" ] }, { - value: "#0c72c1", + value: "#d46223", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#0c72c1", + value: "{global.orange.9}", type: "color" }, - name: "--fds-global-blue-9", + name: "--fds-color-warning-base-default", attributes: {}, path: [ - "global", - "blue", - "9" + "color", + "warning", + "base-default" ] }, { - value: "#085c9c", + value: "#b0511d", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#085c9c", + value: "{global.orange.10}", type: "color" }, - name: "--fds-global-blue-10", + name: "--fds-color-warning-base-hover", attributes: {}, path: [ - "global", - "blue", - "10" + "color", + "warning", + "base-hover" ] }, { - value: "#064678", + value: "#8e4117", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#064678", + value: "{global.orange.11}", type: "color" }, - name: "--fds-global-blue-11", + name: "--fds-color-warning-base-active", attributes: {}, path: [ - "global", - "blue", - "11" + "color", + "warning", + "base-active" ] }, { - value: "#07528c", + value: "#813c15", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#07528c", + value: "{global.orange.12}", type: "color" }, - name: "--fds-global-blue-12", + name: "--fds-color-warning-text-subtle", attributes: {}, path: [ - "global", - "blue", - "12" + "color", + "warning", + "text-subtle" ] }, { - value: "#043256", + value: "#4f240d", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#043256", + value: "{global.orange.13}", type: "color" }, - name: "--fds-global-blue-13", + name: "--fds-color-warning-text-default", attributes: {}, path: [ - "global", - "blue", - "13" + "color", + "warning", + "text-default" ] }, { value: "#ffffff", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ffffff", + value: "{global.yellow.contrast-1}", type: "color" }, - name: "--fds-global-blue-contrast-1", + name: "--fds-color-warning-contrast-first", attributes: {}, path: [ - "global", - "blue", - "contrast-1" + "color", + "warning", + "contrast-first" ] }, { value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{global.yellow.contrast-2}", type: "color" }, - name: "--fds-global-blue-contrast-2", + name: "--fds-color-warning-contrast-second", attributes: {}, path: [ - "global", - "blue", - "contrast-2" + "color", + "warning", + "contrast-second" ] }, { diff --git a/apps/storefront/tokens/uutilsynet/dark.ts b/apps/storefront/tokens/uutilsynet/dark.ts index 50f0487aea..d881398aea 100644 --- a/apps/storefront/tokens/uutilsynet/dark.ts +++ b/apps/storefront/tokens/uutilsynet/dark.ts @@ -4,3573 +4,3573 @@ export const color = [ { - value: "#001c36", + value: "#08200c", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.1}", + value: "#08200c", type: "color" }, - name: "--fds-color-accent-background-default", + name: "--fds-global-green-1", attributes: {}, path: [ - "color", - "accent", - "background-default" + "global", + "green", + "1" ] }, { - value: "#002445", + value: "#0b290f", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.2}", + value: "#0b290f", type: "color" }, - name: "--fds-color-accent-background-subtle", + name: "--fds-global-green-2", attributes: {}, path: [ - "color", - "accent", - "background-subtle" + "global", + "green", + "2" ] }, { - value: "#00315c", + value: "#0f3814", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.3}", + value: "#0f3814", type: "color" }, - name: "--fds-color-accent-surface-default", + name: "--fds-global-green-3", attributes: {}, path: [ - "color", - "accent", - "surface-default" + "global", + "green", + "3" ] }, { - value: "#00396d", + value: "#114218", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.4}", + value: "#114218", type: "color" }, - name: "--fds-color-accent-surface-hover", + name: "--fds-global-green-4", attributes: {}, path: [ - "color", - "accent", - "surface-hover" + "global", + "green", + "4" ] }, { - value: "#00427e", + value: "#144c1c", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.5}", + value: "#144c1c", type: "color" }, - name: "--fds-color-accent-surface-active", + name: "--fds-global-green-5", attributes: {}, path: [ - "color", - "accent", - "surface-active" + "global", + "green", + "5" ] }, { - value: "#00529d", + value: "#185e22", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.6}", + value: "#185e22", type: "color" }, - name: "--fds-color-accent-border-subtle", + name: "--fds-global-green-6", attributes: {}, path: [ - "color", - "accent", - "border-subtle" + "global", + "green", + "6" ] }, { - value: "#0f6bbe", + value: "#207a2c", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.7}", + value: "#207a2c", type: "color" }, - name: "--fds-color-accent-border-default", + name: "--fds-global-green-7", attributes: {}, path: [ - "color", - "accent", - "border-default" + "global", + "green", + "7" ] }, { - value: "#3d88ca", + value: "#279636", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.8}", + value: "#279636", type: "color" }, - name: "--fds-color-accent-border-strong", + name: "--fds-global-green-8", attributes: {}, path: [ - "color", - "accent", - "border-strong" + "global", + "green", + "8" ] }, { - value: "#0163ba", + value: "#2ca63d", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.9}", + value: "#2ca63d", type: "color" }, - name: "--fds-color-accent-base-default", + name: "--fds-global-green-9", attributes: {}, path: [ - "color", - "accent", - "base-default" + "global", + "green", + "9" ] }, { - value: "#004d93", + value: "#248c33", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.10}", + value: "#248c33", type: "color" }, - name: "--fds-color-accent-base-hover", + name: "--fds-global-green-10", attributes: {}, path: [ - "color", - "accent", - "base-hover" + "global", + "green", + "10" ] }, { - value: "#00396d", + value: "#1d7129", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.11}", + value: "#1d7129", type: "color" }, - name: "--fds-color-accent-base-active", + name: "--fds-global-green-11", attributes: {}, path: [ - "color", - "accent", - "base-active" + "global", + "green", + "11" ] }, { - value: "#7eb0dc", + value: "#64be70", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.12}", + value: "#64be70", type: "color" }, - name: "--fds-color-accent-text-subtle", + name: "--fds-global-green-12", attributes: {}, path: [ - "color", - "accent", - "text-subtle" + "global", + "green", + "12" ] }, { - value: "#b0cfea", + value: "#a2d8aa", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.13}", + value: "#a2d8aa", type: "color" }, - name: "--fds-color-accent-text-default", + name: "--fds-global-green-13", attributes: {}, path: [ - "color", - "accent", - "text-default" + "global", + "green", + "13" ] }, { - value: "#f6fafd", + value: "#000", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.contrast-1}", + value: "#000", type: "color" }, - name: "--fds-color-accent-contrast-first", + name: "--fds-global-green-contrast-1", attributes: {}, path: [ - "color", - "accent", - "contrast-first" + "global", + "green", + "contrast-1" ] }, { - value: "#ddeaf6", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.accent.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-accent-contrast-second", + name: "--fds-global-green-contrast-2", attributes: {}, path: [ - "color", - "accent", - "contrast-second" + "global", + "green", + "contrast-2" ] }, { - value: "#131c27", + value: "#211b08", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.1}", + value: "#211b08", type: "color" }, - name: "--fds-color-neutral-background-default", + name: "--fds-global-yellow-1", attributes: {}, path: [ - "color", - "neutral", - "background-default" + "global", + "yellow", + "1" ] }, { - value: "#192433", + value: "#2b230a", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.2}", + value: "#2b230a", type: "color" }, - name: "--fds-color-neutral-background-subtle", + name: "--fds-global-yellow-2", attributes: {}, path: [ - "color", - "neutral", - "background-subtle" + "global", + "yellow", + "2" ] }, { - value: "#243142", + value: "#3a300e", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.3}", + value: "#3a300e", type: "color" }, - name: "--fds-color-neutral-surface-default", + name: "--fds-global-yellow-3", attributes: {}, path: [ - "color", - "neutral", - "surface-default" + "global", + "yellow", + "3" ] }, { - value: "#2e3a4a", + value: "#453810", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.4}", + value: "#453810", type: "color" }, - name: "--fds-color-neutral-surface-hover", + name: "--fds-global-yellow-4", attributes: {}, path: [ - "color", - "neutral", - "surface-hover" + "global", + "yellow", + "4" ] }, { - value: "#374352", + value: "#4e4013", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.5}", + value: "#4e4013", type: "color" }, - name: "--fds-color-neutral-surface-active", + name: "--fds-global-yellow-5", attributes: {}, path: [ - "color", - "neutral", - "surface-active" + "global", + "yellow", + "5" ] }, { - value: "#495361", + value: "#625017", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.6}", + value: "#625017", type: "color" }, - name: "--fds-color-neutral-border-subtle", + name: "--fds-global-yellow-6", attributes: {}, path: [ - "color", - "neutral", - "border-subtle" + "global", + "yellow", + "6" ] }, { - value: "#626b77", + value: "#7f681e", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.7}", + value: "#7f681e", type: "color" }, - name: "--fds-color-neutral-border-default", + name: "--fds-global-yellow-7", attributes: {}, path: [ - "color", - "neutral", - "border-default" + "global", + "yellow", + "7" ] }, { - value: "#7d848e", + value: "#9c8125", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.8}", + value: "#9c8125", type: "color" }, - name: "--fds-color-neutral-border-strong", + name: "--fds-global-yellow-8", attributes: {}, path: [ - "color", - "neutral", - "border-strong" + "global", + "yellow", + "8" ] }, { - value: "#1e2b3c", + value: "#ecc238", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.9}", + value: "#ecc238", type: "color" }, - name: "--fds-color-neutral-base-default", + name: "--fds-global-yellow-9", attributes: {}, path: [ - "color", - "neutral", - "base-default" + "global", + "yellow", + "9" ] }, { - value: "#333e4e", + value: "#cfaa31", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.10}", + value: "#cfaa31", type: "color" }, - name: "--fds-color-neutral-base-hover", + name: "--fds-global-yellow-10", attributes: {}, path: [ - "color", - "neutral", - "base-hover" + "global", + "yellow", + "10" ] }, { - value: "#495361", + value: "#b2922a", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.11}", + value: "#b2922a", type: "color" }, - name: "--fds-color-neutral-base-active", + name: "--fds-global-yellow-11", attributes: {}, path: [ - "color", - "neutral", - "base-active" + "global", + "yellow", + "11" ] }, { - value: "#a6abb2", + value: "#cca730", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.12}", + value: "#cca730", type: "color" }, - name: "--fds-color-neutral-text-subtle", + name: "--fds-global-yellow-12", attributes: {}, path: [ - "color", - "neutral", - "text-subtle" + "global", + "yellow", + "12" ] }, { - value: "#c9ccd0", + value: "#eec84d", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.13}", + value: "#eec84d", type: "color" }, - name: "--fds-color-neutral-text-default", + name: "--fds-global-yellow-13", attributes: {}, path: [ - "color", - "neutral", - "text-default" + "global", + "yellow", + "13" ] }, { - value: "#f9f9fa", + value: "#000", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.contrast-1}", + value: "#000", type: "color" }, - name: "--fds-color-neutral-contrast-first", + name: "--fds-global-yellow-contrast-1", attributes: {}, path: [ - "color", - "neutral", - "contrast-first" + "global", + "yellow", + "contrast-1" ] }, { - value: "#9ea3ab", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.neutral.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-neutral-contrast-second", + name: "--fds-global-yellow-contrast-2", attributes: {}, path: [ - "color", - "neutral", - "contrast-second" + "global", + "yellow", + "contrast-2" ] }, { - value: "#2f1213", + value: "#2d1508", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.1}", + value: "#2d1508", type: "color" }, - name: "--fds-color-brand1-background-default", + name: "--fds-global-orange-1", attributes: {}, path: [ - "color", - "brand1", - "background-default" + "global", + "orange", + "1" ] }, { - value: "#3c1819", + value: "#3a1b0a", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.2}", + value: "#3a1b0a", type: "color" }, - name: "--fds-color-brand1-background-subtle", + name: "--fds-global-orange-2", attributes: {}, path: [ - "color", - "brand1", - "background-subtle" + "global", + "orange", + "2" ] }, { - value: "#522021", + value: "#4f240d", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.3}", + value: "#4f240d", type: "color" }, - name: "--fds-color-brand1-surface-default", + name: "--fds-global-orange-3", attributes: {}, path: [ - "color", - "brand1", - "surface-default" + "global", + "orange", + "3" ] }, { - value: "#602627", + value: "#5d2b0f", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.4}", + value: "#5d2b0f", type: "color" }, - name: "--fds-color-brand1-surface-hover", + name: "--fds-global-orange-4", attributes: {}, path: [ - "color", - "brand1", - "surface-hover" + "global", + "orange", + "4" ] }, { - value: "#702c2e", + value: "#6b3212", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.5}", + value: "#6b3212", type: "color" }, - name: "--fds-color-brand1-surface-active", + name: "--fds-global-orange-5", attributes: {}, path: [ - "color", - "brand1", - "surface-active" + "global", + "orange", + "5" ] }, { - value: "#8b3639", + value: "#853e16", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.6}", + value: "#853e16", type: "color" }, - name: "--fds-color-brand1-border-subtle", + name: "--fds-global-orange-6", attributes: {}, path: [ - "color", - "brand1", - "border-subtle" + "global", + "orange", + "6" ] }, { - value: "#b34649", + value: "#ac4f1c", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.7}", + value: "#ac4f1c", type: "color" }, - name: "--fds-color-brand1-border-default", + name: "--fds-global-orange-7", attributes: {}, path: [ - "color", - "brand1", - "border-default" + "global", + "orange", + "7" ] }, { - value: "#dd565a", + value: "#d46223", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.8}", + value: "#d46223", type: "color" }, - name: "--fds-color-brand1-border-strong", + name: "--fds-global-orange-8", attributes: {}, path: [ - "color", - "brand1", - "border-strong" + "global", + "orange", + "8" ] }, { - value: "#f35f63", + value: "#d46223", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.9}", + value: "#d46223", type: "color" }, - name: "--fds-color-brand1-base-default", + name: "--fds-global-orange-9", attributes: {}, path: [ - "color", - "brand1", - "base-default" + "global", + "orange", + "9" ] }, { - value: "#cc5053", + value: "#b0511d", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.10}", + value: "#b0511d", type: "color" }, - name: "--fds-color-brand1-base-hover", + name: "--fds-global-orange-10", attributes: {}, path: [ - "color", - "brand1", - "base-hover" + "global", + "orange", + "10" ] }, { - value: "#a84144", + value: "#8e4117", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.11}", + value: "#8e4117", type: "color" }, - name: "--fds-color-brand1-base-active", + name: "--fds-global-orange-11", attributes: {}, path: [ - "color", - "brand1", - "base-active" + "global", + "orange", + "11" ] }, { - value: "#f78d8f", + value: "#e39a72", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.12}", + value: "#e39a72", type: "color" }, - name: "--fds-color-brand1-text-subtle", + name: "--fds-global-orange-12", attributes: {}, path: [ - "color", - "brand1", - "text-subtle" + "global", + "orange", + "12" ] }, { - value: "#fabcbd", + value: "#efc3ab", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.13}", + value: "#efc3ab", type: "color" }, - name: "--fds-color-brand1-text-default", + name: "--fds-global-orange-13", attributes: {}, path: [ - "color", - "brand1", - "text-default" + "global", + "orange", + "13" ] }, { - value: "#41191b", + value: "#ffffff", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.contrast-1}", + value: "#ffffff", type: "color" }, - name: "--fds-color-brand1-contrast-first", + name: "--fds-global-orange-contrast-1", attributes: {}, path: [ - "color", - "brand1", - "contrast-first" + "global", + "orange", + "contrast-1" ] }, { - value: "#2f1213", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand1.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-brand1-contrast-second", + name: "--fds-global-orange-contrast-2", attributes: {}, path: [ - "color", - "brand1", - "contrast-second" + "global", + "orange", + "contrast-2" ] }, { - value: "#231a05", + value: "#380c0c", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.1}", + value: "#380c0c", type: "color" }, - name: "--fds-color-brand2-background-default", + name: "--fds-global-red-1", attributes: {}, path: [ - "color", - "brand2", - "background-default" + "global", + "red", + "1" ] }, { - value: "#2d2206", + value: "#470f10", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.2}", + value: "#470f10", type: "color" }, - name: "--fds-color-brand2-background-subtle", + name: "--fds-global-red-2", attributes: {}, path: [ - "color", - "brand2", - "background-subtle" + "global", + "red", + "2" ] }, { - value: "#3d2e09", + value: "#5e1515", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.3}", + value: "#5e1515", type: "color" }, - name: "--fds-color-brand2-surface-default", + name: "--fds-global-red-3", attributes: {}, path: [ - "color", - "brand2", - "surface-default" + "global", + "red", + "3" ] }, { - value: "#48360a", + value: "#6f1819", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.4}", + value: "#6f1819", type: "color" }, - name: "--fds-color-brand2-surface-hover", + name: "--fds-global-red-4", attributes: {}, path: [ - "color", - "brand2", - "surface-hover" + "global", + "red", + "4" ] }, { - value: "#543e0c", + value: "#7f1c1c", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.5}", + value: "#7f1c1c", type: "color" }, - name: "--fds-color-brand2-surface-active", + name: "--fds-global-red-5", attributes: {}, path: [ - "color", - "brand2", - "surface-active" + "global", + "red", + "5" ] }, { - value: "#684e0f", + value: "#9d2223", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.6}", + value: "#9d2223", type: "color" }, - name: "--fds-color-brand2-border-subtle", + name: "--fds-global-red-6", attributes: {}, path: [ - "color", - "brand2", - "border-subtle" + "global", + "red", + "6" ] }, { - value: "#876413", + value: "#bb3f40", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.7}", + value: "#bb3f40", type: "color" }, - name: "--fds-color-brand2-border-default", + name: "--fds-global-red-7", attributes: {}, path: [ - "color", - "brand2", - "border-default" + "global", + "red", + "7" ] }, { - value: "#a87c17", + value: "#c96666", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.8}", + value: "#c96666", type: "color" }, - name: "--fds-color-brand2-border-strong", + name: "--fds-global-red-8", attributes: {}, path: [ - "color", - "brand2", - "border-strong" + "global", + "red", + "8" ] }, { - value: "#e4a920", + value: "#b32728", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.9}", + value: "#b32728", type: "color" }, - name: "--fds-color-brand2-base-default", + name: "--fds-global-red-9", attributes: {}, path: [ - "color", - "brand2", - "base-default" + "global", + "red", + "9" ] }, { - value: "#c6931c", + value: "#8c1f1f", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.10}", + value: "#8c1f1f", type: "color" }, - name: "--fds-color-brand2-base-hover", + name: "--fds-global-red-10", attributes: {}, path: [ - "color", - "brand2", - "base-hover" - ] + "global", + "red", + "10" + ] }, { - value: "#a87c17", + value: "#671617", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.11}", + value: "#671617", type: "color" }, - name: "--fds-color-brand2-base-active", + name: "--fds-global-red-11", attributes: {}, path: [ - "color", - "brand2", - "base-active" + "global", + "red", + "11" ] }, { - value: "#daa21f", + value: "#dc9a9b", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.12}", + value: "#dc9a9b", type: "color" }, - name: "--fds-color-brand2-text-subtle", + name: "--fds-global-red-12", attributes: {}, path: [ - "color", - "brand2", - "text-subtle" + "global", + "red", + "12" ] }, { - value: "#eec76c", + value: "#e9c2c2", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.13}", + value: "#e9c2c2", type: "color" }, - name: "--fds-color-brand2-text-default", + name: "--fds-global-red-13", attributes: {}, path: [ - "color", - "brand2", - "text-default" + "global", + "red", + "13" ] }, { - value: "#302407", + value: "#000", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.contrast-1}", + value: "#000", type: "color" }, - name: "--fds-color-brand2-contrast-first", + name: "--fds-global-red-contrast-1", attributes: {}, path: [ - "color", - "brand2", - "contrast-first" + "global", + "red", + "contrast-1" ] }, { - value: "#45340a", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand2.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-brand2-contrast-second", + name: "--fds-global-red-contrast-2", attributes: {}, path: [ - "color", - "brand2", - "contrast-second" + "global", + "red", + "contrast-2" ] }, { - value: "#061d30", + value: "#031d30", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.1}", + value: "#031d30", type: "color" }, - name: "--fds-color-brand3-background-default", + name: "--fds-global-blue-1", attributes: {}, path: [ - "color", - "brand3", - "background-default" + "global", + "blue", + "1" ] }, { - value: "#07253c", + value: "#032540", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.2}", + value: "#032540", type: "color" }, - name: "--fds-color-brand3-background-subtle", + name: "--fds-global-blue-2", attributes: {}, path: [ - "color", - "brand3", - "background-subtle" + "global", + "blue", + "2" ] }, { - value: "#0a3251", + value: "#043256", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.3}", + value: "#043256", type: "color" }, - name: "--fds-color-brand3-surface-default", + name: "--fds-global-blue-3", attributes: {}, path: [ - "color", - "brand3", - "surface-default" + "global", + "blue", + "3" ] }, { - value: "#0c3b60", + value: "#053c65", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.4}", + value: "#053c65", type: "color" }, - name: "--fds-color-brand3-surface-hover", + name: "--fds-global-blue-4", attributes: {}, path: [ - "color", - "brand3", - "surface-hover" + "global", + "blue", + "4" ] }, { - value: "#0e446e", + value: "#064474", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.5}", + value: "#064474", type: "color" }, - name: "--fds-color-brand3-surface-active", + name: "--fds-global-blue-5", attributes: {}, path: [ - "color", - "brand3", - "surface-active" + "global", + "blue", + "5" ] }, { - value: "#11558a", + value: "#075490", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.6}", + value: "#075490", type: "color" }, - name: "--fds-color-brand3-border-subtle", + name: "--fds-global-blue-6", attributes: {}, path: [ - "color", - "brand3", - "border-subtle" + "global", + "blue", + "6" ] }, { - value: "#166eb2", + value: "#0a6dba", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.7}", + value: "#0a6dba", type: "color" }, - name: "--fds-color-brand3-border-default", + name: "--fds-global-blue-7", attributes: {}, path: [ - "color", - "brand3", - "border-default" + "global", + "blue", + "7" ] }, { - value: "#1b88db", + value: "#3389cb", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.8}", + value: "#3389cb", type: "color" }, - name: "--fds-color-brand3-border-strong", + name: "--fds-global-blue-8", attributes: {}, path: [ - "color", - "brand3", - "border-strong" + "global", + "blue", + "8" ] }, { - value: "#1e98f5", + value: "#0c72c1", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.9}", + value: "#0c72c1", type: "color" }, - name: "--fds-color-brand3-base-default", + name: "--fds-global-blue-9", attributes: {}, path: [ - "color", - "brand3", - "base-default" + "global", + "blue", + "9" ] }, { - value: "#1980ce", + value: "#085c9c", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.10}", + value: "#085c9c", type: "color" }, - name: "--fds-color-brand3-base-hover", + name: "--fds-global-blue-10", attributes: {}, path: [ - "color", - "brand3", - "base-hover" + "global", + "blue", + "10" ] }, { - value: "#1569a9", + value: "#064678", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.11}", + value: "#064678", type: "color" }, - name: "--fds-color-brand3-base-active", + name: "--fds-global-blue-11", attributes: {}, path: [ - "color", - "brand3", - "base-active" + "global", + "blue", + "11" ] }, { - value: "#57b2f8", + value: "#78b1dc", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.12}", + value: "#78b1dc", type: "color" }, - name: "--fds-color-brand3-text-subtle", + name: "--fds-global-blue-12", attributes: {}, path: [ - "color", - "brand3", - "text-subtle" + "global", + "blue", + "12" ] }, { - value: "#9cd2fb", + value: "#aed0ea", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.13}", + value: "#aed0ea", type: "color" }, - name: "--fds-color-brand3-text-default", + name: "--fds-global-blue-13", attributes: {}, path: [ - "color", - "brand3", - "text-default" + "global", + "blue", + "13" ] }, { - value: "#082740", + value: "#ffffff", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.contrast-1}", + value: "#ffffff", type: "color" }, - name: "--fds-color-brand3-contrast-first", + name: "--fds-global-blue-contrast-1", attributes: {}, path: [ - "color", - "brand3", - "contrast-first" + "global", + "blue", + "contrast-1" ] }, { - value: "#061f33", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/dark/global.json", isSource: false, original: { - value: "{color.brand3.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-brand3-contrast-second", + name: "--fds-global-blue-contrast-2", attributes: {}, path: [ - "color", - "brand3", - "contrast-second" + "global", + "blue", + "contrast-2" ] }, { - value: "#08200c", + value: "#001c36", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.1}", + value: "{color.accent.1}", type: "color" }, - name: "--fds-color-success-background-default", + name: "--fds-color-accent-background-default", attributes: {}, path: [ "color", - "success", + "accent", "background-default" ] }, { - value: "#0b290f", + value: "#002445", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.2}", + value: "{color.accent.2}", type: "color" }, - name: "--fds-color-success-background-subtle", + name: "--fds-color-accent-background-subtle", attributes: {}, path: [ "color", - "success", + "accent", "background-subtle" ] }, { - value: "#0f3814", + value: "#00315c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.3}", + value: "{color.accent.3}", type: "color" }, - name: "--fds-color-success-surface-default", + name: "--fds-color-accent-surface-default", attributes: {}, path: [ "color", - "success", + "accent", "surface-default" ] }, { - value: "#114218", + value: "#00396d", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.4}", + value: "{color.accent.4}", type: "color" }, - name: "--fds-color-success-surface-hover", + name: "--fds-color-accent-surface-hover", attributes: {}, path: [ "color", - "success", + "accent", "surface-hover" ] }, { - value: "#144c1c", + value: "#00427e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.5}", + value: "{color.accent.5}", type: "color" }, - name: "--fds-color-success-surface-active", + name: "--fds-color-accent-surface-active", attributes: {}, path: [ "color", - "success", + "accent", "surface-active" ] }, { - value: "#185e22", + value: "#00529d", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.6}", + value: "{color.accent.6}", type: "color" }, - name: "--fds-color-success-border-subtle", + name: "--fds-color-accent-border-subtle", attributes: {}, path: [ "color", - "success", + "accent", "border-subtle" ] }, { - value: "#207a2c", + value: "#0f6bbe", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.7}", + value: "{color.accent.7}", type: "color" }, - name: "--fds-color-success-border-default", + name: "--fds-color-accent-border-default", attributes: {}, path: [ "color", - "success", + "accent", "border-default" ] }, { - value: "#279636", + value: "#3d88ca", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.8}", + value: "{color.accent.8}", type: "color" }, - name: "--fds-color-success-border-strong", + name: "--fds-color-accent-border-strong", attributes: {}, path: [ "color", - "success", + "accent", "border-strong" ] }, { - value: "#2ca63d", + value: "#0163ba", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.9}", + value: "{color.accent.9}", type: "color" }, - name: "--fds-color-success-base-default", + name: "--fds-color-accent-base-default", attributes: {}, path: [ "color", - "success", + "accent", "base-default" ] }, { - value: "#248c33", + value: "#004d93", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.10}", + value: "{color.accent.10}", type: "color" }, - name: "--fds-color-success-base-hover", + name: "--fds-color-accent-base-hover", attributes: {}, path: [ "color", - "success", + "accent", "base-hover" ] }, { - value: "#1d7129", + value: "#00396d", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.11}", + value: "{color.accent.11}", type: "color" }, - name: "--fds-color-success-base-active", + name: "--fds-color-accent-base-active", attributes: {}, path: [ "color", - "success", + "accent", "base-active" ] }, { - value: "#64be70", + value: "#7eb0dc", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.12}", + value: "{color.accent.12}", type: "color" }, - name: "--fds-color-success-text-subtle", + name: "--fds-color-accent-text-subtle", attributes: {}, path: [ "color", - "success", + "accent", "text-subtle" ] }, { - value: "#a2d8aa", + value: "#b0cfea", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.13}", + value: "{color.accent.13}", type: "color" }, - name: "--fds-color-success-text-default", + name: "--fds-color-accent-text-default", attributes: {}, path: [ "color", - "success", + "accent", "text-default" ] }, { - value: "#000", + value: "#f6fafd", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.contrast-1}", + value: "{color.accent.contrast-1}", type: "color" }, - name: "--fds-color-success-contrast-first", + name: "--fds-color-accent-contrast-first", attributes: {}, path: [ "color", - "success", + "accent", "contrast-first" ] }, { - value: "#e6e6e6", + value: "#ddeaf6", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.contrast-2}", + value: "{color.accent.contrast-2}", type: "color" }, - name: "--fds-color-success-contrast-second", + name: "--fds-color-accent-contrast-second", attributes: {}, path: [ "color", - "success", + "accent", "contrast-second" ] }, { - value: "#380c0c", + value: "#131c27", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.1}", + value: "{color.neutral.1}", type: "color" }, - name: "--fds-color-danger-background-default", + name: "--fds-color-neutral-background-default", attributes: {}, path: [ "color", - "danger", + "neutral", "background-default" ] }, { - value: "#470f10", + value: "#192433", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.2}", + value: "{color.neutral.2}", type: "color" }, - name: "--fds-color-danger-background-subtle", + name: "--fds-color-neutral-background-subtle", attributes: {}, path: [ "color", - "danger", + "neutral", "background-subtle" ] }, { - value: "#5e1515", + value: "#243142", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.3}", + value: "{color.neutral.3}", type: "color" }, - name: "--fds-color-danger-surface-default", + name: "--fds-color-neutral-surface-default", attributes: {}, path: [ "color", - "danger", + "neutral", "surface-default" ] }, { - value: "#6f1819", + value: "#2e3a4a", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.4}", + value: "{color.neutral.4}", type: "color" }, - name: "--fds-color-danger-surface-hover", + name: "--fds-color-neutral-surface-hover", attributes: {}, path: [ "color", - "danger", + "neutral", "surface-hover" ] }, { - value: "#7f1c1c", + value: "#374352", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.5}", + value: "{color.neutral.5}", type: "color" }, - name: "--fds-color-danger-surface-active", + name: "--fds-color-neutral-surface-active", attributes: {}, path: [ "color", - "danger", + "neutral", "surface-active" ] }, { - value: "#9d2223", + value: "#495361", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.6}", + value: "{color.neutral.6}", type: "color" }, - name: "--fds-color-danger-border-subtle", + name: "--fds-color-neutral-border-subtle", attributes: {}, path: [ "color", - "danger", + "neutral", "border-subtle" ] }, { - value: "#bb3f40", + value: "#626b77", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.7}", + value: "{color.neutral.7}", type: "color" }, - name: "--fds-color-danger-border-default", + name: "--fds-color-neutral-border-default", attributes: {}, path: [ "color", - "danger", + "neutral", "border-default" ] }, { - value: "#c96666", + value: "#7d848e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.8}", + value: "{color.neutral.8}", type: "color" }, - name: "--fds-color-danger-border-strong", + name: "--fds-color-neutral-border-strong", attributes: {}, path: [ "color", - "danger", + "neutral", "border-strong" ] }, { - value: "#b32728", + value: "#1e2b3c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.9}", + value: "{color.neutral.9}", type: "color" }, - name: "--fds-color-danger-base-default", + name: "--fds-color-neutral-base-default", attributes: {}, path: [ "color", - "danger", + "neutral", "base-default" ] }, { - value: "#8c1f1f", + value: "#333e4e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.10}", + value: "{color.neutral.10}", type: "color" }, - name: "--fds-color-danger-base-hover", + name: "--fds-color-neutral-base-hover", attributes: {}, path: [ "color", - "danger", + "neutral", "base-hover" ] }, { - value: "#671617", + value: "#495361", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.11}", + value: "{color.neutral.11}", type: "color" }, - name: "--fds-color-danger-base-active", + name: "--fds-color-neutral-base-active", attributes: {}, path: [ "color", - "danger", + "neutral", "base-active" ] }, { - value: "#dc9a9b", + value: "#a6abb2", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.12}", + value: "{color.neutral.12}", type: "color" }, - name: "--fds-color-danger-text-subtle", + name: "--fds-color-neutral-text-subtle", attributes: {}, path: [ "color", - "danger", + "neutral", "text-subtle" ] }, { - value: "#e9c2c2", + value: "#c9ccd0", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.13}", + value: "{color.neutral.13}", type: "color" }, - name: "--fds-color-danger-text-default", + name: "--fds-color-neutral-text-default", attributes: {}, path: [ "color", - "danger", + "neutral", "text-default" ] }, { - value: "#000", + value: "#f9f9fa", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.contrast-1}", + value: "{color.neutral.contrast-1}", type: "color" }, - name: "--fds-color-danger-contrast-first", + name: "--fds-color-neutral-contrast-first", attributes: {}, path: [ "color", - "danger", + "neutral", "contrast-first" ] }, { - value: "#e6e6e6", + value: "#9ea3ab", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.contrast-2}", + value: "{color.neutral.contrast-2}", type: "color" }, - name: "--fds-color-danger-contrast-second", + name: "--fds-color-neutral-contrast-second", attributes: {}, path: [ "color", - "danger", + "neutral", "contrast-second" ] }, { - value: "#031d30", + value: "#2f1213", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.1}", + value: "{color.brand1.1}", type: "color" }, - name: "--fds-color-info-background-default", + name: "--fds-color-brand1-background-default", attributes: {}, path: [ "color", - "info", + "brand1", "background-default" ] }, { - value: "#032540", + value: "#3c1819", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.2}", + value: "{color.brand1.2}", type: "color" }, - name: "--fds-color-info-background-subtle", + name: "--fds-color-brand1-background-subtle", attributes: {}, path: [ "color", - "info", + "brand1", "background-subtle" ] }, { - value: "#043256", + value: "#522021", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.3}", + value: "{color.brand1.3}", type: "color" }, - name: "--fds-color-info-surface-default", + name: "--fds-color-brand1-surface-default", attributes: {}, path: [ "color", - "info", + "brand1", "surface-default" ] }, { - value: "#053c65", + value: "#602627", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.4}", + value: "{color.brand1.4}", type: "color" }, - name: "--fds-color-info-surface-hover", + name: "--fds-color-brand1-surface-hover", attributes: {}, path: [ "color", - "info", + "brand1", "surface-hover" ] }, { - value: "#064474", + value: "#702c2e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.5}", + value: "{color.brand1.5}", type: "color" }, - name: "--fds-color-info-surface-active", + name: "--fds-color-brand1-surface-active", attributes: {}, path: [ "color", - "info", + "brand1", "surface-active" ] }, { - value: "#075490", + value: "#8b3639", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.6}", + value: "{color.brand1.6}", type: "color" }, - name: "--fds-color-info-border-subtle", + name: "--fds-color-brand1-border-subtle", attributes: {}, path: [ "color", - "info", + "brand1", "border-subtle" ] }, { - value: "#0a6dba", + value: "#b34649", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.7}", + value: "{color.brand1.7}", type: "color" }, - name: "--fds-color-info-border-default", + name: "--fds-color-brand1-border-default", attributes: {}, path: [ "color", - "info", + "brand1", "border-default" ] }, { - value: "#3389cb", + value: "#dd565a", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.8}", + value: "{color.brand1.8}", type: "color" }, - name: "--fds-color-info-border-strong", + name: "--fds-color-brand1-border-strong", attributes: {}, path: [ "color", - "info", + "brand1", "border-strong" ] }, { - value: "#0c72c1", + value: "#f35f63", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.9}", + value: "{color.brand1.9}", type: "color" }, - name: "--fds-color-info-base-default", + name: "--fds-color-brand1-base-default", attributes: {}, path: [ "color", - "info", + "brand1", "base-default" ] }, { - value: "#085c9c", + value: "#cc5053", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.10}", + value: "{color.brand1.10}", type: "color" }, - name: "--fds-color-info-base-hover", + name: "--fds-color-brand1-base-hover", attributes: {}, path: [ "color", - "info", + "brand1", "base-hover" ] }, { - value: "#064678", + value: "#a84144", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.11}", + value: "{color.brand1.11}", type: "color" }, - name: "--fds-color-info-base-active", + name: "--fds-color-brand1-base-active", attributes: {}, path: [ "color", - "info", + "brand1", "base-active" ] }, { - value: "#78b1dc", + value: "#f78d8f", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.12}", + value: "{color.brand1.12}", type: "color" }, - name: "--fds-color-info-text-subtle", + name: "--fds-color-brand1-text-subtle", attributes: {}, path: [ "color", - "info", + "brand1", "text-subtle" ] }, { - value: "#aed0ea", + value: "#fabcbd", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.13}", + value: "{color.brand1.13}", type: "color" }, - name: "--fds-color-info-text-default", + name: "--fds-color-brand1-text-default", attributes: {}, path: [ "color", - "info", + "brand1", "text-default" ] }, { - value: "#ffffff", + value: "#41191b", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.contrast-1}", + value: "{color.brand1.contrast-1}", type: "color" }, - name: "--fds-color-info-contrast-first", + name: "--fds-color-brand1-contrast-first", attributes: {}, path: [ "color", - "info", + "brand1", "contrast-first" ] }, { - value: "#e6e6e6", + value: "#2f1213", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.contrast-2}", + value: "{color.brand1.contrast-2}", type: "color" }, - name: "--fds-color-info-contrast-second", + name: "--fds-color-brand1-contrast-second", attributes: {}, path: [ "color", - "info", + "brand1", "contrast-second" ] }, { - value: "#211b08", + value: "#231a05", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.1}", + value: "{color.brand2.1}", type: "color" }, - name: "--fds-color-warning-background-default", + name: "--fds-color-brand2-background-default", attributes: {}, path: [ "color", - "warning", + "brand2", "background-default" ] }, { - value: "#2b230a", + value: "#2d2206", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.2}", + value: "{color.brand2.2}", type: "color" }, - name: "--fds-color-warning-background-subtle", + name: "--fds-color-brand2-background-subtle", attributes: {}, path: [ "color", - "warning", + "brand2", "background-subtle" ] }, { - value: "#3a300e", + value: "#3d2e09", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.3}", + value: "{color.brand2.3}", type: "color" }, - name: "--fds-color-warning-surface-default", + name: "--fds-color-brand2-surface-default", attributes: {}, path: [ "color", - "warning", + "brand2", "surface-default" ] }, { - value: "#453810", + value: "#48360a", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.4}", + value: "{color.brand2.4}", type: "color" }, - name: "--fds-color-warning-surface-hover", + name: "--fds-color-brand2-surface-hover", attributes: {}, path: [ "color", - "warning", + "brand2", "surface-hover" ] }, { - value: "#4e4013", + value: "#543e0c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.5}", + value: "{color.brand2.5}", type: "color" }, - name: "--fds-color-warning-surface-active", + name: "--fds-color-brand2-surface-active", attributes: {}, path: [ "color", - "warning", + "brand2", "surface-active" ] }, { - value: "#625017", + value: "#684e0f", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.6}", + value: "{color.brand2.6}", type: "color" }, - name: "--fds-color-warning-border-subtle", + name: "--fds-color-brand2-border-subtle", attributes: {}, path: [ "color", - "warning", + "brand2", "border-subtle" ] }, { - value: "#7f681e", + value: "#876413", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.7}", + value: "{color.brand2.7}", type: "color" }, - name: "--fds-color-warning-border-default", + name: "--fds-color-brand2-border-default", attributes: {}, path: [ "color", - "warning", + "brand2", "border-default" ] }, { - value: "#9c8125", + value: "#a87c17", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.8}", + value: "{color.brand2.8}", type: "color" }, - name: "--fds-color-warning-border-strong", + name: "--fds-color-brand2-border-strong", attributes: {}, path: [ "color", - "warning", + "brand2", "border-strong" ] }, { - value: "#d46223", + value: "#e4a920", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.9}", + value: "{color.brand2.9}", type: "color" }, - name: "--fds-color-warning-base-default", + name: "--fds-color-brand2-base-default", attributes: {}, path: [ "color", - "warning", + "brand2", "base-default" ] }, { - value: "#b0511d", + value: "#c6931c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.10}", + value: "{color.brand2.10}", type: "color" }, - name: "--fds-color-warning-base-hover", + name: "--fds-color-brand2-base-hover", attributes: {}, path: [ "color", - "warning", + "brand2", "base-hover" ] }, { - value: "#8e4117", + value: "#a87c17", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.11}", + value: "{color.brand2.11}", type: "color" }, - name: "--fds-color-warning-base-active", + name: "--fds-color-brand2-base-active", attributes: {}, path: [ "color", - "warning", + "brand2", "base-active" ] }, { - value: "#e39a72", + value: "#daa21f", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.12}", + value: "{color.brand2.12}", type: "color" }, - name: "--fds-color-warning-text-subtle", + name: "--fds-color-brand2-text-subtle", attributes: {}, path: [ "color", - "warning", + "brand2", "text-subtle" ] }, { - value: "#efc3ab", + value: "#eec76c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.13}", + value: "{color.brand2.13}", type: "color" }, - name: "--fds-color-warning-text-default", + name: "--fds-color-brand2-text-default", attributes: {}, path: [ "color", - "warning", + "brand2", "text-default" ] }, { - value: "#000", + value: "#302407", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.contrast-1}", + value: "{color.brand2.contrast-1}", type: "color" }, - name: "--fds-color-warning-contrast-first", + name: "--fds-color-brand2-contrast-first", attributes: {}, path: [ "color", - "warning", + "brand2", "contrast-first" ] }, { - value: "#e6e6e6", + value: "#45340a", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.contrast-2}", + value: "{color.brand2.contrast-2}", type: "color" }, - name: "--fds-color-warning-contrast-second", + name: "--fds-color-brand2-contrast-second", attributes: {}, path: [ "color", - "warning", + "brand2", "contrast-second" ] }, { - value: "#08200c", + value: "#061d30", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#08200c", + value: "{color.brand3.1}", type: "color" }, - name: "--fds-global-green-1", + name: "--fds-color-brand3-background-default", attributes: {}, path: [ - "global", - "green", - "1" + "color", + "brand3", + "background-default" ] }, { - value: "#0b290f", + value: "#07253c", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#0b290f", + value: "{color.brand3.2}", type: "color" }, - name: "--fds-global-green-2", + name: "--fds-color-brand3-background-subtle", attributes: {}, path: [ - "global", - "green", - "2" + "color", + "brand3", + "background-subtle" ] }, { - value: "#0f3814", + value: "#0a3251", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#0f3814", + value: "{color.brand3.3}", type: "color" }, - name: "--fds-global-green-3", + name: "--fds-color-brand3-surface-default", attributes: {}, path: [ - "global", - "green", - "3" + "color", + "brand3", + "surface-default" ] }, { - value: "#114218", + value: "#0c3b60", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#114218", + value: "{color.brand3.4}", type: "color" }, - name: "--fds-global-green-4", + name: "--fds-color-brand3-surface-hover", attributes: {}, path: [ - "global", - "green", - "4" + "color", + "brand3", + "surface-hover" ] }, { - value: "#144c1c", + value: "#0e446e", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#144c1c", + value: "{color.brand3.5}", type: "color" }, - name: "--fds-global-green-5", + name: "--fds-color-brand3-surface-active", attributes: {}, path: [ - "global", - "green", - "5" + "color", + "brand3", + "surface-active" ] }, { - value: "#185e22", + value: "#11558a", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#185e22", + value: "{color.brand3.6}", type: "color" }, - name: "--fds-global-green-6", + name: "--fds-color-brand3-border-subtle", attributes: {}, path: [ - "global", - "green", - "6" + "color", + "brand3", + "border-subtle" ] }, { - value: "#207a2c", + value: "#166eb2", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#207a2c", + value: "{color.brand3.7}", type: "color" }, - name: "--fds-global-green-7", + name: "--fds-color-brand3-border-default", attributes: {}, path: [ - "global", - "green", - "7" + "color", + "brand3", + "border-default" ] }, { - value: "#279636", + value: "#1b88db", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#279636", + value: "{color.brand3.8}", type: "color" }, - name: "--fds-global-green-8", + name: "--fds-color-brand3-border-strong", attributes: {}, path: [ - "global", - "green", - "8" + "color", + "brand3", + "border-strong" ] }, { - value: "#2ca63d", + value: "#1e98f5", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#2ca63d", + value: "{color.brand3.9}", type: "color" }, - name: "--fds-global-green-9", + name: "--fds-color-brand3-base-default", attributes: {}, path: [ - "global", - "green", - "9" + "color", + "brand3", + "base-default" ] }, { - value: "#248c33", + value: "#1980ce", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#248c33", + value: "{color.brand3.10}", type: "color" }, - name: "--fds-global-green-10", + name: "--fds-color-brand3-base-hover", attributes: {}, path: [ - "global", - "green", - "10" + "color", + "brand3", + "base-hover" ] }, { - value: "#1d7129", + value: "#1569a9", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#1d7129", + value: "{color.brand3.11}", type: "color" }, - name: "--fds-global-green-11", + name: "--fds-color-brand3-base-active", attributes: {}, path: [ - "global", - "green", - "11" + "color", + "brand3", + "base-active" ] }, { - value: "#64be70", + value: "#57b2f8", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#64be70", + value: "{color.brand3.12}", type: "color" }, - name: "--fds-global-green-12", + name: "--fds-color-brand3-text-subtle", attributes: {}, path: [ - "global", - "green", - "12" + "color", + "brand3", + "text-subtle" ] }, { - value: "#a2d8aa", + value: "#9cd2fb", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#a2d8aa", + value: "{color.brand3.13}", type: "color" }, - name: "--fds-global-green-13", + name: "--fds-color-brand3-text-default", attributes: {}, path: [ - "global", - "green", - "13" + "color", + "brand3", + "text-default" ] }, { - value: "#000", + value: "#082740", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#000", + value: "{color.brand3.contrast-1}", type: "color" }, - name: "--fds-global-green-contrast-1", + name: "--fds-color-brand3-contrast-first", attributes: {}, path: [ - "global", - "green", - "contrast-1" + "color", + "brand3", + "contrast-first" ] }, { - value: "#e6e6e6", + value: "#061f33", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{color.brand3.contrast-2}", type: "color" }, - name: "--fds-global-green-contrast-2", + name: "--fds-color-brand3-contrast-second", attributes: {}, path: [ - "global", - "green", - "contrast-2" + "color", + "brand3", + "contrast-second" ] }, { - value: "#211b08", + value: "#08200c", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#211b08", + value: "{global.green.1}", type: "color" }, - name: "--fds-global-yellow-1", + name: "--fds-color-success-background-default", attributes: {}, path: [ - "global", - "yellow", - "1" + "color", + "success", + "background-default" ] }, { - value: "#2b230a", + value: "#0b290f", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#2b230a", + value: "{global.green.2}", type: "color" }, - name: "--fds-global-yellow-2", + name: "--fds-color-success-background-subtle", attributes: {}, path: [ - "global", - "yellow", - "2" + "color", + "success", + "background-subtle" ] }, { - value: "#3a300e", + value: "#0f3814", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#3a300e", + value: "{global.green.3}", type: "color" }, - name: "--fds-global-yellow-3", + name: "--fds-color-success-surface-default", attributes: {}, path: [ - "global", - "yellow", - "3" + "color", + "success", + "surface-default" ] }, { - value: "#453810", + value: "#114218", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#453810", + value: "{global.green.4}", type: "color" }, - name: "--fds-global-yellow-4", + name: "--fds-color-success-surface-hover", attributes: {}, path: [ - "global", - "yellow", - "4" + "color", + "success", + "surface-hover" ] }, { - value: "#4e4013", + value: "#144c1c", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#4e4013", + value: "{global.green.5}", type: "color" }, - name: "--fds-global-yellow-5", + name: "--fds-color-success-surface-active", attributes: {}, path: [ - "global", - "yellow", - "5" + "color", + "success", + "surface-active" ] }, { - value: "#625017", + value: "#185e22", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#625017", + value: "{global.green.6}", type: "color" }, - name: "--fds-global-yellow-6", + name: "--fds-color-success-border-subtle", attributes: {}, path: [ - "global", - "yellow", - "6" + "color", + "success", + "border-subtle" ] }, { - value: "#7f681e", + value: "#207a2c", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#7f681e", + value: "{global.green.7}", type: "color" }, - name: "--fds-global-yellow-7", + name: "--fds-color-success-border-default", attributes: {}, path: [ - "global", - "yellow", - "7" + "color", + "success", + "border-default" ] }, { - value: "#9c8125", + value: "#279636", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#9c8125", + value: "{global.green.8}", type: "color" }, - name: "--fds-global-yellow-8", + name: "--fds-color-success-border-strong", attributes: {}, path: [ - "global", - "yellow", - "8" + "color", + "success", + "border-strong" ] }, { - value: "#ecc238", + value: "#2ca63d", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ecc238", + value: "{global.green.9}", type: "color" }, - name: "--fds-global-yellow-9", + name: "--fds-color-success-base-default", attributes: {}, path: [ - "global", - "yellow", - "9" + "color", + "success", + "base-default" ] }, { - value: "#cfaa31", + value: "#248c33", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#cfaa31", + value: "{global.green.10}", type: "color" }, - name: "--fds-global-yellow-10", + name: "--fds-color-success-base-hover", attributes: {}, path: [ - "global", - "yellow", - "10" + "color", + "success", + "base-hover" ] }, { - value: "#b2922a", + value: "#1d7129", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#b2922a", + value: "{global.green.11}", type: "color" }, - name: "--fds-global-yellow-11", + name: "--fds-color-success-base-active", attributes: {}, path: [ - "global", - "yellow", - "11" + "color", + "success", + "base-active" ] }, { - value: "#cca730", + value: "#64be70", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#cca730", + value: "{global.green.12}", type: "color" }, - name: "--fds-global-yellow-12", + name: "--fds-color-success-text-subtle", attributes: {}, path: [ - "global", - "yellow", - "12" + "color", + "success", + "text-subtle" ] }, { - value: "#eec84d", + value: "#a2d8aa", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#eec84d", + value: "{global.green.13}", type: "color" }, - name: "--fds-global-yellow-13", + name: "--fds-color-success-text-default", attributes: {}, path: [ - "global", - "yellow", - "13" + "color", + "success", + "text-default" ] }, { value: "#000", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#000", + value: "{global.green.contrast-1}", type: "color" }, - name: "--fds-global-yellow-contrast-1", + name: "--fds-color-success-contrast-first", attributes: {}, path: [ - "global", - "yellow", - "contrast-1" + "color", + "success", + "contrast-first" ] }, { value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{global.green.contrast-2}", type: "color" }, - name: "--fds-global-yellow-contrast-2", + name: "--fds-color-success-contrast-second", attributes: {}, path: [ - "global", - "yellow", - "contrast-2" + "color", + "success", + "contrast-second" ] }, { - value: "#2d1508", + value: "#380c0c", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#2d1508", + value: "{global.red.1}", type: "color" }, - name: "--fds-global-orange-1", + name: "--fds-color-danger-background-default", attributes: {}, path: [ - "global", - "orange", - "1" + "color", + "danger", + "background-default" ] }, { - value: "#3a1b0a", + value: "#470f10", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#3a1b0a", + value: "{global.red.2}", type: "color" }, - name: "--fds-global-orange-2", + name: "--fds-color-danger-background-subtle", attributes: {}, path: [ - "global", - "orange", - "2" + "color", + "danger", + "background-subtle" ] }, { - value: "#4f240d", + value: "#5e1515", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#4f240d", + value: "{global.red.3}", type: "color" }, - name: "--fds-global-orange-3", + name: "--fds-color-danger-surface-default", attributes: {}, path: [ - "global", - "orange", - "3" + "color", + "danger", + "surface-default" ] }, { - value: "#5d2b0f", + value: "#6f1819", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#5d2b0f", + value: "{global.red.4}", type: "color" }, - name: "--fds-global-orange-4", + name: "--fds-color-danger-surface-hover", attributes: {}, path: [ - "global", - "orange", - "4" + "color", + "danger", + "surface-hover" ] }, { - value: "#6b3212", + value: "#7f1c1c", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#6b3212", + value: "{global.red.5}", type: "color" }, - name: "--fds-global-orange-5", + name: "--fds-color-danger-surface-active", attributes: {}, path: [ - "global", - "orange", - "5" + "color", + "danger", + "surface-active" ] }, { - value: "#853e16", + value: "#9d2223", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#853e16", + value: "{global.red.6}", type: "color" }, - name: "--fds-global-orange-6", + name: "--fds-color-danger-border-subtle", attributes: {}, path: [ - "global", - "orange", - "6" + "color", + "danger", + "border-subtle" ] }, { - value: "#ac4f1c", + value: "#bb3f40", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ac4f1c", + value: "{global.red.7}", type: "color" }, - name: "--fds-global-orange-7", + name: "--fds-color-danger-border-default", attributes: {}, path: [ - "global", - "orange", - "7" + "color", + "danger", + "border-default" ] }, { - value: "#d46223", + value: "#c96666", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#d46223", + value: "{global.red.8}", type: "color" }, - name: "--fds-global-orange-8", + name: "--fds-color-danger-border-strong", attributes: {}, path: [ - "global", - "orange", - "8" + "color", + "danger", + "border-strong" ] }, { - value: "#d46223", + value: "#b32728", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#d46223", + value: "{global.red.9}", type: "color" }, - name: "--fds-global-orange-9", + name: "--fds-color-danger-base-default", attributes: {}, path: [ - "global", - "orange", - "9" + "color", + "danger", + "base-default" ] }, { - value: "#b0511d", + value: "#8c1f1f", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#b0511d", + value: "{global.red.10}", type: "color" }, - name: "--fds-global-orange-10", + name: "--fds-color-danger-base-hover", attributes: {}, path: [ - "global", - "orange", - "10" + "color", + "danger", + "base-hover" ] }, { - value: "#8e4117", + value: "#671617", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#8e4117", + value: "{global.red.11}", type: "color" }, - name: "--fds-global-orange-11", + name: "--fds-color-danger-base-active", attributes: {}, path: [ - "global", - "orange", - "11" + "color", + "danger", + "base-active" ] }, { - value: "#e39a72", + value: "#dc9a9b", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e39a72", + value: "{global.red.12}", type: "color" }, - name: "--fds-global-orange-12", + name: "--fds-color-danger-text-subtle", attributes: {}, path: [ - "global", - "orange", - "12" + "color", + "danger", + "text-subtle" ] }, { - value: "#efc3ab", + value: "#e9c2c2", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#efc3ab", + value: "{global.red.13}", type: "color" }, - name: "--fds-global-orange-13", + name: "--fds-color-danger-text-default", attributes: {}, - path: [ - "global", - "orange", - "13" + path: [ + "color", + "danger", + "text-default" ] }, { - value: "#ffffff", + value: "#000", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ffffff", + value: "{global.red.contrast-1}", type: "color" }, - name: "--fds-global-orange-contrast-1", + name: "--fds-color-danger-contrast-first", attributes: {}, path: [ - "global", - "orange", - "contrast-1" + "color", + "danger", + "contrast-first" ] }, { value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{global.red.contrast-2}", type: "color" }, - name: "--fds-global-orange-contrast-2", + name: "--fds-color-danger-contrast-second", attributes: {}, path: [ - "global", - "orange", - "contrast-2" + "color", + "danger", + "contrast-second" ] }, { - value: "#380c0c", + value: "#031d30", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#380c0c", + value: "{global.blue.1}", type: "color" }, - name: "--fds-global-red-1", + name: "--fds-color-info-background-default", attributes: {}, path: [ - "global", - "red", - "1" + "color", + "info", + "background-default" ] }, { - value: "#470f10", + value: "#032540", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#470f10", + value: "{global.blue.2}", type: "color" }, - name: "--fds-global-red-2", + name: "--fds-color-info-background-subtle", attributes: {}, path: [ - "global", - "red", - "2" + "color", + "info", + "background-subtle" ] }, { - value: "#5e1515", + value: "#043256", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#5e1515", + value: "{global.blue.3}", type: "color" }, - name: "--fds-global-red-3", + name: "--fds-color-info-surface-default", attributes: {}, path: [ - "global", - "red", - "3" + "color", + "info", + "surface-default" ] }, { - value: "#6f1819", + value: "#053c65", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#6f1819", + value: "{global.blue.4}", type: "color" }, - name: "--fds-global-red-4", + name: "--fds-color-info-surface-hover", attributes: {}, path: [ - "global", - "red", - "4" + "color", + "info", + "surface-hover" ] }, { - value: "#7f1c1c", + value: "#064474", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#7f1c1c", + value: "{global.blue.5}", type: "color" }, - name: "--fds-global-red-5", + name: "--fds-color-info-surface-active", attributes: {}, path: [ - "global", - "red", - "5" + "color", + "info", + "surface-active" ] }, { - value: "#9d2223", + value: "#075490", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#9d2223", + value: "{global.blue.6}", type: "color" }, - name: "--fds-global-red-6", + name: "--fds-color-info-border-subtle", attributes: {}, path: [ - "global", - "red", - "6" + "color", + "info", + "border-subtle" ] }, { - value: "#bb3f40", + value: "#0a6dba", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#bb3f40", + value: "{global.blue.7}", type: "color" }, - name: "--fds-global-red-7", + name: "--fds-color-info-border-default", attributes: {}, path: [ - "global", - "red", - "7" + "color", + "info", + "border-default" ] }, { - value: "#c96666", + value: "#3389cb", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#c96666", + value: "{global.blue.8}", type: "color" }, - name: "--fds-global-red-8", + name: "--fds-color-info-border-strong", attributes: {}, path: [ - "global", - "red", - "8" + "color", + "info", + "border-strong" ] }, { - value: "#b32728", + value: "#0c72c1", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#b32728", + value: "{global.blue.9}", type: "color" }, - name: "--fds-global-red-9", + name: "--fds-color-info-base-default", attributes: {}, path: [ - "global", - "red", - "9" + "color", + "info", + "base-default" ] }, { - value: "#8c1f1f", + value: "#085c9c", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#8c1f1f", + value: "{global.blue.10}", type: "color" }, - name: "--fds-global-red-10", + name: "--fds-color-info-base-hover", attributes: {}, path: [ - "global", - "red", - "10" + "color", + "info", + "base-hover" ] }, { - value: "#671617", + value: "#064678", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#671617", + value: "{global.blue.11}", type: "color" }, - name: "--fds-global-red-11", + name: "--fds-color-info-base-active", attributes: {}, path: [ - "global", - "red", - "11" + "color", + "info", + "base-active" ] }, { - value: "#dc9a9b", + value: "#78b1dc", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#dc9a9b", + value: "{global.blue.12}", type: "color" }, - name: "--fds-global-red-12", + name: "--fds-color-info-text-subtle", attributes: {}, path: [ - "global", - "red", - "12" + "color", + "info", + "text-subtle" ] }, { - value: "#e9c2c2", + value: "#aed0ea", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e9c2c2", + value: "{global.blue.13}", type: "color" }, - name: "--fds-global-red-13", + name: "--fds-color-info-text-default", attributes: {}, path: [ - "global", - "red", - "13" + "color", + "info", + "text-default" ] }, { - value: "#000", + value: "#ffffff", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#000", + value: "{global.blue.contrast-1}", type: "color" }, - name: "--fds-global-red-contrast-1", + name: "--fds-color-info-contrast-first", attributes: {}, - path: [ - "global", - "red", - "contrast-1" + path: [ + "color", + "info", + "contrast-first" ] }, { value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{global.blue.contrast-2}", type: "color" }, - name: "--fds-global-red-contrast-2", + name: "--fds-color-info-contrast-second", attributes: {}, path: [ - "global", - "red", - "contrast-2" + "color", + "info", + "contrast-second" ] }, { - value: "#031d30", + value: "#211b08", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#031d30", + value: "{global.yellow.1}", type: "color" }, - name: "--fds-global-blue-1", + name: "--fds-color-warning-background-default", attributes: {}, path: [ - "global", - "blue", - "1" + "color", + "warning", + "background-default" ] }, { - value: "#032540", + value: "#2b230a", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#032540", + value: "{global.yellow.2}", type: "color" }, - name: "--fds-global-blue-2", + name: "--fds-color-warning-background-subtle", attributes: {}, path: [ - "global", - "blue", - "2" + "color", + "warning", + "background-subtle" ] }, { - value: "#043256", + value: "#3a300e", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#043256", + value: "{global.yellow.3}", type: "color" }, - name: "--fds-global-blue-3", + name: "--fds-color-warning-surface-default", attributes: {}, path: [ - "global", - "blue", - "3" + "color", + "warning", + "surface-default" ] }, { - value: "#053c65", + value: "#453810", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#053c65", + value: "{global.yellow.4}", type: "color" }, - name: "--fds-global-blue-4", + name: "--fds-color-warning-surface-hover", attributes: {}, path: [ - "global", - "blue", - "4" + "color", + "warning", + "surface-hover" ] }, { - value: "#064474", + value: "#4e4013", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#064474", + value: "{global.yellow.5}", type: "color" }, - name: "--fds-global-blue-5", + name: "--fds-color-warning-surface-active", attributes: {}, path: [ - "global", - "blue", - "5" + "color", + "warning", + "surface-active" ] }, { - value: "#075490", + value: "#625017", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#075490", + value: "{global.yellow.6}", type: "color" }, - name: "--fds-global-blue-6", + name: "--fds-color-warning-border-subtle", attributes: {}, path: [ - "global", - "blue", - "6" + "color", + "warning", + "border-subtle" ] }, { - value: "#0a6dba", + value: "#7f681e", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#0a6dba", + value: "{global.yellow.7}", type: "color" }, - name: "--fds-global-blue-7", + name: "--fds-color-warning-border-default", attributes: {}, path: [ - "global", - "blue", - "7" + "color", + "warning", + "border-default" ] }, { - value: "#3389cb", + value: "#9c8125", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#3389cb", + value: "{global.yellow.8}", type: "color" }, - name: "--fds-global-blue-8", + name: "--fds-color-warning-border-strong", attributes: {}, path: [ - "global", - "blue", - "8" + "color", + "warning", + "border-strong" ] }, { - value: "#0c72c1", + value: "#d46223", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#0c72c1", + value: "{global.orange.9}", type: "color" }, - name: "--fds-global-blue-9", + name: "--fds-color-warning-base-default", attributes: {}, path: [ - "global", - "blue", - "9" + "color", + "warning", + "base-default" ] }, { - value: "#085c9c", + value: "#b0511d", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#085c9c", + value: "{global.orange.10}", type: "color" }, - name: "--fds-global-blue-10", + name: "--fds-color-warning-base-hover", attributes: {}, path: [ - "global", - "blue", - "10" + "color", + "warning", + "base-hover" ] }, { - value: "#064678", + value: "#8e4117", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#064678", + value: "{global.orange.11}", type: "color" }, - name: "--fds-global-blue-11", + name: "--fds-color-warning-base-active", attributes: {}, path: [ - "global", - "blue", - "11" + "color", + "warning", + "base-active" ] }, { - value: "#78b1dc", + value: "#e39a72", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#78b1dc", + value: "{global.orange.12}", type: "color" }, - name: "--fds-global-blue-12", + name: "--fds-color-warning-text-subtle", attributes: {}, path: [ - "global", - "blue", - "12" + "color", + "warning", + "text-subtle" ] }, { - value: "#aed0ea", + value: "#efc3ab", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#aed0ea", + value: "{global.orange.13}", type: "color" }, - name: "--fds-global-blue-13", + name: "--fds-color-warning-text-default", attributes: {}, path: [ - "global", - "blue", - "13" + "color", + "warning", + "text-default" ] }, { - value: "#ffffff", + value: "#000", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ffffff", + value: "{global.yellow.contrast-1}", type: "color" }, - name: "--fds-global-blue-contrast-1", + name: "--fds-color-warning-contrast-first", attributes: {}, path: [ - "global", - "blue", - "contrast-1" + "color", + "warning", + "contrast-first" ] }, { value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/primitives/colors/dark/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{global.yellow.contrast-2}", type: "color" }, - name: "--fds-global-blue-contrast-2", + name: "--fds-color-warning-contrast-second", attributes: {}, path: [ - "global", - "blue", - "contrast-2" + "color", + "warning", + "contrast-second" ] }, { diff --git a/apps/storefront/tokens/uutilsynet/light.ts b/apps/storefront/tokens/uutilsynet/light.ts index 5a3838daaa..411fd3ebb4 100644 --- a/apps/storefront/tokens/uutilsynet/light.ts +++ b/apps/storefront/tokens/uutilsynet/light.ts @@ -4,2042 +4,2042 @@ export const color = [ { - value: "#fefeff", + value: "#fcfefc", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.1}", + value: "#fcfefc", type: "color" }, - name: "--fds-color-accent-background-default", + name: "--fds-global-green-1", attributes: {}, path: [ - "color", - "accent", - "background-default" + "global", + "green", + "1" ] }, { - value: "#eef4fa", + value: "#e9f6ea", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.2}", + value: "#e9f6ea", type: "color" }, - name: "--fds-color-accent-background-subtle", + name: "--fds-global-green-2", attributes: {}, path: [ - "color", - "accent", - "background-subtle" + "global", + "green", + "2" ] }, { - value: "#e2edf7", + value: "#d9efdc", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.3}", + value: "#d9efdc", type: "color" }, - name: "--fds-color-accent-surface-default", + name: "--fds-global-green-3", attributes: {}, path: [ - "color", - "accent", - "surface-default" + "global", + "green", + "3" ] }, { - value: "#c3daef", + value: "#b9e1be", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.4}", + value: "#b9e1be", type: "color" }, - name: "--fds-color-accent-surface-hover", + name: "--fds-global-green-4", attributes: {}, path: [ - "color", - "accent", - "surface-hover" + "global", + "green", + "4" ] }, { - value: "#a4c7e6", + value: "#94d29d", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.5}", + value: "#94d29d", type: "color" }, - name: "--fds-color-accent-surface-active", + name: "--fds-global-green-5", attributes: {}, path: [ - "color", - "accent", - "surface-active" + "global", + "green", + "5" ] }, { - value: "#aecde9", + value: "#9ed6a5", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.6}", + value: "#9ed6a5", type: "color" }, - name: "--fds-color-accent-border-subtle", + name: "--fds-global-green-6", attributes: {}, path: [ - "color", - "accent", - "border-subtle" + "global", + "green", + "6" ] }, { - value: "#4b90ce", + value: "#29a03a", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.7}", + value: "#29a03a", type: "color" }, - name: "--fds-color-accent-border-default", + name: "--fds-global-green-7", attributes: {}, path: [ - "color", - "accent", - "border-default" + "global", + "green", + "7" ] }, { - value: "#00529d", + value: "#185e22", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.8}", + value: "#185e22", type: "color" }, - name: "--fds-color-accent-border-strong", + name: "--fds-global-green-8", attributes: {}, path: [ - "color", - "accent", - "border-strong" + "global", + "green", + "8" ] }, { - value: "#0163ba", + value: "#2ca63d", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.9}", + value: "#2ca63d", type: "color" }, - name: "--fds-color-accent-base-default", + name: "--fds-global-green-9", attributes: {}, path: [ - "color", - "accent", - "base-default" + "global", + "green", + "9" ] }, { - value: "#004d93", + value: "#248c33", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.10}", + value: "#248c33", type: "color" }, - name: "--fds-color-accent-base-hover", + name: "--fds-global-green-10", attributes: {}, path: [ - "color", - "accent", - "base-hover" + "global", + "green", + "10" ] }, { - value: "#00396d", + value: "#1d7129", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.11}", + value: "#1d7129", type: "color" }, - name: "--fds-color-accent-base-active", + name: "--fds-global-green-11", attributes: {}, path: [ - "color", - "accent", - "base-active" + "global", + "green", + "11" ] }, { - value: "#005099", + value: "#185c21", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.12}", + value: "#185c21", type: "color" }, - name: "--fds-color-accent-text-subtle", + name: "--fds-global-green-12", attributes: {}, path: [ - "color", - "accent", - "text-subtle" + "global", + "green", + "12" ] }, { - value: "#00315c", + value: "#0f3814", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.13}", + value: "#0f3814", type: "color" }, - name: "--fds-color-accent-text-default", + name: "--fds-global-green-13", attributes: {}, path: [ - "color", - "accent", - "text-default" + "global", + "green", + "13" ] }, { - value: "#f6fafd", + value: "#ffffff", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.contrast-1}", + value: "#ffffff", type: "color" }, - name: "--fds-color-accent-contrast-first", + name: "--fds-global-green-contrast-1", attributes: {}, path: [ - "color", - "accent", - "contrast-first" + "global", + "green", + "contrast-1" ] }, { - value: "#ddeaf6", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.accent.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-accent-contrast-second", + name: "--fds-global-green-contrast-2", attributes: {}, path: [ - "color", - "accent", - "contrast-second" + "global", + "green", + "contrast-2" ] }, { - value: "#fefefe", + value: "#fffefc", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.1}", + value: "#fffefc", type: "color" }, - name: "--fds-color-neutral-background-default", + name: "--fds-global-yellow-1", attributes: {}, path: [ - "color", - "neutral", - "background-default" + "global", + "yellow", + "1" ] }, { - value: "#f3f4f5", + value: "#fbf2d5", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.2}", + value: "#fbf2d5", type: "color" }, - name: "--fds-color-neutral-background-subtle", + name: "--fds-global-yellow-2", attributes: {}, path: [ - "color", - "neutral", - "background-subtle" + "global", + "yellow", + "2" ] }, { - value: "#e9eaec", + value: "#f9ebbd", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.3}", + value: "#f9ebbd", type: "color" }, - name: "--fds-color-neutral-surface-default", + name: "--fds-global-yellow-3", attributes: {}, path: [ - "color", - "neutral", - "surface-default" + "global", + "yellow", + "3" ] }, { - value: "#d5d7da", + value: "#f2d474", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.4}", + value: "#f2d474", type: "color" }, - name: "--fds-color-neutral-surface-hover", + name: "--fds-global-yellow-4", attributes: {}, path: [ - "color", - "neutral", - "surface-hover" + "global", + "yellow", + "4" ] }, { - value: "#c1c4c9", + value: "#e8bf37", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.5}", + value: "#e8bf37", type: "color" }, - name: "--fds-color-neutral-surface-active", + name: "--fds-global-yellow-5", attributes: {}, path: [ - "color", - "neutral", - "surface-active" + "global", + "yellow", + "5" ] }, { - value: "#c6c9cd", + value: "#edc644", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.6}", + value: "#edc644", type: "color" }, - name: "--fds-color-neutral-border-subtle", + name: "--fds-global-yellow-6", attributes: {}, path: [ - "color", - "neutral", - "border-subtle" + "global", + "yellow", + "6" ] }, { - value: "#858c96", + value: "#a68827", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.7}", + value: "#a68827", type: "color" }, - name: "--fds-color-neutral-border-default", + name: "--fds-global-yellow-7", attributes: {}, path: [ - "color", - "neutral", - "border-default" + "global", + "yellow", + "7" ] }, { - value: "#495361", + value: "#625017", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.8}", + value: "#625017", type: "color" }, - name: "--fds-color-neutral-border-strong", + name: "--fds-global-yellow-8", attributes: {}, path: [ - "color", - "neutral", - "border-strong" + "global", + "yellow", + "8" ] }, { - value: "#1e2b3c", + value: "#ecc238", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.9}", + value: "#ecc238", type: "color" }, - name: "--fds-color-neutral-base-default", + name: "--fds-global-yellow-9", attributes: {}, path: [ - "color", - "neutral", - "base-default" + "global", + "yellow", + "9" ] }, { - value: "#333e4e", + value: "#cfaa31", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.10}", + value: "#cfaa31", type: "color" }, - name: "--fds-color-neutral-base-hover", + name: "--fds-global-yellow-10", attributes: {}, path: [ - "color", - "neutral", - "base-hover" + "global", + "yellow", + "10" ] }, { - value: "#495361", + value: "#b2922a", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.11}", + value: "#b2922a", type: "color" }, - name: "--fds-color-neutral-base-active", + name: "--fds-global-yellow-11", attributes: {}, path: [ - "color", - "neutral", - "base-active" + "global", + "yellow", + "11" ] }, { - value: "#46505e", + value: "#604f17", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.12}", + value: "#604f17", type: "color" }, - name: "--fds-color-neutral-text-subtle", + name: "--fds-global-yellow-12", attributes: {}, path: [ - "color", - "neutral", - "text-subtle" + "global", + "yellow", + "12" ] }, { - value: "#243142", + value: "#3a300e", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.13}", + value: "#3a300e", type: "color" }, - name: "--fds-color-neutral-text-default", + name: "--fds-global-yellow-13", attributes: {}, path: [ - "color", - "neutral", - "text-default" + "global", + "yellow", + "13" ] }, { - value: "#f9f9fa", + value: "#ffffff", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.contrast-1}", + value: "#ffffff", type: "color" }, - name: "--fds-color-neutral-contrast-first", + name: "--fds-global-yellow-contrast-1", attributes: {}, path: [ - "color", - "neutral", - "contrast-first" + "global", + "yellow", + "contrast-1" ] }, { - value: "#9ea3ab", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.neutral.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-neutral-contrast-second", + name: "--fds-global-yellow-contrast-2", attributes: {}, path: [ - "color", - "neutral", - "contrast-second" + "global", + "yellow", + "contrast-2" ] }, { - value: "#fffefe", + value: "#fffefd", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.1}", + value: "#fffefd", type: "color" }, - name: "--fds-color-brand1-background-default", + name: "--fds-global-orange-1", attributes: {}, path: [ - "color", - "brand1", - "background-default" + "global", + "orange", + "1" ] }, { - value: "#fef0f1", + value: "#fbf1ec", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.2}", + value: "#fbf1ec", type: "color" }, - name: "--fds-color-brand1-background-subtle", + name: "--fds-global-orange-2", attributes: {}, path: [ - "color", - "brand1", - "background-subtle" + "global", + "orange", + "2" ] }, { - value: "#fde5e6", + value: "#f9e8df", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.3}", + value: "#f9e8df", type: "color" }, - name: "--fds-color-brand1-surface-default", + name: "--fds-global-orange-3", attributes: {}, path: [ - "color", - "brand1", - "surface-default" + "global", + "orange", + "3" ] }, { - value: "#fbcccd", + value: "#f2d0bc", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.4}", + value: "#f2d0bc", type: "color" }, - name: "--fds-color-brand1-surface-hover", + name: "--fds-global-orange-4", attributes: {}, path: [ - "color", - "brand1", - "surface-hover" + "global", + "orange", + "4" ] }, { - value: "#fab1b3", + value: "#ecb99e", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.5}", + value: "#ecb99e", type: "color" }, - name: "--fds-color-brand1-surface-active", + name: "--fds-global-orange-5", attributes: {}, path: [ - "color", - "brand1", - "surface-active" + "global", + "orange", + "5" ] }, { - value: "#fab8b9", + value: "#eec0a7", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.6}", + value: "#eec0a7", type: "color" }, - name: "--fds-color-brand1-border-subtle", + name: "--fds-global-orange-6", attributes: {}, path: [ - "color", - "brand1", - "border-subtle" + "global", + "orange", + "6" ] }, { - value: "#eb5b5f", + value: "#d76e34", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.7}", + value: "#d76e34", type: "color" }, - name: "--fds-color-brand1-border-default", + name: "--fds-global-orange-7", attributes: {}, path: [ - "color", - "brand1", - "border-default" + "global", + "orange", + "7" ] }, { - value: "#8b3639", + value: "#853e16", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.8}", + value: "#853e16", type: "color" }, - name: "--fds-color-brand1-border-strong", + name: "--fds-global-orange-8", attributes: {}, path: [ - "color", - "brand1", - "border-strong" + "global", + "orange", + "8" ] }, { - value: "#f35f63", + value: "#d46223", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.9}", + value: "#d46223", type: "color" }, - name: "--fds-color-brand1-base-default", + name: "--fds-global-orange-9", attributes: {}, path: [ - "color", - "brand1", - "base-default" + "global", + "orange", + "9" ] }, { - value: "#cc5053", + value: "#b0511d", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.10}", + value: "#b0511d", type: "color" }, - name: "--fds-color-brand1-base-hover", + name: "--fds-global-orange-10", attributes: {}, path: [ - "color", - "brand1", - "base-hover" + "global", + "orange", + "10" ] }, { - value: "#a84144", + value: "#8e4117", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.11}", + value: "#8e4117", type: "color" }, - name: "--fds-color-brand1-base-active", + name: "--fds-global-orange-11", attributes: {}, path: [ - "color", - "brand1", - "base-active" + "global", + "orange", + "11" ] }, { - value: "#873537", + value: "#813c15", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.12}", + value: "#813c15", type: "color" }, - name: "--fds-color-brand1-text-subtle", + name: "--fds-global-orange-12", attributes: {}, path: [ - "color", - "brand1", - "text-subtle" + "global", + "orange", + "12" ] }, { - value: "#522021", + value: "#4f240d", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.13}", + value: "#4f240d", type: "color" }, - name: "--fds-color-brand1-text-default", + name: "--fds-global-orange-13", attributes: {}, path: [ - "color", - "brand1", - "text-default" + "global", + "orange", + "13" ] }, { - value: "#f6fafd", + value: "#ffffff", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.contrast-1}", + value: "#ffffff", type: "color" }, - name: "--fds-color-brand1-contrast-first", + name: "--fds-global-orange-contrast-1", attributes: {}, path: [ - "color", - "brand1", - "contrast-first" + "global", + "orange", + "contrast-1" ] }, { - value: "#ddeaf6", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand1.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-brand1-contrast-second", + name: "--fds-global-orange-contrast-2", attributes: {}, path: [ - "color", - "brand1", - "contrast-second" + "global", + "orange", + "contrast-2" ] }, { - value: "#fffefc", + value: "#fffefe", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.1}", + value: "#fffefe", type: "color" }, - name: "--fds-color-brand2-background-default", + name: "--fds-global-red-1", attributes: {}, path: [ - "color", - "brand2", - "background-default" + "global", + "red", + "1" ] }, { - value: "#fbf3e0", + value: "#fbf2f3", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.2}", + value: "#fbf2f3", type: "color" }, - name: "--fds-color-brand2-background-subtle", + name: "--fds-global-red-2", attributes: {}, path: [ - "color", - "brand2", - "background-subtle" + "global", + "red", + "2" ] }, { - value: "#f8e9c6", + value: "#f6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.3}", + value: "#f6e6e6", type: "color" }, - name: "--fds-color-brand2-surface-default", + name: "--fds-global-red-3", attributes: {}, path: [ - "color", - "brand2", - "surface-default" + "global", + "red", + "3" ] }, { - value: "#f2d48d", + value: "#eecfd0", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.4}", + value: "#eecfd0", type: "color" }, - name: "--fds-color-brand2-surface-hover", + name: "--fds-global-red-4", attributes: {}, path: [ - "color", - "brand2", - "surface-hover" + "global", + "red", + "4" ] }, { - value: "#ebbe54", + value: "#e6b9b9", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.5}", + value: "#e6b9b9", type: "color" }, - name: "--fds-color-brand2-surface-active", + name: "--fds-global-red-5", attributes: {}, path: [ - "color", - "brand2", - "surface-active" + "global", + "red", + "5" ] }, { - value: "#edc464", + value: "#e8bfbf", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.6}", + value: "#e8bfbf", type: "color" }, - name: "--fds-color-brand2-border-subtle", + name: "--fds-global-red-6", attributes: {}, path: [ - "color", - "brand2", - "border-subtle" + "global", + "red", + "6" ] }, { - value: "#b28419", + value: "#cd7172", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.7}", + value: "#cd7172", type: "color" }, - name: "--fds-color-brand2-border-default", + name: "--fds-global-red-7", attributes: {}, path: [ - "color", - "brand2", - "border-default" + "global", + "red", + "7" ] }, { - value: "#684e0f", + value: "#9d2223", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.8}", + value: "#9d2223", type: "color" }, - name: "--fds-color-brand2-border-strong", + name: "--fds-global-red-8", attributes: {}, path: [ - "color", - "brand2", - "border-strong" + "global", + "red", + "8" ] }, { - value: "#e4a920", + value: "#b32728", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.9}", + value: "#b32728", type: "color" }, - name: "--fds-color-brand2-base-default", + name: "--fds-global-red-9", attributes: {}, path: [ - "color", - "brand2", - "base-default" + "global", + "red", + "9" ] }, { - value: "#c6931c", + value: "#8c1f1f", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.10}", + value: "#8c1f1f", type: "color" }, - name: "--fds-color-brand2-base-hover", + name: "--fds-global-red-10", attributes: {}, path: [ - "color", - "brand2", - "base-hover" - ] + "global", + "red", + "10" + ] }, { - value: "#a87c17", + value: "#671617", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.11}", + value: "#671617", type: "color" }, - name: "--fds-color-brand2-base-active", + name: "--fds-global-red-11", attributes: {}, path: [ - "color", - "brand2", - "base-active" + "global", + "red", + "11" ] }, { - value: "#664c0e", + value: "#9a2122", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.12}", + value: "#9a2122", type: "color" }, - name: "--fds-color-brand2-text-subtle", + name: "--fds-global-red-12", attributes: {}, path: [ - "color", - "brand2", - "text-subtle" + "global", + "red", + "12" ] }, { - value: "#3d2e09", + value: "#5e1515", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.13}", + value: "#5e1515", type: "color" }, - name: "--fds-color-brand2-text-default", + name: "--fds-global-red-13", attributes: {}, path: [ - "color", - "brand2", - "text-default" + "global", + "red", + "13" ] }, { - value: "#f6fafd", + value: "#ffffff", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.contrast-1}", + value: "#ffffff", type: "color" }, - name: "--fds-color-brand2-contrast-first", + name: "--fds-global-red-contrast-1", attributes: {}, path: [ - "color", - "brand2", - "contrast-first" + "global", + "red", + "contrast-1" ] }, { - value: "#ddeaf6", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand2.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-brand2-contrast-second", + name: "--fds-global-red-contrast-2", attributes: {}, path: [ - "color", - "brand2", - "contrast-second" + "global", + "red", + "contrast-2" ] }, { - value: "#fdfeff", + value: "#fefeff", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.1}", + value: "#fefeff", type: "color" }, - name: "--fds-color-brand3-background-default", + name: "--fds-global-blue-1", attributes: {}, path: [ - "color", - "brand3", - "background-default" + "global", + "blue", + "1" ] }, { - value: "#eaf6fe", + value: "#edf5fa", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.2}", + value: "#edf5fa", type: "color" }, - name: "--fds-color-brand3-background-subtle", + name: "--fds-global-blue-2", attributes: {}, path: [ - "color", - "brand3", - "background-subtle" + "global", + "blue", + "2" ] }, { - value: "#d9eefd", + value: "#dfecf7", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.3}", + value: "#dfecf7", type: "color" }, - name: "--fds-color-brand3-surface-default", + name: "--fds-global-blue-3", attributes: {}, path: [ - "color", - "brand3", - "surface-default" + "global", + "blue", + "3" ] }, { - value: "#b3dcfc", + value: "#bedaee", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.4}", + value: "#bedaee", type: "color" }, - name: "--fds-color-brand3-surface-hover", + name: "--fds-global-blue-4", attributes: {}, path: [ - "color", - "brand3", - "surface-hover" + "global", + "blue", + "4" ] }, { - value: "#8bcafa", + value: "#a1c9e7", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.5}", + value: "#a1c9e7", type: "color" }, - name: "--fds-color-brand3-surface-active", + name: "--fds-global-blue-5", attributes: {}, path: [ - "color", - "brand3", - "surface-active" + "global", + "blue", + "5" ] }, { - value: "#96cffa", + value: "#aacee9", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.6}", + value: "#aacee9", type: "color" }, - name: "--fds-color-brand3-border-subtle", + name: "--fds-global-blue-6", attributes: {}, path: [ - "color", - "brand3", - "border-subtle" + "global", + "blue", + "6" ] }, { - value: "#1c90e8", + value: "#4291ce", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.7}", + value: "#4291ce", type: "color" }, - name: "--fds-color-brand3-border-default", + name: "--fds-global-blue-7", attributes: {}, path: [ - "color", - "brand3", - "border-default" + "global", + "blue", + "7" ] }, { - value: "#11558a", + value: "#075490", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.8}", + value: "#075490", type: "color" }, - name: "--fds-color-brand3-border-strong", + name: "--fds-global-blue-8", attributes: {}, path: [ - "color", - "brand3", - "border-strong" + "global", + "blue", + "8" ] }, { - value: "#1e98f5", + value: "#0c72c1", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.9}", + value: "#0c72c1", type: "color" }, - name: "--fds-color-brand3-base-default", + name: "--fds-global-blue-9", attributes: {}, path: [ - "color", - "brand3", - "base-default" + "global", + "blue", + "9" ] }, { - value: "#1980ce", + value: "#085c9c", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.10}", + value: "#085c9c", type: "color" }, - name: "--fds-color-brand3-base-hover", + name: "--fds-global-blue-10", attributes: {}, path: [ - "color", - "brand3", - "base-hover" + "global", + "blue", + "10" ] }, { - value: "#1569a9", + value: "#064678", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.11}", + value: "#064678", type: "color" }, - name: "--fds-color-brand3-base-active", + name: "--fds-global-blue-11", attributes: {}, path: [ - "color", - "brand3", - "base-active" + "global", + "blue", + "11" ] }, { - value: "#105387", + value: "#07528c", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.12}", + value: "#07528c", type: "color" }, - name: "--fds-color-brand3-text-subtle", + name: "--fds-global-blue-12", attributes: {}, path: [ - "color", - "brand3", - "text-subtle" + "global", + "blue", + "12" ] }, { - value: "#0a3251", + value: "#043256", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.13}", + value: "#043256", type: "color" }, - name: "--fds-color-brand3-text-default", + name: "--fds-global-blue-13", attributes: {}, path: [ - "color", - "brand3", - "text-default" + "global", + "blue", + "13" ] }, { - value: "#f6fafd", + value: "#ffffff", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.contrast-1}", + value: "#ffffff", type: "color" }, - name: "--fds-color-brand3-contrast-first", + name: "--fds-global-blue-contrast-1", attributes: {}, path: [ - "color", - "brand3", - "contrast-first" + "global", + "blue", + "contrast-1" ] }, { - value: "#ddeaf6", + value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/semantic/color.json", + filePath: "../../design-tokens/primitives/colors/light/global.json", isSource: false, original: { - value: "{color.brand3.contrast-2}", + value: "#e6e6e6", type: "color" }, - name: "--fds-color-brand3-contrast-second", + name: "--fds-global-blue-contrast-2", attributes: {}, path: [ - "color", - "brand3", - "contrast-second" + "global", + "blue", + "contrast-2" ] }, { - value: "#fcfefc", + value: "#fefeff", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.1}", + value: "{color.accent.1}", type: "color" }, - name: "--fds-color-success-background-default", + name: "--fds-color-accent-background-default", attributes: {}, path: [ "color", - "success", + "accent", "background-default" ] }, { - value: "#e9f6ea", + value: "#eef4fa", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.2}", + value: "{color.accent.2}", type: "color" }, - name: "--fds-color-success-background-subtle", + name: "--fds-color-accent-background-subtle", attributes: {}, path: [ "color", - "success", + "accent", "background-subtle" ] }, { - value: "#d9efdc", + value: "#e2edf7", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.3}", + value: "{color.accent.3}", type: "color" }, - name: "--fds-color-success-surface-default", + name: "--fds-color-accent-surface-default", attributes: {}, path: [ "color", - "success", + "accent", "surface-default" ] }, { - value: "#b9e1be", + value: "#c3daef", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.4}", + value: "{color.accent.4}", type: "color" }, - name: "--fds-color-success-surface-hover", + name: "--fds-color-accent-surface-hover", attributes: {}, path: [ "color", - "success", + "accent", "surface-hover" ] }, { - value: "#94d29d", + value: "#a4c7e6", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.5}", + value: "{color.accent.5}", type: "color" }, - name: "--fds-color-success-surface-active", + name: "--fds-color-accent-surface-active", attributes: {}, path: [ "color", - "success", + "accent", "surface-active" ] }, { - value: "#9ed6a5", + value: "#aecde9", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.6}", + value: "{color.accent.6}", type: "color" }, - name: "--fds-color-success-border-subtle", + name: "--fds-color-accent-border-subtle", attributes: {}, path: [ "color", - "success", + "accent", "border-subtle" ] }, { - value: "#29a03a", + value: "#4b90ce", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.7}", + value: "{color.accent.7}", type: "color" }, - name: "--fds-color-success-border-default", + name: "--fds-color-accent-border-default", attributes: {}, path: [ "color", - "success", + "accent", "border-default" ] }, { - value: "#185e22", + value: "#00529d", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.8}", + value: "{color.accent.8}", type: "color" }, - name: "--fds-color-success-border-strong", + name: "--fds-color-accent-border-strong", attributes: {}, path: [ "color", - "success", + "accent", "border-strong" ] }, { - value: "#2ca63d", + value: "#0163ba", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.9}", + value: "{color.accent.9}", type: "color" }, - name: "--fds-color-success-base-default", + name: "--fds-color-accent-base-default", attributes: {}, path: [ "color", - "success", + "accent", "base-default" ] }, { - value: "#248c33", + value: "#004d93", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.10}", + value: "{color.accent.10}", type: "color" }, - name: "--fds-color-success-base-hover", + name: "--fds-color-accent-base-hover", attributes: {}, path: [ "color", - "success", + "accent", "base-hover" ] }, { - value: "#1d7129", + value: "#00396d", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.11}", + value: "{color.accent.11}", type: "color" }, - name: "--fds-color-success-base-active", + name: "--fds-color-accent-base-active", attributes: {}, path: [ "color", - "success", + "accent", "base-active" ] }, { - value: "#185c21", + value: "#005099", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.12}", + value: "{color.accent.12}", type: "color" }, - name: "--fds-color-success-text-subtle", + name: "--fds-color-accent-text-subtle", attributes: {}, path: [ "color", - "success", + "accent", "text-subtle" ] }, { - value: "#0f3814", + value: "#00315c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.13}", + value: "{color.accent.13}", type: "color" }, - name: "--fds-color-success-text-default", + name: "--fds-color-accent-text-default", attributes: {}, path: [ "color", - "success", + "accent", "text-default" ] }, { - value: "#ffffff", + value: "#f6fafd", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.contrast-1}", + value: "{color.accent.contrast-1}", type: "color" }, - name: "--fds-color-success-contrast-first", + name: "--fds-color-accent-contrast-first", attributes: {}, path: [ "color", - "success", + "accent", "contrast-first" ] }, { - value: "#e6e6e6", + value: "#ddeaf6", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.green.contrast-2}", + value: "{color.accent.contrast-2}", type: "color" }, - name: "--fds-color-success-contrast-second", + name: "--fds-color-accent-contrast-second", attributes: {}, path: [ "color", - "success", + "accent", "contrast-second" ] }, { - value: "#fffefe", + value: "#fefefe", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.1}", + value: "{color.neutral.1}", type: "color" }, - name: "--fds-color-danger-background-default", + name: "--fds-color-neutral-background-default", attributes: {}, path: [ "color", - "danger", + "neutral", "background-default" ] }, { - value: "#fbf2f3", + value: "#f3f4f5", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.2}", + value: "{color.neutral.2}", type: "color" }, - name: "--fds-color-danger-background-subtle", + name: "--fds-color-neutral-background-subtle", attributes: {}, path: [ "color", - "danger", + "neutral", "background-subtle" ] }, { - value: "#f6e6e6", + value: "#e9eaec", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.3}", + value: "{color.neutral.3}", type: "color" }, - name: "--fds-color-danger-surface-default", + name: "--fds-color-neutral-surface-default", attributes: {}, path: [ "color", - "danger", + "neutral", "surface-default" ] }, { - value: "#eecfd0", + value: "#d5d7da", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.4}", + value: "{color.neutral.4}", type: "color" }, - name: "--fds-color-danger-surface-hover", + name: "--fds-color-neutral-surface-hover", attributes: {}, path: [ "color", - "danger", + "neutral", "surface-hover" ] }, { - value: "#e6b9b9", + value: "#c1c4c9", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.5}", + value: "{color.neutral.5}", type: "color" }, - name: "--fds-color-danger-surface-active", + name: "--fds-color-neutral-surface-active", attributes: {}, path: [ "color", - "danger", + "neutral", "surface-active" ] }, { - value: "#e8bfbf", + value: "#c6c9cd", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.6}", + value: "{color.neutral.6}", type: "color" }, - name: "--fds-color-danger-border-subtle", + name: "--fds-color-neutral-border-subtle", attributes: {}, path: [ "color", - "danger", + "neutral", "border-subtle" ] }, { - value: "#cd7172", + value: "#858c96", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.7}", + value: "{color.neutral.7}", type: "color" }, - name: "--fds-color-danger-border-default", + name: "--fds-color-neutral-border-default", attributes: {}, path: [ "color", - "danger", + "neutral", "border-default" ] }, { - value: "#9d2223", + value: "#495361", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.8}", + value: "{color.neutral.8}", type: "color" }, - name: "--fds-color-danger-border-strong", + name: "--fds-color-neutral-border-strong", attributes: {}, path: [ "color", - "danger", + "neutral", "border-strong" ] }, { - value: "#b32728", + value: "#1e2b3c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.9}", + value: "{color.neutral.9}", type: "color" }, - name: "--fds-color-danger-base-default", + name: "--fds-color-neutral-base-default", attributes: {}, path: [ "color", - "danger", + "neutral", "base-default" ] }, { - value: "#8c1f1f", + value: "#333e4e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.10}", + value: "{color.neutral.10}", type: "color" }, - name: "--fds-color-danger-base-hover", + name: "--fds-color-neutral-base-hover", attributes: {}, path: [ "color", - "danger", + "neutral", "base-hover" ] }, { - value: "#671617", + value: "#495361", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.11}", + value: "{color.neutral.11}", type: "color" }, - name: "--fds-color-danger-base-active", + name: "--fds-color-neutral-base-active", attributes: {}, path: [ "color", - "danger", + "neutral", "base-active" ] }, { - value: "#9a2122", + value: "#46505e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.12}", + value: "{color.neutral.12}", type: "color" }, - name: "--fds-color-danger-text-subtle", + name: "--fds-color-neutral-text-subtle", attributes: {}, path: [ "color", - "danger", + "neutral", "text-subtle" ] }, { - value: "#5e1515", + value: "#243142", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.13}", + value: "{color.neutral.13}", type: "color" }, - name: "--fds-color-danger-text-default", + name: "--fds-color-neutral-text-default", attributes: {}, path: [ "color", - "danger", + "neutral", "text-default" ] }, { - value: "#ffffff", + value: "#f9f9fa", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.contrast-1}", + value: "{color.neutral.contrast-1}", type: "color" }, - name: "--fds-color-danger-contrast-first", + name: "--fds-color-neutral-contrast-first", attributes: {}, path: [ "color", - "danger", + "neutral", "contrast-first" ] }, { - value: "#e6e6e6", + value: "#9ea3ab", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.red.contrast-2}", + value: "{color.neutral.contrast-2}", type: "color" }, - name: "--fds-color-danger-contrast-second", + name: "--fds-color-neutral-contrast-second", attributes: {}, path: [ "color", - "danger", + "neutral", "contrast-second" ] }, { - value: "#fefeff", + value: "#fffefe", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.1}", + value: "{color.brand1.1}", type: "color" }, - name: "--fds-color-info-background-default", + name: "--fds-color-brand1-background-default", attributes: {}, path: [ "color", - "info", + "brand1", "background-default" ] }, { - value: "#edf5fa", + value: "#fef0f1", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.2}", + value: "{color.brand1.2}", type: "color" }, - name: "--fds-color-info-background-subtle", + name: "--fds-color-brand1-background-subtle", attributes: {}, path: [ "color", - "info", + "brand1", "background-subtle" ] }, { - value: "#dfecf7", + value: "#fde5e6", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.3}", + value: "{color.brand1.3}", type: "color" }, - name: "--fds-color-info-surface-default", + name: "--fds-color-brand1-surface-default", attributes: {}, path: [ "color", - "info", + "brand1", "surface-default" ] }, { - value: "#bedaee", + value: "#fbcccd", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.4}", + value: "{color.brand1.4}", type: "color" }, - name: "--fds-color-info-surface-hover", + name: "--fds-color-brand1-surface-hover", attributes: {}, path: [ "color", - "info", + "brand1", "surface-hover" ] }, { - value: "#a1c9e7", + value: "#fab1b3", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.5}", + value: "{color.brand1.5}", type: "color" }, - name: "--fds-color-info-surface-active", + name: "--fds-color-brand1-surface-active", attributes: {}, path: [ "color", - "info", + "brand1", "surface-active" ] }, { - value: "#aacee9", + value: "#fab8b9", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.6}", + value: "{color.brand1.6}", type: "color" }, - name: "--fds-color-info-border-subtle", + name: "--fds-color-brand1-border-subtle", attributes: {}, path: [ "color", - "info", + "brand1", "border-subtle" ] }, { - value: "#4291ce", + value: "#eb5b5f", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.7}", + value: "{color.brand1.7}", type: "color" }, - name: "--fds-color-info-border-default", + name: "--fds-color-brand1-border-default", attributes: {}, path: [ "color", - "info", + "brand1", "border-default" ] }, { - value: "#075490", + value: "#8b3639", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.8}", + value: "{color.brand1.8}", type: "color" }, - name: "--fds-color-info-border-strong", + name: "--fds-color-brand1-border-strong", attributes: {}, path: [ "color", - "info", + "brand1", "border-strong" ] }, { - value: "#0c72c1", + value: "#f35f63", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.9}", + value: "{color.brand1.9}", type: "color" }, - name: "--fds-color-info-base-default", + name: "--fds-color-brand1-base-default", attributes: {}, path: [ "color", - "info", + "brand1", "base-default" ] }, { - value: "#085c9c", + value: "#cc5053", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.10}", + value: "{color.brand1.10}", type: "color" }, - name: "--fds-color-info-base-hover", + name: "--fds-color-brand1-base-hover", attributes: {}, path: [ "color", - "info", + "brand1", "base-hover" ] }, { - value: "#064678", + value: "#a84144", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.11}", + value: "{color.brand1.11}", type: "color" }, - name: "--fds-color-info-base-active", + name: "--fds-color-brand1-base-active", attributes: {}, path: [ "color", - "info", + "brand1", "base-active" ] }, { - value: "#07528c", + value: "#873537", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.12}", + value: "{color.brand1.12}", type: "color" }, - name: "--fds-color-info-text-subtle", + name: "--fds-color-brand1-text-subtle", attributes: {}, path: [ "color", - "info", + "brand1", "text-subtle" ] }, { - value: "#043256", + value: "#522021", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.13}", + value: "{color.brand1.13}", type: "color" }, - name: "--fds-color-info-text-default", + name: "--fds-color-brand1-text-default", attributes: {}, path: [ "color", - "info", + "brand1", "text-default" ] }, { - value: "#ffffff", + value: "#f6fafd", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.contrast-1}", + value: "{color.brand1.contrast-1}", type: "color" }, - name: "--fds-color-info-contrast-first", + name: "--fds-color-brand1-contrast-first", attributes: {}, path: [ "color", - "info", + "brand1", "contrast-first" ] }, { - value: "#e6e6e6", + value: "#ddeaf6", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.blue.contrast-2}", + value: "{color.brand1.contrast-2}", type: "color" }, - name: "--fds-color-info-contrast-second", + name: "--fds-color-brand1-contrast-second", attributes: {}, path: [ "color", - "info", + "brand1", "contrast-second" ] }, @@ -2049,1528 +2049,1528 @@ export const color = [ filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.1}", + value: "{color.brand2.1}", type: "color" }, - name: "--fds-color-warning-background-default", + name: "--fds-color-brand2-background-default", attributes: {}, path: [ "color", - "warning", + "brand2", "background-default" ] }, { - value: "#fbf2d5", + value: "#fbf3e0", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.2}", + value: "{color.brand2.2}", type: "color" }, - name: "--fds-color-warning-background-subtle", + name: "--fds-color-brand2-background-subtle", attributes: {}, path: [ "color", - "warning", + "brand2", "background-subtle" ] }, { - value: "#f9ebbd", + value: "#f8e9c6", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.3}", + value: "{color.brand2.3}", type: "color" }, - name: "--fds-color-warning-surface-default", + name: "--fds-color-brand2-surface-default", attributes: {}, path: [ "color", - "warning", + "brand2", "surface-default" ] }, { - value: "#f2d474", + value: "#f2d48d", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.4}", + value: "{color.brand2.4}", type: "color" }, - name: "--fds-color-warning-surface-hover", + name: "--fds-color-brand2-surface-hover", attributes: {}, path: [ "color", - "warning", + "brand2", "surface-hover" ] }, { - value: "#e8bf37", + value: "#ebbe54", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.5}", + value: "{color.brand2.5}", type: "color" }, - name: "--fds-color-warning-surface-active", + name: "--fds-color-brand2-surface-active", attributes: {}, path: [ "color", - "warning", + "brand2", "surface-active" ] }, { - value: "#edc644", + value: "#edc464", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.6}", + value: "{color.brand2.6}", type: "color" }, - name: "--fds-color-warning-border-subtle", + name: "--fds-color-brand2-border-subtle", attributes: {}, path: [ "color", - "warning", + "brand2", "border-subtle" ] }, { - value: "#a68827", + value: "#b28419", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.7}", + value: "{color.brand2.7}", type: "color" }, - name: "--fds-color-warning-border-default", + name: "--fds-color-brand2-border-default", attributes: {}, path: [ "color", - "warning", + "brand2", "border-default" ] }, { - value: "#625017", + value: "#684e0f", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.8}", + value: "{color.brand2.8}", type: "color" }, - name: "--fds-color-warning-border-strong", + name: "--fds-color-brand2-border-strong", attributes: {}, path: [ "color", - "warning", + "brand2", "border-strong" ] }, { - value: "#d46223", + value: "#e4a920", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.9}", + value: "{color.brand2.9}", type: "color" }, - name: "--fds-color-warning-base-default", + name: "--fds-color-brand2-base-default", attributes: {}, path: [ "color", - "warning", + "brand2", "base-default" ] }, { - value: "#b0511d", + value: "#c6931c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.10}", + value: "{color.brand2.10}", type: "color" }, - name: "--fds-color-warning-base-hover", + name: "--fds-color-brand2-base-hover", attributes: {}, path: [ "color", - "warning", + "brand2", "base-hover" ] }, { - value: "#8e4117", + value: "#a87c17", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.11}", + value: "{color.brand2.11}", type: "color" }, - name: "--fds-color-warning-base-active", + name: "--fds-color-brand2-base-active", attributes: {}, path: [ "color", - "warning", + "brand2", "base-active" ] }, { - value: "#813c15", + value: "#664c0e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.12}", + value: "{color.brand2.12}", type: "color" }, - name: "--fds-color-warning-text-subtle", + name: "--fds-color-brand2-text-subtle", attributes: {}, path: [ "color", - "warning", + "brand2", "text-subtle" ] }, { - value: "#4f240d", + value: "#3d2e09", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.orange.13}", + value: "{color.brand2.13}", type: "color" }, - name: "--fds-color-warning-text-default", + name: "--fds-color-brand2-text-default", attributes: {}, path: [ "color", - "warning", + "brand2", "text-default" ] }, { - value: "#ffffff", + value: "#f6fafd", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.contrast-1}", + value: "{color.brand2.contrast-1}", type: "color" }, - name: "--fds-color-warning-contrast-first", + name: "--fds-color-brand2-contrast-first", attributes: {}, path: [ "color", - "warning", + "brand2", "contrast-first" ] }, { - value: "#e6e6e6", + value: "#ddeaf6", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{global.yellow.contrast-2}", + value: "{color.brand2.contrast-2}", type: "color" }, - name: "--fds-color-warning-contrast-second", + name: "--fds-color-brand2-contrast-second", attributes: {}, path: [ "color", - "warning", + "brand2", "contrast-second" ] }, { - value: "#fcfefc", + value: "#fdfeff", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#fcfefc", + value: "{color.brand3.1}", type: "color" }, - name: "--fds-global-green-1", + name: "--fds-color-brand3-background-default", attributes: {}, path: [ - "global", - "green", - "1" + "color", + "brand3", + "background-default" ] }, { - value: "#e9f6ea", + value: "#eaf6fe", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e9f6ea", + value: "{color.brand3.2}", type: "color" }, - name: "--fds-global-green-2", + name: "--fds-color-brand3-background-subtle", attributes: {}, path: [ - "global", - "green", - "2" + "color", + "brand3", + "background-subtle" ] }, { - value: "#d9efdc", + value: "#d9eefd", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#d9efdc", + value: "{color.brand3.3}", type: "color" }, - name: "--fds-global-green-3", + name: "--fds-color-brand3-surface-default", attributes: {}, path: [ - "global", - "green", - "3" + "color", + "brand3", + "surface-default" ] }, { - value: "#b9e1be", + value: "#b3dcfc", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#b9e1be", + value: "{color.brand3.4}", type: "color" }, - name: "--fds-global-green-4", + name: "--fds-color-brand3-surface-hover", attributes: {}, path: [ - "global", - "green", - "4" + "color", + "brand3", + "surface-hover" ] }, { - value: "#94d29d", + value: "#8bcafa", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#94d29d", + value: "{color.brand3.5}", type: "color" }, - name: "--fds-global-green-5", + name: "--fds-color-brand3-surface-active", attributes: {}, path: [ - "global", - "green", - "5" + "color", + "brand3", + "surface-active" ] }, { - value: "#9ed6a5", + value: "#96cffa", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#9ed6a5", + value: "{color.brand3.6}", type: "color" }, - name: "--fds-global-green-6", + name: "--fds-color-brand3-border-subtle", attributes: {}, path: [ - "global", - "green", - "6" + "color", + "brand3", + "border-subtle" ] }, { - value: "#29a03a", + value: "#1c90e8", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#29a03a", + value: "{color.brand3.7}", type: "color" }, - name: "--fds-global-green-7", + name: "--fds-color-brand3-border-default", attributes: {}, path: [ - "global", - "green", - "7" + "color", + "brand3", + "border-default" ] }, { - value: "#185e22", + value: "#11558a", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#185e22", + value: "{color.brand3.8}", type: "color" }, - name: "--fds-global-green-8", + name: "--fds-color-brand3-border-strong", attributes: {}, path: [ - "global", - "green", - "8" + "color", + "brand3", + "border-strong" ] }, { - value: "#2ca63d", + value: "#1e98f5", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#2ca63d", + value: "{color.brand3.9}", type: "color" }, - name: "--fds-global-green-9", + name: "--fds-color-brand3-base-default", attributes: {}, path: [ - "global", - "green", - "9" + "color", + "brand3", + "base-default" ] }, { - value: "#248c33", + value: "#1980ce", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#248c33", + value: "{color.brand3.10}", type: "color" }, - name: "--fds-global-green-10", + name: "--fds-color-brand3-base-hover", attributes: {}, path: [ - "global", - "green", - "10" + "color", + "brand3", + "base-hover" ] }, { - value: "#1d7129", + value: "#1569a9", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#1d7129", + value: "{color.brand3.11}", type: "color" }, - name: "--fds-global-green-11", + name: "--fds-color-brand3-base-active", attributes: {}, path: [ - "global", - "green", - "11" + "color", + "brand3", + "base-active" ] }, { - value: "#185c21", + value: "#105387", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#185c21", + value: "{color.brand3.12}", type: "color" }, - name: "--fds-global-green-12", + name: "--fds-color-brand3-text-subtle", attributes: {}, path: [ - "global", - "green", - "12" + "color", + "brand3", + "text-subtle" ] }, { - value: "#0f3814", + value: "#0a3251", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#0f3814", + value: "{color.brand3.13}", type: "color" }, - name: "--fds-global-green-13", + name: "--fds-color-brand3-text-default", attributes: {}, path: [ - "global", - "green", - "13" + "color", + "brand3", + "text-default" ] }, { - value: "#ffffff", + value: "#f6fafd", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ffffff", + value: "{color.brand3.contrast-1}", type: "color" }, - name: "--fds-global-green-contrast-1", + name: "--fds-color-brand3-contrast-first", attributes: {}, path: [ - "global", - "green", - "contrast-1" + "color", + "brand3", + "contrast-first" ] }, { - value: "#e6e6e6", + value: "#ddeaf6", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{color.brand3.contrast-2}", type: "color" }, - name: "--fds-global-green-contrast-2", + name: "--fds-color-brand3-contrast-second", attributes: {}, path: [ - "global", - "green", - "contrast-2" + "color", + "brand3", + "contrast-second" ] }, { - value: "#fffefc", + value: "#fcfefc", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#fffefc", + value: "{global.green.1}", type: "color" }, - name: "--fds-global-yellow-1", + name: "--fds-color-success-background-default", attributes: {}, path: [ - "global", - "yellow", - "1" + "color", + "success", + "background-default" ] }, { - value: "#fbf2d5", + value: "#e9f6ea", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#fbf2d5", + value: "{global.green.2}", type: "color" }, - name: "--fds-global-yellow-2", + name: "--fds-color-success-background-subtle", attributes: {}, path: [ - "global", - "yellow", - "2" + "color", + "success", + "background-subtle" ] }, { - value: "#f9ebbd", + value: "#d9efdc", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#f9ebbd", + value: "{global.green.3}", type: "color" }, - name: "--fds-global-yellow-3", + name: "--fds-color-success-surface-default", attributes: {}, path: [ - "global", - "yellow", - "3" + "color", + "success", + "surface-default" ] }, { - value: "#f2d474", + value: "#b9e1be", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#f2d474", + value: "{global.green.4}", type: "color" }, - name: "--fds-global-yellow-4", + name: "--fds-color-success-surface-hover", attributes: {}, path: [ - "global", - "yellow", - "4" + "color", + "success", + "surface-hover" ] }, { - value: "#e8bf37", + value: "#94d29d", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e8bf37", + value: "{global.green.5}", type: "color" }, - name: "--fds-global-yellow-5", + name: "--fds-color-success-surface-active", attributes: {}, path: [ - "global", - "yellow", - "5" + "color", + "success", + "surface-active" ] }, { - value: "#edc644", + value: "#9ed6a5", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#edc644", + value: "{global.green.6}", type: "color" }, - name: "--fds-global-yellow-6", + name: "--fds-color-success-border-subtle", attributes: {}, path: [ - "global", - "yellow", - "6" + "color", + "success", + "border-subtle" ] }, { - value: "#a68827", + value: "#29a03a", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#a68827", + value: "{global.green.7}", type: "color" }, - name: "--fds-global-yellow-7", + name: "--fds-color-success-border-default", attributes: {}, path: [ - "global", - "yellow", - "7" + "color", + "success", + "border-default" ] }, { - value: "#625017", + value: "#185e22", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#625017", + value: "{global.green.8}", type: "color" }, - name: "--fds-global-yellow-8", + name: "--fds-color-success-border-strong", attributes: {}, path: [ - "global", - "yellow", - "8" + "color", + "success", + "border-strong" ] }, { - value: "#ecc238", + value: "#2ca63d", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ecc238", + value: "{global.green.9}", type: "color" }, - name: "--fds-global-yellow-9", + name: "--fds-color-success-base-default", attributes: {}, path: [ - "global", - "yellow", - "9" + "color", + "success", + "base-default" ] }, { - value: "#cfaa31", + value: "#248c33", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#cfaa31", + value: "{global.green.10}", type: "color" }, - name: "--fds-global-yellow-10", + name: "--fds-color-success-base-hover", attributes: {}, path: [ - "global", - "yellow", - "10" + "color", + "success", + "base-hover" ] }, { - value: "#b2922a", + value: "#1d7129", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#b2922a", + value: "{global.green.11}", type: "color" }, - name: "--fds-global-yellow-11", + name: "--fds-color-success-base-active", attributes: {}, path: [ - "global", - "yellow", - "11" + "color", + "success", + "base-active" ] }, { - value: "#604f17", + value: "#185c21", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#604f17", + value: "{global.green.12}", type: "color" }, - name: "--fds-global-yellow-12", + name: "--fds-color-success-text-subtle", attributes: {}, path: [ - "global", - "yellow", - "12" + "color", + "success", + "text-subtle" ] }, { - value: "#3a300e", + value: "#0f3814", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#3a300e", + value: "{global.green.13}", type: "color" }, - name: "--fds-global-yellow-13", + name: "--fds-color-success-text-default", attributes: {}, path: [ - "global", - "yellow", - "13" + "color", + "success", + "text-default" ] }, { value: "#ffffff", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ffffff", + value: "{global.green.contrast-1}", type: "color" }, - name: "--fds-global-yellow-contrast-1", + name: "--fds-color-success-contrast-first", attributes: {}, path: [ - "global", - "yellow", - "contrast-1" + "color", + "success", + "contrast-first" ] }, { value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{global.green.contrast-2}", type: "color" }, - name: "--fds-global-yellow-contrast-2", + name: "--fds-color-success-contrast-second", attributes: {}, path: [ - "global", - "yellow", - "contrast-2" + "color", + "success", + "contrast-second" ] }, { - value: "#fffefd", + value: "#fffefe", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#fffefd", + value: "{global.red.1}", type: "color" }, - name: "--fds-global-orange-1", + name: "--fds-color-danger-background-default", attributes: {}, path: [ - "global", - "orange", - "1" + "color", + "danger", + "background-default" ] }, { - value: "#fbf1ec", + value: "#fbf2f3", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#fbf1ec", + value: "{global.red.2}", type: "color" }, - name: "--fds-global-orange-2", + name: "--fds-color-danger-background-subtle", attributes: {}, path: [ - "global", - "orange", - "2" + "color", + "danger", + "background-subtle" ] }, { - value: "#f9e8df", + value: "#f6e6e6", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#f9e8df", + value: "{global.red.3}", type: "color" }, - name: "--fds-global-orange-3", + name: "--fds-color-danger-surface-default", attributes: {}, path: [ - "global", - "orange", - "3" + "color", + "danger", + "surface-default" ] }, { - value: "#f2d0bc", + value: "#eecfd0", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#f2d0bc", + value: "{global.red.4}", type: "color" }, - name: "--fds-global-orange-4", + name: "--fds-color-danger-surface-hover", attributes: {}, path: [ - "global", - "orange", - "4" + "color", + "danger", + "surface-hover" ] }, { - value: "#ecb99e", + value: "#e6b9b9", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ecb99e", + value: "{global.red.5}", type: "color" }, - name: "--fds-global-orange-5", + name: "--fds-color-danger-surface-active", attributes: {}, path: [ - "global", - "orange", - "5" + "color", + "danger", + "surface-active" ] }, { - value: "#eec0a7", + value: "#e8bfbf", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#eec0a7", + value: "{global.red.6}", type: "color" }, - name: "--fds-global-orange-6", + name: "--fds-color-danger-border-subtle", attributes: {}, path: [ - "global", - "orange", - "6" + "color", + "danger", + "border-subtle" ] }, { - value: "#d76e34", + value: "#cd7172", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#d76e34", + value: "{global.red.7}", type: "color" }, - name: "--fds-global-orange-7", + name: "--fds-color-danger-border-default", attributes: {}, path: [ - "global", - "orange", - "7" + "color", + "danger", + "border-default" ] }, { - value: "#853e16", + value: "#9d2223", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#853e16", + value: "{global.red.8}", type: "color" }, - name: "--fds-global-orange-8", + name: "--fds-color-danger-border-strong", attributes: {}, path: [ - "global", - "orange", - "8" + "color", + "danger", + "border-strong" ] }, { - value: "#d46223", + value: "#b32728", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#d46223", + value: "{global.red.9}", type: "color" }, - name: "--fds-global-orange-9", + name: "--fds-color-danger-base-default", attributes: {}, path: [ - "global", - "orange", - "9" + "color", + "danger", + "base-default" ] }, { - value: "#b0511d", + value: "#8c1f1f", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#b0511d", + value: "{global.red.10}", type: "color" }, - name: "--fds-global-orange-10", + name: "--fds-color-danger-base-hover", attributes: {}, path: [ - "global", - "orange", - "10" + "color", + "danger", + "base-hover" ] }, { - value: "#8e4117", + value: "#671617", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#8e4117", + value: "{global.red.11}", type: "color" }, - name: "--fds-global-orange-11", + name: "--fds-color-danger-base-active", attributes: {}, path: [ - "global", - "orange", - "11" + "color", + "danger", + "base-active" ] }, { - value: "#813c15", + value: "#9a2122", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#813c15", + value: "{global.red.12}", type: "color" }, - name: "--fds-global-orange-12", + name: "--fds-color-danger-text-subtle", attributes: {}, path: [ - "global", - "orange", - "12" + "color", + "danger", + "text-subtle" ] }, { - value: "#4f240d", + value: "#5e1515", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#4f240d", + value: "{global.red.13}", type: "color" }, - name: "--fds-global-orange-13", + name: "--fds-color-danger-text-default", attributes: {}, path: [ - "global", - "orange", - "13" + "color", + "danger", + "text-default" ] }, { value: "#ffffff", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ffffff", + value: "{global.red.contrast-1}", type: "color" }, - name: "--fds-global-orange-contrast-1", + name: "--fds-color-danger-contrast-first", attributes: {}, path: [ - "global", - "orange", - "contrast-1" + "color", + "danger", + "contrast-first" ] }, { value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{global.red.contrast-2}", type: "color" }, - name: "--fds-global-orange-contrast-2", + name: "--fds-color-danger-contrast-second", attributes: {}, path: [ - "global", - "orange", - "contrast-2" + "color", + "danger", + "contrast-second" ] }, { - value: "#fffefe", + value: "#fefeff", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#fffefe", + value: "{global.blue.1}", type: "color" }, - name: "--fds-global-red-1", + name: "--fds-color-info-background-default", attributes: {}, path: [ - "global", - "red", - "1" + "color", + "info", + "background-default" ] }, { - value: "#fbf2f3", + value: "#edf5fa", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#fbf2f3", + value: "{global.blue.2}", type: "color" }, - name: "--fds-global-red-2", + name: "--fds-color-info-background-subtle", attributes: {}, path: [ - "global", - "red", - "2" + "color", + "info", + "background-subtle" ] }, { - value: "#f6e6e6", + value: "#dfecf7", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#f6e6e6", + value: "{global.blue.3}", type: "color" }, - name: "--fds-global-red-3", + name: "--fds-color-info-surface-default", attributes: {}, path: [ - "global", - "red", - "3" + "color", + "info", + "surface-default" ] }, { - value: "#eecfd0", + value: "#bedaee", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#eecfd0", + value: "{global.blue.4}", type: "color" }, - name: "--fds-global-red-4", + name: "--fds-color-info-surface-hover", attributes: {}, path: [ - "global", - "red", - "4" + "color", + "info", + "surface-hover" ] }, { - value: "#e6b9b9", + value: "#a1c9e7", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6b9b9", + value: "{global.blue.5}", type: "color" }, - name: "--fds-global-red-5", + name: "--fds-color-info-surface-active", attributes: {}, path: [ - "global", - "red", - "5" + "color", + "info", + "surface-active" ] }, { - value: "#e8bfbf", + value: "#aacee9", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e8bfbf", + value: "{global.blue.6}", type: "color" }, - name: "--fds-global-red-6", + name: "--fds-color-info-border-subtle", attributes: {}, path: [ - "global", - "red", - "6" + "color", + "info", + "border-subtle" ] }, { - value: "#cd7172", + value: "#4291ce", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#cd7172", + value: "{global.blue.7}", type: "color" }, - name: "--fds-global-red-7", + name: "--fds-color-info-border-default", attributes: {}, path: [ - "global", - "red", - "7" + "color", + "info", + "border-default" ] }, { - value: "#9d2223", + value: "#075490", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#9d2223", + value: "{global.blue.8}", type: "color" }, - name: "--fds-global-red-8", + name: "--fds-color-info-border-strong", attributes: {}, path: [ - "global", - "red", - "8" + "color", + "info", + "border-strong" ] }, { - value: "#b32728", + value: "#0c72c1", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#b32728", + value: "{global.blue.9}", type: "color" }, - name: "--fds-global-red-9", + name: "--fds-color-info-base-default", attributes: {}, path: [ - "global", - "red", - "9" + "color", + "info", + "base-default" ] }, { - value: "#8c1f1f", + value: "#085c9c", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#8c1f1f", + value: "{global.blue.10}", type: "color" }, - name: "--fds-global-red-10", + name: "--fds-color-info-base-hover", attributes: {}, path: [ - "global", - "red", - "10" + "color", + "info", + "base-hover" ] }, { - value: "#671617", + value: "#064678", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#671617", + value: "{global.blue.11}", type: "color" }, - name: "--fds-global-red-11", + name: "--fds-color-info-base-active", attributes: {}, path: [ - "global", - "red", - "11" + "color", + "info", + "base-active" ] }, { - value: "#9a2122", + value: "#07528c", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#9a2122", + value: "{global.blue.12}", type: "color" }, - name: "--fds-global-red-12", + name: "--fds-color-info-text-subtle", attributes: {}, path: [ - "global", - "red", - "12" + "color", + "info", + "text-subtle" ] }, { - value: "#5e1515", + value: "#043256", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#5e1515", + value: "{global.blue.13}", type: "color" }, - name: "--fds-global-red-13", + name: "--fds-color-info-text-default", attributes: {}, path: [ - "global", - "red", - "13" + "color", + "info", + "text-default" ] }, { value: "#ffffff", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ffffff", + value: "{global.blue.contrast-1}", type: "color" }, - name: "--fds-global-red-contrast-1", + name: "--fds-color-info-contrast-first", attributes: {}, path: [ - "global", - "red", - "contrast-1" + "color", + "info", + "contrast-first" ] }, { value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{global.blue.contrast-2}", type: "color" }, - name: "--fds-global-red-contrast-2", + name: "--fds-color-info-contrast-second", attributes: {}, path: [ - "global", - "red", - "contrast-2" + "color", + "info", + "contrast-second" ] }, { - value: "#fefeff", + value: "#fffefc", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#fefeff", + value: "{global.yellow.1}", type: "color" }, - name: "--fds-global-blue-1", + name: "--fds-color-warning-background-default", attributes: {}, path: [ - "global", - "blue", - "1" + "color", + "warning", + "background-default" ] }, { - value: "#edf5fa", + value: "#fbf2d5", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#edf5fa", + value: "{global.yellow.2}", type: "color" }, - name: "--fds-global-blue-2", + name: "--fds-color-warning-background-subtle", attributes: {}, path: [ - "global", - "blue", - "2" + "color", + "warning", + "background-subtle" ] }, { - value: "#dfecf7", + value: "#f9ebbd", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#dfecf7", + value: "{global.yellow.3}", type: "color" }, - name: "--fds-global-blue-3", + name: "--fds-color-warning-surface-default", attributes: {}, path: [ - "global", - "blue", - "3" + "color", + "warning", + "surface-default" ] }, { - value: "#bedaee", + value: "#f2d474", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#bedaee", + value: "{global.yellow.4}", type: "color" }, - name: "--fds-global-blue-4", + name: "--fds-color-warning-surface-hover", attributes: {}, path: [ - "global", - "blue", - "4" + "color", + "warning", + "surface-hover" ] }, { - value: "#a1c9e7", + value: "#e8bf37", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#a1c9e7", + value: "{global.yellow.5}", type: "color" }, - name: "--fds-global-blue-5", + name: "--fds-color-warning-surface-active", attributes: {}, path: [ - "global", - "blue", - "5" + "color", + "warning", + "surface-active" ] }, { - value: "#aacee9", + value: "#edc644", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#aacee9", + value: "{global.yellow.6}", type: "color" }, - name: "--fds-global-blue-6", + name: "--fds-color-warning-border-subtle", attributes: {}, path: [ - "global", - "blue", - "6" + "color", + "warning", + "border-subtle" ] }, { - value: "#4291ce", + value: "#a68827", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#4291ce", + value: "{global.yellow.7}", type: "color" }, - name: "--fds-global-blue-7", + name: "--fds-color-warning-border-default", attributes: {}, path: [ - "global", - "blue", - "7" + "color", + "warning", + "border-default" ] }, { - value: "#075490", + value: "#625017", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#075490", + value: "{global.yellow.8}", type: "color" }, - name: "--fds-global-blue-8", + name: "--fds-color-warning-border-strong", attributes: {}, path: [ - "global", - "blue", - "8" + "color", + "warning", + "border-strong" ] }, { - value: "#0c72c1", + value: "#d46223", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#0c72c1", + value: "{global.orange.9}", type: "color" }, - name: "--fds-global-blue-9", + name: "--fds-color-warning-base-default", attributes: {}, path: [ - "global", - "blue", - "9" + "color", + "warning", + "base-default" ] }, { - value: "#085c9c", + value: "#b0511d", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#085c9c", + value: "{global.orange.10}", type: "color" }, - name: "--fds-global-blue-10", + name: "--fds-color-warning-base-hover", attributes: {}, path: [ - "global", - "blue", - "10" + "color", + "warning", + "base-hover" ] }, { - value: "#064678", + value: "#8e4117", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#064678", + value: "{global.orange.11}", type: "color" }, - name: "--fds-global-blue-11", + name: "--fds-color-warning-base-active", attributes: {}, path: [ - "global", - "blue", - "11" + "color", + "warning", + "base-active" ] }, { - value: "#07528c", + value: "#813c15", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#07528c", + value: "{global.orange.12}", type: "color" }, - name: "--fds-global-blue-12", + name: "--fds-color-warning-text-subtle", attributes: {}, path: [ - "global", - "blue", - "12" + "color", + "warning", + "text-subtle" ] }, { - value: "#043256", + value: "#4f240d", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#043256", + value: "{global.orange.13}", type: "color" }, - name: "--fds-global-blue-13", + name: "--fds-color-warning-text-default", attributes: {}, path: [ - "global", - "blue", - "13" + "color", + "warning", + "text-default" ] }, { value: "#ffffff", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#ffffff", + value: "{global.yellow.contrast-1}", type: "color" }, - name: "--fds-global-blue-contrast-1", + name: "--fds-color-warning-contrast-first", attributes: {}, path: [ - "global", - "blue", - "contrast-1" + "color", + "warning", + "contrast-first" ] }, { value: "#e6e6e6", type: "color", - filePath: "../../design-tokens/primitives/colors/light/global.json", - isSource: true, + filePath: "../../design-tokens/semantic/color.json", + isSource: false, original: { - value: "#e6e6e6", + value: "{global.yellow.contrast-2}", type: "color" }, - name: "--fds-global-blue-contrast-2", + name: "--fds-color-warning-contrast-second", attributes: {}, path: [ - "global", - "blue", - "contrast-2" + "color", + "warning", + "contrast-second" ] }, { diff --git a/packages/cli/src/tokens/build.ts b/packages/cli/src/tokens/build.ts index ae476acd85..0fe5793851 100644 --- a/packages/cli/src/tokens/build.ts +++ b/packages/cli/src/tokens/build.ts @@ -64,16 +64,12 @@ const getCSSConfig: GetConfig = ({ fileName = 'unknown', buildPath = 'unknown' } fileHeader, includeReferences: (token: TransformedToken) => { if ( - R.test(/accent|neutral|brand1|brand2|brand3/, token.name) && + R.test(/accent|neutral|brand1|brand2|brand3|success|danger|warning/, token.name) && R.includes('semantic/color', token.filePath) ) { return true; } - if (R.test(/global/, token.name) && R.includes('primitives', token.filePath)) { - return true; - } - return false; }, }, @@ -134,7 +130,9 @@ export async function run(options: Options): Promise { const [fileName, folderName] = processThemeName(name); - const [source, include] = R.partition(R.test(/\/primitives\//), updatedSets); + const paritionPrimitives = /(?!.*global\.json).*primitives.*/; + // const paritionPrimitives = /.*primitives.*/; + const [source, include] = R.partition(R.test(paritionPrimitives), updatedSets); const config_ = configCallback({ fileName: fileName, diff --git a/packages/cli/src/tokens/formatters.ts b/packages/cli/src/tokens/formatters.ts index e3a223e088..28c81bcb1d 100644 --- a/packages/cli/src/tokens/formatters.ts +++ b/packages/cli/src/tokens/formatters.ts @@ -1,11 +1,6 @@ import * as R from 'ramda'; import type { TransformedToken, Format } from 'style-dictionary/types'; -import { - fileHeader, - createPropertyFormatter, - usesReferences, - getReferences, -} from 'style-dictionary/utils'; +import { fileHeader, createPropertyFormatter, usesReferences, getReferences } from 'style-dictionary/utils'; type IncludeReferences = (token: TransformedToken) => boolean; @@ -33,20 +28,12 @@ export const scopedReferenceVariables: Format = { }); const parseToken = (token: TransformedToken, ignoreSource?: boolean) => { - const originalValue = ( - usesDtcg ? token.original.$value : token.original.value - ) as string; + const originalValue = (usesDtcg ? token.original.$value : token.original.value) as string; if (usesReferences(originalValue) && includeReferences(token)) { - const refs = getReferences( - originalValue, - unfilteredTokens ? unfilteredTokens : {}, - ); + const refs = getReferences(originalValue, unfilteredTokens ? unfilteredTokens : {}); - referencedTokens = [ - ...referencedTokens, - ...refs.filter((x) => x.isSource), - ]; + referencedTokens = [...referencedTokens, ...refs.filter((x) => x.isSource)]; return formatWithReference(token); } @@ -73,9 +60,7 @@ export const scopedReferenceVariables: Format = { (fileHeaderText) => ` ${fileHeaderText} :root { - /** Referenced tokens */ -${referenceTokens.join('\n')} - /** Tokens */ +${referenceTokens.length > 0 ? referenceTokens.join('\n') : ''} ${tokens.join('\n')} } `, @@ -83,14 +68,11 @@ ${tokens.join('\n')} }, }; -const groupByType = R.groupBy( - (token: TransformedToken) => token.type as string, -); +const groupByType = R.groupBy((token: TransformedToken) => token.type as string); /** Add token name with prefix to list for removal */ const removeUnwatedTokens = R.filter( - (token: TransformedToken) => - !['fds-base_spacing', 'fds-base_sizing'].includes(token.name), + (token: TransformedToken) => !['fds-base_spacing', 'fds-base_sizing'].includes(token.name), ); const toCssVarName = R.pipe(R.split(':'), R.head, R.trim); @@ -111,26 +93,16 @@ export const groupedTokens: Format = { name: toCssVarName(format(token)), })); - const processTokens = R.pipe( - removeUnwatedTokens, - formatTokens, - groupByType, - ); + const processTokens = R.pipe(removeUnwatedTokens, formatTokens, groupByType); const tokens = processTokens(dictionary.allTokens); const content = Object.entries(tokens) .map( - ([name, token]) => - `export const ${name} = ${JSON.stringify(token, null, 2).replace( - /"([^"]+)":/g, - '$1:', - )} \n`, + ([name, token]) => `export const ${name} = ${JSON.stringify(token, null, 2).replace(/"([^"]+)":/g, '$1:')} \n`, ) .join('\n'); - return fileHeader({ file }).then( - (fileHeaderText) => fileHeaderText + content, - ); + return fileHeader({ file }).then((fileHeaderText) => fileHeaderText + content); }, }; diff --git a/packages/theme/brand/altinn/dark.css b/packages/theme/brand/altinn/dark.css index 30dd7590bd..5e62a58260 100644 --- a/packages/theme/brand/altinn/dark.css +++ b/packages/theme/brand/altinn/dark.css @@ -5,9 +5,82 @@ :root { - /** Referenced tokens */ - /** Tokens */ + --fds-global-green-1: #08200c; + --fds-global-green-2: #0b290f; + --fds-global-green-3: #0f3814; + --fds-global-green-4: #114218; + --fds-global-green-5: #144c1c; + --fds-global-green-6: #185e22; + --fds-global-green-7: #207a2c; + --fds-global-green-8: #279636; + --fds-global-green-9: #2ca63d; + --fds-global-green-10: #248c33; + --fds-global-green-11: #1d7129; + --fds-global-green-12: #64be70; + --fds-global-green-13: #a2d8aa; + --fds-global-green-contrast-1: #000; + --fds-global-green-contrast-2: #e6e6e6; + --fds-global-yellow-1: #211b08; + --fds-global-yellow-2: #2b230a; + --fds-global-yellow-3: #3a300e; + --fds-global-yellow-4: #453810; + --fds-global-yellow-5: #4e4013; + --fds-global-yellow-6: #625017; + --fds-global-yellow-7: #7f681e; + --fds-global-yellow-8: #9c8125; + --fds-global-yellow-9: #ecc238; + --fds-global-yellow-10: #cfaa31; + --fds-global-yellow-11: #b2922a; + --fds-global-yellow-12: #cca730; + --fds-global-yellow-13: #eec84d; + --fds-global-yellow-contrast-1: #000; + --fds-global-yellow-contrast-2: #e6e6e6; + --fds-global-orange-1: #2d1508; + --fds-global-orange-2: #3a1b0a; + --fds-global-orange-3: #4f240d; + --fds-global-orange-4: #5d2b0f; + --fds-global-orange-5: #6b3212; + --fds-global-orange-6: #853e16; + --fds-global-orange-7: #ac4f1c; + --fds-global-orange-8: #d46223; + --fds-global-orange-9: #d46223; + --fds-global-orange-10: #b0511d; + --fds-global-orange-11: #8e4117; + --fds-global-orange-12: #e39a72; + --fds-global-orange-13: #efc3ab; + --fds-global-orange-contrast-1: #ffffff; + --fds-global-orange-contrast-2: #e6e6e6; + --fds-global-red-1: #380c0c; + --fds-global-red-2: #470f10; + --fds-global-red-3: #5e1515; + --fds-global-red-4: #6f1819; + --fds-global-red-5: #7f1c1c; + --fds-global-red-6: #9d2223; + --fds-global-red-7: #bb3f40; + --fds-global-red-8: #c96666; + --fds-global-red-9: #b32728; + --fds-global-red-10: #8c1f1f; + --fds-global-red-11: #671617; + --fds-global-red-12: #dc9a9b; + --fds-global-red-13: #e9c2c2; + --fds-global-red-contrast-1: #000; + --fds-global-red-contrast-2: #e6e6e6; + --fds-global-blue-1: #031d30; + --fds-global-blue-2: #032540; + --fds-global-blue-3: #043256; + --fds-global-blue-4: #053c65; + --fds-global-blue-5: #064474; + --fds-global-blue-6: #075490; + --fds-global-blue-7: #0a6dba; + --fds-global-blue-8: #3389cb; + --fds-global-blue-9: #0c72c1; + --fds-global-blue-10: #085c9c; + --fds-global-blue-11: #064678; + --fds-global-blue-12: #78b1dc; + --fds-global-blue-13: #aed0ea; + --fds-global-blue-contrast-1: #ffffff; + --fds-global-blue-contrast-2: #e6e6e6; --fds-color-accent-1: #001c36; --fds-color-accent-2: #002445; --fds-color-accent-3: #00315c; @@ -158,36 +231,36 @@ --fds-color-brand3-text-default: var(--fds-color-brand3-13); --fds-color-brand3-contrast-first: var(--fds-color-brand3-contrast-1); --fds-color-brand3-contrast-second: var(--fds-color-brand3-contrast-2); - --fds-color-success-background-default: #08200c; - --fds-color-success-background-subtle: #0b290f; - --fds-color-success-surface-default: #0f3814; - --fds-color-success-surface-hover: #114218; - --fds-color-success-surface-active: #144c1c; - --fds-color-success-border-subtle: #185e22; - --fds-color-success-border-default: #207a2c; - --fds-color-success-border-strong: #279636; - --fds-color-success-base-default: #2ca63d; - --fds-color-success-base-hover: #248c33; - --fds-color-success-base-active: #1d7129; - --fds-color-success-text-subtle: #64be70; - --fds-color-success-text-default: #a2d8aa; - --fds-color-success-contrast-first: #000; - --fds-color-success-contrast-second: #e6e6e6; - --fds-color-danger-background-default: #380c0c; - --fds-color-danger-background-subtle: #470f10; - --fds-color-danger-surface-default: #5e1515; - --fds-color-danger-surface-hover: #6f1819; - --fds-color-danger-surface-active: #7f1c1c; - --fds-color-danger-border-subtle: #9d2223; - --fds-color-danger-border-default: #bb3f40; - --fds-color-danger-border-strong: #c96666; - --fds-color-danger-base-default: #b32728; - --fds-color-danger-base-hover: #8c1f1f; - --fds-color-danger-base-active: #671617; - --fds-color-danger-text-subtle: #dc9a9b; - --fds-color-danger-text-default: #e9c2c2; - --fds-color-danger-contrast-first: #000; - --fds-color-danger-contrast-second: #e6e6e6; + --fds-color-success-background-default: var(--fds-global-green-1); + --fds-color-success-background-subtle: var(--fds-global-green-2); + --fds-color-success-surface-default: var(--fds-global-green-3); + --fds-color-success-surface-hover: var(--fds-global-green-4); + --fds-color-success-surface-active: var(--fds-global-green-5); + --fds-color-success-border-subtle: var(--fds-global-green-6); + --fds-color-success-border-default: var(--fds-global-green-7); + --fds-color-success-border-strong: var(--fds-global-green-8); + --fds-color-success-base-default: var(--fds-global-green-9); + --fds-color-success-base-hover: var(--fds-global-green-10); + --fds-color-success-base-active: var(--fds-global-green-11); + --fds-color-success-text-subtle: var(--fds-global-green-12); + --fds-color-success-text-default: var(--fds-global-green-13); + --fds-color-success-contrast-first: var(--fds-global-green-contrast-1); + --fds-color-success-contrast-second: var(--fds-global-green-contrast-2); + --fds-color-danger-background-default: var(--fds-global-red-1); + --fds-color-danger-background-subtle: var(--fds-global-red-2); + --fds-color-danger-surface-default: var(--fds-global-red-3); + --fds-color-danger-surface-hover: var(--fds-global-red-4); + --fds-color-danger-surface-active: var(--fds-global-red-5); + --fds-color-danger-border-subtle: var(--fds-global-red-6); + --fds-color-danger-border-default: var(--fds-global-red-7); + --fds-color-danger-border-strong: var(--fds-global-red-8); + --fds-color-danger-base-default: var(--fds-global-red-9); + --fds-color-danger-base-hover: var(--fds-global-red-10); + --fds-color-danger-base-active: var(--fds-global-red-11); + --fds-color-danger-text-subtle: var(--fds-global-red-12); + --fds-color-danger-text-default: var(--fds-global-red-13); + --fds-color-danger-contrast-first: var(--fds-global-red-contrast-1); + --fds-color-danger-contrast-second: var(--fds-global-red-contrast-2); --fds-color-info-background-default: #031d30; --fds-color-info-background-subtle: #032540; --fds-color-info-surface-default: #043256; @@ -203,21 +276,21 @@ --fds-color-info-text-default: #aed0ea; --fds-color-info-contrast-first: #ffffff; --fds-color-info-contrast-second: #e6e6e6; - --fds-color-warning-background-default: #211b08; - --fds-color-warning-background-subtle: #2b230a; - --fds-color-warning-surface-default: #3a300e; - --fds-color-warning-surface-hover: #453810; - --fds-color-warning-surface-active: #4e4013; - --fds-color-warning-border-subtle: #625017; - --fds-color-warning-border-default: #7f681e; - --fds-color-warning-border-strong: #9c8125; - --fds-color-warning-base-default: #d46223; - --fds-color-warning-base-hover: #b0511d; - --fds-color-warning-base-active: #8e4117; - --fds-color-warning-text-subtle: #e39a72; - --fds-color-warning-text-default: #efc3ab; - --fds-color-warning-contrast-first: #000; - --fds-color-warning-contrast-second: #e6e6e6; + --fds-color-warning-background-default: var(--fds-global-yellow-1); + --fds-color-warning-background-subtle: var(--fds-global-yellow-2); + --fds-color-warning-surface-default: var(--fds-global-yellow-3); + --fds-color-warning-surface-hover: var(--fds-global-yellow-4); + --fds-color-warning-surface-active: var(--fds-global-yellow-5); + --fds-color-warning-border-subtle: var(--fds-global-yellow-6); + --fds-color-warning-border-default: var(--fds-global-yellow-7); + --fds-color-warning-border-strong: var(--fds-global-yellow-8); + --fds-color-warning-base-default: var(--fds-global-orange-9); + --fds-color-warning-base-hover: var(--fds-global-orange-10); + --fds-color-warning-base-active: var(--fds-global-orange-11); + --fds-color-warning-text-subtle: var(--fds-global-orange-12); + --fds-color-warning-text-default: var(--fds-global-orange-13); + --fds-color-warning-contrast-first: var(--fds-global-yellow-contrast-1); + --fds-color-warning-contrast-second: var(--fds-global-yellow-contrast-2); --fds-typography-heading-2xlarge: 500 3.75rem/1.3 'Inter'; --fds-typography-heading-xlarge: 500 3rem/1.3 'Inter'; --fds-typography-heading-large: 500 2.25rem/1.3 'Inter'; diff --git a/packages/theme/brand/altinn/light.css b/packages/theme/brand/altinn/light.css index d213c5e158..b15ed67544 100644 --- a/packages/theme/brand/altinn/light.css +++ b/packages/theme/brand/altinn/light.css @@ -5,9 +5,82 @@ :root { - /** Referenced tokens */ - /** Tokens */ + --fds-global-green-1: #fcfefc; + --fds-global-green-2: #e9f6ea; + --fds-global-green-3: #d9efdc; + --fds-global-green-4: #b9e1be; + --fds-global-green-5: #94d29d; + --fds-global-green-6: #9ed6a5; + --fds-global-green-7: #29a03a; + --fds-global-green-8: #185e22; + --fds-global-green-9: #2ca63d; + --fds-global-green-10: #248c33; + --fds-global-green-11: #1d7129; + --fds-global-green-12: #185c21; + --fds-global-green-13: #0f3814; + --fds-global-green-contrast-1: #ffffff; + --fds-global-green-contrast-2: #e6e6e6; + --fds-global-yellow-1: #fffefc; + --fds-global-yellow-2: #fbf2d5; + --fds-global-yellow-3: #f9ebbd; + --fds-global-yellow-4: #f2d474; + --fds-global-yellow-5: #e8bf37; + --fds-global-yellow-6: #edc644; + --fds-global-yellow-7: #a68827; + --fds-global-yellow-8: #625017; + --fds-global-yellow-9: #ecc238; + --fds-global-yellow-10: #cfaa31; + --fds-global-yellow-11: #b2922a; + --fds-global-yellow-12: #604f17; + --fds-global-yellow-13: #3a300e; + --fds-global-yellow-contrast-1: #ffffff; + --fds-global-yellow-contrast-2: #e6e6e6; + --fds-global-orange-1: #fffefd; + --fds-global-orange-2: #fbf1ec; + --fds-global-orange-3: #f9e8df; + --fds-global-orange-4: #f2d0bc; + --fds-global-orange-5: #ecb99e; + --fds-global-orange-6: #eec0a7; + --fds-global-orange-7: #d76e34; + --fds-global-orange-8: #853e16; + --fds-global-orange-9: #d46223; + --fds-global-orange-10: #b0511d; + --fds-global-orange-11: #8e4117; + --fds-global-orange-12: #813c15; + --fds-global-orange-13: #4f240d; + --fds-global-orange-contrast-1: #ffffff; + --fds-global-orange-contrast-2: #e6e6e6; + --fds-global-red-1: #fffefe; + --fds-global-red-2: #fbf2f3; + --fds-global-red-3: #f6e6e6; + --fds-global-red-4: #eecfd0; + --fds-global-red-5: #e6b9b9; + --fds-global-red-6: #e8bfbf; + --fds-global-red-7: #cd7172; + --fds-global-red-8: #9d2223; + --fds-global-red-9: #b32728; + --fds-global-red-10: #8c1f1f; + --fds-global-red-11: #671617; + --fds-global-red-12: #9a2122; + --fds-global-red-13: #5e1515; + --fds-global-red-contrast-1: #ffffff; + --fds-global-red-contrast-2: #e6e6e6; + --fds-global-blue-1: #fefeff; + --fds-global-blue-2: #edf5fa; + --fds-global-blue-3: #dfecf7; + --fds-global-blue-4: #bedaee; + --fds-global-blue-5: #a1c9e7; + --fds-global-blue-6: #aacee9; + --fds-global-blue-7: #4291ce; + --fds-global-blue-8: #075490; + --fds-global-blue-9: #0c72c1; + --fds-global-blue-10: #085c9c; + --fds-global-blue-11: #064678; + --fds-global-blue-12: #07528c; + --fds-global-blue-13: #043256; + --fds-global-blue-contrast-1: #ffffff; + --fds-global-blue-contrast-2: #e6e6e6; --fds-color-accent-1: #fefeff; --fds-color-accent-2: #eef4fa; --fds-color-accent-3: #e2edf7; @@ -158,36 +231,36 @@ --fds-color-brand3-text-default: var(--fds-color-brand3-13); --fds-color-brand3-contrast-first: var(--fds-color-brand3-contrast-1); --fds-color-brand3-contrast-second: var(--fds-color-brand3-contrast-2); - --fds-color-success-background-default: #fcfefc; - --fds-color-success-background-subtle: #e9f6ea; - --fds-color-success-surface-default: #d9efdc; - --fds-color-success-surface-hover: #b9e1be; - --fds-color-success-surface-active: #94d29d; - --fds-color-success-border-subtle: #9ed6a5; - --fds-color-success-border-default: #29a03a; - --fds-color-success-border-strong: #185e22; - --fds-color-success-base-default: #2ca63d; - --fds-color-success-base-hover: #248c33; - --fds-color-success-base-active: #1d7129; - --fds-color-success-text-subtle: #185c21; - --fds-color-success-text-default: #0f3814; - --fds-color-success-contrast-first: #ffffff; - --fds-color-success-contrast-second: #e6e6e6; - --fds-color-danger-background-default: #fffefe; - --fds-color-danger-background-subtle: #fbf2f3; - --fds-color-danger-surface-default: #f6e6e6; - --fds-color-danger-surface-hover: #eecfd0; - --fds-color-danger-surface-active: #e6b9b9; - --fds-color-danger-border-subtle: #e8bfbf; - --fds-color-danger-border-default: #cd7172; - --fds-color-danger-border-strong: #9d2223; - --fds-color-danger-base-default: #b32728; - --fds-color-danger-base-hover: #8c1f1f; - --fds-color-danger-base-active: #671617; - --fds-color-danger-text-subtle: #9a2122; - --fds-color-danger-text-default: #5e1515; - --fds-color-danger-contrast-first: #ffffff; - --fds-color-danger-contrast-second: #e6e6e6; + --fds-color-success-background-default: var(--fds-global-green-1); + --fds-color-success-background-subtle: var(--fds-global-green-2); + --fds-color-success-surface-default: var(--fds-global-green-3); + --fds-color-success-surface-hover: var(--fds-global-green-4); + --fds-color-success-surface-active: var(--fds-global-green-5); + --fds-color-success-border-subtle: var(--fds-global-green-6); + --fds-color-success-border-default: var(--fds-global-green-7); + --fds-color-success-border-strong: var(--fds-global-green-8); + --fds-color-success-base-default: var(--fds-global-green-9); + --fds-color-success-base-hover: var(--fds-global-green-10); + --fds-color-success-base-active: var(--fds-global-green-11); + --fds-color-success-text-subtle: var(--fds-global-green-12); + --fds-color-success-text-default: var(--fds-global-green-13); + --fds-color-success-contrast-first: var(--fds-global-green-contrast-1); + --fds-color-success-contrast-second: var(--fds-global-green-contrast-2); + --fds-color-danger-background-default: var(--fds-global-red-1); + --fds-color-danger-background-subtle: var(--fds-global-red-2); + --fds-color-danger-surface-default: var(--fds-global-red-3); + --fds-color-danger-surface-hover: var(--fds-global-red-4); + --fds-color-danger-surface-active: var(--fds-global-red-5); + --fds-color-danger-border-subtle: var(--fds-global-red-6); + --fds-color-danger-border-default: var(--fds-global-red-7); + --fds-color-danger-border-strong: var(--fds-global-red-8); + --fds-color-danger-base-default: var(--fds-global-red-9); + --fds-color-danger-base-hover: var(--fds-global-red-10); + --fds-color-danger-base-active: var(--fds-global-red-11); + --fds-color-danger-text-subtle: var(--fds-global-red-12); + --fds-color-danger-text-default: var(--fds-global-red-13); + --fds-color-danger-contrast-first: var(--fds-global-red-contrast-1); + --fds-color-danger-contrast-second: var(--fds-global-red-contrast-2); --fds-color-info-background-default: #fefeff; --fds-color-info-background-subtle: #edf5fa; --fds-color-info-surface-default: #dfecf7; @@ -203,21 +276,21 @@ --fds-color-info-text-default: #043256; --fds-color-info-contrast-first: #ffffff; --fds-color-info-contrast-second: #e6e6e6; - --fds-color-warning-background-default: #fffefc; - --fds-color-warning-background-subtle: #fbf2d5; - --fds-color-warning-surface-default: #f9ebbd; - --fds-color-warning-surface-hover: #f2d474; - --fds-color-warning-surface-active: #e8bf37; - --fds-color-warning-border-subtle: #edc644; - --fds-color-warning-border-default: #a68827; - --fds-color-warning-border-strong: #625017; - --fds-color-warning-base-default: #d46223; - --fds-color-warning-base-hover: #b0511d; - --fds-color-warning-base-active: #8e4117; - --fds-color-warning-text-subtle: #813c15; - --fds-color-warning-text-default: #4f240d; - --fds-color-warning-contrast-first: #ffffff; - --fds-color-warning-contrast-second: #e6e6e6; + --fds-color-warning-background-default: var(--fds-global-yellow-1); + --fds-color-warning-background-subtle: var(--fds-global-yellow-2); + --fds-color-warning-surface-default: var(--fds-global-yellow-3); + --fds-color-warning-surface-hover: var(--fds-global-yellow-4); + --fds-color-warning-surface-active: var(--fds-global-yellow-5); + --fds-color-warning-border-subtle: var(--fds-global-yellow-6); + --fds-color-warning-border-default: var(--fds-global-yellow-7); + --fds-color-warning-border-strong: var(--fds-global-yellow-8); + --fds-color-warning-base-default: var(--fds-global-orange-9); + --fds-color-warning-base-hover: var(--fds-global-orange-10); + --fds-color-warning-base-active: var(--fds-global-orange-11); + --fds-color-warning-text-subtle: var(--fds-global-orange-12); + --fds-color-warning-text-default: var(--fds-global-orange-13); + --fds-color-warning-contrast-first: var(--fds-global-yellow-contrast-1); + --fds-color-warning-contrast-second: var(--fds-global-yellow-contrast-2); --fds-typography-heading-2xlarge: 500 3.75rem/1.3 'Inter'; --fds-typography-heading-xlarge: 500 3rem/1.3 'Inter'; --fds-typography-heading-large: 500 2.25rem/1.3 'Inter'; diff --git a/packages/theme/brand/digdir/dark.css b/packages/theme/brand/digdir/dark.css index 30dd7590bd..5e62a58260 100644 --- a/packages/theme/brand/digdir/dark.css +++ b/packages/theme/brand/digdir/dark.css @@ -5,9 +5,82 @@ :root { - /** Referenced tokens */ - /** Tokens */ + --fds-global-green-1: #08200c; + --fds-global-green-2: #0b290f; + --fds-global-green-3: #0f3814; + --fds-global-green-4: #114218; + --fds-global-green-5: #144c1c; + --fds-global-green-6: #185e22; + --fds-global-green-7: #207a2c; + --fds-global-green-8: #279636; + --fds-global-green-9: #2ca63d; + --fds-global-green-10: #248c33; + --fds-global-green-11: #1d7129; + --fds-global-green-12: #64be70; + --fds-global-green-13: #a2d8aa; + --fds-global-green-contrast-1: #000; + --fds-global-green-contrast-2: #e6e6e6; + --fds-global-yellow-1: #211b08; + --fds-global-yellow-2: #2b230a; + --fds-global-yellow-3: #3a300e; + --fds-global-yellow-4: #453810; + --fds-global-yellow-5: #4e4013; + --fds-global-yellow-6: #625017; + --fds-global-yellow-7: #7f681e; + --fds-global-yellow-8: #9c8125; + --fds-global-yellow-9: #ecc238; + --fds-global-yellow-10: #cfaa31; + --fds-global-yellow-11: #b2922a; + --fds-global-yellow-12: #cca730; + --fds-global-yellow-13: #eec84d; + --fds-global-yellow-contrast-1: #000; + --fds-global-yellow-contrast-2: #e6e6e6; + --fds-global-orange-1: #2d1508; + --fds-global-orange-2: #3a1b0a; + --fds-global-orange-3: #4f240d; + --fds-global-orange-4: #5d2b0f; + --fds-global-orange-5: #6b3212; + --fds-global-orange-6: #853e16; + --fds-global-orange-7: #ac4f1c; + --fds-global-orange-8: #d46223; + --fds-global-orange-9: #d46223; + --fds-global-orange-10: #b0511d; + --fds-global-orange-11: #8e4117; + --fds-global-orange-12: #e39a72; + --fds-global-orange-13: #efc3ab; + --fds-global-orange-contrast-1: #ffffff; + --fds-global-orange-contrast-2: #e6e6e6; + --fds-global-red-1: #380c0c; + --fds-global-red-2: #470f10; + --fds-global-red-3: #5e1515; + --fds-global-red-4: #6f1819; + --fds-global-red-5: #7f1c1c; + --fds-global-red-6: #9d2223; + --fds-global-red-7: #bb3f40; + --fds-global-red-8: #c96666; + --fds-global-red-9: #b32728; + --fds-global-red-10: #8c1f1f; + --fds-global-red-11: #671617; + --fds-global-red-12: #dc9a9b; + --fds-global-red-13: #e9c2c2; + --fds-global-red-contrast-1: #000; + --fds-global-red-contrast-2: #e6e6e6; + --fds-global-blue-1: #031d30; + --fds-global-blue-2: #032540; + --fds-global-blue-3: #043256; + --fds-global-blue-4: #053c65; + --fds-global-blue-5: #064474; + --fds-global-blue-6: #075490; + --fds-global-blue-7: #0a6dba; + --fds-global-blue-8: #3389cb; + --fds-global-blue-9: #0c72c1; + --fds-global-blue-10: #085c9c; + --fds-global-blue-11: #064678; + --fds-global-blue-12: #78b1dc; + --fds-global-blue-13: #aed0ea; + --fds-global-blue-contrast-1: #ffffff; + --fds-global-blue-contrast-2: #e6e6e6; --fds-color-accent-1: #001c36; --fds-color-accent-2: #002445; --fds-color-accent-3: #00315c; @@ -158,36 +231,36 @@ --fds-color-brand3-text-default: var(--fds-color-brand3-13); --fds-color-brand3-contrast-first: var(--fds-color-brand3-contrast-1); --fds-color-brand3-contrast-second: var(--fds-color-brand3-contrast-2); - --fds-color-success-background-default: #08200c; - --fds-color-success-background-subtle: #0b290f; - --fds-color-success-surface-default: #0f3814; - --fds-color-success-surface-hover: #114218; - --fds-color-success-surface-active: #144c1c; - --fds-color-success-border-subtle: #185e22; - --fds-color-success-border-default: #207a2c; - --fds-color-success-border-strong: #279636; - --fds-color-success-base-default: #2ca63d; - --fds-color-success-base-hover: #248c33; - --fds-color-success-base-active: #1d7129; - --fds-color-success-text-subtle: #64be70; - --fds-color-success-text-default: #a2d8aa; - --fds-color-success-contrast-first: #000; - --fds-color-success-contrast-second: #e6e6e6; - --fds-color-danger-background-default: #380c0c; - --fds-color-danger-background-subtle: #470f10; - --fds-color-danger-surface-default: #5e1515; - --fds-color-danger-surface-hover: #6f1819; - --fds-color-danger-surface-active: #7f1c1c; - --fds-color-danger-border-subtle: #9d2223; - --fds-color-danger-border-default: #bb3f40; - --fds-color-danger-border-strong: #c96666; - --fds-color-danger-base-default: #b32728; - --fds-color-danger-base-hover: #8c1f1f; - --fds-color-danger-base-active: #671617; - --fds-color-danger-text-subtle: #dc9a9b; - --fds-color-danger-text-default: #e9c2c2; - --fds-color-danger-contrast-first: #000; - --fds-color-danger-contrast-second: #e6e6e6; + --fds-color-success-background-default: var(--fds-global-green-1); + --fds-color-success-background-subtle: var(--fds-global-green-2); + --fds-color-success-surface-default: var(--fds-global-green-3); + --fds-color-success-surface-hover: var(--fds-global-green-4); + --fds-color-success-surface-active: var(--fds-global-green-5); + --fds-color-success-border-subtle: var(--fds-global-green-6); + --fds-color-success-border-default: var(--fds-global-green-7); + --fds-color-success-border-strong: var(--fds-global-green-8); + --fds-color-success-base-default: var(--fds-global-green-9); + --fds-color-success-base-hover: var(--fds-global-green-10); + --fds-color-success-base-active: var(--fds-global-green-11); + --fds-color-success-text-subtle: var(--fds-global-green-12); + --fds-color-success-text-default: var(--fds-global-green-13); + --fds-color-success-contrast-first: var(--fds-global-green-contrast-1); + --fds-color-success-contrast-second: var(--fds-global-green-contrast-2); + --fds-color-danger-background-default: var(--fds-global-red-1); + --fds-color-danger-background-subtle: var(--fds-global-red-2); + --fds-color-danger-surface-default: var(--fds-global-red-3); + --fds-color-danger-surface-hover: var(--fds-global-red-4); + --fds-color-danger-surface-active: var(--fds-global-red-5); + --fds-color-danger-border-subtle: var(--fds-global-red-6); + --fds-color-danger-border-default: var(--fds-global-red-7); + --fds-color-danger-border-strong: var(--fds-global-red-8); + --fds-color-danger-base-default: var(--fds-global-red-9); + --fds-color-danger-base-hover: var(--fds-global-red-10); + --fds-color-danger-base-active: var(--fds-global-red-11); + --fds-color-danger-text-subtle: var(--fds-global-red-12); + --fds-color-danger-text-default: var(--fds-global-red-13); + --fds-color-danger-contrast-first: var(--fds-global-red-contrast-1); + --fds-color-danger-contrast-second: var(--fds-global-red-contrast-2); --fds-color-info-background-default: #031d30; --fds-color-info-background-subtle: #032540; --fds-color-info-surface-default: #043256; @@ -203,21 +276,21 @@ --fds-color-info-text-default: #aed0ea; --fds-color-info-contrast-first: #ffffff; --fds-color-info-contrast-second: #e6e6e6; - --fds-color-warning-background-default: #211b08; - --fds-color-warning-background-subtle: #2b230a; - --fds-color-warning-surface-default: #3a300e; - --fds-color-warning-surface-hover: #453810; - --fds-color-warning-surface-active: #4e4013; - --fds-color-warning-border-subtle: #625017; - --fds-color-warning-border-default: #7f681e; - --fds-color-warning-border-strong: #9c8125; - --fds-color-warning-base-default: #d46223; - --fds-color-warning-base-hover: #b0511d; - --fds-color-warning-base-active: #8e4117; - --fds-color-warning-text-subtle: #e39a72; - --fds-color-warning-text-default: #efc3ab; - --fds-color-warning-contrast-first: #000; - --fds-color-warning-contrast-second: #e6e6e6; + --fds-color-warning-background-default: var(--fds-global-yellow-1); + --fds-color-warning-background-subtle: var(--fds-global-yellow-2); + --fds-color-warning-surface-default: var(--fds-global-yellow-3); + --fds-color-warning-surface-hover: var(--fds-global-yellow-4); + --fds-color-warning-surface-active: var(--fds-global-yellow-5); + --fds-color-warning-border-subtle: var(--fds-global-yellow-6); + --fds-color-warning-border-default: var(--fds-global-yellow-7); + --fds-color-warning-border-strong: var(--fds-global-yellow-8); + --fds-color-warning-base-default: var(--fds-global-orange-9); + --fds-color-warning-base-hover: var(--fds-global-orange-10); + --fds-color-warning-base-active: var(--fds-global-orange-11); + --fds-color-warning-text-subtle: var(--fds-global-orange-12); + --fds-color-warning-text-default: var(--fds-global-orange-13); + --fds-color-warning-contrast-first: var(--fds-global-yellow-contrast-1); + --fds-color-warning-contrast-second: var(--fds-global-yellow-contrast-2); --fds-typography-heading-2xlarge: 500 3.75rem/1.3 'Inter'; --fds-typography-heading-xlarge: 500 3rem/1.3 'Inter'; --fds-typography-heading-large: 500 2.25rem/1.3 'Inter'; diff --git a/packages/theme/brand/digdir/light.css b/packages/theme/brand/digdir/light.css index d213c5e158..b15ed67544 100644 --- a/packages/theme/brand/digdir/light.css +++ b/packages/theme/brand/digdir/light.css @@ -5,9 +5,82 @@ :root { - /** Referenced tokens */ - /** Tokens */ + --fds-global-green-1: #fcfefc; + --fds-global-green-2: #e9f6ea; + --fds-global-green-3: #d9efdc; + --fds-global-green-4: #b9e1be; + --fds-global-green-5: #94d29d; + --fds-global-green-6: #9ed6a5; + --fds-global-green-7: #29a03a; + --fds-global-green-8: #185e22; + --fds-global-green-9: #2ca63d; + --fds-global-green-10: #248c33; + --fds-global-green-11: #1d7129; + --fds-global-green-12: #185c21; + --fds-global-green-13: #0f3814; + --fds-global-green-contrast-1: #ffffff; + --fds-global-green-contrast-2: #e6e6e6; + --fds-global-yellow-1: #fffefc; + --fds-global-yellow-2: #fbf2d5; + --fds-global-yellow-3: #f9ebbd; + --fds-global-yellow-4: #f2d474; + --fds-global-yellow-5: #e8bf37; + --fds-global-yellow-6: #edc644; + --fds-global-yellow-7: #a68827; + --fds-global-yellow-8: #625017; + --fds-global-yellow-9: #ecc238; + --fds-global-yellow-10: #cfaa31; + --fds-global-yellow-11: #b2922a; + --fds-global-yellow-12: #604f17; + --fds-global-yellow-13: #3a300e; + --fds-global-yellow-contrast-1: #ffffff; + --fds-global-yellow-contrast-2: #e6e6e6; + --fds-global-orange-1: #fffefd; + --fds-global-orange-2: #fbf1ec; + --fds-global-orange-3: #f9e8df; + --fds-global-orange-4: #f2d0bc; + --fds-global-orange-5: #ecb99e; + --fds-global-orange-6: #eec0a7; + --fds-global-orange-7: #d76e34; + --fds-global-orange-8: #853e16; + --fds-global-orange-9: #d46223; + --fds-global-orange-10: #b0511d; + --fds-global-orange-11: #8e4117; + --fds-global-orange-12: #813c15; + --fds-global-orange-13: #4f240d; + --fds-global-orange-contrast-1: #ffffff; + --fds-global-orange-contrast-2: #e6e6e6; + --fds-global-red-1: #fffefe; + --fds-global-red-2: #fbf2f3; + --fds-global-red-3: #f6e6e6; + --fds-global-red-4: #eecfd0; + --fds-global-red-5: #e6b9b9; + --fds-global-red-6: #e8bfbf; + --fds-global-red-7: #cd7172; + --fds-global-red-8: #9d2223; + --fds-global-red-9: #b32728; + --fds-global-red-10: #8c1f1f; + --fds-global-red-11: #671617; + --fds-global-red-12: #9a2122; + --fds-global-red-13: #5e1515; + --fds-global-red-contrast-1: #ffffff; + --fds-global-red-contrast-2: #e6e6e6; + --fds-global-blue-1: #fefeff; + --fds-global-blue-2: #edf5fa; + --fds-global-blue-3: #dfecf7; + --fds-global-blue-4: #bedaee; + --fds-global-blue-5: #a1c9e7; + --fds-global-blue-6: #aacee9; + --fds-global-blue-7: #4291ce; + --fds-global-blue-8: #075490; + --fds-global-blue-9: #0c72c1; + --fds-global-blue-10: #085c9c; + --fds-global-blue-11: #064678; + --fds-global-blue-12: #07528c; + --fds-global-blue-13: #043256; + --fds-global-blue-contrast-1: #ffffff; + --fds-global-blue-contrast-2: #e6e6e6; --fds-color-accent-1: #fefeff; --fds-color-accent-2: #eef4fa; --fds-color-accent-3: #e2edf7; @@ -158,36 +231,36 @@ --fds-color-brand3-text-default: var(--fds-color-brand3-13); --fds-color-brand3-contrast-first: var(--fds-color-brand3-contrast-1); --fds-color-brand3-contrast-second: var(--fds-color-brand3-contrast-2); - --fds-color-success-background-default: #fcfefc; - --fds-color-success-background-subtle: #e9f6ea; - --fds-color-success-surface-default: #d9efdc; - --fds-color-success-surface-hover: #b9e1be; - --fds-color-success-surface-active: #94d29d; - --fds-color-success-border-subtle: #9ed6a5; - --fds-color-success-border-default: #29a03a; - --fds-color-success-border-strong: #185e22; - --fds-color-success-base-default: #2ca63d; - --fds-color-success-base-hover: #248c33; - --fds-color-success-base-active: #1d7129; - --fds-color-success-text-subtle: #185c21; - --fds-color-success-text-default: #0f3814; - --fds-color-success-contrast-first: #ffffff; - --fds-color-success-contrast-second: #e6e6e6; - --fds-color-danger-background-default: #fffefe; - --fds-color-danger-background-subtle: #fbf2f3; - --fds-color-danger-surface-default: #f6e6e6; - --fds-color-danger-surface-hover: #eecfd0; - --fds-color-danger-surface-active: #e6b9b9; - --fds-color-danger-border-subtle: #e8bfbf; - --fds-color-danger-border-default: #cd7172; - --fds-color-danger-border-strong: #9d2223; - --fds-color-danger-base-default: #b32728; - --fds-color-danger-base-hover: #8c1f1f; - --fds-color-danger-base-active: #671617; - --fds-color-danger-text-subtle: #9a2122; - --fds-color-danger-text-default: #5e1515; - --fds-color-danger-contrast-first: #ffffff; - --fds-color-danger-contrast-second: #e6e6e6; + --fds-color-success-background-default: var(--fds-global-green-1); + --fds-color-success-background-subtle: var(--fds-global-green-2); + --fds-color-success-surface-default: var(--fds-global-green-3); + --fds-color-success-surface-hover: var(--fds-global-green-4); + --fds-color-success-surface-active: var(--fds-global-green-5); + --fds-color-success-border-subtle: var(--fds-global-green-6); + --fds-color-success-border-default: var(--fds-global-green-7); + --fds-color-success-border-strong: var(--fds-global-green-8); + --fds-color-success-base-default: var(--fds-global-green-9); + --fds-color-success-base-hover: var(--fds-global-green-10); + --fds-color-success-base-active: var(--fds-global-green-11); + --fds-color-success-text-subtle: var(--fds-global-green-12); + --fds-color-success-text-default: var(--fds-global-green-13); + --fds-color-success-contrast-first: var(--fds-global-green-contrast-1); + --fds-color-success-contrast-second: var(--fds-global-green-contrast-2); + --fds-color-danger-background-default: var(--fds-global-red-1); + --fds-color-danger-background-subtle: var(--fds-global-red-2); + --fds-color-danger-surface-default: var(--fds-global-red-3); + --fds-color-danger-surface-hover: var(--fds-global-red-4); + --fds-color-danger-surface-active: var(--fds-global-red-5); + --fds-color-danger-border-subtle: var(--fds-global-red-6); + --fds-color-danger-border-default: var(--fds-global-red-7); + --fds-color-danger-border-strong: var(--fds-global-red-8); + --fds-color-danger-base-default: var(--fds-global-red-9); + --fds-color-danger-base-hover: var(--fds-global-red-10); + --fds-color-danger-base-active: var(--fds-global-red-11); + --fds-color-danger-text-subtle: var(--fds-global-red-12); + --fds-color-danger-text-default: var(--fds-global-red-13); + --fds-color-danger-contrast-first: var(--fds-global-red-contrast-1); + --fds-color-danger-contrast-second: var(--fds-global-red-contrast-2); --fds-color-info-background-default: #fefeff; --fds-color-info-background-subtle: #edf5fa; --fds-color-info-surface-default: #dfecf7; @@ -203,21 +276,21 @@ --fds-color-info-text-default: #043256; --fds-color-info-contrast-first: #ffffff; --fds-color-info-contrast-second: #e6e6e6; - --fds-color-warning-background-default: #fffefc; - --fds-color-warning-background-subtle: #fbf2d5; - --fds-color-warning-surface-default: #f9ebbd; - --fds-color-warning-surface-hover: #f2d474; - --fds-color-warning-surface-active: #e8bf37; - --fds-color-warning-border-subtle: #edc644; - --fds-color-warning-border-default: #a68827; - --fds-color-warning-border-strong: #625017; - --fds-color-warning-base-default: #d46223; - --fds-color-warning-base-hover: #b0511d; - --fds-color-warning-base-active: #8e4117; - --fds-color-warning-text-subtle: #813c15; - --fds-color-warning-text-default: #4f240d; - --fds-color-warning-contrast-first: #ffffff; - --fds-color-warning-contrast-second: #e6e6e6; + --fds-color-warning-background-default: var(--fds-global-yellow-1); + --fds-color-warning-background-subtle: var(--fds-global-yellow-2); + --fds-color-warning-surface-default: var(--fds-global-yellow-3); + --fds-color-warning-surface-hover: var(--fds-global-yellow-4); + --fds-color-warning-surface-active: var(--fds-global-yellow-5); + --fds-color-warning-border-subtle: var(--fds-global-yellow-6); + --fds-color-warning-border-default: var(--fds-global-yellow-7); + --fds-color-warning-border-strong: var(--fds-global-yellow-8); + --fds-color-warning-base-default: var(--fds-global-orange-9); + --fds-color-warning-base-hover: var(--fds-global-orange-10); + --fds-color-warning-base-active: var(--fds-global-orange-11); + --fds-color-warning-text-subtle: var(--fds-global-orange-12); + --fds-color-warning-text-default: var(--fds-global-orange-13); + --fds-color-warning-contrast-first: var(--fds-global-yellow-contrast-1); + --fds-color-warning-contrast-second: var(--fds-global-yellow-contrast-2); --fds-typography-heading-2xlarge: 500 3.75rem/1.3 'Inter'; --fds-typography-heading-xlarge: 500 3rem/1.3 'Inter'; --fds-typography-heading-large: 500 2.25rem/1.3 'Inter'; diff --git a/packages/theme/brand/theme4/dark.css b/packages/theme/brand/theme4/dark.css index 30dd7590bd..5e62a58260 100644 --- a/packages/theme/brand/theme4/dark.css +++ b/packages/theme/brand/theme4/dark.css @@ -5,9 +5,82 @@ :root { - /** Referenced tokens */ - /** Tokens */ + --fds-global-green-1: #08200c; + --fds-global-green-2: #0b290f; + --fds-global-green-3: #0f3814; + --fds-global-green-4: #114218; + --fds-global-green-5: #144c1c; + --fds-global-green-6: #185e22; + --fds-global-green-7: #207a2c; + --fds-global-green-8: #279636; + --fds-global-green-9: #2ca63d; + --fds-global-green-10: #248c33; + --fds-global-green-11: #1d7129; + --fds-global-green-12: #64be70; + --fds-global-green-13: #a2d8aa; + --fds-global-green-contrast-1: #000; + --fds-global-green-contrast-2: #e6e6e6; + --fds-global-yellow-1: #211b08; + --fds-global-yellow-2: #2b230a; + --fds-global-yellow-3: #3a300e; + --fds-global-yellow-4: #453810; + --fds-global-yellow-5: #4e4013; + --fds-global-yellow-6: #625017; + --fds-global-yellow-7: #7f681e; + --fds-global-yellow-8: #9c8125; + --fds-global-yellow-9: #ecc238; + --fds-global-yellow-10: #cfaa31; + --fds-global-yellow-11: #b2922a; + --fds-global-yellow-12: #cca730; + --fds-global-yellow-13: #eec84d; + --fds-global-yellow-contrast-1: #000; + --fds-global-yellow-contrast-2: #e6e6e6; + --fds-global-orange-1: #2d1508; + --fds-global-orange-2: #3a1b0a; + --fds-global-orange-3: #4f240d; + --fds-global-orange-4: #5d2b0f; + --fds-global-orange-5: #6b3212; + --fds-global-orange-6: #853e16; + --fds-global-orange-7: #ac4f1c; + --fds-global-orange-8: #d46223; + --fds-global-orange-9: #d46223; + --fds-global-orange-10: #b0511d; + --fds-global-orange-11: #8e4117; + --fds-global-orange-12: #e39a72; + --fds-global-orange-13: #efc3ab; + --fds-global-orange-contrast-1: #ffffff; + --fds-global-orange-contrast-2: #e6e6e6; + --fds-global-red-1: #380c0c; + --fds-global-red-2: #470f10; + --fds-global-red-3: #5e1515; + --fds-global-red-4: #6f1819; + --fds-global-red-5: #7f1c1c; + --fds-global-red-6: #9d2223; + --fds-global-red-7: #bb3f40; + --fds-global-red-8: #c96666; + --fds-global-red-9: #b32728; + --fds-global-red-10: #8c1f1f; + --fds-global-red-11: #671617; + --fds-global-red-12: #dc9a9b; + --fds-global-red-13: #e9c2c2; + --fds-global-red-contrast-1: #000; + --fds-global-red-contrast-2: #e6e6e6; + --fds-global-blue-1: #031d30; + --fds-global-blue-2: #032540; + --fds-global-blue-3: #043256; + --fds-global-blue-4: #053c65; + --fds-global-blue-5: #064474; + --fds-global-blue-6: #075490; + --fds-global-blue-7: #0a6dba; + --fds-global-blue-8: #3389cb; + --fds-global-blue-9: #0c72c1; + --fds-global-blue-10: #085c9c; + --fds-global-blue-11: #064678; + --fds-global-blue-12: #78b1dc; + --fds-global-blue-13: #aed0ea; + --fds-global-blue-contrast-1: #ffffff; + --fds-global-blue-contrast-2: #e6e6e6; --fds-color-accent-1: #001c36; --fds-color-accent-2: #002445; --fds-color-accent-3: #00315c; @@ -158,36 +231,36 @@ --fds-color-brand3-text-default: var(--fds-color-brand3-13); --fds-color-brand3-contrast-first: var(--fds-color-brand3-contrast-1); --fds-color-brand3-contrast-second: var(--fds-color-brand3-contrast-2); - --fds-color-success-background-default: #08200c; - --fds-color-success-background-subtle: #0b290f; - --fds-color-success-surface-default: #0f3814; - --fds-color-success-surface-hover: #114218; - --fds-color-success-surface-active: #144c1c; - --fds-color-success-border-subtle: #185e22; - --fds-color-success-border-default: #207a2c; - --fds-color-success-border-strong: #279636; - --fds-color-success-base-default: #2ca63d; - --fds-color-success-base-hover: #248c33; - --fds-color-success-base-active: #1d7129; - --fds-color-success-text-subtle: #64be70; - --fds-color-success-text-default: #a2d8aa; - --fds-color-success-contrast-first: #000; - --fds-color-success-contrast-second: #e6e6e6; - --fds-color-danger-background-default: #380c0c; - --fds-color-danger-background-subtle: #470f10; - --fds-color-danger-surface-default: #5e1515; - --fds-color-danger-surface-hover: #6f1819; - --fds-color-danger-surface-active: #7f1c1c; - --fds-color-danger-border-subtle: #9d2223; - --fds-color-danger-border-default: #bb3f40; - --fds-color-danger-border-strong: #c96666; - --fds-color-danger-base-default: #b32728; - --fds-color-danger-base-hover: #8c1f1f; - --fds-color-danger-base-active: #671617; - --fds-color-danger-text-subtle: #dc9a9b; - --fds-color-danger-text-default: #e9c2c2; - --fds-color-danger-contrast-first: #000; - --fds-color-danger-contrast-second: #e6e6e6; + --fds-color-success-background-default: var(--fds-global-green-1); + --fds-color-success-background-subtle: var(--fds-global-green-2); + --fds-color-success-surface-default: var(--fds-global-green-3); + --fds-color-success-surface-hover: var(--fds-global-green-4); + --fds-color-success-surface-active: var(--fds-global-green-5); + --fds-color-success-border-subtle: var(--fds-global-green-6); + --fds-color-success-border-default: var(--fds-global-green-7); + --fds-color-success-border-strong: var(--fds-global-green-8); + --fds-color-success-base-default: var(--fds-global-green-9); + --fds-color-success-base-hover: var(--fds-global-green-10); + --fds-color-success-base-active: var(--fds-global-green-11); + --fds-color-success-text-subtle: var(--fds-global-green-12); + --fds-color-success-text-default: var(--fds-global-green-13); + --fds-color-success-contrast-first: var(--fds-global-green-contrast-1); + --fds-color-success-contrast-second: var(--fds-global-green-contrast-2); + --fds-color-danger-background-default: var(--fds-global-red-1); + --fds-color-danger-background-subtle: var(--fds-global-red-2); + --fds-color-danger-surface-default: var(--fds-global-red-3); + --fds-color-danger-surface-hover: var(--fds-global-red-4); + --fds-color-danger-surface-active: var(--fds-global-red-5); + --fds-color-danger-border-subtle: var(--fds-global-red-6); + --fds-color-danger-border-default: var(--fds-global-red-7); + --fds-color-danger-border-strong: var(--fds-global-red-8); + --fds-color-danger-base-default: var(--fds-global-red-9); + --fds-color-danger-base-hover: var(--fds-global-red-10); + --fds-color-danger-base-active: var(--fds-global-red-11); + --fds-color-danger-text-subtle: var(--fds-global-red-12); + --fds-color-danger-text-default: var(--fds-global-red-13); + --fds-color-danger-contrast-first: var(--fds-global-red-contrast-1); + --fds-color-danger-contrast-second: var(--fds-global-red-contrast-2); --fds-color-info-background-default: #031d30; --fds-color-info-background-subtle: #032540; --fds-color-info-surface-default: #043256; @@ -203,21 +276,21 @@ --fds-color-info-text-default: #aed0ea; --fds-color-info-contrast-first: #ffffff; --fds-color-info-contrast-second: #e6e6e6; - --fds-color-warning-background-default: #211b08; - --fds-color-warning-background-subtle: #2b230a; - --fds-color-warning-surface-default: #3a300e; - --fds-color-warning-surface-hover: #453810; - --fds-color-warning-surface-active: #4e4013; - --fds-color-warning-border-subtle: #625017; - --fds-color-warning-border-default: #7f681e; - --fds-color-warning-border-strong: #9c8125; - --fds-color-warning-base-default: #d46223; - --fds-color-warning-base-hover: #b0511d; - --fds-color-warning-base-active: #8e4117; - --fds-color-warning-text-subtle: #e39a72; - --fds-color-warning-text-default: #efc3ab; - --fds-color-warning-contrast-first: #000; - --fds-color-warning-contrast-second: #e6e6e6; + --fds-color-warning-background-default: var(--fds-global-yellow-1); + --fds-color-warning-background-subtle: var(--fds-global-yellow-2); + --fds-color-warning-surface-default: var(--fds-global-yellow-3); + --fds-color-warning-surface-hover: var(--fds-global-yellow-4); + --fds-color-warning-surface-active: var(--fds-global-yellow-5); + --fds-color-warning-border-subtle: var(--fds-global-yellow-6); + --fds-color-warning-border-default: var(--fds-global-yellow-7); + --fds-color-warning-border-strong: var(--fds-global-yellow-8); + --fds-color-warning-base-default: var(--fds-global-orange-9); + --fds-color-warning-base-hover: var(--fds-global-orange-10); + --fds-color-warning-base-active: var(--fds-global-orange-11); + --fds-color-warning-text-subtle: var(--fds-global-orange-12); + --fds-color-warning-text-default: var(--fds-global-orange-13); + --fds-color-warning-contrast-first: var(--fds-global-yellow-contrast-1); + --fds-color-warning-contrast-second: var(--fds-global-yellow-contrast-2); --fds-typography-heading-2xlarge: 500 3.75rem/1.3 'Inter'; --fds-typography-heading-xlarge: 500 3rem/1.3 'Inter'; --fds-typography-heading-large: 500 2.25rem/1.3 'Inter'; diff --git a/packages/theme/brand/theme4/light.css b/packages/theme/brand/theme4/light.css index d213c5e158..b15ed67544 100644 --- a/packages/theme/brand/theme4/light.css +++ b/packages/theme/brand/theme4/light.css @@ -5,9 +5,82 @@ :root { - /** Referenced tokens */ - /** Tokens */ + --fds-global-green-1: #fcfefc; + --fds-global-green-2: #e9f6ea; + --fds-global-green-3: #d9efdc; + --fds-global-green-4: #b9e1be; + --fds-global-green-5: #94d29d; + --fds-global-green-6: #9ed6a5; + --fds-global-green-7: #29a03a; + --fds-global-green-8: #185e22; + --fds-global-green-9: #2ca63d; + --fds-global-green-10: #248c33; + --fds-global-green-11: #1d7129; + --fds-global-green-12: #185c21; + --fds-global-green-13: #0f3814; + --fds-global-green-contrast-1: #ffffff; + --fds-global-green-contrast-2: #e6e6e6; + --fds-global-yellow-1: #fffefc; + --fds-global-yellow-2: #fbf2d5; + --fds-global-yellow-3: #f9ebbd; + --fds-global-yellow-4: #f2d474; + --fds-global-yellow-5: #e8bf37; + --fds-global-yellow-6: #edc644; + --fds-global-yellow-7: #a68827; + --fds-global-yellow-8: #625017; + --fds-global-yellow-9: #ecc238; + --fds-global-yellow-10: #cfaa31; + --fds-global-yellow-11: #b2922a; + --fds-global-yellow-12: #604f17; + --fds-global-yellow-13: #3a300e; + --fds-global-yellow-contrast-1: #ffffff; + --fds-global-yellow-contrast-2: #e6e6e6; + --fds-global-orange-1: #fffefd; + --fds-global-orange-2: #fbf1ec; + --fds-global-orange-3: #f9e8df; + --fds-global-orange-4: #f2d0bc; + --fds-global-orange-5: #ecb99e; + --fds-global-orange-6: #eec0a7; + --fds-global-orange-7: #d76e34; + --fds-global-orange-8: #853e16; + --fds-global-orange-9: #d46223; + --fds-global-orange-10: #b0511d; + --fds-global-orange-11: #8e4117; + --fds-global-orange-12: #813c15; + --fds-global-orange-13: #4f240d; + --fds-global-orange-contrast-1: #ffffff; + --fds-global-orange-contrast-2: #e6e6e6; + --fds-global-red-1: #fffefe; + --fds-global-red-2: #fbf2f3; + --fds-global-red-3: #f6e6e6; + --fds-global-red-4: #eecfd0; + --fds-global-red-5: #e6b9b9; + --fds-global-red-6: #e8bfbf; + --fds-global-red-7: #cd7172; + --fds-global-red-8: #9d2223; + --fds-global-red-9: #b32728; + --fds-global-red-10: #8c1f1f; + --fds-global-red-11: #671617; + --fds-global-red-12: #9a2122; + --fds-global-red-13: #5e1515; + --fds-global-red-contrast-1: #ffffff; + --fds-global-red-contrast-2: #e6e6e6; + --fds-global-blue-1: #fefeff; + --fds-global-blue-2: #edf5fa; + --fds-global-blue-3: #dfecf7; + --fds-global-blue-4: #bedaee; + --fds-global-blue-5: #a1c9e7; + --fds-global-blue-6: #aacee9; + --fds-global-blue-7: #4291ce; + --fds-global-blue-8: #075490; + --fds-global-blue-9: #0c72c1; + --fds-global-blue-10: #085c9c; + --fds-global-blue-11: #064678; + --fds-global-blue-12: #07528c; + --fds-global-blue-13: #043256; + --fds-global-blue-contrast-1: #ffffff; + --fds-global-blue-contrast-2: #e6e6e6; --fds-color-accent-1: #fefeff; --fds-color-accent-2: #eef4fa; --fds-color-accent-3: #e2edf7; @@ -158,36 +231,36 @@ --fds-color-brand3-text-default: var(--fds-color-brand3-13); --fds-color-brand3-contrast-first: var(--fds-color-brand3-contrast-1); --fds-color-brand3-contrast-second: var(--fds-color-brand3-contrast-2); - --fds-color-success-background-default: #fcfefc; - --fds-color-success-background-subtle: #e9f6ea; - --fds-color-success-surface-default: #d9efdc; - --fds-color-success-surface-hover: #b9e1be; - --fds-color-success-surface-active: #94d29d; - --fds-color-success-border-subtle: #9ed6a5; - --fds-color-success-border-default: #29a03a; - --fds-color-success-border-strong: #185e22; - --fds-color-success-base-default: #2ca63d; - --fds-color-success-base-hover: #248c33; - --fds-color-success-base-active: #1d7129; - --fds-color-success-text-subtle: #185c21; - --fds-color-success-text-default: #0f3814; - --fds-color-success-contrast-first: #ffffff; - --fds-color-success-contrast-second: #e6e6e6; - --fds-color-danger-background-default: #fffefe; - --fds-color-danger-background-subtle: #fbf2f3; - --fds-color-danger-surface-default: #f6e6e6; - --fds-color-danger-surface-hover: #eecfd0; - --fds-color-danger-surface-active: #e6b9b9; - --fds-color-danger-border-subtle: #e8bfbf; - --fds-color-danger-border-default: #cd7172; - --fds-color-danger-border-strong: #9d2223; - --fds-color-danger-base-default: #b32728; - --fds-color-danger-base-hover: #8c1f1f; - --fds-color-danger-base-active: #671617; - --fds-color-danger-text-subtle: #9a2122; - --fds-color-danger-text-default: #5e1515; - --fds-color-danger-contrast-first: #ffffff; - --fds-color-danger-contrast-second: #e6e6e6; + --fds-color-success-background-default: var(--fds-global-green-1); + --fds-color-success-background-subtle: var(--fds-global-green-2); + --fds-color-success-surface-default: var(--fds-global-green-3); + --fds-color-success-surface-hover: var(--fds-global-green-4); + --fds-color-success-surface-active: var(--fds-global-green-5); + --fds-color-success-border-subtle: var(--fds-global-green-6); + --fds-color-success-border-default: var(--fds-global-green-7); + --fds-color-success-border-strong: var(--fds-global-green-8); + --fds-color-success-base-default: var(--fds-global-green-9); + --fds-color-success-base-hover: var(--fds-global-green-10); + --fds-color-success-base-active: var(--fds-global-green-11); + --fds-color-success-text-subtle: var(--fds-global-green-12); + --fds-color-success-text-default: var(--fds-global-green-13); + --fds-color-success-contrast-first: var(--fds-global-green-contrast-1); + --fds-color-success-contrast-second: var(--fds-global-green-contrast-2); + --fds-color-danger-background-default: var(--fds-global-red-1); + --fds-color-danger-background-subtle: var(--fds-global-red-2); + --fds-color-danger-surface-default: var(--fds-global-red-3); + --fds-color-danger-surface-hover: var(--fds-global-red-4); + --fds-color-danger-surface-active: var(--fds-global-red-5); + --fds-color-danger-border-subtle: var(--fds-global-red-6); + --fds-color-danger-border-default: var(--fds-global-red-7); + --fds-color-danger-border-strong: var(--fds-global-red-8); + --fds-color-danger-base-default: var(--fds-global-red-9); + --fds-color-danger-base-hover: var(--fds-global-red-10); + --fds-color-danger-base-active: var(--fds-global-red-11); + --fds-color-danger-text-subtle: var(--fds-global-red-12); + --fds-color-danger-text-default: var(--fds-global-red-13); + --fds-color-danger-contrast-first: var(--fds-global-red-contrast-1); + --fds-color-danger-contrast-second: var(--fds-global-red-contrast-2); --fds-color-info-background-default: #fefeff; --fds-color-info-background-subtle: #edf5fa; --fds-color-info-surface-default: #dfecf7; @@ -203,21 +276,21 @@ --fds-color-info-text-default: #043256; --fds-color-info-contrast-first: #ffffff; --fds-color-info-contrast-second: #e6e6e6; - --fds-color-warning-background-default: #fffefc; - --fds-color-warning-background-subtle: #fbf2d5; - --fds-color-warning-surface-default: #f9ebbd; - --fds-color-warning-surface-hover: #f2d474; - --fds-color-warning-surface-active: #e8bf37; - --fds-color-warning-border-subtle: #edc644; - --fds-color-warning-border-default: #a68827; - --fds-color-warning-border-strong: #625017; - --fds-color-warning-base-default: #d46223; - --fds-color-warning-base-hover: #b0511d; - --fds-color-warning-base-active: #8e4117; - --fds-color-warning-text-subtle: #813c15; - --fds-color-warning-text-default: #4f240d; - --fds-color-warning-contrast-first: #ffffff; - --fds-color-warning-contrast-second: #e6e6e6; + --fds-color-warning-background-default: var(--fds-global-yellow-1); + --fds-color-warning-background-subtle: var(--fds-global-yellow-2); + --fds-color-warning-surface-default: var(--fds-global-yellow-3); + --fds-color-warning-surface-hover: var(--fds-global-yellow-4); + --fds-color-warning-surface-active: var(--fds-global-yellow-5); + --fds-color-warning-border-subtle: var(--fds-global-yellow-6); + --fds-color-warning-border-default: var(--fds-global-yellow-7); + --fds-color-warning-border-strong: var(--fds-global-yellow-8); + --fds-color-warning-base-default: var(--fds-global-orange-9); + --fds-color-warning-base-hover: var(--fds-global-orange-10); + --fds-color-warning-base-active: var(--fds-global-orange-11); + --fds-color-warning-text-subtle: var(--fds-global-orange-12); + --fds-color-warning-text-default: var(--fds-global-orange-13); + --fds-color-warning-contrast-first: var(--fds-global-yellow-contrast-1); + --fds-color-warning-contrast-second: var(--fds-global-yellow-contrast-2); --fds-typography-heading-2xlarge: 500 3.75rem/1.3 'Inter'; --fds-typography-heading-xlarge: 500 3rem/1.3 'Inter'; --fds-typography-heading-large: 500 2.25rem/1.3 'Inter'; diff --git a/packages/theme/brand/uutilsynet/dark.css b/packages/theme/brand/uutilsynet/dark.css index 30dd7590bd..5e62a58260 100644 --- a/packages/theme/brand/uutilsynet/dark.css +++ b/packages/theme/brand/uutilsynet/dark.css @@ -5,9 +5,82 @@ :root { - /** Referenced tokens */ - /** Tokens */ + --fds-global-green-1: #08200c; + --fds-global-green-2: #0b290f; + --fds-global-green-3: #0f3814; + --fds-global-green-4: #114218; + --fds-global-green-5: #144c1c; + --fds-global-green-6: #185e22; + --fds-global-green-7: #207a2c; + --fds-global-green-8: #279636; + --fds-global-green-9: #2ca63d; + --fds-global-green-10: #248c33; + --fds-global-green-11: #1d7129; + --fds-global-green-12: #64be70; + --fds-global-green-13: #a2d8aa; + --fds-global-green-contrast-1: #000; + --fds-global-green-contrast-2: #e6e6e6; + --fds-global-yellow-1: #211b08; + --fds-global-yellow-2: #2b230a; + --fds-global-yellow-3: #3a300e; + --fds-global-yellow-4: #453810; + --fds-global-yellow-5: #4e4013; + --fds-global-yellow-6: #625017; + --fds-global-yellow-7: #7f681e; + --fds-global-yellow-8: #9c8125; + --fds-global-yellow-9: #ecc238; + --fds-global-yellow-10: #cfaa31; + --fds-global-yellow-11: #b2922a; + --fds-global-yellow-12: #cca730; + --fds-global-yellow-13: #eec84d; + --fds-global-yellow-contrast-1: #000; + --fds-global-yellow-contrast-2: #e6e6e6; + --fds-global-orange-1: #2d1508; + --fds-global-orange-2: #3a1b0a; + --fds-global-orange-3: #4f240d; + --fds-global-orange-4: #5d2b0f; + --fds-global-orange-5: #6b3212; + --fds-global-orange-6: #853e16; + --fds-global-orange-7: #ac4f1c; + --fds-global-orange-8: #d46223; + --fds-global-orange-9: #d46223; + --fds-global-orange-10: #b0511d; + --fds-global-orange-11: #8e4117; + --fds-global-orange-12: #e39a72; + --fds-global-orange-13: #efc3ab; + --fds-global-orange-contrast-1: #ffffff; + --fds-global-orange-contrast-2: #e6e6e6; + --fds-global-red-1: #380c0c; + --fds-global-red-2: #470f10; + --fds-global-red-3: #5e1515; + --fds-global-red-4: #6f1819; + --fds-global-red-5: #7f1c1c; + --fds-global-red-6: #9d2223; + --fds-global-red-7: #bb3f40; + --fds-global-red-8: #c96666; + --fds-global-red-9: #b32728; + --fds-global-red-10: #8c1f1f; + --fds-global-red-11: #671617; + --fds-global-red-12: #dc9a9b; + --fds-global-red-13: #e9c2c2; + --fds-global-red-contrast-1: #000; + --fds-global-red-contrast-2: #e6e6e6; + --fds-global-blue-1: #031d30; + --fds-global-blue-2: #032540; + --fds-global-blue-3: #043256; + --fds-global-blue-4: #053c65; + --fds-global-blue-5: #064474; + --fds-global-blue-6: #075490; + --fds-global-blue-7: #0a6dba; + --fds-global-blue-8: #3389cb; + --fds-global-blue-9: #0c72c1; + --fds-global-blue-10: #085c9c; + --fds-global-blue-11: #064678; + --fds-global-blue-12: #78b1dc; + --fds-global-blue-13: #aed0ea; + --fds-global-blue-contrast-1: #ffffff; + --fds-global-blue-contrast-2: #e6e6e6; --fds-color-accent-1: #001c36; --fds-color-accent-2: #002445; --fds-color-accent-3: #00315c; @@ -158,36 +231,36 @@ --fds-color-brand3-text-default: var(--fds-color-brand3-13); --fds-color-brand3-contrast-first: var(--fds-color-brand3-contrast-1); --fds-color-brand3-contrast-second: var(--fds-color-brand3-contrast-2); - --fds-color-success-background-default: #08200c; - --fds-color-success-background-subtle: #0b290f; - --fds-color-success-surface-default: #0f3814; - --fds-color-success-surface-hover: #114218; - --fds-color-success-surface-active: #144c1c; - --fds-color-success-border-subtle: #185e22; - --fds-color-success-border-default: #207a2c; - --fds-color-success-border-strong: #279636; - --fds-color-success-base-default: #2ca63d; - --fds-color-success-base-hover: #248c33; - --fds-color-success-base-active: #1d7129; - --fds-color-success-text-subtle: #64be70; - --fds-color-success-text-default: #a2d8aa; - --fds-color-success-contrast-first: #000; - --fds-color-success-contrast-second: #e6e6e6; - --fds-color-danger-background-default: #380c0c; - --fds-color-danger-background-subtle: #470f10; - --fds-color-danger-surface-default: #5e1515; - --fds-color-danger-surface-hover: #6f1819; - --fds-color-danger-surface-active: #7f1c1c; - --fds-color-danger-border-subtle: #9d2223; - --fds-color-danger-border-default: #bb3f40; - --fds-color-danger-border-strong: #c96666; - --fds-color-danger-base-default: #b32728; - --fds-color-danger-base-hover: #8c1f1f; - --fds-color-danger-base-active: #671617; - --fds-color-danger-text-subtle: #dc9a9b; - --fds-color-danger-text-default: #e9c2c2; - --fds-color-danger-contrast-first: #000; - --fds-color-danger-contrast-second: #e6e6e6; + --fds-color-success-background-default: var(--fds-global-green-1); + --fds-color-success-background-subtle: var(--fds-global-green-2); + --fds-color-success-surface-default: var(--fds-global-green-3); + --fds-color-success-surface-hover: var(--fds-global-green-4); + --fds-color-success-surface-active: var(--fds-global-green-5); + --fds-color-success-border-subtle: var(--fds-global-green-6); + --fds-color-success-border-default: var(--fds-global-green-7); + --fds-color-success-border-strong: var(--fds-global-green-8); + --fds-color-success-base-default: var(--fds-global-green-9); + --fds-color-success-base-hover: var(--fds-global-green-10); + --fds-color-success-base-active: var(--fds-global-green-11); + --fds-color-success-text-subtle: var(--fds-global-green-12); + --fds-color-success-text-default: var(--fds-global-green-13); + --fds-color-success-contrast-first: var(--fds-global-green-contrast-1); + --fds-color-success-contrast-second: var(--fds-global-green-contrast-2); + --fds-color-danger-background-default: var(--fds-global-red-1); + --fds-color-danger-background-subtle: var(--fds-global-red-2); + --fds-color-danger-surface-default: var(--fds-global-red-3); + --fds-color-danger-surface-hover: var(--fds-global-red-4); + --fds-color-danger-surface-active: var(--fds-global-red-5); + --fds-color-danger-border-subtle: var(--fds-global-red-6); + --fds-color-danger-border-default: var(--fds-global-red-7); + --fds-color-danger-border-strong: var(--fds-global-red-8); + --fds-color-danger-base-default: var(--fds-global-red-9); + --fds-color-danger-base-hover: var(--fds-global-red-10); + --fds-color-danger-base-active: var(--fds-global-red-11); + --fds-color-danger-text-subtle: var(--fds-global-red-12); + --fds-color-danger-text-default: var(--fds-global-red-13); + --fds-color-danger-contrast-first: var(--fds-global-red-contrast-1); + --fds-color-danger-contrast-second: var(--fds-global-red-contrast-2); --fds-color-info-background-default: #031d30; --fds-color-info-background-subtle: #032540; --fds-color-info-surface-default: #043256; @@ -203,21 +276,21 @@ --fds-color-info-text-default: #aed0ea; --fds-color-info-contrast-first: #ffffff; --fds-color-info-contrast-second: #e6e6e6; - --fds-color-warning-background-default: #211b08; - --fds-color-warning-background-subtle: #2b230a; - --fds-color-warning-surface-default: #3a300e; - --fds-color-warning-surface-hover: #453810; - --fds-color-warning-surface-active: #4e4013; - --fds-color-warning-border-subtle: #625017; - --fds-color-warning-border-default: #7f681e; - --fds-color-warning-border-strong: #9c8125; - --fds-color-warning-base-default: #d46223; - --fds-color-warning-base-hover: #b0511d; - --fds-color-warning-base-active: #8e4117; - --fds-color-warning-text-subtle: #e39a72; - --fds-color-warning-text-default: #efc3ab; - --fds-color-warning-contrast-first: #000; - --fds-color-warning-contrast-second: #e6e6e6; + --fds-color-warning-background-default: var(--fds-global-yellow-1); + --fds-color-warning-background-subtle: var(--fds-global-yellow-2); + --fds-color-warning-surface-default: var(--fds-global-yellow-3); + --fds-color-warning-surface-hover: var(--fds-global-yellow-4); + --fds-color-warning-surface-active: var(--fds-global-yellow-5); + --fds-color-warning-border-subtle: var(--fds-global-yellow-6); + --fds-color-warning-border-default: var(--fds-global-yellow-7); + --fds-color-warning-border-strong: var(--fds-global-yellow-8); + --fds-color-warning-base-default: var(--fds-global-orange-9); + --fds-color-warning-base-hover: var(--fds-global-orange-10); + --fds-color-warning-base-active: var(--fds-global-orange-11); + --fds-color-warning-text-subtle: var(--fds-global-orange-12); + --fds-color-warning-text-default: var(--fds-global-orange-13); + --fds-color-warning-contrast-first: var(--fds-global-yellow-contrast-1); + --fds-color-warning-contrast-second: var(--fds-global-yellow-contrast-2); --fds-typography-heading-2xlarge: 500 3.75rem/1.3 'Inter'; --fds-typography-heading-xlarge: 500 3rem/1.3 'Inter'; --fds-typography-heading-large: 500 2.25rem/1.3 'Inter'; diff --git a/packages/theme/brand/uutilsynet/light.css b/packages/theme/brand/uutilsynet/light.css index d213c5e158..b15ed67544 100644 --- a/packages/theme/brand/uutilsynet/light.css +++ b/packages/theme/brand/uutilsynet/light.css @@ -5,9 +5,82 @@ :root { - /** Referenced tokens */ - /** Tokens */ + --fds-global-green-1: #fcfefc; + --fds-global-green-2: #e9f6ea; + --fds-global-green-3: #d9efdc; + --fds-global-green-4: #b9e1be; + --fds-global-green-5: #94d29d; + --fds-global-green-6: #9ed6a5; + --fds-global-green-7: #29a03a; + --fds-global-green-8: #185e22; + --fds-global-green-9: #2ca63d; + --fds-global-green-10: #248c33; + --fds-global-green-11: #1d7129; + --fds-global-green-12: #185c21; + --fds-global-green-13: #0f3814; + --fds-global-green-contrast-1: #ffffff; + --fds-global-green-contrast-2: #e6e6e6; + --fds-global-yellow-1: #fffefc; + --fds-global-yellow-2: #fbf2d5; + --fds-global-yellow-3: #f9ebbd; + --fds-global-yellow-4: #f2d474; + --fds-global-yellow-5: #e8bf37; + --fds-global-yellow-6: #edc644; + --fds-global-yellow-7: #a68827; + --fds-global-yellow-8: #625017; + --fds-global-yellow-9: #ecc238; + --fds-global-yellow-10: #cfaa31; + --fds-global-yellow-11: #b2922a; + --fds-global-yellow-12: #604f17; + --fds-global-yellow-13: #3a300e; + --fds-global-yellow-contrast-1: #ffffff; + --fds-global-yellow-contrast-2: #e6e6e6; + --fds-global-orange-1: #fffefd; + --fds-global-orange-2: #fbf1ec; + --fds-global-orange-3: #f9e8df; + --fds-global-orange-4: #f2d0bc; + --fds-global-orange-5: #ecb99e; + --fds-global-orange-6: #eec0a7; + --fds-global-orange-7: #d76e34; + --fds-global-orange-8: #853e16; + --fds-global-orange-9: #d46223; + --fds-global-orange-10: #b0511d; + --fds-global-orange-11: #8e4117; + --fds-global-orange-12: #813c15; + --fds-global-orange-13: #4f240d; + --fds-global-orange-contrast-1: #ffffff; + --fds-global-orange-contrast-2: #e6e6e6; + --fds-global-red-1: #fffefe; + --fds-global-red-2: #fbf2f3; + --fds-global-red-3: #f6e6e6; + --fds-global-red-4: #eecfd0; + --fds-global-red-5: #e6b9b9; + --fds-global-red-6: #e8bfbf; + --fds-global-red-7: #cd7172; + --fds-global-red-8: #9d2223; + --fds-global-red-9: #b32728; + --fds-global-red-10: #8c1f1f; + --fds-global-red-11: #671617; + --fds-global-red-12: #9a2122; + --fds-global-red-13: #5e1515; + --fds-global-red-contrast-1: #ffffff; + --fds-global-red-contrast-2: #e6e6e6; + --fds-global-blue-1: #fefeff; + --fds-global-blue-2: #edf5fa; + --fds-global-blue-3: #dfecf7; + --fds-global-blue-4: #bedaee; + --fds-global-blue-5: #a1c9e7; + --fds-global-blue-6: #aacee9; + --fds-global-blue-7: #4291ce; + --fds-global-blue-8: #075490; + --fds-global-blue-9: #0c72c1; + --fds-global-blue-10: #085c9c; + --fds-global-blue-11: #064678; + --fds-global-blue-12: #07528c; + --fds-global-blue-13: #043256; + --fds-global-blue-contrast-1: #ffffff; + --fds-global-blue-contrast-2: #e6e6e6; --fds-color-accent-1: #fefeff; --fds-color-accent-2: #eef4fa; --fds-color-accent-3: #e2edf7; @@ -158,36 +231,36 @@ --fds-color-brand3-text-default: var(--fds-color-brand3-13); --fds-color-brand3-contrast-first: var(--fds-color-brand3-contrast-1); --fds-color-brand3-contrast-second: var(--fds-color-brand3-contrast-2); - --fds-color-success-background-default: #fcfefc; - --fds-color-success-background-subtle: #e9f6ea; - --fds-color-success-surface-default: #d9efdc; - --fds-color-success-surface-hover: #b9e1be; - --fds-color-success-surface-active: #94d29d; - --fds-color-success-border-subtle: #9ed6a5; - --fds-color-success-border-default: #29a03a; - --fds-color-success-border-strong: #185e22; - --fds-color-success-base-default: #2ca63d; - --fds-color-success-base-hover: #248c33; - --fds-color-success-base-active: #1d7129; - --fds-color-success-text-subtle: #185c21; - --fds-color-success-text-default: #0f3814; - --fds-color-success-contrast-first: #ffffff; - --fds-color-success-contrast-second: #e6e6e6; - --fds-color-danger-background-default: #fffefe; - --fds-color-danger-background-subtle: #fbf2f3; - --fds-color-danger-surface-default: #f6e6e6; - --fds-color-danger-surface-hover: #eecfd0; - --fds-color-danger-surface-active: #e6b9b9; - --fds-color-danger-border-subtle: #e8bfbf; - --fds-color-danger-border-default: #cd7172; - --fds-color-danger-border-strong: #9d2223; - --fds-color-danger-base-default: #b32728; - --fds-color-danger-base-hover: #8c1f1f; - --fds-color-danger-base-active: #671617; - --fds-color-danger-text-subtle: #9a2122; - --fds-color-danger-text-default: #5e1515; - --fds-color-danger-contrast-first: #ffffff; - --fds-color-danger-contrast-second: #e6e6e6; + --fds-color-success-background-default: var(--fds-global-green-1); + --fds-color-success-background-subtle: var(--fds-global-green-2); + --fds-color-success-surface-default: var(--fds-global-green-3); + --fds-color-success-surface-hover: var(--fds-global-green-4); + --fds-color-success-surface-active: var(--fds-global-green-5); + --fds-color-success-border-subtle: var(--fds-global-green-6); + --fds-color-success-border-default: var(--fds-global-green-7); + --fds-color-success-border-strong: var(--fds-global-green-8); + --fds-color-success-base-default: var(--fds-global-green-9); + --fds-color-success-base-hover: var(--fds-global-green-10); + --fds-color-success-base-active: var(--fds-global-green-11); + --fds-color-success-text-subtle: var(--fds-global-green-12); + --fds-color-success-text-default: var(--fds-global-green-13); + --fds-color-success-contrast-first: var(--fds-global-green-contrast-1); + --fds-color-success-contrast-second: var(--fds-global-green-contrast-2); + --fds-color-danger-background-default: var(--fds-global-red-1); + --fds-color-danger-background-subtle: var(--fds-global-red-2); + --fds-color-danger-surface-default: var(--fds-global-red-3); + --fds-color-danger-surface-hover: var(--fds-global-red-4); + --fds-color-danger-surface-active: var(--fds-global-red-5); + --fds-color-danger-border-subtle: var(--fds-global-red-6); + --fds-color-danger-border-default: var(--fds-global-red-7); + --fds-color-danger-border-strong: var(--fds-global-red-8); + --fds-color-danger-base-default: var(--fds-global-red-9); + --fds-color-danger-base-hover: var(--fds-global-red-10); + --fds-color-danger-base-active: var(--fds-global-red-11); + --fds-color-danger-text-subtle: var(--fds-global-red-12); + --fds-color-danger-text-default: var(--fds-global-red-13); + --fds-color-danger-contrast-first: var(--fds-global-red-contrast-1); + --fds-color-danger-contrast-second: var(--fds-global-red-contrast-2); --fds-color-info-background-default: #fefeff; --fds-color-info-background-subtle: #edf5fa; --fds-color-info-surface-default: #dfecf7; @@ -203,21 +276,21 @@ --fds-color-info-text-default: #043256; --fds-color-info-contrast-first: #ffffff; --fds-color-info-contrast-second: #e6e6e6; - --fds-color-warning-background-default: #fffefc; - --fds-color-warning-background-subtle: #fbf2d5; - --fds-color-warning-surface-default: #f9ebbd; - --fds-color-warning-surface-hover: #f2d474; - --fds-color-warning-surface-active: #e8bf37; - --fds-color-warning-border-subtle: #edc644; - --fds-color-warning-border-default: #a68827; - --fds-color-warning-border-strong: #625017; - --fds-color-warning-base-default: #d46223; - --fds-color-warning-base-hover: #b0511d; - --fds-color-warning-base-active: #8e4117; - --fds-color-warning-text-subtle: #813c15; - --fds-color-warning-text-default: #4f240d; - --fds-color-warning-contrast-first: #ffffff; - --fds-color-warning-contrast-second: #e6e6e6; + --fds-color-warning-background-default: var(--fds-global-yellow-1); + --fds-color-warning-background-subtle: var(--fds-global-yellow-2); + --fds-color-warning-surface-default: var(--fds-global-yellow-3); + --fds-color-warning-surface-hover: var(--fds-global-yellow-4); + --fds-color-warning-surface-active: var(--fds-global-yellow-5); + --fds-color-warning-border-subtle: var(--fds-global-yellow-6); + --fds-color-warning-border-default: var(--fds-global-yellow-7); + --fds-color-warning-border-strong: var(--fds-global-yellow-8); + --fds-color-warning-base-default: var(--fds-global-orange-9); + --fds-color-warning-base-hover: var(--fds-global-orange-10); + --fds-color-warning-base-active: var(--fds-global-orange-11); + --fds-color-warning-text-subtle: var(--fds-global-orange-12); + --fds-color-warning-text-default: var(--fds-global-orange-13); + --fds-color-warning-contrast-first: var(--fds-global-yellow-contrast-1); + --fds-color-warning-contrast-second: var(--fds-global-yellow-contrast-2); --fds-typography-heading-2xlarge: 500 3.75rem/1.3 'Inter'; --fds-typography-heading-xlarge: 500 3rem/1.3 'Inter'; --fds-typography-heading-large: 500 2.25rem/1.3 'Inter';