diff --git a/apps/storefront/tokens/altinn/dark.ts b/apps/storefront/tokens/altinn/dark.ts index 8e8d3e21be..ddf8f4c5ed 100644 --- a/apps/storefront/tokens/altinn/dark.ts +++ b/apps/storefront/tokens/altinn/dark.ts @@ -7,1390 +7,625 @@ export const color = [ { value: "#001c36", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.accent.1}", + value: "{colors.accent.1}", type: "color" }, - name: "--fds-colors-accent-1", + name: "--fds-colors-accent-background-default", attributes: {}, path: [ "colors", "accent", - "1" + "background-default" ] }, { value: "#002445", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.accent.2}", + value: "{colors.accent.2}", type: "color" }, - name: "--fds-colors-accent-2", + name: "--fds-colors-accent-background-subtle", attributes: {}, path: [ "colors", "accent", - "2" + "background-subtle" ] }, { value: "#00315c", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.accent.3}", + value: "{colors.accent.3}", type: "color" }, - name: "--fds-colors-accent-3", + name: "--fds-colors-accent-surface-default", attributes: {}, path: [ "colors", "accent", - "3" + "surface-default" ] }, { value: "#00396d", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.accent.4}", + value: "{colors.accent.4}", type: "color" }, - name: "--fds-colors-accent-4", + name: "--fds-colors-accent-surface-hover", attributes: {}, path: [ "colors", "accent", - "4" + "surface-hover" ] }, { value: "#00427e", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.accent.5}", + value: "{colors.accent.5}", type: "color" }, - name: "--fds-colors-accent-5", + name: "--fds-colors-accent-surface-active", attributes: {}, path: [ "colors", "accent", - "5" + "surface-active" ] }, { value: "#00529d", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.accent.6}", + value: "{colors.accent.6}", type: "color" }, - name: "--fds-colors-accent-6", + name: "--fds-colors-accent-border-subtle", attributes: {}, path: [ "colors", "accent", - "6" + "border-subtle" ] }, { value: "#0f6bbe", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.accent.7}", + value: "{colors.accent.7}", type: "color" }, - name: "--fds-colors-accent-7", + name: "--fds-colors-accent-border-default", attributes: {}, path: [ "colors", "accent", - "7" + "border-default" ] }, { value: "#3d88ca", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.accent.8}", + value: "{colors.accent.8}", type: "color" }, - name: "--fds-colors-accent-8", + name: "--fds-colors-accent-border-strong", attributes: {}, path: [ "colors", "accent", - "8" + "border-strong" ] }, { value: "#0163ba", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.accent.9}", + value: "{colors.accent.9}", type: "color" }, - name: "--fds-colors-accent-9", + name: "--fds-colors-accent-base-default", attributes: {}, path: [ "colors", "accent", - "9" + "base-default" ] }, { value: "#004d93", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.accent.10}", + value: "{colors.accent.10}", type: "color" }, - name: "--fds-colors-accent-10", + name: "--fds-colors-accent-base-hover", attributes: {}, path: [ "colors", "accent", - "10" + "base-hover" ] }, { value: "#00396d", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.accent.11}", + value: "{colors.accent.11}", type: "color" }, - name: "--fds-colors-accent-11", + name: "--fds-colors-accent-base-active", attributes: {}, path: [ "colors", "accent", - "11" + "base-active" ] }, { value: "#7eb0dc", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.accent.12}", + value: "{colors.accent.12}", type: "color" }, - name: "--fds-colors-accent-12", + name: "--fds-colors-accent-text-subtle", attributes: {}, path: [ "colors", "accent", - "12" + "text-subtle" ] }, { value: "#b0cfea", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.accent.13}", + value: "{colors.accent.13}", type: "color" }, - name: "--fds-colors-accent-13", + name: "--fds-colors-accent-text-default", attributes: {}, path: [ "colors", "accent", - "13" + "text-default" ] }, { value: "#f6fafd", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.accent.contrast-1}", + value: "{colors.accent.contrast-1}", type: "color" }, - name: "--fds-colors-accent-contrast-1", + name: "--fds-colors-accent-contrast-first", attributes: {}, path: [ "colors", "accent", - "contrast-1" + "contrast-first" ] }, { value: "#ddeaf6", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.accent.contrast-2}", + value: "{colors.accent.contrast-2}", type: "color" }, - name: "--fds-colors-accent-contrast-2", + name: "--fds-colors-accent-contrast-second", attributes: {}, path: [ "colors", "accent", - "contrast-2" + "contrast-second" ] }, { - value: "#001c36", + value: "#131c27", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.1}", + value: "{colors.neutral.1}", type: "color" }, - name: "--fds-colors-accent-background-default", + name: "--fds-colors-neutral-background-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "background-default" ] }, { - value: "#002445", + value: "#192433", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.2}", + value: "{colors.neutral.2}", type: "color" }, - name: "--fds-colors-accent-background-subtle", + name: "--fds-colors-neutral-background-subtle", attributes: {}, path: [ "colors", - "accent", + "neutral", "background-subtle" ] }, { - value: "#00315c", + value: "#243142", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.3}", + value: "{colors.neutral.3}", type: "color" }, - name: "--fds-colors-accent-surface-default", + name: "--fds-colors-neutral-surface-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "surface-default" ] }, { - value: "#00396d", + value: "#2e3a4a", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.4}", + value: "{colors.neutral.4}", type: "color" }, - name: "--fds-colors-accent-surface-hover", + name: "--fds-colors-neutral-surface-hover", attributes: {}, path: [ "colors", - "accent", + "neutral", "surface-hover" ] }, { - value: "#00427e", + value: "#374352", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.5}", + value: "{colors.neutral.5}", type: "color" }, - name: "--fds-colors-accent-surface-active", + name: "--fds-colors-neutral-surface-active", attributes: {}, path: [ "colors", - "accent", + "neutral", "surface-active" ] }, { - value: "#00529d", + value: "#495361", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.6}", + value: "{colors.neutral.6}", type: "color" }, - name: "--fds-colors-accent-border-subtle", + name: "--fds-colors-neutral-border-subtle", attributes: {}, path: [ "colors", - "accent", + "neutral", "border-subtle" ] }, { - value: "#0f6bbe", + value: "#626b77", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.7}", + value: "{colors.neutral.7}", type: "color" }, - name: "--fds-colors-accent-border-default", + name: "--fds-colors-neutral-border-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "border-default" ] }, { - value: "#3d88ca", + value: "#7d848e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.8}", + value: "{colors.neutral.8}", type: "color" }, - name: "--fds-colors-accent-border-strong", + name: "--fds-colors-neutral-border-strong", attributes: {}, path: [ "colors", - "accent", + "neutral", "border-strong" ] }, { - value: "#0163ba", + value: "#1e2b3c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.9}", + value: "{colors.neutral.9}", type: "color" }, - name: "--fds-colors-accent-base-default", + name: "--fds-colors-neutral-base-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "base-default" ] }, { - value: "#004d93", + value: "#333e4e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.10}", + value: "{colors.neutral.10}", type: "color" }, - name: "--fds-colors-accent-base-hover", + name: "--fds-colors-neutral-base-hover", attributes: {}, path: [ "colors", - "accent", + "neutral", "base-hover" ] }, { - value: "#00396d", + value: "#495361", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.11}", + value: "{colors.neutral.11}", type: "color" }, - name: "--fds-colors-accent-base-active", + name: "--fds-colors-neutral-base-active", attributes: {}, path: [ "colors", - "accent", + "neutral", "base-active" ] }, { - value: "#7eb0dc", + value: "#a6abb2", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.12}", + value: "{colors.neutral.12}", type: "color" }, - name: "--fds-colors-accent-text-subtle", + name: "--fds-colors-neutral-text-subtle", attributes: {}, path: [ "colors", - "accent", + "neutral", "text-subtle" ] }, { - value: "#b0cfea", + value: "#c9ccd0", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.13}", + value: "{colors.neutral.13}", type: "color" }, - name: "--fds-colors-accent-text-default", + name: "--fds-colors-neutral-text-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "text-default" ] }, { - value: "#f6fafd", + value: "#f9f9fa", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.contrast-1}", + value: "{colors.neutral.contrast-1}", type: "color" }, - name: "--fds-colors-accent-contrast-first", + name: "--fds-colors-neutral-contrast-first", attributes: {}, path: [ "colors", - "accent", + "neutral", "contrast-first" ] }, { - value: "#ddeaf6", + value: "#9ea3ab", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.contrast-2}", + value: "{colors.neutral.contrast-2}", type: "color" }, - name: "--fds-colors-accent-contrast-second", + name: "--fds-colors-neutral-contrast-second", attributes: {}, path: [ "colors", - "accent", + "neutral", "contrast-second" ] }, { - value: "#131c27", + value: "#2f1213", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.neutral.1}", + value: "{colors.brand1.1}", type: "color" }, - name: "--fds-colors-neutral-1", + name: "--fds-colors-brand1-background-default", attributes: {}, path: [ "colors", - "neutral", - "1" + "brand1", + "background-default" ] }, { - value: "#192433", + value: "#3c1819", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.neutral.2}", + value: "{colors.brand1.2}", type: "color" }, - name: "--fds-colors-neutral-2", + name: "--fds-colors-brand1-background-subtle", attributes: {}, path: [ "colors", - "neutral", - "2" + "brand1", + "background-subtle" ] }, { - value: "#243142", + value: "#522021", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.neutral.3}", + value: "{colors.brand1.3}", type: "color" }, - name: "--fds-colors-neutral-3", + name: "--fds-colors-brand1-surface-default", attributes: {}, path: [ "colors", - "neutral", - "3" + "brand1", + "surface-default" ] }, { - value: "#2e3a4a", + value: "#602627", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.neutral.4}", + value: "{colors.brand1.4}", type: "color" }, - name: "--fds-colors-neutral-4", + name: "--fds-colors-brand1-surface-hover", attributes: {}, path: [ "colors", - "neutral", - "4" + "brand1", + "surface-hover" ] }, { - value: "#374352", + value: "#702c2e", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.neutral.5}", + value: "{colors.brand1.5}", type: "color" }, - name: "--fds-colors-neutral-5", + name: "--fds-colors-brand1-surface-active", attributes: {}, path: [ "colors", - "neutral", - "5" + "brand1", + "surface-active" ] }, { - value: "#495361", + value: "#8b3639", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.neutral.6}", + value: "{colors.brand1.6}", type: "color" }, - name: "--fds-colors-neutral-6", + name: "--fds-colors-brand1-border-subtle", attributes: {}, path: [ "colors", - "neutral", - "6" + "brand1", + "border-subtle" ] }, { - value: "#626b77", + value: "#b34649", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.neutral.7}", + value: "{colors.brand1.7}", type: "color" }, - name: "--fds-colors-neutral-7", - attributes: {}, - path: [ - "colors", - "neutral", - "7" - ] - }, - { - value: "#7d848e", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.neutral.8}", - type: "color" - }, - name: "--fds-colors-neutral-8", - attributes: {}, - path: [ - "colors", - "neutral", - "8" - ] - }, - { - value: "#1e2b3c", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.neutral.9}", - type: "color" - }, - name: "--fds-colors-neutral-9", - attributes: {}, - path: [ - "colors", - "neutral", - "9" - ] - }, - { - value: "#333e4e", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.neutral.10}", - type: "color" - }, - name: "--fds-colors-neutral-10", - attributes: {}, - path: [ - "colors", - "neutral", - "10" - ] - }, - { - value: "#495361", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.neutral.11}", - type: "color" - }, - name: "--fds-colors-neutral-11", - attributes: {}, - path: [ - "colors", - "neutral", - "11" - ] - }, - { - value: "#a6abb2", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.neutral.12}", - type: "color" - }, - name: "--fds-colors-neutral-12", - attributes: {}, - path: [ - "colors", - "neutral", - "12" - ] - }, - { - value: "#c9ccd0", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.neutral.13}", - type: "color" - }, - name: "--fds-colors-neutral-13", - attributes: {}, - path: [ - "colors", - "neutral", - "13" - ] - }, - { - value: "#f9f9fa", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.neutral.contrast-1}", - type: "color" - }, - name: "--fds-colors-neutral-contrast-1", - attributes: {}, - path: [ - "colors", - "neutral", - "contrast-1" - ] - }, - { - value: "#9ea3ab", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.neutral.contrast-2}", - type: "color" - }, - name: "--fds-colors-neutral-contrast-2", - attributes: {}, - path: [ - "colors", - "neutral", - "contrast-2" - ] - }, - { - value: "#131c27", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.1}", - type: "color" - }, - name: "--fds-colors-neutral-background-default", - attributes: {}, - path: [ - "colors", - "neutral", - "background-default" - ] - }, - { - value: "#192433", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.2}", - type: "color" - }, - name: "--fds-colors-neutral-background-subtle", - attributes: {}, - path: [ - "colors", - "neutral", - "background-subtle" - ] - }, - { - value: "#243142", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.3}", - type: "color" - }, - name: "--fds-colors-neutral-surface-default", - attributes: {}, - path: [ - "colors", - "neutral", - "surface-default" - ] - }, - { - value: "#2e3a4a", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.4}", - type: "color" - }, - name: "--fds-colors-neutral-surface-hover", - attributes: {}, - path: [ - "colors", - "neutral", - "surface-hover" - ] - }, - { - value: "#374352", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.5}", - type: "color" - }, - name: "--fds-colors-neutral-surface-active", - attributes: {}, - path: [ - "colors", - "neutral", - "surface-active" - ] - }, - { - value: "#495361", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.6}", - type: "color" - }, - name: "--fds-colors-neutral-border-subtle", - attributes: {}, - path: [ - "colors", - "neutral", - "border-subtle" - ] - }, - { - value: "#626b77", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.7}", - type: "color" - }, - name: "--fds-colors-neutral-border-default", - attributes: {}, - path: [ - "colors", - "neutral", - "border-default" - ] - }, - { - value: "#7d848e", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.8}", - type: "color" - }, - name: "--fds-colors-neutral-border-strong", - attributes: {}, - path: [ - "colors", - "neutral", - "border-strong" - ] - }, - { - value: "#1e2b3c", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.9}", - type: "color" - }, - name: "--fds-colors-neutral-base-default", - attributes: {}, - path: [ - "colors", - "neutral", - "base-default" - ] - }, - { - value: "#333e4e", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.10}", - type: "color" - }, - name: "--fds-colors-neutral-base-hover", - attributes: {}, - path: [ - "colors", - "neutral", - "base-hover" - ] - }, - { - value: "#495361", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.11}", - type: "color" - }, - name: "--fds-colors-neutral-base-active", - attributes: {}, - path: [ - "colors", - "neutral", - "base-active" - ] - }, - { - value: "#a6abb2", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.12}", - type: "color" - }, - name: "--fds-colors-neutral-text-subtle", - attributes: {}, - path: [ - "colors", - "neutral", - "text-subtle" - ] - }, - { - value: "#c9ccd0", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.13}", - type: "color" - }, - name: "--fds-colors-neutral-text-default", - attributes: {}, - path: [ - "colors", - "neutral", - "text-default" - ] - }, - { - value: "#f9f9fa", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.contrast-1}", - type: "color" - }, - name: "--fds-colors-neutral-contrast-first", - attributes: {}, - path: [ - "colors", - "neutral", - "contrast-first" - ] - }, - { - value: "#9ea3ab", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.contrast-2}", - type: "color" - }, - name: "--fds-colors-neutral-contrast-second", - attributes: {}, - path: [ - "colors", - "neutral", - "contrast-second" - ] - }, - { - value: "#2f1213", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand1.1}", - type: "color" - }, - name: "--fds-colors-brand1-1", - attributes: {}, - path: [ - "colors", - "brand1", - "1" - ] - }, - { - value: "#3c1819", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand1.2}", - type: "color" - }, - name: "--fds-colors-brand1-2", - attributes: {}, - path: [ - "colors", - "brand1", - "2" - ] - }, - { - value: "#522021", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand1.3}", - type: "color" - }, - name: "--fds-colors-brand1-3", - attributes: {}, - path: [ - "colors", - "brand1", - "3" - ] - }, - { - value: "#602627", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand1.4}", - type: "color" - }, - name: "--fds-colors-brand1-4", - attributes: {}, - path: [ - "colors", - "brand1", - "4" - ] - }, - { - value: "#702c2e", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand1.5}", - type: "color" - }, - name: "--fds-colors-brand1-5", - attributes: {}, - path: [ - "colors", - "brand1", - "5" - ] - }, - { - value: "#8b3639", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand1.6}", - type: "color" - }, - name: "--fds-colors-brand1-6", - attributes: {}, - path: [ - "colors", - "brand1", - "6" - ] - }, - { - value: "#b34649", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand1.7}", - type: "color" - }, - name: "--fds-colors-brand1-7", - attributes: {}, - path: [ - "colors", - "brand1", - "7" - ] - }, - { - value: "#dd565a", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand1.8}", - type: "color" - }, - name: "--fds-colors-brand1-8", - attributes: {}, - path: [ - "colors", - "brand1", - "8" - ] - }, - { - value: "#f35f63", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand1.9}", - type: "color" - }, - name: "--fds-colors-brand1-9", - attributes: {}, - path: [ - "colors", - "brand1", - "9" - ] - }, - { - value: "#cc5053", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand1.10}", - type: "color" - }, - name: "--fds-colors-brand1-10", - attributes: {}, - path: [ - "colors", - "brand1", - "10" - ] - }, - { - value: "#a84144", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand1.11}", - type: "color" - }, - name: "--fds-colors-brand1-11", - attributes: {}, - path: [ - "colors", - "brand1", - "11" - ] - }, - { - value: "#f78d8f", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand1.12}", - type: "color" - }, - name: "--fds-colors-brand1-12", - attributes: {}, - path: [ - "colors", - "brand1", - "12" - ] - }, - { - value: "#fabcbd", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand1.13}", - type: "color" - }, - name: "--fds-colors-brand1-13", - attributes: {}, - path: [ - "colors", - "brand1", - "13" - ] - }, - { - value: "#41191b", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand1.contrast-1}", - type: "color" - }, - name: "--fds-colors-brand1-contrast-1", - attributes: {}, - path: [ - "colors", - "brand1", - "contrast-1" - ] - }, - { - value: "#2f1213", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand1.contrast-2}", - type: "color" - }, - name: "--fds-colors-brand1-contrast-2", - attributes: {}, - path: [ - "colors", - "brand1", - "contrast-2" - ] - }, - { - value: "#2f1213", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.1}", - type: "color" - }, - name: "--fds-colors-brand1-background-default", - attributes: {}, - path: [ - "colors", - "brand1", - "background-default" - ] - }, - { - value: "#3c1819", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.2}", - type: "color" - }, - name: "--fds-colors-brand1-background-subtle", - attributes: {}, - path: [ - "colors", - "brand1", - "background-subtle" - ] - }, - { - value: "#522021", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.3}", - type: "color" - }, - name: "--fds-colors-brand1-surface-default", - attributes: {}, - path: [ - "colors", - "brand1", - "surface-default" - ] - }, - { - value: "#602627", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.4}", - type: "color" - }, - name: "--fds-colors-brand1-surface-hover", - attributes: {}, - path: [ - "colors", - "brand1", - "surface-hover" - ] - }, - { - value: "#702c2e", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.5}", - type: "color" - }, - name: "--fds-colors-brand1-surface-active", - attributes: {}, - path: [ - "colors", - "brand1", - "surface-active" - ] - }, - { - value: "#8b3639", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.6}", - type: "color" - }, - name: "--fds-colors-brand1-border-subtle", - attributes: {}, - path: [ - "colors", - "brand1", - "border-subtle" - ] - }, - { - value: "#b34649", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.7}", - type: "color" - }, - name: "--fds-colors-brand1-border-default", + name: "--fds-colors-brand1-border-default", attributes: {}, path: [ "colors", @@ -1446,347 +681,92 @@ export const color = [ path: [ "colors", "brand1", - "base-hover" - ] - }, - { - value: "#a84144", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.11}", - type: "color" - }, - name: "--fds-colors-brand1-base-active", - attributes: {}, - path: [ - "colors", - "brand1", - "base-active" - ] - }, - { - value: "#f78d8f", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.12}", - type: "color" - }, - name: "--fds-colors-brand1-text-subtle", - attributes: {}, - path: [ - "colors", - "brand1", - "text-subtle" - ] - }, - { - value: "#fabcbd", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.13}", - type: "color" - }, - name: "--fds-colors-brand1-text-default", - attributes: {}, - path: [ - "colors", - "brand1", - "text-default" - ] - }, - { - value: "#41191b", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.contrast-1}", - type: "color" - }, - name: "--fds-colors-brand1-contrast-first", - attributes: {}, - path: [ - "colors", - "brand1", - "contrast-first" - ] - }, - { - value: "#2f1213", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.contrast-2}", - type: "color" - }, - name: "--fds-colors-brand1-contrast-second", - attributes: {}, - path: [ - "colors", - "brand1", - "contrast-second" - ] - }, - { - value: "#231a05", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand2.1}", - type: "color" - }, - name: "--fds-colors-brand2-1", - attributes: {}, - path: [ - "colors", - "brand2", - "1" - ] - }, - { - value: "#2d2206", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand2.2}", - type: "color" - }, - name: "--fds-colors-brand2-2", - attributes: {}, - path: [ - "colors", - "brand2", - "2" - ] - }, - { - value: "#3d2e09", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand2.3}", - type: "color" - }, - name: "--fds-colors-brand2-3", - attributes: {}, - path: [ - "colors", - "brand2", - "3" - ] - }, - { - value: "#48360a", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand2.4}", - type: "color" - }, - name: "--fds-colors-brand2-4", - attributes: {}, - path: [ - "colors", - "brand2", - "4" - ] - }, - { - value: "#543e0c", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand2.5}", - type: "color" - }, - name: "--fds-colors-brand2-5", - attributes: {}, - path: [ - "colors", - "brand2", - "5" - ] - }, - { - value: "#684e0f", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand2.6}", - type: "color" - }, - name: "--fds-colors-brand2-6", - attributes: {}, - path: [ - "colors", - "brand2", - "6" - ] - }, - { - value: "#876413", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand2.7}", - type: "color" - }, - name: "--fds-colors-brand2-7", - attributes: {}, - path: [ - "colors", - "brand2", - "7" - ] - }, - { - value: "#a87c17", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand2.8}", - type: "color" - }, - name: "--fds-colors-brand2-8", - attributes: {}, - path: [ - "colors", - "brand2", - "8" - ] - }, - { - value: "#e4a920", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand2.9}", - type: "color" - }, - name: "--fds-colors-brand2-9", - attributes: {}, - path: [ - "colors", - "brand2", - "9" - ] - }, - { - value: "#c6931c", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand2.10}", - type: "color" - }, - name: "--fds-colors-brand2-10", - attributes: {}, - path: [ - "colors", - "brand2", - "10" + "base-hover" ] }, { - value: "#a87c17", + value: "#a84144", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.brand2.11}", + value: "{colors.brand1.11}", type: "color" }, - name: "--fds-colors-brand2-11", + name: "--fds-colors-brand1-base-active", attributes: {}, path: [ "colors", - "brand2", - "11" + "brand1", + "base-active" ] }, { - value: "#daa21f", + value: "#f78d8f", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.brand2.12}", + value: "{colors.brand1.12}", type: "color" }, - name: "--fds-colors-brand2-12", + name: "--fds-colors-brand1-text-subtle", attributes: {}, path: [ "colors", - "brand2", - "12" + "brand1", + "text-subtle" ] }, { - value: "#eec76c", + value: "#fabcbd", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.brand2.13}", + value: "{colors.brand1.13}", type: "color" }, - name: "--fds-colors-brand2-13", + name: "--fds-colors-brand1-text-default", attributes: {}, path: [ "colors", - "brand2", - "13" + "brand1", + "text-default" ] }, { - value: "#302407", + value: "#41191b", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.brand2.contrast-1}", + value: "{colors.brand1.contrast-1}", type: "color" }, - name: "--fds-colors-brand2-contrast-1", + name: "--fds-colors-brand1-contrast-first", attributes: {}, path: [ "colors", - "brand2", - "contrast-1" + "brand1", + "contrast-first" ] }, { - value: "#45340a", + value: "#2f1213", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.brand2.contrast-2}", + value: "{colors.brand1.contrast-2}", type: "color" }, - name: "--fds-colors-brand2-contrast-2", + name: "--fds-colors-brand1-contrast-second", attributes: {}, path: [ "colors", - "brand2", - "contrast-2" + "brand1", + "contrast-second" ] }, { @@ -2044,261 +1024,6 @@ export const color = [ "contrast-second" ] }, - { - value: "#061d30", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand3.1}", - type: "color" - }, - name: "--fds-colors-brand3-1", - attributes: {}, - path: [ - "colors", - "brand3", - "1" - ] - }, - { - value: "#07253c", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand3.2}", - type: "color" - }, - name: "--fds-colors-brand3-2", - attributes: {}, - path: [ - "colors", - "brand3", - "2" - ] - }, - { - value: "#0a3251", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand3.3}", - type: "color" - }, - name: "--fds-colors-brand3-3", - attributes: {}, - path: [ - "colors", - "brand3", - "3" - ] - }, - { - value: "#0c3b60", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand3.4}", - type: "color" - }, - name: "--fds-colors-brand3-4", - attributes: {}, - path: [ - "colors", - "brand3", - "4" - ] - }, - { - value: "#0e446e", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand3.5}", - type: "color" - }, - name: "--fds-colors-brand3-5", - attributes: {}, - path: [ - "colors", - "brand3", - "5" - ] - }, - { - value: "#11558a", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand3.6}", - type: "color" - }, - name: "--fds-colors-brand3-6", - attributes: {}, - path: [ - "colors", - "brand3", - "6" - ] - }, - { - value: "#166eb2", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand3.7}", - type: "color" - }, - name: "--fds-colors-brand3-7", - attributes: {}, - path: [ - "colors", - "brand3", - "7" - ] - }, - { - value: "#1b88db", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand3.8}", - type: "color" - }, - name: "--fds-colors-brand3-8", - attributes: {}, - path: [ - "colors", - "brand3", - "8" - ] - }, - { - value: "#1e98f5", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand3.9}", - type: "color" - }, - name: "--fds-colors-brand3-9", - attributes: {}, - path: [ - "colors", - "brand3", - "9" - ] - }, - { - value: "#1980ce", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand3.10}", - type: "color" - }, - name: "--fds-colors-brand3-10", - attributes: {}, - path: [ - "colors", - "brand3", - "10" - ] - }, - { - value: "#1569a9", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand3.11}", - type: "color" - }, - name: "--fds-colors-brand3-11", - attributes: {}, - path: [ - "colors", - "brand3", - "11" - ] - }, - { - value: "#57b2f8", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand3.12}", - type: "color" - }, - name: "--fds-colors-brand3-12", - attributes: {}, - path: [ - "colors", - "brand3", - "12" - ] - }, - { - value: "#9cd2fb", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand3.13}", - type: "color" - }, - name: "--fds-colors-brand3-13", - attributes: {}, - path: [ - "colors", - "brand3", - "13" - ] - }, - { - value: "#082740", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand3.contrast-1}", - type: "color" - }, - name: "--fds-colors-brand3-contrast-1", - attributes: {}, - path: [ - "colors", - "brand3", - "contrast-1" - ] - }, - { - value: "#061f33", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand3.contrast-2}", - type: "color" - }, - name: "--fds-colors-brand3-contrast-2", - attributes: {}, - path: [ - "colors", - "brand3", - "contrast-2" - ] - }, { value: "#061d30", type: "color", diff --git a/apps/storefront/tokens/altinn/light.ts b/apps/storefront/tokens/altinn/light.ts index 48fa0fa162..a4063d7996 100644 --- a/apps/storefront/tokens/altinn/light.ts +++ b/apps/storefront/tokens/altinn/light.ts @@ -7,1390 +7,625 @@ export const color = [ { value: "#fefeff", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.accent.1}", + value: "{colors.accent.1}", type: "color" }, - name: "--fds-colors-accent-1", + name: "--fds-colors-accent-background-default", attributes: {}, path: [ "colors", "accent", - "1" + "background-default" ] }, { value: "#eef4fa", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.accent.2}", + value: "{colors.accent.2}", type: "color" }, - name: "--fds-colors-accent-2", + name: "--fds-colors-accent-background-subtle", attributes: {}, path: [ "colors", "accent", - "2" + "background-subtle" ] }, { value: "#e2edf7", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.accent.3}", + value: "{colors.accent.3}", type: "color" }, - name: "--fds-colors-accent-3", + name: "--fds-colors-accent-surface-default", attributes: {}, path: [ "colors", "accent", - "3" + "surface-default" ] }, { value: "#c3daef", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.accent.4}", + value: "{colors.accent.4}", type: "color" }, - name: "--fds-colors-accent-4", + name: "--fds-colors-accent-surface-hover", attributes: {}, path: [ "colors", "accent", - "4" + "surface-hover" ] }, { value: "#a4c7e6", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.accent.5}", + value: "{colors.accent.5}", type: "color" }, - name: "--fds-colors-accent-5", + name: "--fds-colors-accent-surface-active", attributes: {}, path: [ "colors", "accent", - "5" + "surface-active" ] }, { value: "#aecde9", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.accent.6}", + value: "{colors.accent.6}", type: "color" }, - name: "--fds-colors-accent-6", + name: "--fds-colors-accent-border-subtle", attributes: {}, path: [ "colors", "accent", - "6" + "border-subtle" ] }, { value: "#4b90ce", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.accent.7}", + value: "{colors.accent.7}", type: "color" }, - name: "--fds-colors-accent-7", + name: "--fds-colors-accent-border-default", attributes: {}, path: [ "colors", "accent", - "7" + "border-default" ] }, { value: "#00529d", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.accent.8}", + value: "{colors.accent.8}", type: "color" }, - name: "--fds-colors-accent-8", + name: "--fds-colors-accent-border-strong", attributes: {}, path: [ "colors", "accent", - "8" + "border-strong" ] }, { value: "#0163ba", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.accent.9}", + value: "{colors.accent.9}", type: "color" }, - name: "--fds-colors-accent-9", + name: "--fds-colors-accent-base-default", attributes: {}, path: [ "colors", "accent", - "9" + "base-default" ] }, { value: "#004d93", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.accent.10}", + value: "{colors.accent.10}", type: "color" }, - name: "--fds-colors-accent-10", + name: "--fds-colors-accent-base-hover", attributes: {}, path: [ "colors", "accent", - "10" + "base-hover" ] }, { value: "#00396d", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.accent.11}", + value: "{colors.accent.11}", type: "color" }, - name: "--fds-colors-accent-11", + name: "--fds-colors-accent-base-active", attributes: {}, path: [ "colors", "accent", - "11" + "base-active" ] }, { value: "#005099", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.accent.12}", + value: "{colors.accent.12}", type: "color" }, - name: "--fds-colors-accent-12", + name: "--fds-colors-accent-text-subtle", attributes: {}, path: [ "colors", "accent", - "12" + "text-subtle" ] }, { value: "#00315c", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.accent.13}", + value: "{colors.accent.13}", type: "color" }, - name: "--fds-colors-accent-13", + name: "--fds-colors-accent-text-default", attributes: {}, path: [ "colors", "accent", - "13" + "text-default" ] }, { value: "#f6fafd", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.accent.contrast-1}", + value: "{colors.accent.contrast-1}", type: "color" }, - name: "--fds-colors-accent-contrast-1", + name: "--fds-colors-accent-contrast-first", attributes: {}, path: [ "colors", "accent", - "contrast-1" + "contrast-first" ] }, { value: "#ddeaf6", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.accent.contrast-2}", + value: "{colors.accent.contrast-2}", type: "color" }, - name: "--fds-colors-accent-contrast-2", + name: "--fds-colors-accent-contrast-second", attributes: {}, path: [ "colors", "accent", - "contrast-2" + "contrast-second" ] }, { - value: "#fefeff", + value: "#fefefe", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.1}", + value: "{colors.neutral.1}", type: "color" }, - name: "--fds-colors-accent-background-default", + name: "--fds-colors-neutral-background-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "background-default" ] }, { - value: "#eef4fa", + value: "#f3f4f5", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.2}", + value: "{colors.neutral.2}", type: "color" }, - name: "--fds-colors-accent-background-subtle", + name: "--fds-colors-neutral-background-subtle", attributes: {}, path: [ "colors", - "accent", + "neutral", "background-subtle" ] }, { - value: "#e2edf7", + value: "#e9eaec", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.3}", + value: "{colors.neutral.3}", type: "color" }, - name: "--fds-colors-accent-surface-default", + name: "--fds-colors-neutral-surface-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "surface-default" ] }, { - value: "#c3daef", + value: "#d5d7da", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.4}", + value: "{colors.neutral.4}", type: "color" }, - name: "--fds-colors-accent-surface-hover", + name: "--fds-colors-neutral-surface-hover", attributes: {}, path: [ "colors", - "accent", + "neutral", "surface-hover" ] }, { - value: "#a4c7e6", + value: "#c1c4c9", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.5}", + value: "{colors.neutral.5}", type: "color" }, - name: "--fds-colors-accent-surface-active", + name: "--fds-colors-neutral-surface-active", attributes: {}, path: [ "colors", - "accent", + "neutral", "surface-active" ] }, { - value: "#aecde9", + value: "#c6c9cd", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.6}", + value: "{colors.neutral.6}", type: "color" }, - name: "--fds-colors-accent-border-subtle", + name: "--fds-colors-neutral-border-subtle", attributes: {}, path: [ "colors", - "accent", + "neutral", "border-subtle" ] }, { - value: "#4b90ce", + value: "#858c96", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.7}", + value: "{colors.neutral.7}", type: "color" }, - name: "--fds-colors-accent-border-default", + name: "--fds-colors-neutral-border-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "border-default" ] }, { - value: "#00529d", + value: "#495361", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.8}", + value: "{colors.neutral.8}", type: "color" }, - name: "--fds-colors-accent-border-strong", + name: "--fds-colors-neutral-border-strong", attributes: {}, path: [ "colors", - "accent", + "neutral", "border-strong" ] }, { - value: "#0163ba", + value: "#1e2b3c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.9}", + value: "{colors.neutral.9}", type: "color" }, - name: "--fds-colors-accent-base-default", + name: "--fds-colors-neutral-base-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "base-default" ] }, { - value: "#004d93", + value: "#333e4e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.10}", + value: "{colors.neutral.10}", type: "color" }, - name: "--fds-colors-accent-base-hover", + name: "--fds-colors-neutral-base-hover", attributes: {}, path: [ "colors", - "accent", + "neutral", "base-hover" ] }, { - value: "#00396d", + value: "#495361", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.11}", + value: "{colors.neutral.11}", type: "color" }, - name: "--fds-colors-accent-base-active", + name: "--fds-colors-neutral-base-active", attributes: {}, path: [ "colors", - "accent", + "neutral", "base-active" ] }, { - value: "#005099", + value: "#46505e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.12}", + value: "{colors.neutral.12}", type: "color" }, - name: "--fds-colors-accent-text-subtle", + name: "--fds-colors-neutral-text-subtle", attributes: {}, path: [ "colors", - "accent", + "neutral", "text-subtle" ] }, { - value: "#00315c", + value: "#243142", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.13}", + value: "{colors.neutral.13}", type: "color" }, - name: "--fds-colors-accent-text-default", + name: "--fds-colors-neutral-text-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "text-default" ] }, { - value: "#f6fafd", + value: "#f9f9fa", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.contrast-1}", + value: "{colors.neutral.contrast-1}", type: "color" }, - name: "--fds-colors-accent-contrast-first", + name: "--fds-colors-neutral-contrast-first", attributes: {}, path: [ "colors", - "accent", + "neutral", "contrast-first" ] }, { - value: "#ddeaf6", + value: "#9ea3ab", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.contrast-2}", + value: "{colors.neutral.contrast-2}", type: "color" }, - name: "--fds-colors-accent-contrast-second", + name: "--fds-colors-neutral-contrast-second", attributes: {}, path: [ "colors", - "accent", + "neutral", "contrast-second" ] }, { - value: "#fefefe", + value: "#fffefe", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.neutral.1}", + value: "{colors.brand1.1}", type: "color" }, - name: "--fds-colors-neutral-1", + name: "--fds-colors-brand1-background-default", attributes: {}, path: [ "colors", - "neutral", - "1" + "brand1", + "background-default" ] }, { - value: "#f3f4f5", + value: "#fef0f1", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.neutral.2}", + value: "{colors.brand1.2}", type: "color" }, - name: "--fds-colors-neutral-2", + name: "--fds-colors-brand1-background-subtle", attributes: {}, path: [ "colors", - "neutral", - "2" + "brand1", + "background-subtle" ] }, { - value: "#e9eaec", + value: "#fde5e6", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.neutral.3}", + value: "{colors.brand1.3}", type: "color" }, - name: "--fds-colors-neutral-3", + name: "--fds-colors-brand1-surface-default", attributes: {}, path: [ "colors", - "neutral", - "3" + "brand1", + "surface-default" ] }, { - value: "#d5d7da", + value: "#fbcccd", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.neutral.4}", + value: "{colors.brand1.4}", type: "color" }, - name: "--fds-colors-neutral-4", + name: "--fds-colors-brand1-surface-hover", attributes: {}, path: [ "colors", - "neutral", - "4" + "brand1", + "surface-hover" ] }, { - value: "#c1c4c9", + value: "#fab1b3", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.neutral.5}", + value: "{colors.brand1.5}", type: "color" }, - name: "--fds-colors-neutral-5", + name: "--fds-colors-brand1-surface-active", attributes: {}, path: [ "colors", - "neutral", - "5" + "brand1", + "surface-active" ] }, { - value: "#c6c9cd", + value: "#fab8b9", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.neutral.6}", + value: "{colors.brand1.6}", type: "color" }, - name: "--fds-colors-neutral-6", + name: "--fds-colors-brand1-border-subtle", attributes: {}, path: [ "colors", - "neutral", - "6" + "brand1", + "border-subtle" ] }, { - value: "#858c96", + value: "#eb5b5f", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.neutral.7}", + value: "{colors.brand1.7}", type: "color" }, - name: "--fds-colors-neutral-7", - attributes: {}, - path: [ - "colors", - "neutral", - "7" - ] - }, - { - value: "#495361", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.neutral.8}", - type: "color" - }, - name: "--fds-colors-neutral-8", - attributes: {}, - path: [ - "colors", - "neutral", - "8" - ] - }, - { - value: "#1e2b3c", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.neutral.9}", - type: "color" - }, - name: "--fds-colors-neutral-9", - attributes: {}, - path: [ - "colors", - "neutral", - "9" - ] - }, - { - value: "#333e4e", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.neutral.10}", - type: "color" - }, - name: "--fds-colors-neutral-10", - attributes: {}, - path: [ - "colors", - "neutral", - "10" - ] - }, - { - value: "#495361", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.neutral.11}", - type: "color" - }, - name: "--fds-colors-neutral-11", - attributes: {}, - path: [ - "colors", - "neutral", - "11" - ] - }, - { - value: "#46505e", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.neutral.12}", - type: "color" - }, - name: "--fds-colors-neutral-12", - attributes: {}, - path: [ - "colors", - "neutral", - "12" - ] - }, - { - value: "#243142", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.neutral.13}", - type: "color" - }, - name: "--fds-colors-neutral-13", - attributes: {}, - path: [ - "colors", - "neutral", - "13" - ] - }, - { - value: "#f9f9fa", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.neutral.contrast-1}", - type: "color" - }, - name: "--fds-colors-neutral-contrast-1", - attributes: {}, - path: [ - "colors", - "neutral", - "contrast-1" - ] - }, - { - value: "#9ea3ab", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.neutral.contrast-2}", - type: "color" - }, - name: "--fds-colors-neutral-contrast-2", - attributes: {}, - path: [ - "colors", - "neutral", - "contrast-2" - ] - }, - { - value: "#fefefe", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.1}", - type: "color" - }, - name: "--fds-colors-neutral-background-default", - attributes: {}, - path: [ - "colors", - "neutral", - "background-default" - ] - }, - { - value: "#f3f4f5", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.2}", - type: "color" - }, - name: "--fds-colors-neutral-background-subtle", - attributes: {}, - path: [ - "colors", - "neutral", - "background-subtle" - ] - }, - { - value: "#e9eaec", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.3}", - type: "color" - }, - name: "--fds-colors-neutral-surface-default", - attributes: {}, - path: [ - "colors", - "neutral", - "surface-default" - ] - }, - { - value: "#d5d7da", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.4}", - type: "color" - }, - name: "--fds-colors-neutral-surface-hover", - attributes: {}, - path: [ - "colors", - "neutral", - "surface-hover" - ] - }, - { - value: "#c1c4c9", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.5}", - type: "color" - }, - name: "--fds-colors-neutral-surface-active", - attributes: {}, - path: [ - "colors", - "neutral", - "surface-active" - ] - }, - { - value: "#c6c9cd", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.6}", - type: "color" - }, - name: "--fds-colors-neutral-border-subtle", - attributes: {}, - path: [ - "colors", - "neutral", - "border-subtle" - ] - }, - { - value: "#858c96", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.7}", - type: "color" - }, - name: "--fds-colors-neutral-border-default", - attributes: {}, - path: [ - "colors", - "neutral", - "border-default" - ] - }, - { - value: "#495361", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.8}", - type: "color" - }, - name: "--fds-colors-neutral-border-strong", - attributes: {}, - path: [ - "colors", - "neutral", - "border-strong" - ] - }, - { - value: "#1e2b3c", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.9}", - type: "color" - }, - name: "--fds-colors-neutral-base-default", - attributes: {}, - path: [ - "colors", - "neutral", - "base-default" - ] - }, - { - value: "#333e4e", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.10}", - type: "color" - }, - name: "--fds-colors-neutral-base-hover", - attributes: {}, - path: [ - "colors", - "neutral", - "base-hover" - ] - }, - { - value: "#495361", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.11}", - type: "color" - }, - name: "--fds-colors-neutral-base-active", - attributes: {}, - path: [ - "colors", - "neutral", - "base-active" - ] - }, - { - value: "#46505e", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.12}", - type: "color" - }, - name: "--fds-colors-neutral-text-subtle", - attributes: {}, - path: [ - "colors", - "neutral", - "text-subtle" - ] - }, - { - value: "#243142", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.13}", - type: "color" - }, - name: "--fds-colors-neutral-text-default", - attributes: {}, - path: [ - "colors", - "neutral", - "text-default" - ] - }, - { - value: "#f9f9fa", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.contrast-1}", - type: "color" - }, - name: "--fds-colors-neutral-contrast-first", - attributes: {}, - path: [ - "colors", - "neutral", - "contrast-first" - ] - }, - { - value: "#9ea3ab", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.contrast-2}", - type: "color" - }, - name: "--fds-colors-neutral-contrast-second", - attributes: {}, - path: [ - "colors", - "neutral", - "contrast-second" - ] - }, - { - value: "#fffefe", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand1.1}", - type: "color" - }, - name: "--fds-colors-brand1-1", - attributes: {}, - path: [ - "colors", - "brand1", - "1" - ] - }, - { - value: "#fef0f1", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand1.2}", - type: "color" - }, - name: "--fds-colors-brand1-2", - attributes: {}, - path: [ - "colors", - "brand1", - "2" - ] - }, - { - value: "#fde5e6", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand1.3}", - type: "color" - }, - name: "--fds-colors-brand1-3", - attributes: {}, - path: [ - "colors", - "brand1", - "3" - ] - }, - { - value: "#fbcccd", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand1.4}", - type: "color" - }, - name: "--fds-colors-brand1-4", - attributes: {}, - path: [ - "colors", - "brand1", - "4" - ] - }, - { - value: "#fab1b3", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand1.5}", - type: "color" - }, - name: "--fds-colors-brand1-5", - attributes: {}, - path: [ - "colors", - "brand1", - "5" - ] - }, - { - value: "#fab8b9", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand1.6}", - type: "color" - }, - name: "--fds-colors-brand1-6", - attributes: {}, - path: [ - "colors", - "brand1", - "6" - ] - }, - { - value: "#eb5b5f", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand1.7}", - type: "color" - }, - name: "--fds-colors-brand1-7", - attributes: {}, - path: [ - "colors", - "brand1", - "7" - ] - }, - { - value: "#8b3639", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand1.8}", - type: "color" - }, - name: "--fds-colors-brand1-8", - attributes: {}, - path: [ - "colors", - "brand1", - "8" - ] - }, - { - value: "#f35f63", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand1.9}", - type: "color" - }, - name: "--fds-colors-brand1-9", - attributes: {}, - path: [ - "colors", - "brand1", - "9" - ] - }, - { - value: "#cc5053", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand1.10}", - type: "color" - }, - name: "--fds-colors-brand1-10", - attributes: {}, - path: [ - "colors", - "brand1", - "10" - ] - }, - { - value: "#a84144", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand1.11}", - type: "color" - }, - name: "--fds-colors-brand1-11", - attributes: {}, - path: [ - "colors", - "brand1", - "11" - ] - }, - { - value: "#873537", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand1.12}", - type: "color" - }, - name: "--fds-colors-brand1-12", - attributes: {}, - path: [ - "colors", - "brand1", - "12" - ] - }, - { - value: "#522021", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand1.13}", - type: "color" - }, - name: "--fds-colors-brand1-13", - attributes: {}, - path: [ - "colors", - "brand1", - "13" - ] - }, - { - value: "#f6fafd", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand1.contrast-1}", - type: "color" - }, - name: "--fds-colors-brand1-contrast-1", - attributes: {}, - path: [ - "colors", - "brand1", - "contrast-1" - ] - }, - { - value: "#ddeaf6", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand1.contrast-2}", - type: "color" - }, - name: "--fds-colors-brand1-contrast-2", - attributes: {}, - path: [ - "colors", - "brand1", - "contrast-2" - ] - }, - { - value: "#fffefe", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.1}", - type: "color" - }, - name: "--fds-colors-brand1-background-default", - attributes: {}, - path: [ - "colors", - "brand1", - "background-default" - ] - }, - { - value: "#fef0f1", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.2}", - type: "color" - }, - name: "--fds-colors-brand1-background-subtle", - attributes: {}, - path: [ - "colors", - "brand1", - "background-subtle" - ] - }, - { - value: "#fde5e6", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.3}", - type: "color" - }, - name: "--fds-colors-brand1-surface-default", - attributes: {}, - path: [ - "colors", - "brand1", - "surface-default" - ] - }, - { - value: "#fbcccd", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.4}", - type: "color" - }, - name: "--fds-colors-brand1-surface-hover", - attributes: {}, - path: [ - "colors", - "brand1", - "surface-hover" - ] - }, - { - value: "#fab1b3", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.5}", - type: "color" - }, - name: "--fds-colors-brand1-surface-active", - attributes: {}, - path: [ - "colors", - "brand1", - "surface-active" - ] - }, - { - value: "#fab8b9", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.6}", - type: "color" - }, - name: "--fds-colors-brand1-border-subtle", - attributes: {}, - path: [ - "colors", - "brand1", - "border-subtle" - ] - }, - { - value: "#eb5b5f", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.7}", - type: "color" - }, - name: "--fds-colors-brand1-border-default", + name: "--fds-colors-brand1-border-default", attributes: {}, path: [ "colors", @@ -1441,352 +676,97 @@ export const color = [ value: "{colors.brand1.10}", type: "color" }, - name: "--fds-colors-brand1-base-hover", - attributes: {}, - path: [ - "colors", - "brand1", - "base-hover" - ] - }, - { - value: "#a84144", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.11}", - type: "color" - }, - name: "--fds-colors-brand1-base-active", - attributes: {}, - path: [ - "colors", - "brand1", - "base-active" - ] - }, - { - value: "#873537", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.12}", - type: "color" - }, - name: "--fds-colors-brand1-text-subtle", - attributes: {}, - path: [ - "colors", - "brand1", - "text-subtle" - ] - }, - { - value: "#522021", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.13}", - type: "color" - }, - name: "--fds-colors-brand1-text-default", - attributes: {}, - path: [ - "colors", - "brand1", - "text-default" - ] - }, - { - value: "#f6fafd", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.contrast-1}", - type: "color" - }, - name: "--fds-colors-brand1-contrast-first", - attributes: {}, - path: [ - "colors", - "brand1", - "contrast-first" - ] - }, - { - value: "#ddeaf6", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.contrast-2}", - type: "color" - }, - name: "--fds-colors-brand1-contrast-second", - attributes: {}, - path: [ - "colors", - "brand1", - "contrast-second" - ] - }, - { - value: "#fffefc", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand2.1}", - type: "color" - }, - name: "--fds-colors-brand2-1", - attributes: {}, - path: [ - "colors", - "brand2", - "1" - ] - }, - { - value: "#fbf3e0", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand2.2}", - type: "color" - }, - name: "--fds-colors-brand2-2", - attributes: {}, - path: [ - "colors", - "brand2", - "2" - ] - }, - { - value: "#f8e9c6", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand2.3}", - type: "color" - }, - name: "--fds-colors-brand2-3", - attributes: {}, - path: [ - "colors", - "brand2", - "3" - ] - }, - { - value: "#f2d48d", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand2.4}", - type: "color" - }, - name: "--fds-colors-brand2-4", - attributes: {}, - path: [ - "colors", - "brand2", - "4" - ] - }, - { - value: "#ebbe54", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand2.5}", - type: "color" - }, - name: "--fds-colors-brand2-5", - attributes: {}, - path: [ - "colors", - "brand2", - "5" - ] - }, - { - value: "#edc464", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand2.6}", - type: "color" - }, - name: "--fds-colors-brand2-6", - attributes: {}, - path: [ - "colors", - "brand2", - "6" - ] - }, - { - value: "#b28419", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand2.7}", - type: "color" - }, - name: "--fds-colors-brand2-7", - attributes: {}, - path: [ - "colors", - "brand2", - "7" - ] - }, - { - value: "#684e0f", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand2.8}", - type: "color" - }, - name: "--fds-colors-brand2-8", - attributes: {}, - path: [ - "colors", - "brand2", - "8" - ] - }, - { - value: "#e4a920", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand2.9}", - type: "color" - }, - name: "--fds-colors-brand2-9", - attributes: {}, - path: [ - "colors", - "brand2", - "9" - ] - }, - { - value: "#c6931c", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand2.10}", - type: "color" - }, - name: "--fds-colors-brand2-10", + name: "--fds-colors-brand1-base-hover", attributes: {}, path: [ "colors", - "brand2", - "10" + "brand1", + "base-hover" ] }, { - value: "#a87c17", + value: "#a84144", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.brand2.11}", + value: "{colors.brand1.11}", type: "color" }, - name: "--fds-colors-brand2-11", + name: "--fds-colors-brand1-base-active", attributes: {}, path: [ "colors", - "brand2", - "11" + "brand1", + "base-active" ] }, { - value: "#664c0e", + value: "#873537", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.brand2.12}", + value: "{colors.brand1.12}", type: "color" }, - name: "--fds-colors-brand2-12", + name: "--fds-colors-brand1-text-subtle", attributes: {}, path: [ "colors", - "brand2", - "12" + "brand1", + "text-subtle" ] }, { - value: "#3d2e09", + value: "#522021", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.brand2.13}", + value: "{colors.brand1.13}", type: "color" }, - name: "--fds-colors-brand2-13", + name: "--fds-colors-brand1-text-default", attributes: {}, path: [ "colors", - "brand2", - "13" + "brand1", + "text-default" ] }, { value: "#f6fafd", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.brand2.contrast-1}", + value: "{colors.brand1.contrast-1}", type: "color" }, - name: "--fds-colors-brand2-contrast-1", + name: "--fds-colors-brand1-contrast-first", attributes: {}, path: [ "colors", - "brand2", - "contrast-1" + "brand1", + "contrast-first" ] }, { value: "#ddeaf6", type: "color", - filePath: "../../design-tokens/themes/theme2.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme2.brand2.contrast-2}", + value: "{colors.brand1.contrast-2}", type: "color" }, - name: "--fds-colors-brand2-contrast-2", + name: "--fds-colors-brand1-contrast-second", attributes: {}, path: [ "colors", - "brand2", - "contrast-2" + "brand1", + "contrast-second" ] }, { @@ -2044,261 +1024,6 @@ export const color = [ "contrast-second" ] }, - { - value: "#fdfeff", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand3.1}", - type: "color" - }, - name: "--fds-colors-brand3-1", - attributes: {}, - path: [ - "colors", - "brand3", - "1" - ] - }, - { - value: "#eaf6fe", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand3.2}", - type: "color" - }, - name: "--fds-colors-brand3-2", - attributes: {}, - path: [ - "colors", - "brand3", - "2" - ] - }, - { - value: "#d9eefd", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand3.3}", - type: "color" - }, - name: "--fds-colors-brand3-3", - attributes: {}, - path: [ - "colors", - "brand3", - "3" - ] - }, - { - value: "#b3dcfc", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand3.4}", - type: "color" - }, - name: "--fds-colors-brand3-4", - attributes: {}, - path: [ - "colors", - "brand3", - "4" - ] - }, - { - value: "#8bcafa", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand3.5}", - type: "color" - }, - name: "--fds-colors-brand3-5", - attributes: {}, - path: [ - "colors", - "brand3", - "5" - ] - }, - { - value: "#96cffa", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand3.6}", - type: "color" - }, - name: "--fds-colors-brand3-6", - attributes: {}, - path: [ - "colors", - "brand3", - "6" - ] - }, - { - value: "#1c90e8", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand3.7}", - type: "color" - }, - name: "--fds-colors-brand3-7", - attributes: {}, - path: [ - "colors", - "brand3", - "7" - ] - }, - { - value: "#11558a", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand3.8}", - type: "color" - }, - name: "--fds-colors-brand3-8", - attributes: {}, - path: [ - "colors", - "brand3", - "8" - ] - }, - { - value: "#1e98f5", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand3.9}", - type: "color" - }, - name: "--fds-colors-brand3-9", - attributes: {}, - path: [ - "colors", - "brand3", - "9" - ] - }, - { - value: "#1980ce", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand3.10}", - type: "color" - }, - name: "--fds-colors-brand3-10", - attributes: {}, - path: [ - "colors", - "brand3", - "10" - ] - }, - { - value: "#1569a9", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand3.11}", - type: "color" - }, - name: "--fds-colors-brand3-11", - attributes: {}, - path: [ - "colors", - "brand3", - "11" - ] - }, - { - value: "#105387", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand3.12}", - type: "color" - }, - name: "--fds-colors-brand3-12", - attributes: {}, - path: [ - "colors", - "brand3", - "12" - ] - }, - { - value: "#0a3251", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand3.13}", - type: "color" - }, - name: "--fds-colors-brand3-13", - attributes: {}, - path: [ - "colors", - "brand3", - "13" - ] - }, - { - value: "#f6fafd", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand3.contrast-1}", - type: "color" - }, - name: "--fds-colors-brand3-contrast-1", - attributes: {}, - path: [ - "colors", - "brand3", - "contrast-1" - ] - }, - { - value: "#ddeaf6", - type: "color", - filePath: "../../design-tokens/themes/theme2.json", - isSource: false, - original: { - value: "{theme2.brand3.contrast-2}", - type: "color" - }, - name: "--fds-colors-brand3-contrast-2", - attributes: {}, - path: [ - "colors", - "brand3", - "contrast-2" - ] - }, { value: "#fdfeff", type: "color", diff --git a/apps/storefront/tokens/digdir/dark.ts b/apps/storefront/tokens/digdir/dark.ts index 27fe5d39e3..ddf8f4c5ed 100644 --- a/apps/storefront/tokens/digdir/dark.ts +++ b/apps/storefront/tokens/digdir/dark.ts @@ -7,1390 +7,625 @@ export const color = [ { value: "#001c36", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.accent.1}", + value: "{colors.accent.1}", type: "color" }, - name: "--fds-colors-accent-1", + name: "--fds-colors-accent-background-default", attributes: {}, path: [ "colors", "accent", - "1" + "background-default" ] }, { value: "#002445", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.accent.2}", + value: "{colors.accent.2}", type: "color" }, - name: "--fds-colors-accent-2", + name: "--fds-colors-accent-background-subtle", attributes: {}, path: [ "colors", "accent", - "2" + "background-subtle" ] }, { value: "#00315c", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.accent.3}", + value: "{colors.accent.3}", type: "color" }, - name: "--fds-colors-accent-3", + name: "--fds-colors-accent-surface-default", attributes: {}, path: [ "colors", "accent", - "3" + "surface-default" ] }, { value: "#00396d", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.accent.4}", + value: "{colors.accent.4}", type: "color" }, - name: "--fds-colors-accent-4", + name: "--fds-colors-accent-surface-hover", attributes: {}, path: [ "colors", "accent", - "4" + "surface-hover" ] }, { value: "#00427e", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.accent.5}", + value: "{colors.accent.5}", type: "color" }, - name: "--fds-colors-accent-5", + name: "--fds-colors-accent-surface-active", attributes: {}, path: [ "colors", "accent", - "5" + "surface-active" ] }, { value: "#00529d", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.accent.6}", + value: "{colors.accent.6}", type: "color" }, - name: "--fds-colors-accent-6", + name: "--fds-colors-accent-border-subtle", attributes: {}, path: [ "colors", "accent", - "6" + "border-subtle" ] }, { value: "#0f6bbe", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.accent.7}", + value: "{colors.accent.7}", type: "color" }, - name: "--fds-colors-accent-7", + name: "--fds-colors-accent-border-default", attributes: {}, path: [ "colors", "accent", - "7" + "border-default" ] }, { value: "#3d88ca", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.accent.8}", + value: "{colors.accent.8}", type: "color" }, - name: "--fds-colors-accent-8", + name: "--fds-colors-accent-border-strong", attributes: {}, path: [ "colors", "accent", - "8" + "border-strong" ] }, { value: "#0163ba", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.accent.9}", + value: "{colors.accent.9}", type: "color" }, - name: "--fds-colors-accent-9", + name: "--fds-colors-accent-base-default", attributes: {}, path: [ "colors", "accent", - "9" + "base-default" ] }, { value: "#004d93", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.accent.10}", + value: "{colors.accent.10}", type: "color" }, - name: "--fds-colors-accent-10", + name: "--fds-colors-accent-base-hover", attributes: {}, path: [ "colors", "accent", - "10" + "base-hover" ] }, { value: "#00396d", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.accent.11}", + value: "{colors.accent.11}", type: "color" }, - name: "--fds-colors-accent-11", + name: "--fds-colors-accent-base-active", attributes: {}, path: [ "colors", "accent", - "11" + "base-active" ] }, { value: "#7eb0dc", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.accent.12}", + value: "{colors.accent.12}", type: "color" }, - name: "--fds-colors-accent-12", + name: "--fds-colors-accent-text-subtle", attributes: {}, path: [ "colors", "accent", - "12" + "text-subtle" ] }, { value: "#b0cfea", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.accent.13}", + value: "{colors.accent.13}", type: "color" }, - name: "--fds-colors-accent-13", + name: "--fds-colors-accent-text-default", attributes: {}, path: [ "colors", "accent", - "13" + "text-default" ] }, { value: "#f6fafd", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.accent.contrast-1}", + value: "{colors.accent.contrast-1}", type: "color" }, - name: "--fds-colors-accent-contrast-1", + name: "--fds-colors-accent-contrast-first", attributes: {}, path: [ "colors", "accent", - "contrast-1" + "contrast-first" ] }, { value: "#ddeaf6", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.accent.contrast-2}", + value: "{colors.accent.contrast-2}", type: "color" }, - name: "--fds-colors-accent-contrast-2", + name: "--fds-colors-accent-contrast-second", attributes: {}, path: [ "colors", "accent", - "contrast-2" + "contrast-second" ] }, { - value: "#001c36", + value: "#131c27", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.1}", + value: "{colors.neutral.1}", type: "color" }, - name: "--fds-colors-accent-background-default", + name: "--fds-colors-neutral-background-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "background-default" ] }, { - value: "#002445", + value: "#192433", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.2}", + value: "{colors.neutral.2}", type: "color" }, - name: "--fds-colors-accent-background-subtle", + name: "--fds-colors-neutral-background-subtle", attributes: {}, path: [ "colors", - "accent", + "neutral", "background-subtle" ] }, { - value: "#00315c", + value: "#243142", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.3}", + value: "{colors.neutral.3}", type: "color" }, - name: "--fds-colors-accent-surface-default", + name: "--fds-colors-neutral-surface-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "surface-default" ] }, { - value: "#00396d", + value: "#2e3a4a", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.4}", + value: "{colors.neutral.4}", type: "color" }, - name: "--fds-colors-accent-surface-hover", + name: "--fds-colors-neutral-surface-hover", attributes: {}, path: [ "colors", - "accent", + "neutral", "surface-hover" ] }, { - value: "#00427e", + value: "#374352", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.5}", + value: "{colors.neutral.5}", type: "color" }, - name: "--fds-colors-accent-surface-active", + name: "--fds-colors-neutral-surface-active", attributes: {}, path: [ "colors", - "accent", + "neutral", "surface-active" ] }, { - value: "#00529d", + value: "#495361", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.6}", + value: "{colors.neutral.6}", type: "color" }, - name: "--fds-colors-accent-border-subtle", + name: "--fds-colors-neutral-border-subtle", attributes: {}, path: [ "colors", - "accent", + "neutral", "border-subtle" ] }, { - value: "#0f6bbe", + value: "#626b77", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.7}", + value: "{colors.neutral.7}", type: "color" }, - name: "--fds-colors-accent-border-default", + name: "--fds-colors-neutral-border-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "border-default" ] }, { - value: "#3d88ca", + value: "#7d848e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.8}", + value: "{colors.neutral.8}", type: "color" }, - name: "--fds-colors-accent-border-strong", + name: "--fds-colors-neutral-border-strong", attributes: {}, path: [ "colors", - "accent", + "neutral", "border-strong" ] }, { - value: "#0163ba", + value: "#1e2b3c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.9}", + value: "{colors.neutral.9}", type: "color" }, - name: "--fds-colors-accent-base-default", + name: "--fds-colors-neutral-base-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "base-default" ] }, { - value: "#004d93", + value: "#333e4e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.10}", + value: "{colors.neutral.10}", type: "color" }, - name: "--fds-colors-accent-base-hover", + name: "--fds-colors-neutral-base-hover", attributes: {}, path: [ "colors", - "accent", + "neutral", "base-hover" ] }, { - value: "#00396d", + value: "#495361", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.11}", + value: "{colors.neutral.11}", type: "color" }, - name: "--fds-colors-accent-base-active", + name: "--fds-colors-neutral-base-active", attributes: {}, path: [ "colors", - "accent", + "neutral", "base-active" ] }, { - value: "#7eb0dc", + value: "#a6abb2", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.12}", + value: "{colors.neutral.12}", type: "color" }, - name: "--fds-colors-accent-text-subtle", + name: "--fds-colors-neutral-text-subtle", attributes: {}, path: [ "colors", - "accent", + "neutral", "text-subtle" ] }, { - value: "#b0cfea", + value: "#c9ccd0", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.13}", + value: "{colors.neutral.13}", type: "color" }, - name: "--fds-colors-accent-text-default", + name: "--fds-colors-neutral-text-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "text-default" ] }, { - value: "#f6fafd", + value: "#f9f9fa", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.contrast-1}", + value: "{colors.neutral.contrast-1}", type: "color" }, - name: "--fds-colors-accent-contrast-first", + name: "--fds-colors-neutral-contrast-first", attributes: {}, path: [ "colors", - "accent", + "neutral", "contrast-first" ] }, { - value: "#ddeaf6", + value: "#9ea3ab", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.contrast-2}", + value: "{colors.neutral.contrast-2}", type: "color" }, - name: "--fds-colors-accent-contrast-second", + name: "--fds-colors-neutral-contrast-second", attributes: {}, path: [ "colors", - "accent", + "neutral", "contrast-second" ] }, { - value: "#131c27", + value: "#2f1213", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.neutral.1}", + value: "{colors.brand1.1}", type: "color" }, - name: "--fds-colors-neutral-1", + name: "--fds-colors-brand1-background-default", attributes: {}, path: [ "colors", - "neutral", - "1" + "brand1", + "background-default" ] }, { - value: "#192433", + value: "#3c1819", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.neutral.2}", + value: "{colors.brand1.2}", type: "color" }, - name: "--fds-colors-neutral-2", + name: "--fds-colors-brand1-background-subtle", attributes: {}, path: [ "colors", - "neutral", - "2" + "brand1", + "background-subtle" ] }, { - value: "#243142", + value: "#522021", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.neutral.3}", + value: "{colors.brand1.3}", type: "color" }, - name: "--fds-colors-neutral-3", + name: "--fds-colors-brand1-surface-default", attributes: {}, path: [ "colors", - "neutral", - "3" + "brand1", + "surface-default" ] }, { - value: "#2e3a4a", + value: "#602627", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.neutral.4}", + value: "{colors.brand1.4}", type: "color" }, - name: "--fds-colors-neutral-4", + name: "--fds-colors-brand1-surface-hover", attributes: {}, path: [ "colors", - "neutral", - "4" + "brand1", + "surface-hover" ] }, { - value: "#374352", + value: "#702c2e", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.neutral.5}", + value: "{colors.brand1.5}", type: "color" }, - name: "--fds-colors-neutral-5", + name: "--fds-colors-brand1-surface-active", attributes: {}, path: [ "colors", - "neutral", - "5" + "brand1", + "surface-active" ] }, { - value: "#495361", + value: "#8b3639", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.neutral.6}", + value: "{colors.brand1.6}", type: "color" }, - name: "--fds-colors-neutral-6", + name: "--fds-colors-brand1-border-subtle", attributes: {}, path: [ "colors", - "neutral", - "6" + "brand1", + "border-subtle" ] }, { - value: "#626b77", + value: "#b34649", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.neutral.7}", + value: "{colors.brand1.7}", type: "color" }, - name: "--fds-colors-neutral-7", - attributes: {}, - path: [ - "colors", - "neutral", - "7" - ] - }, - { - value: "#7d848e", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.neutral.8}", - type: "color" - }, - name: "--fds-colors-neutral-8", - attributes: {}, - path: [ - "colors", - "neutral", - "8" - ] - }, - { - value: "#1e2b3c", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.neutral.9}", - type: "color" - }, - name: "--fds-colors-neutral-9", - attributes: {}, - path: [ - "colors", - "neutral", - "9" - ] - }, - { - value: "#333e4e", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.neutral.10}", - type: "color" - }, - name: "--fds-colors-neutral-10", - attributes: {}, - path: [ - "colors", - "neutral", - "10" - ] - }, - { - value: "#495361", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.neutral.11}", - type: "color" - }, - name: "--fds-colors-neutral-11", - attributes: {}, - path: [ - "colors", - "neutral", - "11" - ] - }, - { - value: "#a6abb2", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.neutral.12}", - type: "color" - }, - name: "--fds-colors-neutral-12", - attributes: {}, - path: [ - "colors", - "neutral", - "12" - ] - }, - { - value: "#c9ccd0", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.neutral.13}", - type: "color" - }, - name: "--fds-colors-neutral-13", - attributes: {}, - path: [ - "colors", - "neutral", - "13" - ] - }, - { - value: "#f9f9fa", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.neutral.contrast-1}", - type: "color" - }, - name: "--fds-colors-neutral-contrast-1", - attributes: {}, - path: [ - "colors", - "neutral", - "contrast-1" - ] - }, - { - value: "#9ea3ab", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.neutral.contrast-2}", - type: "color" - }, - name: "--fds-colors-neutral-contrast-2", - attributes: {}, - path: [ - "colors", - "neutral", - "contrast-2" - ] - }, - { - value: "#131c27", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.1}", - type: "color" - }, - name: "--fds-colors-neutral-background-default", - attributes: {}, - path: [ - "colors", - "neutral", - "background-default" - ] - }, - { - value: "#192433", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.2}", - type: "color" - }, - name: "--fds-colors-neutral-background-subtle", - attributes: {}, - path: [ - "colors", - "neutral", - "background-subtle" - ] - }, - { - value: "#243142", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.3}", - type: "color" - }, - name: "--fds-colors-neutral-surface-default", - attributes: {}, - path: [ - "colors", - "neutral", - "surface-default" - ] - }, - { - value: "#2e3a4a", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.4}", - type: "color" - }, - name: "--fds-colors-neutral-surface-hover", - attributes: {}, - path: [ - "colors", - "neutral", - "surface-hover" - ] - }, - { - value: "#374352", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.5}", - type: "color" - }, - name: "--fds-colors-neutral-surface-active", - attributes: {}, - path: [ - "colors", - "neutral", - "surface-active" - ] - }, - { - value: "#495361", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.6}", - type: "color" - }, - name: "--fds-colors-neutral-border-subtle", - attributes: {}, - path: [ - "colors", - "neutral", - "border-subtle" - ] - }, - { - value: "#626b77", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.7}", - type: "color" - }, - name: "--fds-colors-neutral-border-default", - attributes: {}, - path: [ - "colors", - "neutral", - "border-default" - ] - }, - { - value: "#7d848e", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.8}", - type: "color" - }, - name: "--fds-colors-neutral-border-strong", - attributes: {}, - path: [ - "colors", - "neutral", - "border-strong" - ] - }, - { - value: "#1e2b3c", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.9}", - type: "color" - }, - name: "--fds-colors-neutral-base-default", - attributes: {}, - path: [ - "colors", - "neutral", - "base-default" - ] - }, - { - value: "#333e4e", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.10}", - type: "color" - }, - name: "--fds-colors-neutral-base-hover", - attributes: {}, - path: [ - "colors", - "neutral", - "base-hover" - ] - }, - { - value: "#495361", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.11}", - type: "color" - }, - name: "--fds-colors-neutral-base-active", - attributes: {}, - path: [ - "colors", - "neutral", - "base-active" - ] - }, - { - value: "#a6abb2", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.12}", - type: "color" - }, - name: "--fds-colors-neutral-text-subtle", - attributes: {}, - path: [ - "colors", - "neutral", - "text-subtle" - ] - }, - { - value: "#c9ccd0", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.13}", - type: "color" - }, - name: "--fds-colors-neutral-text-default", - attributes: {}, - path: [ - "colors", - "neutral", - "text-default" - ] - }, - { - value: "#f9f9fa", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.contrast-1}", - type: "color" - }, - name: "--fds-colors-neutral-contrast-first", - attributes: {}, - path: [ - "colors", - "neutral", - "contrast-first" - ] - }, - { - value: "#9ea3ab", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.contrast-2}", - type: "color" - }, - name: "--fds-colors-neutral-contrast-second", - attributes: {}, - path: [ - "colors", - "neutral", - "contrast-second" - ] - }, - { - value: "#2f1213", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand1.1}", - type: "color" - }, - name: "--fds-colors-brand1-1", - attributes: {}, - path: [ - "colors", - "brand1", - "1" - ] - }, - { - value: "#3c1819", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand1.2}", - type: "color" - }, - name: "--fds-colors-brand1-2", - attributes: {}, - path: [ - "colors", - "brand1", - "2" - ] - }, - { - value: "#522021", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand1.3}", - type: "color" - }, - name: "--fds-colors-brand1-3", - attributes: {}, - path: [ - "colors", - "brand1", - "3" - ] - }, - { - value: "#602627", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand1.4}", - type: "color" - }, - name: "--fds-colors-brand1-4", - attributes: {}, - path: [ - "colors", - "brand1", - "4" - ] - }, - { - value: "#702c2e", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand1.5}", - type: "color" - }, - name: "--fds-colors-brand1-5", - attributes: {}, - path: [ - "colors", - "brand1", - "5" - ] - }, - { - value: "#8b3639", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand1.6}", - type: "color" - }, - name: "--fds-colors-brand1-6", - attributes: {}, - path: [ - "colors", - "brand1", - "6" - ] - }, - { - value: "#b34649", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand1.7}", - type: "color" - }, - name: "--fds-colors-brand1-7", - attributes: {}, - path: [ - "colors", - "brand1", - "7" - ] - }, - { - value: "#dd565a", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand1.8}", - type: "color" - }, - name: "--fds-colors-brand1-8", - attributes: {}, - path: [ - "colors", - "brand1", - "8" - ] - }, - { - value: "#f35f63", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand1.9}", - type: "color" - }, - name: "--fds-colors-brand1-9", - attributes: {}, - path: [ - "colors", - "brand1", - "9" - ] - }, - { - value: "#cc5053", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand1.10}", - type: "color" - }, - name: "--fds-colors-brand1-10", - attributes: {}, - path: [ - "colors", - "brand1", - "10" - ] - }, - { - value: "#a84144", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand1.11}", - type: "color" - }, - name: "--fds-colors-brand1-11", - attributes: {}, - path: [ - "colors", - "brand1", - "11" - ] - }, - { - value: "#f78d8f", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand1.12}", - type: "color" - }, - name: "--fds-colors-brand1-12", - attributes: {}, - path: [ - "colors", - "brand1", - "12" - ] - }, - { - value: "#fabcbd", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand1.13}", - type: "color" - }, - name: "--fds-colors-brand1-13", - attributes: {}, - path: [ - "colors", - "brand1", - "13" - ] - }, - { - value: "#41191b", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand1.contrast-1}", - type: "color" - }, - name: "--fds-colors-brand1-contrast-1", - attributes: {}, - path: [ - "colors", - "brand1", - "contrast-1" - ] - }, - { - value: "#2f1213", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand1.contrast-2}", - type: "color" - }, - name: "--fds-colors-brand1-contrast-2", - attributes: {}, - path: [ - "colors", - "brand1", - "contrast-2" - ] - }, - { - value: "#2f1213", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.1}", - type: "color" - }, - name: "--fds-colors-brand1-background-default", - attributes: {}, - path: [ - "colors", - "brand1", - "background-default" - ] - }, - { - value: "#3c1819", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.2}", - type: "color" - }, - name: "--fds-colors-brand1-background-subtle", - attributes: {}, - path: [ - "colors", - "brand1", - "background-subtle" - ] - }, - { - value: "#522021", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.3}", - type: "color" - }, - name: "--fds-colors-brand1-surface-default", - attributes: {}, - path: [ - "colors", - "brand1", - "surface-default" - ] - }, - { - value: "#602627", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.4}", - type: "color" - }, - name: "--fds-colors-brand1-surface-hover", - attributes: {}, - path: [ - "colors", - "brand1", - "surface-hover" - ] - }, - { - value: "#702c2e", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.5}", - type: "color" - }, - name: "--fds-colors-brand1-surface-active", - attributes: {}, - path: [ - "colors", - "brand1", - "surface-active" - ] - }, - { - value: "#8b3639", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.6}", - type: "color" - }, - name: "--fds-colors-brand1-border-subtle", - attributes: {}, - path: [ - "colors", - "brand1", - "border-subtle" - ] - }, - { - value: "#b34649", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.7}", - type: "color" - }, - name: "--fds-colors-brand1-border-default", + name: "--fds-colors-brand1-border-default", attributes: {}, path: [ "colors", @@ -1446,347 +681,92 @@ export const color = [ path: [ "colors", "brand1", - "base-hover" - ] - }, - { - value: "#a84144", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.11}", - type: "color" - }, - name: "--fds-colors-brand1-base-active", - attributes: {}, - path: [ - "colors", - "brand1", - "base-active" - ] - }, - { - value: "#f78d8f", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.12}", - type: "color" - }, - name: "--fds-colors-brand1-text-subtle", - attributes: {}, - path: [ - "colors", - "brand1", - "text-subtle" - ] - }, - { - value: "#fabcbd", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.13}", - type: "color" - }, - name: "--fds-colors-brand1-text-default", - attributes: {}, - path: [ - "colors", - "brand1", - "text-default" - ] - }, - { - value: "#41191b", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.contrast-1}", - type: "color" - }, - name: "--fds-colors-brand1-contrast-first", - attributes: {}, - path: [ - "colors", - "brand1", - "contrast-first" - ] - }, - { - value: "#2f1213", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.contrast-2}", - type: "color" - }, - name: "--fds-colors-brand1-contrast-second", - attributes: {}, - path: [ - "colors", - "brand1", - "contrast-second" - ] - }, - { - value: "#231a05", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand2.1}", - type: "color" - }, - name: "--fds-colors-brand2-1", - attributes: {}, - path: [ - "colors", - "brand2", - "1" - ] - }, - { - value: "#2d2206", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand2.2}", - type: "color" - }, - name: "--fds-colors-brand2-2", - attributes: {}, - path: [ - "colors", - "brand2", - "2" - ] - }, - { - value: "#3d2e09", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand2.3}", - type: "color" - }, - name: "--fds-colors-brand2-3", - attributes: {}, - path: [ - "colors", - "brand2", - "3" - ] - }, - { - value: "#48360a", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand2.4}", - type: "color" - }, - name: "--fds-colors-brand2-4", - attributes: {}, - path: [ - "colors", - "brand2", - "4" - ] - }, - { - value: "#543e0c", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand2.5}", - type: "color" - }, - name: "--fds-colors-brand2-5", - attributes: {}, - path: [ - "colors", - "brand2", - "5" - ] - }, - { - value: "#684e0f", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand2.6}", - type: "color" - }, - name: "--fds-colors-brand2-6", - attributes: {}, - path: [ - "colors", - "brand2", - "6" - ] - }, - { - value: "#876413", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand2.7}", - type: "color" - }, - name: "--fds-colors-brand2-7", - attributes: {}, - path: [ - "colors", - "brand2", - "7" - ] - }, - { - value: "#a87c17", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand2.8}", - type: "color" - }, - name: "--fds-colors-brand2-8", - attributes: {}, - path: [ - "colors", - "brand2", - "8" - ] - }, - { - value: "#e4a920", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand2.9}", - type: "color" - }, - name: "--fds-colors-brand2-9", - attributes: {}, - path: [ - "colors", - "brand2", - "9" - ] - }, - { - value: "#c6931c", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand2.10}", - type: "color" - }, - name: "--fds-colors-brand2-10", - attributes: {}, - path: [ - "colors", - "brand2", - "10" + "base-hover" ] }, { - value: "#a87c17", + value: "#a84144", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.brand2.11}", + value: "{colors.brand1.11}", type: "color" }, - name: "--fds-colors-brand2-11", + name: "--fds-colors-brand1-base-active", attributes: {}, path: [ "colors", - "brand2", - "11" + "brand1", + "base-active" ] }, { - value: "#daa21f", + value: "#f78d8f", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.brand2.12}", + value: "{colors.brand1.12}", type: "color" }, - name: "--fds-colors-brand2-12", + name: "--fds-colors-brand1-text-subtle", attributes: {}, path: [ "colors", - "brand2", - "12" + "brand1", + "text-subtle" ] }, { - value: "#eec76c", + value: "#fabcbd", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.brand2.13}", + value: "{colors.brand1.13}", type: "color" }, - name: "--fds-colors-brand2-13", + name: "--fds-colors-brand1-text-default", attributes: {}, path: [ "colors", - "brand2", - "13" + "brand1", + "text-default" ] }, { - value: "#302407", + value: "#41191b", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.brand2.contrast-1}", + value: "{colors.brand1.contrast-1}", type: "color" }, - name: "--fds-colors-brand2-contrast-1", + name: "--fds-colors-brand1-contrast-first", attributes: {}, path: [ "colors", - "brand2", - "contrast-1" + "brand1", + "contrast-first" ] }, { - value: "#45340a", + value: "#2f1213", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.brand2.contrast-2}", + value: "{colors.brand1.contrast-2}", type: "color" }, - name: "--fds-colors-brand2-contrast-2", + name: "--fds-colors-brand1-contrast-second", attributes: {}, path: [ "colors", - "brand2", - "contrast-2" + "brand1", + "contrast-second" ] }, { @@ -2044,261 +1024,6 @@ export const color = [ "contrast-second" ] }, - { - value: "#061d30", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand3.1}", - type: "color" - }, - name: "--fds-colors-brand3-1", - attributes: {}, - path: [ - "colors", - "brand3", - "1" - ] - }, - { - value: "#07253c", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand3.2}", - type: "color" - }, - name: "--fds-colors-brand3-2", - attributes: {}, - path: [ - "colors", - "brand3", - "2" - ] - }, - { - value: "#0a3251", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand3.3}", - type: "color" - }, - name: "--fds-colors-brand3-3", - attributes: {}, - path: [ - "colors", - "brand3", - "3" - ] - }, - { - value: "#0c3b60", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand3.4}", - type: "color" - }, - name: "--fds-colors-brand3-4", - attributes: {}, - path: [ - "colors", - "brand3", - "4" - ] - }, - { - value: "#0e446e", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand3.5}", - type: "color" - }, - name: "--fds-colors-brand3-5", - attributes: {}, - path: [ - "colors", - "brand3", - "5" - ] - }, - { - value: "#11558a", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand3.6}", - type: "color" - }, - name: "--fds-colors-brand3-6", - attributes: {}, - path: [ - "colors", - "brand3", - "6" - ] - }, - { - value: "#166eb2", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand3.7}", - type: "color" - }, - name: "--fds-colors-brand3-7", - attributes: {}, - path: [ - "colors", - "brand3", - "7" - ] - }, - { - value: "#1b88db", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand3.8}", - type: "color" - }, - name: "--fds-colors-brand3-8", - attributes: {}, - path: [ - "colors", - "brand3", - "8" - ] - }, - { - value: "#1e98f5", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand3.9}", - type: "color" - }, - name: "--fds-colors-brand3-9", - attributes: {}, - path: [ - "colors", - "brand3", - "9" - ] - }, - { - value: "#1980ce", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand3.10}", - type: "color" - }, - name: "--fds-colors-brand3-10", - attributes: {}, - path: [ - "colors", - "brand3", - "10" - ] - }, - { - value: "#1569a9", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand3.11}", - type: "color" - }, - name: "--fds-colors-brand3-11", - attributes: {}, - path: [ - "colors", - "brand3", - "11" - ] - }, - { - value: "#57b2f8", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand3.12}", - type: "color" - }, - name: "--fds-colors-brand3-12", - attributes: {}, - path: [ - "colors", - "brand3", - "12" - ] - }, - { - value: "#9cd2fb", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand3.13}", - type: "color" - }, - name: "--fds-colors-brand3-13", - attributes: {}, - path: [ - "colors", - "brand3", - "13" - ] - }, - { - value: "#082740", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand3.contrast-1}", - type: "color" - }, - name: "--fds-colors-brand3-contrast-1", - attributes: {}, - path: [ - "colors", - "brand3", - "contrast-1" - ] - }, - { - value: "#061f33", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand3.contrast-2}", - type: "color" - }, - name: "--fds-colors-brand3-contrast-2", - attributes: {}, - path: [ - "colors", - "brand3", - "contrast-2" - ] - }, { value: "#061d30", type: "color", diff --git a/apps/storefront/tokens/digdir/light.ts b/apps/storefront/tokens/digdir/light.ts index a994f3cbec..a4063d7996 100644 --- a/apps/storefront/tokens/digdir/light.ts +++ b/apps/storefront/tokens/digdir/light.ts @@ -7,1390 +7,625 @@ export const color = [ { value: "#fefeff", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.accent.1}", + value: "{colors.accent.1}", type: "color" }, - name: "--fds-colors-accent-1", + name: "--fds-colors-accent-background-default", attributes: {}, path: [ "colors", "accent", - "1" + "background-default" ] }, { value: "#eef4fa", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.accent.2}", + value: "{colors.accent.2}", type: "color" }, - name: "--fds-colors-accent-2", + name: "--fds-colors-accent-background-subtle", attributes: {}, path: [ "colors", "accent", - "2" + "background-subtle" ] }, { value: "#e2edf7", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.accent.3}", + value: "{colors.accent.3}", type: "color" }, - name: "--fds-colors-accent-3", + name: "--fds-colors-accent-surface-default", attributes: {}, path: [ "colors", "accent", - "3" + "surface-default" ] }, { value: "#c3daef", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.accent.4}", + value: "{colors.accent.4}", type: "color" }, - name: "--fds-colors-accent-4", + name: "--fds-colors-accent-surface-hover", attributes: {}, path: [ "colors", "accent", - "4" + "surface-hover" ] }, { value: "#a4c7e6", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.accent.5}", + value: "{colors.accent.5}", type: "color" }, - name: "--fds-colors-accent-5", + name: "--fds-colors-accent-surface-active", attributes: {}, path: [ "colors", "accent", - "5" + "surface-active" ] }, { value: "#aecde9", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.accent.6}", + value: "{colors.accent.6}", type: "color" }, - name: "--fds-colors-accent-6", + name: "--fds-colors-accent-border-subtle", attributes: {}, path: [ "colors", "accent", - "6" + "border-subtle" ] }, { value: "#4b90ce", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.accent.7}", + value: "{colors.accent.7}", type: "color" }, - name: "--fds-colors-accent-7", + name: "--fds-colors-accent-border-default", attributes: {}, path: [ "colors", "accent", - "7" + "border-default" ] }, { value: "#00529d", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.accent.8}", + value: "{colors.accent.8}", type: "color" }, - name: "--fds-colors-accent-8", + name: "--fds-colors-accent-border-strong", attributes: {}, path: [ "colors", "accent", - "8" + "border-strong" ] }, { value: "#0163ba", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.accent.9}", + value: "{colors.accent.9}", type: "color" }, - name: "--fds-colors-accent-9", + name: "--fds-colors-accent-base-default", attributes: {}, path: [ "colors", "accent", - "9" + "base-default" ] }, { value: "#004d93", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.accent.10}", + value: "{colors.accent.10}", type: "color" }, - name: "--fds-colors-accent-10", + name: "--fds-colors-accent-base-hover", attributes: {}, path: [ "colors", "accent", - "10" + "base-hover" ] }, { value: "#00396d", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.accent.11}", + value: "{colors.accent.11}", type: "color" }, - name: "--fds-colors-accent-11", + name: "--fds-colors-accent-base-active", attributes: {}, path: [ "colors", "accent", - "11" + "base-active" ] }, { value: "#005099", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.accent.12}", + value: "{colors.accent.12}", type: "color" }, - name: "--fds-colors-accent-12", + name: "--fds-colors-accent-text-subtle", attributes: {}, path: [ "colors", "accent", - "12" + "text-subtle" ] }, { value: "#00315c", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.accent.13}", + value: "{colors.accent.13}", type: "color" }, - name: "--fds-colors-accent-13", + name: "--fds-colors-accent-text-default", attributes: {}, path: [ "colors", "accent", - "13" + "text-default" ] }, { value: "#f6fafd", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.accent.contrast-1}", + value: "{colors.accent.contrast-1}", type: "color" }, - name: "--fds-colors-accent-contrast-1", + name: "--fds-colors-accent-contrast-first", attributes: {}, path: [ "colors", "accent", - "contrast-1" + "contrast-first" ] }, { value: "#ddeaf6", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.accent.contrast-2}", + value: "{colors.accent.contrast-2}", type: "color" }, - name: "--fds-colors-accent-contrast-2", + name: "--fds-colors-accent-contrast-second", attributes: {}, path: [ "colors", "accent", - "contrast-2" + "contrast-second" ] }, { - value: "#fefeff", + value: "#fefefe", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.1}", + value: "{colors.neutral.1}", type: "color" }, - name: "--fds-colors-accent-background-default", + name: "--fds-colors-neutral-background-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "background-default" ] }, { - value: "#eef4fa", + value: "#f3f4f5", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.2}", + value: "{colors.neutral.2}", type: "color" }, - name: "--fds-colors-accent-background-subtle", + name: "--fds-colors-neutral-background-subtle", attributes: {}, path: [ "colors", - "accent", + "neutral", "background-subtle" ] }, { - value: "#e2edf7", + value: "#e9eaec", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.3}", + value: "{colors.neutral.3}", type: "color" }, - name: "--fds-colors-accent-surface-default", + name: "--fds-colors-neutral-surface-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "surface-default" ] }, { - value: "#c3daef", + value: "#d5d7da", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.4}", + value: "{colors.neutral.4}", type: "color" }, - name: "--fds-colors-accent-surface-hover", + name: "--fds-colors-neutral-surface-hover", attributes: {}, path: [ "colors", - "accent", + "neutral", "surface-hover" ] }, { - value: "#a4c7e6", + value: "#c1c4c9", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.5}", + value: "{colors.neutral.5}", type: "color" }, - name: "--fds-colors-accent-surface-active", + name: "--fds-colors-neutral-surface-active", attributes: {}, path: [ "colors", - "accent", + "neutral", "surface-active" ] }, { - value: "#aecde9", + value: "#c6c9cd", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.6}", + value: "{colors.neutral.6}", type: "color" }, - name: "--fds-colors-accent-border-subtle", + name: "--fds-colors-neutral-border-subtle", attributes: {}, path: [ "colors", - "accent", + "neutral", "border-subtle" ] }, { - value: "#4b90ce", + value: "#858c96", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.7}", + value: "{colors.neutral.7}", type: "color" }, - name: "--fds-colors-accent-border-default", + name: "--fds-colors-neutral-border-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "border-default" ] }, { - value: "#00529d", + value: "#495361", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.8}", + value: "{colors.neutral.8}", type: "color" }, - name: "--fds-colors-accent-border-strong", + name: "--fds-colors-neutral-border-strong", attributes: {}, path: [ "colors", - "accent", + "neutral", "border-strong" ] }, { - value: "#0163ba", + value: "#1e2b3c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.9}", + value: "{colors.neutral.9}", type: "color" }, - name: "--fds-colors-accent-base-default", + name: "--fds-colors-neutral-base-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "base-default" ] }, { - value: "#004d93", + value: "#333e4e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.10}", + value: "{colors.neutral.10}", type: "color" }, - name: "--fds-colors-accent-base-hover", + name: "--fds-colors-neutral-base-hover", attributes: {}, path: [ "colors", - "accent", + "neutral", "base-hover" ] }, { - value: "#00396d", + value: "#495361", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.11}", + value: "{colors.neutral.11}", type: "color" }, - name: "--fds-colors-accent-base-active", + name: "--fds-colors-neutral-base-active", attributes: {}, path: [ "colors", - "accent", + "neutral", "base-active" ] }, { - value: "#005099", + value: "#46505e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.12}", + value: "{colors.neutral.12}", type: "color" }, - name: "--fds-colors-accent-text-subtle", + name: "--fds-colors-neutral-text-subtle", attributes: {}, path: [ "colors", - "accent", + "neutral", "text-subtle" ] }, { - value: "#00315c", + value: "#243142", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.13}", + value: "{colors.neutral.13}", type: "color" }, - name: "--fds-colors-accent-text-default", + name: "--fds-colors-neutral-text-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "text-default" ] }, { - value: "#f6fafd", + value: "#f9f9fa", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.contrast-1}", + value: "{colors.neutral.contrast-1}", type: "color" }, - name: "--fds-colors-accent-contrast-first", + name: "--fds-colors-neutral-contrast-first", attributes: {}, path: [ "colors", - "accent", + "neutral", "contrast-first" ] }, { - value: "#ddeaf6", + value: "#9ea3ab", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.contrast-2}", + value: "{colors.neutral.contrast-2}", type: "color" }, - name: "--fds-colors-accent-contrast-second", + name: "--fds-colors-neutral-contrast-second", attributes: {}, path: [ "colors", - "accent", + "neutral", "contrast-second" ] }, { - value: "#fefefe", + value: "#fffefe", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.neutral.1}", + value: "{colors.brand1.1}", type: "color" }, - name: "--fds-colors-neutral-1", + name: "--fds-colors-brand1-background-default", attributes: {}, path: [ "colors", - "neutral", - "1" + "brand1", + "background-default" ] }, { - value: "#f3f4f5", + value: "#fef0f1", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.neutral.2}", + value: "{colors.brand1.2}", type: "color" }, - name: "--fds-colors-neutral-2", + name: "--fds-colors-brand1-background-subtle", attributes: {}, path: [ "colors", - "neutral", - "2" + "brand1", + "background-subtle" ] }, { - value: "#e9eaec", + value: "#fde5e6", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.neutral.3}", + value: "{colors.brand1.3}", type: "color" }, - name: "--fds-colors-neutral-3", + name: "--fds-colors-brand1-surface-default", attributes: {}, path: [ "colors", - "neutral", - "3" + "brand1", + "surface-default" ] }, { - value: "#d5d7da", + value: "#fbcccd", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.neutral.4}", + value: "{colors.brand1.4}", type: "color" }, - name: "--fds-colors-neutral-4", + name: "--fds-colors-brand1-surface-hover", attributes: {}, path: [ "colors", - "neutral", - "4" + "brand1", + "surface-hover" ] }, { - value: "#c1c4c9", + value: "#fab1b3", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.neutral.5}", + value: "{colors.brand1.5}", type: "color" }, - name: "--fds-colors-neutral-5", + name: "--fds-colors-brand1-surface-active", attributes: {}, path: [ "colors", - "neutral", - "5" + "brand1", + "surface-active" ] }, { - value: "#c6c9cd", + value: "#fab8b9", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.neutral.6}", + value: "{colors.brand1.6}", type: "color" }, - name: "--fds-colors-neutral-6", + name: "--fds-colors-brand1-border-subtle", attributes: {}, path: [ "colors", - "neutral", - "6" + "brand1", + "border-subtle" ] }, { - value: "#858c96", + value: "#eb5b5f", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.neutral.7}", + value: "{colors.brand1.7}", type: "color" }, - name: "--fds-colors-neutral-7", - attributes: {}, - path: [ - "colors", - "neutral", - "7" - ] - }, - { - value: "#495361", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.neutral.8}", - type: "color" - }, - name: "--fds-colors-neutral-8", - attributes: {}, - path: [ - "colors", - "neutral", - "8" - ] - }, - { - value: "#1e2b3c", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.neutral.9}", - type: "color" - }, - name: "--fds-colors-neutral-9", - attributes: {}, - path: [ - "colors", - "neutral", - "9" - ] - }, - { - value: "#333e4e", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.neutral.10}", - type: "color" - }, - name: "--fds-colors-neutral-10", - attributes: {}, - path: [ - "colors", - "neutral", - "10" - ] - }, - { - value: "#495361", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.neutral.11}", - type: "color" - }, - name: "--fds-colors-neutral-11", - attributes: {}, - path: [ - "colors", - "neutral", - "11" - ] - }, - { - value: "#46505e", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.neutral.12}", - type: "color" - }, - name: "--fds-colors-neutral-12", - attributes: {}, - path: [ - "colors", - "neutral", - "12" - ] - }, - { - value: "#243142", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.neutral.13}", - type: "color" - }, - name: "--fds-colors-neutral-13", - attributes: {}, - path: [ - "colors", - "neutral", - "13" - ] - }, - { - value: "#f9f9fa", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.neutral.contrast-1}", - type: "color" - }, - name: "--fds-colors-neutral-contrast-1", - attributes: {}, - path: [ - "colors", - "neutral", - "contrast-1" - ] - }, - { - value: "#9ea3ab", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.neutral.contrast-2}", - type: "color" - }, - name: "--fds-colors-neutral-contrast-2", - attributes: {}, - path: [ - "colors", - "neutral", - "contrast-2" - ] - }, - { - value: "#fefefe", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.1}", - type: "color" - }, - name: "--fds-colors-neutral-background-default", - attributes: {}, - path: [ - "colors", - "neutral", - "background-default" - ] - }, - { - value: "#f3f4f5", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.2}", - type: "color" - }, - name: "--fds-colors-neutral-background-subtle", - attributes: {}, - path: [ - "colors", - "neutral", - "background-subtle" - ] - }, - { - value: "#e9eaec", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.3}", - type: "color" - }, - name: "--fds-colors-neutral-surface-default", - attributes: {}, - path: [ - "colors", - "neutral", - "surface-default" - ] - }, - { - value: "#d5d7da", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.4}", - type: "color" - }, - name: "--fds-colors-neutral-surface-hover", - attributes: {}, - path: [ - "colors", - "neutral", - "surface-hover" - ] - }, - { - value: "#c1c4c9", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.5}", - type: "color" - }, - name: "--fds-colors-neutral-surface-active", - attributes: {}, - path: [ - "colors", - "neutral", - "surface-active" - ] - }, - { - value: "#c6c9cd", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.6}", - type: "color" - }, - name: "--fds-colors-neutral-border-subtle", - attributes: {}, - path: [ - "colors", - "neutral", - "border-subtle" - ] - }, - { - value: "#858c96", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.7}", - type: "color" - }, - name: "--fds-colors-neutral-border-default", - attributes: {}, - path: [ - "colors", - "neutral", - "border-default" - ] - }, - { - value: "#495361", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.8}", - type: "color" - }, - name: "--fds-colors-neutral-border-strong", - attributes: {}, - path: [ - "colors", - "neutral", - "border-strong" - ] - }, - { - value: "#1e2b3c", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.9}", - type: "color" - }, - name: "--fds-colors-neutral-base-default", - attributes: {}, - path: [ - "colors", - "neutral", - "base-default" - ] - }, - { - value: "#333e4e", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.10}", - type: "color" - }, - name: "--fds-colors-neutral-base-hover", - attributes: {}, - path: [ - "colors", - "neutral", - "base-hover" - ] - }, - { - value: "#495361", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.11}", - type: "color" - }, - name: "--fds-colors-neutral-base-active", - attributes: {}, - path: [ - "colors", - "neutral", - "base-active" - ] - }, - { - value: "#46505e", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.12}", - type: "color" - }, - name: "--fds-colors-neutral-text-subtle", - attributes: {}, - path: [ - "colors", - "neutral", - "text-subtle" - ] - }, - { - value: "#243142", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.13}", - type: "color" - }, - name: "--fds-colors-neutral-text-default", - attributes: {}, - path: [ - "colors", - "neutral", - "text-default" - ] - }, - { - value: "#f9f9fa", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.contrast-1}", - type: "color" - }, - name: "--fds-colors-neutral-contrast-first", - attributes: {}, - path: [ - "colors", - "neutral", - "contrast-first" - ] - }, - { - value: "#9ea3ab", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.contrast-2}", - type: "color" - }, - name: "--fds-colors-neutral-contrast-second", - attributes: {}, - path: [ - "colors", - "neutral", - "contrast-second" - ] - }, - { - value: "#fffefe", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand1.1}", - type: "color" - }, - name: "--fds-colors-brand1-1", - attributes: {}, - path: [ - "colors", - "brand1", - "1" - ] - }, - { - value: "#fef0f1", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand1.2}", - type: "color" - }, - name: "--fds-colors-brand1-2", - attributes: {}, - path: [ - "colors", - "brand1", - "2" - ] - }, - { - value: "#fde5e6", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand1.3}", - type: "color" - }, - name: "--fds-colors-brand1-3", - attributes: {}, - path: [ - "colors", - "brand1", - "3" - ] - }, - { - value: "#fbcccd", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand1.4}", - type: "color" - }, - name: "--fds-colors-brand1-4", - attributes: {}, - path: [ - "colors", - "brand1", - "4" - ] - }, - { - value: "#fab1b3", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand1.5}", - type: "color" - }, - name: "--fds-colors-brand1-5", - attributes: {}, - path: [ - "colors", - "brand1", - "5" - ] - }, - { - value: "#fab8b9", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand1.6}", - type: "color" - }, - name: "--fds-colors-brand1-6", - attributes: {}, - path: [ - "colors", - "brand1", - "6" - ] - }, - { - value: "#eb5b5f", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand1.7}", - type: "color" - }, - name: "--fds-colors-brand1-7", - attributes: {}, - path: [ - "colors", - "brand1", - "7" - ] - }, - { - value: "#8b3639", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand1.8}", - type: "color" - }, - name: "--fds-colors-brand1-8", - attributes: {}, - path: [ - "colors", - "brand1", - "8" - ] - }, - { - value: "#f35f63", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand1.9}", - type: "color" - }, - name: "--fds-colors-brand1-9", - attributes: {}, - path: [ - "colors", - "brand1", - "9" - ] - }, - { - value: "#cc5053", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand1.10}", - type: "color" - }, - name: "--fds-colors-brand1-10", - attributes: {}, - path: [ - "colors", - "brand1", - "10" - ] - }, - { - value: "#a84144", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand1.11}", - type: "color" - }, - name: "--fds-colors-brand1-11", - attributes: {}, - path: [ - "colors", - "brand1", - "11" - ] - }, - { - value: "#873537", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand1.12}", - type: "color" - }, - name: "--fds-colors-brand1-12", - attributes: {}, - path: [ - "colors", - "brand1", - "12" - ] - }, - { - value: "#522021", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand1.13}", - type: "color" - }, - name: "--fds-colors-brand1-13", - attributes: {}, - path: [ - "colors", - "brand1", - "13" - ] - }, - { - value: "#f6fafd", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand1.contrast-1}", - type: "color" - }, - name: "--fds-colors-brand1-contrast-1", - attributes: {}, - path: [ - "colors", - "brand1", - "contrast-1" - ] - }, - { - value: "#ddeaf6", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand1.contrast-2}", - type: "color" - }, - name: "--fds-colors-brand1-contrast-2", - attributes: {}, - path: [ - "colors", - "brand1", - "contrast-2" - ] - }, - { - value: "#fffefe", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.1}", - type: "color" - }, - name: "--fds-colors-brand1-background-default", - attributes: {}, - path: [ - "colors", - "brand1", - "background-default" - ] - }, - { - value: "#fef0f1", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.2}", - type: "color" - }, - name: "--fds-colors-brand1-background-subtle", - attributes: {}, - path: [ - "colors", - "brand1", - "background-subtle" - ] - }, - { - value: "#fde5e6", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.3}", - type: "color" - }, - name: "--fds-colors-brand1-surface-default", - attributes: {}, - path: [ - "colors", - "brand1", - "surface-default" - ] - }, - { - value: "#fbcccd", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.4}", - type: "color" - }, - name: "--fds-colors-brand1-surface-hover", - attributes: {}, - path: [ - "colors", - "brand1", - "surface-hover" - ] - }, - { - value: "#fab1b3", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.5}", - type: "color" - }, - name: "--fds-colors-brand1-surface-active", - attributes: {}, - path: [ - "colors", - "brand1", - "surface-active" - ] - }, - { - value: "#fab8b9", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.6}", - type: "color" - }, - name: "--fds-colors-brand1-border-subtle", - attributes: {}, - path: [ - "colors", - "brand1", - "border-subtle" - ] - }, - { - value: "#eb5b5f", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.7}", - type: "color" - }, - name: "--fds-colors-brand1-border-default", + name: "--fds-colors-brand1-border-default", attributes: {}, path: [ "colors", @@ -1441,352 +676,97 @@ export const color = [ value: "{colors.brand1.10}", type: "color" }, - name: "--fds-colors-brand1-base-hover", - attributes: {}, - path: [ - "colors", - "brand1", - "base-hover" - ] - }, - { - value: "#a84144", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.11}", - type: "color" - }, - name: "--fds-colors-brand1-base-active", - attributes: {}, - path: [ - "colors", - "brand1", - "base-active" - ] - }, - { - value: "#873537", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.12}", - type: "color" - }, - name: "--fds-colors-brand1-text-subtle", - attributes: {}, - path: [ - "colors", - "brand1", - "text-subtle" - ] - }, - { - value: "#522021", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.13}", - type: "color" - }, - name: "--fds-colors-brand1-text-default", - attributes: {}, - path: [ - "colors", - "brand1", - "text-default" - ] - }, - { - value: "#f6fafd", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.contrast-1}", - type: "color" - }, - name: "--fds-colors-brand1-contrast-first", - attributes: {}, - path: [ - "colors", - "brand1", - "contrast-first" - ] - }, - { - value: "#ddeaf6", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.contrast-2}", - type: "color" - }, - name: "--fds-colors-brand1-contrast-second", - attributes: {}, - path: [ - "colors", - "brand1", - "contrast-second" - ] - }, - { - value: "#fffefc", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand2.1}", - type: "color" - }, - name: "--fds-colors-brand2-1", - attributes: {}, - path: [ - "colors", - "brand2", - "1" - ] - }, - { - value: "#fbf3e0", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand2.2}", - type: "color" - }, - name: "--fds-colors-brand2-2", - attributes: {}, - path: [ - "colors", - "brand2", - "2" - ] - }, - { - value: "#f8e9c6", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand2.3}", - type: "color" - }, - name: "--fds-colors-brand2-3", - attributes: {}, - path: [ - "colors", - "brand2", - "3" - ] - }, - { - value: "#f2d48d", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand2.4}", - type: "color" - }, - name: "--fds-colors-brand2-4", - attributes: {}, - path: [ - "colors", - "brand2", - "4" - ] - }, - { - value: "#ebbe54", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand2.5}", - type: "color" - }, - name: "--fds-colors-brand2-5", - attributes: {}, - path: [ - "colors", - "brand2", - "5" - ] - }, - { - value: "#edc464", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand2.6}", - type: "color" - }, - name: "--fds-colors-brand2-6", - attributes: {}, - path: [ - "colors", - "brand2", - "6" - ] - }, - { - value: "#b28419", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand2.7}", - type: "color" - }, - name: "--fds-colors-brand2-7", - attributes: {}, - path: [ - "colors", - "brand2", - "7" - ] - }, - { - value: "#684e0f", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand2.8}", - type: "color" - }, - name: "--fds-colors-brand2-8", - attributes: {}, - path: [ - "colors", - "brand2", - "8" - ] - }, - { - value: "#e4a920", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand2.9}", - type: "color" - }, - name: "--fds-colors-brand2-9", - attributes: {}, - path: [ - "colors", - "brand2", - "9" - ] - }, - { - value: "#c6931c", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand2.10}", - type: "color" - }, - name: "--fds-colors-brand2-10", + name: "--fds-colors-brand1-base-hover", attributes: {}, path: [ "colors", - "brand2", - "10" + "brand1", + "base-hover" ] }, { - value: "#a87c17", + value: "#a84144", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.brand2.11}", + value: "{colors.brand1.11}", type: "color" }, - name: "--fds-colors-brand2-11", + name: "--fds-colors-brand1-base-active", attributes: {}, path: [ "colors", - "brand2", - "11" + "brand1", + "base-active" ] }, { - value: "#664c0e", + value: "#873537", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.brand2.12}", + value: "{colors.brand1.12}", type: "color" }, - name: "--fds-colors-brand2-12", + name: "--fds-colors-brand1-text-subtle", attributes: {}, path: [ "colors", - "brand2", - "12" + "brand1", + "text-subtle" ] }, { - value: "#3d2e09", + value: "#522021", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.brand2.13}", + value: "{colors.brand1.13}", type: "color" }, - name: "--fds-colors-brand2-13", + name: "--fds-colors-brand1-text-default", attributes: {}, path: [ "colors", - "brand2", - "13" + "brand1", + "text-default" ] }, { value: "#f6fafd", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.brand2.contrast-1}", + value: "{colors.brand1.contrast-1}", type: "color" }, - name: "--fds-colors-brand2-contrast-1", + name: "--fds-colors-brand1-contrast-first", attributes: {}, path: [ "colors", - "brand2", - "contrast-1" + "brand1", + "contrast-first" ] }, { value: "#ddeaf6", type: "color", - filePath: "../../design-tokens/themes/theme1.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme1.brand2.contrast-2}", + value: "{colors.brand1.contrast-2}", type: "color" }, - name: "--fds-colors-brand2-contrast-2", + name: "--fds-colors-brand1-contrast-second", attributes: {}, path: [ "colors", - "brand2", - "contrast-2" + "brand1", + "contrast-second" ] }, { @@ -2044,261 +1024,6 @@ export const color = [ "contrast-second" ] }, - { - value: "#fdfeff", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand3.1}", - type: "color" - }, - name: "--fds-colors-brand3-1", - attributes: {}, - path: [ - "colors", - "brand3", - "1" - ] - }, - { - value: "#eaf6fe", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand3.2}", - type: "color" - }, - name: "--fds-colors-brand3-2", - attributes: {}, - path: [ - "colors", - "brand3", - "2" - ] - }, - { - value: "#d9eefd", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand3.3}", - type: "color" - }, - name: "--fds-colors-brand3-3", - attributes: {}, - path: [ - "colors", - "brand3", - "3" - ] - }, - { - value: "#b3dcfc", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand3.4}", - type: "color" - }, - name: "--fds-colors-brand3-4", - attributes: {}, - path: [ - "colors", - "brand3", - "4" - ] - }, - { - value: "#8bcafa", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand3.5}", - type: "color" - }, - name: "--fds-colors-brand3-5", - attributes: {}, - path: [ - "colors", - "brand3", - "5" - ] - }, - { - value: "#96cffa", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand3.6}", - type: "color" - }, - name: "--fds-colors-brand3-6", - attributes: {}, - path: [ - "colors", - "brand3", - "6" - ] - }, - { - value: "#1c90e8", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand3.7}", - type: "color" - }, - name: "--fds-colors-brand3-7", - attributes: {}, - path: [ - "colors", - "brand3", - "7" - ] - }, - { - value: "#11558a", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand3.8}", - type: "color" - }, - name: "--fds-colors-brand3-8", - attributes: {}, - path: [ - "colors", - "brand3", - "8" - ] - }, - { - value: "#1e98f5", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand3.9}", - type: "color" - }, - name: "--fds-colors-brand3-9", - attributes: {}, - path: [ - "colors", - "brand3", - "9" - ] - }, - { - value: "#1980ce", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand3.10}", - type: "color" - }, - name: "--fds-colors-brand3-10", - attributes: {}, - path: [ - "colors", - "brand3", - "10" - ] - }, - { - value: "#1569a9", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand3.11}", - type: "color" - }, - name: "--fds-colors-brand3-11", - attributes: {}, - path: [ - "colors", - "brand3", - "11" - ] - }, - { - value: "#105387", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand3.12}", - type: "color" - }, - name: "--fds-colors-brand3-12", - attributes: {}, - path: [ - "colors", - "brand3", - "12" - ] - }, - { - value: "#0a3251", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand3.13}", - type: "color" - }, - name: "--fds-colors-brand3-13", - attributes: {}, - path: [ - "colors", - "brand3", - "13" - ] - }, - { - value: "#f6fafd", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand3.contrast-1}", - type: "color" - }, - name: "--fds-colors-brand3-contrast-1", - attributes: {}, - path: [ - "colors", - "brand3", - "contrast-1" - ] - }, - { - value: "#ddeaf6", - type: "color", - filePath: "../../design-tokens/themes/theme1.json", - isSource: false, - original: { - value: "{theme1.brand3.contrast-2}", - type: "color" - }, - name: "--fds-colors-brand3-contrast-2", - attributes: {}, - path: [ - "colors", - "brand3", - "contrast-2" - ] - }, { value: "#fdfeff", type: "color", diff --git a/apps/storefront/tokens/theme4/dark.ts b/apps/storefront/tokens/theme4/dark.ts index 135d8aac01..ddf8f4c5ed 100644 --- a/apps/storefront/tokens/theme4/dark.ts +++ b/apps/storefront/tokens/theme4/dark.ts @@ -7,1390 +7,625 @@ export const color = [ { value: "#001c36", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.accent.1}", + value: "{colors.accent.1}", type: "color" }, - name: "--fds-colors-accent-1", + name: "--fds-colors-accent-background-default", attributes: {}, path: [ "colors", "accent", - "1" + "background-default" ] }, { value: "#002445", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.accent.2}", + value: "{colors.accent.2}", type: "color" }, - name: "--fds-colors-accent-2", + name: "--fds-colors-accent-background-subtle", attributes: {}, path: [ "colors", "accent", - "2" + "background-subtle" ] }, { value: "#00315c", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.accent.3}", + value: "{colors.accent.3}", type: "color" }, - name: "--fds-colors-accent-3", + name: "--fds-colors-accent-surface-default", attributes: {}, path: [ "colors", "accent", - "3" + "surface-default" ] }, { value: "#00396d", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.accent.4}", + value: "{colors.accent.4}", type: "color" }, - name: "--fds-colors-accent-4", + name: "--fds-colors-accent-surface-hover", attributes: {}, path: [ "colors", "accent", - "4" + "surface-hover" ] }, { value: "#00427e", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.accent.5}", + value: "{colors.accent.5}", type: "color" }, - name: "--fds-colors-accent-5", + name: "--fds-colors-accent-surface-active", attributes: {}, path: [ "colors", "accent", - "5" + "surface-active" ] }, { value: "#00529d", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.accent.6}", + value: "{colors.accent.6}", type: "color" }, - name: "--fds-colors-accent-6", + name: "--fds-colors-accent-border-subtle", attributes: {}, path: [ "colors", "accent", - "6" + "border-subtle" ] }, { value: "#0f6bbe", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.accent.7}", + value: "{colors.accent.7}", type: "color" }, - name: "--fds-colors-accent-7", + name: "--fds-colors-accent-border-default", attributes: {}, path: [ "colors", "accent", - "7" + "border-default" ] }, { value: "#3d88ca", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.accent.8}", + value: "{colors.accent.8}", type: "color" }, - name: "--fds-colors-accent-8", + name: "--fds-colors-accent-border-strong", attributes: {}, path: [ "colors", "accent", - "8" + "border-strong" ] }, { value: "#0163ba", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.accent.9}", + value: "{colors.accent.9}", type: "color" }, - name: "--fds-colors-accent-9", + name: "--fds-colors-accent-base-default", attributes: {}, path: [ "colors", "accent", - "9" + "base-default" ] }, { value: "#004d93", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.accent.10}", + value: "{colors.accent.10}", type: "color" }, - name: "--fds-colors-accent-10", + name: "--fds-colors-accent-base-hover", attributes: {}, path: [ "colors", "accent", - "10" + "base-hover" ] }, { value: "#00396d", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.accent.11}", + value: "{colors.accent.11}", type: "color" }, - name: "--fds-colors-accent-11", + name: "--fds-colors-accent-base-active", attributes: {}, path: [ "colors", "accent", - "11" + "base-active" ] }, { value: "#7eb0dc", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.accent.12}", + value: "{colors.accent.12}", type: "color" }, - name: "--fds-colors-accent-12", + name: "--fds-colors-accent-text-subtle", attributes: {}, path: [ "colors", "accent", - "12" + "text-subtle" ] }, { value: "#b0cfea", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.accent.13}", + value: "{colors.accent.13}", type: "color" }, - name: "--fds-colors-accent-13", + name: "--fds-colors-accent-text-default", attributes: {}, path: [ "colors", "accent", - "13" + "text-default" ] }, { value: "#f6fafd", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.accent.contrast-1}", + value: "{colors.accent.contrast-1}", type: "color" }, - name: "--fds-colors-accent-contrast-1", + name: "--fds-colors-accent-contrast-first", attributes: {}, path: [ "colors", "accent", - "contrast-1" + "contrast-first" ] }, { value: "#ddeaf6", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.accent.contrast-2}", + value: "{colors.accent.contrast-2}", type: "color" }, - name: "--fds-colors-accent-contrast-2", + name: "--fds-colors-accent-contrast-second", attributes: {}, path: [ "colors", "accent", - "contrast-2" + "contrast-second" ] }, { - value: "#001c36", + value: "#131c27", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.1}", + value: "{colors.neutral.1}", type: "color" }, - name: "--fds-colors-accent-background-default", + name: "--fds-colors-neutral-background-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "background-default" ] }, { - value: "#002445", + value: "#192433", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.2}", + value: "{colors.neutral.2}", type: "color" }, - name: "--fds-colors-accent-background-subtle", + name: "--fds-colors-neutral-background-subtle", attributes: {}, path: [ "colors", - "accent", + "neutral", "background-subtle" ] }, { - value: "#00315c", + value: "#243142", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.3}", + value: "{colors.neutral.3}", type: "color" }, - name: "--fds-colors-accent-surface-default", + name: "--fds-colors-neutral-surface-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "surface-default" ] }, { - value: "#00396d", + value: "#2e3a4a", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.4}", + value: "{colors.neutral.4}", type: "color" }, - name: "--fds-colors-accent-surface-hover", + name: "--fds-colors-neutral-surface-hover", attributes: {}, path: [ "colors", - "accent", + "neutral", "surface-hover" ] }, { - value: "#00427e", + value: "#374352", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.5}", + value: "{colors.neutral.5}", type: "color" }, - name: "--fds-colors-accent-surface-active", + name: "--fds-colors-neutral-surface-active", attributes: {}, path: [ "colors", - "accent", + "neutral", "surface-active" ] }, { - value: "#00529d", + value: "#495361", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.6}", + value: "{colors.neutral.6}", type: "color" }, - name: "--fds-colors-accent-border-subtle", + name: "--fds-colors-neutral-border-subtle", attributes: {}, path: [ "colors", - "accent", + "neutral", "border-subtle" ] }, { - value: "#0f6bbe", + value: "#626b77", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.7}", + value: "{colors.neutral.7}", type: "color" }, - name: "--fds-colors-accent-border-default", + name: "--fds-colors-neutral-border-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "border-default" ] }, { - value: "#3d88ca", + value: "#7d848e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.8}", + value: "{colors.neutral.8}", type: "color" }, - name: "--fds-colors-accent-border-strong", + name: "--fds-colors-neutral-border-strong", attributes: {}, path: [ "colors", - "accent", + "neutral", "border-strong" ] }, { - value: "#0163ba", + value: "#1e2b3c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.9}", + value: "{colors.neutral.9}", type: "color" }, - name: "--fds-colors-accent-base-default", + name: "--fds-colors-neutral-base-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "base-default" ] }, { - value: "#004d93", + value: "#333e4e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.10}", + value: "{colors.neutral.10}", type: "color" }, - name: "--fds-colors-accent-base-hover", + name: "--fds-colors-neutral-base-hover", attributes: {}, path: [ "colors", - "accent", + "neutral", "base-hover" ] }, { - value: "#00396d", + value: "#495361", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.11}", + value: "{colors.neutral.11}", type: "color" }, - name: "--fds-colors-accent-base-active", + name: "--fds-colors-neutral-base-active", attributes: {}, path: [ "colors", - "accent", + "neutral", "base-active" ] }, { - value: "#7eb0dc", + value: "#a6abb2", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.12}", + value: "{colors.neutral.12}", type: "color" }, - name: "--fds-colors-accent-text-subtle", + name: "--fds-colors-neutral-text-subtle", attributes: {}, path: [ "colors", - "accent", + "neutral", "text-subtle" ] }, { - value: "#b0cfea", + value: "#c9ccd0", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.13}", + value: "{colors.neutral.13}", type: "color" }, - name: "--fds-colors-accent-text-default", + name: "--fds-colors-neutral-text-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "text-default" ] }, { - value: "#f6fafd", + value: "#f9f9fa", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.contrast-1}", + value: "{colors.neutral.contrast-1}", type: "color" }, - name: "--fds-colors-accent-contrast-first", + name: "--fds-colors-neutral-contrast-first", attributes: {}, path: [ "colors", - "accent", + "neutral", "contrast-first" ] }, { - value: "#ddeaf6", + value: "#9ea3ab", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.contrast-2}", + value: "{colors.neutral.contrast-2}", type: "color" }, - name: "--fds-colors-accent-contrast-second", + name: "--fds-colors-neutral-contrast-second", attributes: {}, path: [ "colors", - "accent", + "neutral", "contrast-second" ] }, { - value: "#131c27", + value: "#2f1213", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.neutral.1}", + value: "{colors.brand1.1}", type: "color" }, - name: "--fds-colors-neutral-1", + name: "--fds-colors-brand1-background-default", attributes: {}, path: [ "colors", - "neutral", - "1" + "brand1", + "background-default" ] }, { - value: "#192433", + value: "#3c1819", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.neutral.2}", + value: "{colors.brand1.2}", type: "color" }, - name: "--fds-colors-neutral-2", + name: "--fds-colors-brand1-background-subtle", attributes: {}, path: [ "colors", - "neutral", - "2" + "brand1", + "background-subtle" ] }, { - value: "#243142", + value: "#522021", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.neutral.3}", + value: "{colors.brand1.3}", type: "color" }, - name: "--fds-colors-neutral-3", + name: "--fds-colors-brand1-surface-default", attributes: {}, path: [ "colors", - "neutral", - "3" + "brand1", + "surface-default" ] }, { - value: "#2e3a4a", + value: "#602627", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.neutral.4}", + value: "{colors.brand1.4}", type: "color" }, - name: "--fds-colors-neutral-4", + name: "--fds-colors-brand1-surface-hover", attributes: {}, path: [ "colors", - "neutral", - "4" + "brand1", + "surface-hover" ] }, { - value: "#374352", + value: "#702c2e", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.neutral.5}", + value: "{colors.brand1.5}", type: "color" }, - name: "--fds-colors-neutral-5", + name: "--fds-colors-brand1-surface-active", attributes: {}, path: [ "colors", - "neutral", - "5" + "brand1", + "surface-active" ] }, { - value: "#495361", + value: "#8b3639", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.neutral.6}", + value: "{colors.brand1.6}", type: "color" }, - name: "--fds-colors-neutral-6", + name: "--fds-colors-brand1-border-subtle", attributes: {}, path: [ "colors", - "neutral", - "6" + "brand1", + "border-subtle" ] }, { - value: "#626b77", + value: "#b34649", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.neutral.7}", + value: "{colors.brand1.7}", type: "color" }, - name: "--fds-colors-neutral-7", - attributes: {}, - path: [ - "colors", - "neutral", - "7" - ] - }, - { - value: "#7d848e", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.neutral.8}", - type: "color" - }, - name: "--fds-colors-neutral-8", - attributes: {}, - path: [ - "colors", - "neutral", - "8" - ] - }, - { - value: "#1e2b3c", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.neutral.9}", - type: "color" - }, - name: "--fds-colors-neutral-9", - attributes: {}, - path: [ - "colors", - "neutral", - "9" - ] - }, - { - value: "#333e4e", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.neutral.10}", - type: "color" - }, - name: "--fds-colors-neutral-10", - attributes: {}, - path: [ - "colors", - "neutral", - "10" - ] - }, - { - value: "#495361", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.neutral.11}", - type: "color" - }, - name: "--fds-colors-neutral-11", - attributes: {}, - path: [ - "colors", - "neutral", - "11" - ] - }, - { - value: "#a6abb2", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.neutral.12}", - type: "color" - }, - name: "--fds-colors-neutral-12", - attributes: {}, - path: [ - "colors", - "neutral", - "12" - ] - }, - { - value: "#c9ccd0", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.neutral.13}", - type: "color" - }, - name: "--fds-colors-neutral-13", - attributes: {}, - path: [ - "colors", - "neutral", - "13" - ] - }, - { - value: "#f9f9fa", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.neutral.contrast-1}", - type: "color" - }, - name: "--fds-colors-neutral-contrast-1", - attributes: {}, - path: [ - "colors", - "neutral", - "contrast-1" - ] - }, - { - value: "#9ea3ab", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.neutral.contrast-2}", - type: "color" - }, - name: "--fds-colors-neutral-contrast-2", - attributes: {}, - path: [ - "colors", - "neutral", - "contrast-2" - ] - }, - { - value: "#131c27", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.1}", - type: "color" - }, - name: "--fds-colors-neutral-background-default", - attributes: {}, - path: [ - "colors", - "neutral", - "background-default" - ] - }, - { - value: "#192433", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.2}", - type: "color" - }, - name: "--fds-colors-neutral-background-subtle", - attributes: {}, - path: [ - "colors", - "neutral", - "background-subtle" - ] - }, - { - value: "#243142", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.3}", - type: "color" - }, - name: "--fds-colors-neutral-surface-default", - attributes: {}, - path: [ - "colors", - "neutral", - "surface-default" - ] - }, - { - value: "#2e3a4a", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.4}", - type: "color" - }, - name: "--fds-colors-neutral-surface-hover", - attributes: {}, - path: [ - "colors", - "neutral", - "surface-hover" - ] - }, - { - value: "#374352", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.5}", - type: "color" - }, - name: "--fds-colors-neutral-surface-active", - attributes: {}, - path: [ - "colors", - "neutral", - "surface-active" - ] - }, - { - value: "#495361", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.6}", - type: "color" - }, - name: "--fds-colors-neutral-border-subtle", - attributes: {}, - path: [ - "colors", - "neutral", - "border-subtle" - ] - }, - { - value: "#626b77", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.7}", - type: "color" - }, - name: "--fds-colors-neutral-border-default", - attributes: {}, - path: [ - "colors", - "neutral", - "border-default" - ] - }, - { - value: "#7d848e", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.8}", - type: "color" - }, - name: "--fds-colors-neutral-border-strong", - attributes: {}, - path: [ - "colors", - "neutral", - "border-strong" - ] - }, - { - value: "#1e2b3c", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.9}", - type: "color" - }, - name: "--fds-colors-neutral-base-default", - attributes: {}, - path: [ - "colors", - "neutral", - "base-default" - ] - }, - { - value: "#333e4e", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.10}", - type: "color" - }, - name: "--fds-colors-neutral-base-hover", - attributes: {}, - path: [ - "colors", - "neutral", - "base-hover" - ] - }, - { - value: "#495361", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.11}", - type: "color" - }, - name: "--fds-colors-neutral-base-active", - attributes: {}, - path: [ - "colors", - "neutral", - "base-active" - ] - }, - { - value: "#a6abb2", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.12}", - type: "color" - }, - name: "--fds-colors-neutral-text-subtle", - attributes: {}, - path: [ - "colors", - "neutral", - "text-subtle" - ] - }, - { - value: "#c9ccd0", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.13}", - type: "color" - }, - name: "--fds-colors-neutral-text-default", - attributes: {}, - path: [ - "colors", - "neutral", - "text-default" - ] - }, - { - value: "#f9f9fa", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.contrast-1}", - type: "color" - }, - name: "--fds-colors-neutral-contrast-first", - attributes: {}, - path: [ - "colors", - "neutral", - "contrast-first" - ] - }, - { - value: "#9ea3ab", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.contrast-2}", - type: "color" - }, - name: "--fds-colors-neutral-contrast-second", - attributes: {}, - path: [ - "colors", - "neutral", - "contrast-second" - ] - }, - { - value: "#2f1213", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand1.1}", - type: "color" - }, - name: "--fds-colors-brand1-1", - attributes: {}, - path: [ - "colors", - "brand1", - "1" - ] - }, - { - value: "#3c1819", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand1.2}", - type: "color" - }, - name: "--fds-colors-brand1-2", - attributes: {}, - path: [ - "colors", - "brand1", - "2" - ] - }, - { - value: "#522021", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand1.3}", - type: "color" - }, - name: "--fds-colors-brand1-3", - attributes: {}, - path: [ - "colors", - "brand1", - "3" - ] - }, - { - value: "#602627", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand1.4}", - type: "color" - }, - name: "--fds-colors-brand1-4", - attributes: {}, - path: [ - "colors", - "brand1", - "4" - ] - }, - { - value: "#702c2e", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand1.5}", - type: "color" - }, - name: "--fds-colors-brand1-5", - attributes: {}, - path: [ - "colors", - "brand1", - "5" - ] - }, - { - value: "#8b3639", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand1.6}", - type: "color" - }, - name: "--fds-colors-brand1-6", - attributes: {}, - path: [ - "colors", - "brand1", - "6" - ] - }, - { - value: "#b34649", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand1.7}", - type: "color" - }, - name: "--fds-colors-brand1-7", - attributes: {}, - path: [ - "colors", - "brand1", - "7" - ] - }, - { - value: "#dd565a", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand1.8}", - type: "color" - }, - name: "--fds-colors-brand1-8", - attributes: {}, - path: [ - "colors", - "brand1", - "8" - ] - }, - { - value: "#f35f63", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand1.9}", - type: "color" - }, - name: "--fds-colors-brand1-9", - attributes: {}, - path: [ - "colors", - "brand1", - "9" - ] - }, - { - value: "#cc5053", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand1.10}", - type: "color" - }, - name: "--fds-colors-brand1-10", - attributes: {}, - path: [ - "colors", - "brand1", - "10" - ] - }, - { - value: "#a84144", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand1.11}", - type: "color" - }, - name: "--fds-colors-brand1-11", - attributes: {}, - path: [ - "colors", - "brand1", - "11" - ] - }, - { - value: "#f78d8f", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand1.12}", - type: "color" - }, - name: "--fds-colors-brand1-12", - attributes: {}, - path: [ - "colors", - "brand1", - "12" - ] - }, - { - value: "#fabcbd", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand1.13}", - type: "color" - }, - name: "--fds-colors-brand1-13", - attributes: {}, - path: [ - "colors", - "brand1", - "13" - ] - }, - { - value: "#41191b", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand1.contrast-1}", - type: "color" - }, - name: "--fds-colors-brand1-contrast-1", - attributes: {}, - path: [ - "colors", - "brand1", - "contrast-1" - ] - }, - { - value: "#2f1213", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand1.contrast-2}", - type: "color" - }, - name: "--fds-colors-brand1-contrast-2", - attributes: {}, - path: [ - "colors", - "brand1", - "contrast-2" - ] - }, - { - value: "#2f1213", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.1}", - type: "color" - }, - name: "--fds-colors-brand1-background-default", - attributes: {}, - path: [ - "colors", - "brand1", - "background-default" - ] - }, - { - value: "#3c1819", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.2}", - type: "color" - }, - name: "--fds-colors-brand1-background-subtle", - attributes: {}, - path: [ - "colors", - "brand1", - "background-subtle" - ] - }, - { - value: "#522021", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.3}", - type: "color" - }, - name: "--fds-colors-brand1-surface-default", - attributes: {}, - path: [ - "colors", - "brand1", - "surface-default" - ] - }, - { - value: "#602627", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.4}", - type: "color" - }, - name: "--fds-colors-brand1-surface-hover", - attributes: {}, - path: [ - "colors", - "brand1", - "surface-hover" - ] - }, - { - value: "#702c2e", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.5}", - type: "color" - }, - name: "--fds-colors-brand1-surface-active", - attributes: {}, - path: [ - "colors", - "brand1", - "surface-active" - ] - }, - { - value: "#8b3639", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.6}", - type: "color" - }, - name: "--fds-colors-brand1-border-subtle", - attributes: {}, - path: [ - "colors", - "brand1", - "border-subtle" - ] - }, - { - value: "#b34649", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.7}", - type: "color" - }, - name: "--fds-colors-brand1-border-default", + name: "--fds-colors-brand1-border-default", attributes: {}, path: [ "colors", @@ -1446,347 +681,92 @@ export const color = [ path: [ "colors", "brand1", - "base-hover" - ] - }, - { - value: "#a84144", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.11}", - type: "color" - }, - name: "--fds-colors-brand1-base-active", - attributes: {}, - path: [ - "colors", - "brand1", - "base-active" - ] - }, - { - value: "#f78d8f", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.12}", - type: "color" - }, - name: "--fds-colors-brand1-text-subtle", - attributes: {}, - path: [ - "colors", - "brand1", - "text-subtle" - ] - }, - { - value: "#fabcbd", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.13}", - type: "color" - }, - name: "--fds-colors-brand1-text-default", - attributes: {}, - path: [ - "colors", - "brand1", - "text-default" - ] - }, - { - value: "#41191b", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.contrast-1}", - type: "color" - }, - name: "--fds-colors-brand1-contrast-first", - attributes: {}, - path: [ - "colors", - "brand1", - "contrast-first" - ] - }, - { - value: "#2f1213", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.contrast-2}", - type: "color" - }, - name: "--fds-colors-brand1-contrast-second", - attributes: {}, - path: [ - "colors", - "brand1", - "contrast-second" - ] - }, - { - value: "#231a05", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand2.1}", - type: "color" - }, - name: "--fds-colors-brand2-1", - attributes: {}, - path: [ - "colors", - "brand2", - "1" - ] - }, - { - value: "#2d2206", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand2.2}", - type: "color" - }, - name: "--fds-colors-brand2-2", - attributes: {}, - path: [ - "colors", - "brand2", - "2" - ] - }, - { - value: "#3d2e09", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand2.3}", - type: "color" - }, - name: "--fds-colors-brand2-3", - attributes: {}, - path: [ - "colors", - "brand2", - "3" - ] - }, - { - value: "#48360a", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand2.4}", - type: "color" - }, - name: "--fds-colors-brand2-4", - attributes: {}, - path: [ - "colors", - "brand2", - "4" - ] - }, - { - value: "#543e0c", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand2.5}", - type: "color" - }, - name: "--fds-colors-brand2-5", - attributes: {}, - path: [ - "colors", - "brand2", - "5" - ] - }, - { - value: "#684e0f", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand2.6}", - type: "color" - }, - name: "--fds-colors-brand2-6", - attributes: {}, - path: [ - "colors", - "brand2", - "6" - ] - }, - { - value: "#876413", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand2.7}", - type: "color" - }, - name: "--fds-colors-brand2-7", - attributes: {}, - path: [ - "colors", - "brand2", - "7" - ] - }, - { - value: "#a87c17", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand2.8}", - type: "color" - }, - name: "--fds-colors-brand2-8", - attributes: {}, - path: [ - "colors", - "brand2", - "8" - ] - }, - { - value: "#e4a920", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand2.9}", - type: "color" - }, - name: "--fds-colors-brand2-9", - attributes: {}, - path: [ - "colors", - "brand2", - "9" - ] - }, - { - value: "#c6931c", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand2.10}", - type: "color" - }, - name: "--fds-colors-brand2-10", - attributes: {}, - path: [ - "colors", - "brand2", - "10" + "base-hover" ] }, { - value: "#a87c17", + value: "#a84144", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.brand2.11}", + value: "{colors.brand1.11}", type: "color" }, - name: "--fds-colors-brand2-11", + name: "--fds-colors-brand1-base-active", attributes: {}, path: [ "colors", - "brand2", - "11" + "brand1", + "base-active" ] }, { - value: "#daa21f", + value: "#f78d8f", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.brand2.12}", + value: "{colors.brand1.12}", type: "color" }, - name: "--fds-colors-brand2-12", + name: "--fds-colors-brand1-text-subtle", attributes: {}, path: [ "colors", - "brand2", - "12" + "brand1", + "text-subtle" ] }, { - value: "#eec76c", + value: "#fabcbd", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.brand2.13}", + value: "{colors.brand1.13}", type: "color" }, - name: "--fds-colors-brand2-13", + name: "--fds-colors-brand1-text-default", attributes: {}, path: [ "colors", - "brand2", - "13" + "brand1", + "text-default" ] }, { - value: "#302407", + value: "#41191b", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.brand2.contrast-1}", + value: "{colors.brand1.contrast-1}", type: "color" }, - name: "--fds-colors-brand2-contrast-1", + name: "--fds-colors-brand1-contrast-first", attributes: {}, path: [ "colors", - "brand2", - "contrast-1" + "brand1", + "contrast-first" ] }, { - value: "#45340a", + value: "#2f1213", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.brand2.contrast-2}", + value: "{colors.brand1.contrast-2}", type: "color" }, - name: "--fds-colors-brand2-contrast-2", + name: "--fds-colors-brand1-contrast-second", attributes: {}, path: [ "colors", - "brand2", - "contrast-2" + "brand1", + "contrast-second" ] }, { @@ -2044,261 +1024,6 @@ export const color = [ "contrast-second" ] }, - { - value: "#061d30", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand3.1}", - type: "color" - }, - name: "--fds-colors-brand3-1", - attributes: {}, - path: [ - "colors", - "brand3", - "1" - ] - }, - { - value: "#07253c", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand3.2}", - type: "color" - }, - name: "--fds-colors-brand3-2", - attributes: {}, - path: [ - "colors", - "brand3", - "2" - ] - }, - { - value: "#0a3251", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand3.3}", - type: "color" - }, - name: "--fds-colors-brand3-3", - attributes: {}, - path: [ - "colors", - "brand3", - "3" - ] - }, - { - value: "#0c3b60", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand3.4}", - type: "color" - }, - name: "--fds-colors-brand3-4", - attributes: {}, - path: [ - "colors", - "brand3", - "4" - ] - }, - { - value: "#0e446e", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand3.5}", - type: "color" - }, - name: "--fds-colors-brand3-5", - attributes: {}, - path: [ - "colors", - "brand3", - "5" - ] - }, - { - value: "#11558a", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand3.6}", - type: "color" - }, - name: "--fds-colors-brand3-6", - attributes: {}, - path: [ - "colors", - "brand3", - "6" - ] - }, - { - value: "#166eb2", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand3.7}", - type: "color" - }, - name: "--fds-colors-brand3-7", - attributes: {}, - path: [ - "colors", - "brand3", - "7" - ] - }, - { - value: "#1b88db", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand3.8}", - type: "color" - }, - name: "--fds-colors-brand3-8", - attributes: {}, - path: [ - "colors", - "brand3", - "8" - ] - }, - { - value: "#1e98f5", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand3.9}", - type: "color" - }, - name: "--fds-colors-brand3-9", - attributes: {}, - path: [ - "colors", - "brand3", - "9" - ] - }, - { - value: "#1980ce", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand3.10}", - type: "color" - }, - name: "--fds-colors-brand3-10", - attributes: {}, - path: [ - "colors", - "brand3", - "10" - ] - }, - { - value: "#1569a9", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand3.11}", - type: "color" - }, - name: "--fds-colors-brand3-11", - attributes: {}, - path: [ - "colors", - "brand3", - "11" - ] - }, - { - value: "#57b2f8", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand3.12}", - type: "color" - }, - name: "--fds-colors-brand3-12", - attributes: {}, - path: [ - "colors", - "brand3", - "12" - ] - }, - { - value: "#9cd2fb", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand3.13}", - type: "color" - }, - name: "--fds-colors-brand3-13", - attributes: {}, - path: [ - "colors", - "brand3", - "13" - ] - }, - { - value: "#082740", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand3.contrast-1}", - type: "color" - }, - name: "--fds-colors-brand3-contrast-1", - attributes: {}, - path: [ - "colors", - "brand3", - "contrast-1" - ] - }, - { - value: "#061f33", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand3.contrast-2}", - type: "color" - }, - name: "--fds-colors-brand3-contrast-2", - attributes: {}, - path: [ - "colors", - "brand3", - "contrast-2" - ] - }, { value: "#061d30", type: "color", diff --git a/apps/storefront/tokens/theme4/light.ts b/apps/storefront/tokens/theme4/light.ts index 50c5b7f5a3..a4063d7996 100644 --- a/apps/storefront/tokens/theme4/light.ts +++ b/apps/storefront/tokens/theme4/light.ts @@ -7,1390 +7,625 @@ export const color = [ { value: "#fefeff", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.accent.1}", + value: "{colors.accent.1}", type: "color" }, - name: "--fds-colors-accent-1", + name: "--fds-colors-accent-background-default", attributes: {}, path: [ "colors", "accent", - "1" + "background-default" ] }, { value: "#eef4fa", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.accent.2}", + value: "{colors.accent.2}", type: "color" }, - name: "--fds-colors-accent-2", + name: "--fds-colors-accent-background-subtle", attributes: {}, path: [ "colors", "accent", - "2" + "background-subtle" ] }, { value: "#e2edf7", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.accent.3}", + value: "{colors.accent.3}", type: "color" }, - name: "--fds-colors-accent-3", + name: "--fds-colors-accent-surface-default", attributes: {}, path: [ "colors", "accent", - "3" + "surface-default" ] }, { value: "#c3daef", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.accent.4}", + value: "{colors.accent.4}", type: "color" }, - name: "--fds-colors-accent-4", + name: "--fds-colors-accent-surface-hover", attributes: {}, path: [ "colors", "accent", - "4" + "surface-hover" ] }, { value: "#a4c7e6", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.accent.5}", + value: "{colors.accent.5}", type: "color" }, - name: "--fds-colors-accent-5", + name: "--fds-colors-accent-surface-active", attributes: {}, path: [ "colors", "accent", - "5" + "surface-active" ] }, { value: "#aecde9", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.accent.6}", + value: "{colors.accent.6}", type: "color" }, - name: "--fds-colors-accent-6", + name: "--fds-colors-accent-border-subtle", attributes: {}, path: [ "colors", "accent", - "6" + "border-subtle" ] }, { value: "#4b90ce", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.accent.7}", + value: "{colors.accent.7}", type: "color" }, - name: "--fds-colors-accent-7", + name: "--fds-colors-accent-border-default", attributes: {}, path: [ "colors", "accent", - "7" + "border-default" ] }, { value: "#00529d", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.accent.8}", + value: "{colors.accent.8}", type: "color" }, - name: "--fds-colors-accent-8", + name: "--fds-colors-accent-border-strong", attributes: {}, path: [ "colors", "accent", - "8" + "border-strong" ] }, { value: "#0163ba", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.accent.9}", + value: "{colors.accent.9}", type: "color" }, - name: "--fds-colors-accent-9", + name: "--fds-colors-accent-base-default", attributes: {}, path: [ "colors", "accent", - "9" + "base-default" ] }, { value: "#004d93", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.accent.10}", + value: "{colors.accent.10}", type: "color" }, - name: "--fds-colors-accent-10", + name: "--fds-colors-accent-base-hover", attributes: {}, path: [ "colors", "accent", - "10" + "base-hover" ] }, { value: "#00396d", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.accent.11}", + value: "{colors.accent.11}", type: "color" }, - name: "--fds-colors-accent-11", + name: "--fds-colors-accent-base-active", attributes: {}, path: [ "colors", "accent", - "11" + "base-active" ] }, { value: "#005099", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.accent.12}", + value: "{colors.accent.12}", type: "color" }, - name: "--fds-colors-accent-12", + name: "--fds-colors-accent-text-subtle", attributes: {}, path: [ "colors", "accent", - "12" + "text-subtle" ] }, { value: "#00315c", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.accent.13}", + value: "{colors.accent.13}", type: "color" }, - name: "--fds-colors-accent-13", + name: "--fds-colors-accent-text-default", attributes: {}, path: [ "colors", "accent", - "13" + "text-default" ] }, { value: "#f6fafd", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.accent.contrast-1}", + value: "{colors.accent.contrast-1}", type: "color" }, - name: "--fds-colors-accent-contrast-1", + name: "--fds-colors-accent-contrast-first", attributes: {}, path: [ "colors", "accent", - "contrast-1" + "contrast-first" ] }, { value: "#ddeaf6", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.accent.contrast-2}", + value: "{colors.accent.contrast-2}", type: "color" }, - name: "--fds-colors-accent-contrast-2", + name: "--fds-colors-accent-contrast-second", attributes: {}, path: [ "colors", "accent", - "contrast-2" + "contrast-second" ] }, { - value: "#fefeff", + value: "#fefefe", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.1}", + value: "{colors.neutral.1}", type: "color" }, - name: "--fds-colors-accent-background-default", + name: "--fds-colors-neutral-background-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "background-default" ] }, { - value: "#eef4fa", + value: "#f3f4f5", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.2}", + value: "{colors.neutral.2}", type: "color" }, - name: "--fds-colors-accent-background-subtle", + name: "--fds-colors-neutral-background-subtle", attributes: {}, path: [ "colors", - "accent", + "neutral", "background-subtle" ] }, { - value: "#e2edf7", + value: "#e9eaec", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.3}", + value: "{colors.neutral.3}", type: "color" }, - name: "--fds-colors-accent-surface-default", + name: "--fds-colors-neutral-surface-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "surface-default" ] }, { - value: "#c3daef", + value: "#d5d7da", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.4}", + value: "{colors.neutral.4}", type: "color" }, - name: "--fds-colors-accent-surface-hover", + name: "--fds-colors-neutral-surface-hover", attributes: {}, path: [ "colors", - "accent", + "neutral", "surface-hover" ] }, { - value: "#a4c7e6", + value: "#c1c4c9", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.5}", + value: "{colors.neutral.5}", type: "color" }, - name: "--fds-colors-accent-surface-active", + name: "--fds-colors-neutral-surface-active", attributes: {}, path: [ "colors", - "accent", + "neutral", "surface-active" ] }, { - value: "#aecde9", + value: "#c6c9cd", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.6}", + value: "{colors.neutral.6}", type: "color" }, - name: "--fds-colors-accent-border-subtle", + name: "--fds-colors-neutral-border-subtle", attributes: {}, path: [ "colors", - "accent", + "neutral", "border-subtle" ] }, { - value: "#4b90ce", + value: "#858c96", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.7}", + value: "{colors.neutral.7}", type: "color" }, - name: "--fds-colors-accent-border-default", + name: "--fds-colors-neutral-border-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "border-default" ] }, { - value: "#00529d", + value: "#495361", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.8}", + value: "{colors.neutral.8}", type: "color" }, - name: "--fds-colors-accent-border-strong", + name: "--fds-colors-neutral-border-strong", attributes: {}, path: [ "colors", - "accent", + "neutral", "border-strong" ] }, { - value: "#0163ba", + value: "#1e2b3c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.9}", + value: "{colors.neutral.9}", type: "color" }, - name: "--fds-colors-accent-base-default", + name: "--fds-colors-neutral-base-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "base-default" ] }, { - value: "#004d93", + value: "#333e4e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.10}", + value: "{colors.neutral.10}", type: "color" }, - name: "--fds-colors-accent-base-hover", + name: "--fds-colors-neutral-base-hover", attributes: {}, path: [ "colors", - "accent", + "neutral", "base-hover" ] }, { - value: "#00396d", + value: "#495361", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.11}", + value: "{colors.neutral.11}", type: "color" }, - name: "--fds-colors-accent-base-active", + name: "--fds-colors-neutral-base-active", attributes: {}, path: [ "colors", - "accent", + "neutral", "base-active" ] }, { - value: "#005099", + value: "#46505e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.12}", + value: "{colors.neutral.12}", type: "color" }, - name: "--fds-colors-accent-text-subtle", + name: "--fds-colors-neutral-text-subtle", attributes: {}, path: [ "colors", - "accent", + "neutral", "text-subtle" ] }, { - value: "#00315c", + value: "#243142", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.13}", + value: "{colors.neutral.13}", type: "color" }, - name: "--fds-colors-accent-text-default", + name: "--fds-colors-neutral-text-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "text-default" ] }, { - value: "#f6fafd", + value: "#f9f9fa", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.contrast-1}", + value: "{colors.neutral.contrast-1}", type: "color" }, - name: "--fds-colors-accent-contrast-first", + name: "--fds-colors-neutral-contrast-first", attributes: {}, path: [ "colors", - "accent", + "neutral", "contrast-first" ] }, { - value: "#ddeaf6", + value: "#9ea3ab", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.contrast-2}", + value: "{colors.neutral.contrast-2}", type: "color" }, - name: "--fds-colors-accent-contrast-second", + name: "--fds-colors-neutral-contrast-second", attributes: {}, path: [ "colors", - "accent", + "neutral", "contrast-second" ] }, { - value: "#fefefe", + value: "#fffefe", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.neutral.1}", + value: "{colors.brand1.1}", type: "color" }, - name: "--fds-colors-neutral-1", + name: "--fds-colors-brand1-background-default", attributes: {}, path: [ "colors", - "neutral", - "1" + "brand1", + "background-default" ] }, { - value: "#f3f4f5", + value: "#fef0f1", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.neutral.2}", + value: "{colors.brand1.2}", type: "color" }, - name: "--fds-colors-neutral-2", + name: "--fds-colors-brand1-background-subtle", attributes: {}, path: [ "colors", - "neutral", - "2" + "brand1", + "background-subtle" ] }, { - value: "#e9eaec", + value: "#fde5e6", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.neutral.3}", + value: "{colors.brand1.3}", type: "color" }, - name: "--fds-colors-neutral-3", + name: "--fds-colors-brand1-surface-default", attributes: {}, path: [ "colors", - "neutral", - "3" + "brand1", + "surface-default" ] }, { - value: "#d5d7da", + value: "#fbcccd", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.neutral.4}", + value: "{colors.brand1.4}", type: "color" }, - name: "--fds-colors-neutral-4", + name: "--fds-colors-brand1-surface-hover", attributes: {}, path: [ "colors", - "neutral", - "4" + "brand1", + "surface-hover" ] }, { - value: "#c1c4c9", + value: "#fab1b3", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.neutral.5}", + value: "{colors.brand1.5}", type: "color" }, - name: "--fds-colors-neutral-5", + name: "--fds-colors-brand1-surface-active", attributes: {}, path: [ "colors", - "neutral", - "5" + "brand1", + "surface-active" ] }, { - value: "#c6c9cd", + value: "#fab8b9", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.neutral.6}", + value: "{colors.brand1.6}", type: "color" }, - name: "--fds-colors-neutral-6", + name: "--fds-colors-brand1-border-subtle", attributes: {}, path: [ "colors", - "neutral", - "6" + "brand1", + "border-subtle" ] }, { - value: "#858c96", + value: "#eb5b5f", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.neutral.7}", + value: "{colors.brand1.7}", type: "color" }, - name: "--fds-colors-neutral-7", - attributes: {}, - path: [ - "colors", - "neutral", - "7" - ] - }, - { - value: "#495361", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.neutral.8}", - type: "color" - }, - name: "--fds-colors-neutral-8", - attributes: {}, - path: [ - "colors", - "neutral", - "8" - ] - }, - { - value: "#1e2b3c", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.neutral.9}", - type: "color" - }, - name: "--fds-colors-neutral-9", - attributes: {}, - path: [ - "colors", - "neutral", - "9" - ] - }, - { - value: "#333e4e", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.neutral.10}", - type: "color" - }, - name: "--fds-colors-neutral-10", - attributes: {}, - path: [ - "colors", - "neutral", - "10" - ] - }, - { - value: "#495361", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.neutral.11}", - type: "color" - }, - name: "--fds-colors-neutral-11", - attributes: {}, - path: [ - "colors", - "neutral", - "11" - ] - }, - { - value: "#46505e", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.neutral.12}", - type: "color" - }, - name: "--fds-colors-neutral-12", - attributes: {}, - path: [ - "colors", - "neutral", - "12" - ] - }, - { - value: "#243142", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.neutral.13}", - type: "color" - }, - name: "--fds-colors-neutral-13", - attributes: {}, - path: [ - "colors", - "neutral", - "13" - ] - }, - { - value: "#f9f9fa", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.neutral.contrast-1}", - type: "color" - }, - name: "--fds-colors-neutral-contrast-1", - attributes: {}, - path: [ - "colors", - "neutral", - "contrast-1" - ] - }, - { - value: "#9ea3ab", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.neutral.contrast-2}", - type: "color" - }, - name: "--fds-colors-neutral-contrast-2", - attributes: {}, - path: [ - "colors", - "neutral", - "contrast-2" - ] - }, - { - value: "#fefefe", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.1}", - type: "color" - }, - name: "--fds-colors-neutral-background-default", - attributes: {}, - path: [ - "colors", - "neutral", - "background-default" - ] - }, - { - value: "#f3f4f5", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.2}", - type: "color" - }, - name: "--fds-colors-neutral-background-subtle", - attributes: {}, - path: [ - "colors", - "neutral", - "background-subtle" - ] - }, - { - value: "#e9eaec", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.3}", - type: "color" - }, - name: "--fds-colors-neutral-surface-default", - attributes: {}, - path: [ - "colors", - "neutral", - "surface-default" - ] - }, - { - value: "#d5d7da", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.4}", - type: "color" - }, - name: "--fds-colors-neutral-surface-hover", - attributes: {}, - path: [ - "colors", - "neutral", - "surface-hover" - ] - }, - { - value: "#c1c4c9", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.5}", - type: "color" - }, - name: "--fds-colors-neutral-surface-active", - attributes: {}, - path: [ - "colors", - "neutral", - "surface-active" - ] - }, - { - value: "#c6c9cd", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.6}", - type: "color" - }, - name: "--fds-colors-neutral-border-subtle", - attributes: {}, - path: [ - "colors", - "neutral", - "border-subtle" - ] - }, - { - value: "#858c96", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.7}", - type: "color" - }, - name: "--fds-colors-neutral-border-default", - attributes: {}, - path: [ - "colors", - "neutral", - "border-default" - ] - }, - { - value: "#495361", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.8}", - type: "color" - }, - name: "--fds-colors-neutral-border-strong", - attributes: {}, - path: [ - "colors", - "neutral", - "border-strong" - ] - }, - { - value: "#1e2b3c", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.9}", - type: "color" - }, - name: "--fds-colors-neutral-base-default", - attributes: {}, - path: [ - "colors", - "neutral", - "base-default" - ] - }, - { - value: "#333e4e", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.10}", - type: "color" - }, - name: "--fds-colors-neutral-base-hover", - attributes: {}, - path: [ - "colors", - "neutral", - "base-hover" - ] - }, - { - value: "#495361", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.11}", - type: "color" - }, - name: "--fds-colors-neutral-base-active", - attributes: {}, - path: [ - "colors", - "neutral", - "base-active" - ] - }, - { - value: "#46505e", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.12}", - type: "color" - }, - name: "--fds-colors-neutral-text-subtle", - attributes: {}, - path: [ - "colors", - "neutral", - "text-subtle" - ] - }, - { - value: "#243142", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.13}", - type: "color" - }, - name: "--fds-colors-neutral-text-default", - attributes: {}, - path: [ - "colors", - "neutral", - "text-default" - ] - }, - { - value: "#f9f9fa", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.contrast-1}", - type: "color" - }, - name: "--fds-colors-neutral-contrast-first", - attributes: {}, - path: [ - "colors", - "neutral", - "contrast-first" - ] - }, - { - value: "#9ea3ab", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.contrast-2}", - type: "color" - }, - name: "--fds-colors-neutral-contrast-second", - attributes: {}, - path: [ - "colors", - "neutral", - "contrast-second" - ] - }, - { - value: "#fffefe", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand1.1}", - type: "color" - }, - name: "--fds-colors-brand1-1", - attributes: {}, - path: [ - "colors", - "brand1", - "1" - ] - }, - { - value: "#fef0f1", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand1.2}", - type: "color" - }, - name: "--fds-colors-brand1-2", - attributes: {}, - path: [ - "colors", - "brand1", - "2" - ] - }, - { - value: "#fde5e6", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand1.3}", - type: "color" - }, - name: "--fds-colors-brand1-3", - attributes: {}, - path: [ - "colors", - "brand1", - "3" - ] - }, - { - value: "#fbcccd", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand1.4}", - type: "color" - }, - name: "--fds-colors-brand1-4", - attributes: {}, - path: [ - "colors", - "brand1", - "4" - ] - }, - { - value: "#fab1b3", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand1.5}", - type: "color" - }, - name: "--fds-colors-brand1-5", - attributes: {}, - path: [ - "colors", - "brand1", - "5" - ] - }, - { - value: "#fab8b9", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand1.6}", - type: "color" - }, - name: "--fds-colors-brand1-6", - attributes: {}, - path: [ - "colors", - "brand1", - "6" - ] - }, - { - value: "#eb5b5f", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand1.7}", - type: "color" - }, - name: "--fds-colors-brand1-7", - attributes: {}, - path: [ - "colors", - "brand1", - "7" - ] - }, - { - value: "#8b3639", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand1.8}", - type: "color" - }, - name: "--fds-colors-brand1-8", - attributes: {}, - path: [ - "colors", - "brand1", - "8" - ] - }, - { - value: "#f35f63", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand1.9}", - type: "color" - }, - name: "--fds-colors-brand1-9", - attributes: {}, - path: [ - "colors", - "brand1", - "9" - ] - }, - { - value: "#cc5053", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand1.10}", - type: "color" - }, - name: "--fds-colors-brand1-10", - attributes: {}, - path: [ - "colors", - "brand1", - "10" - ] - }, - { - value: "#a84144", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand1.11}", - type: "color" - }, - name: "--fds-colors-brand1-11", - attributes: {}, - path: [ - "colors", - "brand1", - "11" - ] - }, - { - value: "#873537", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand1.12}", - type: "color" - }, - name: "--fds-colors-brand1-12", - attributes: {}, - path: [ - "colors", - "brand1", - "12" - ] - }, - { - value: "#522021", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand1.13}", - type: "color" - }, - name: "--fds-colors-brand1-13", - attributes: {}, - path: [ - "colors", - "brand1", - "13" - ] - }, - { - value: "#f6fafd", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand1.contrast-1}", - type: "color" - }, - name: "--fds-colors-brand1-contrast-1", - attributes: {}, - path: [ - "colors", - "brand1", - "contrast-1" - ] - }, - { - value: "#ddeaf6", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand1.contrast-2}", - type: "color" - }, - name: "--fds-colors-brand1-contrast-2", - attributes: {}, - path: [ - "colors", - "brand1", - "contrast-2" - ] - }, - { - value: "#fffefe", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.1}", - type: "color" - }, - name: "--fds-colors-brand1-background-default", - attributes: {}, - path: [ - "colors", - "brand1", - "background-default" - ] - }, - { - value: "#fef0f1", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.2}", - type: "color" - }, - name: "--fds-colors-brand1-background-subtle", - attributes: {}, - path: [ - "colors", - "brand1", - "background-subtle" - ] - }, - { - value: "#fde5e6", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.3}", - type: "color" - }, - name: "--fds-colors-brand1-surface-default", - attributes: {}, - path: [ - "colors", - "brand1", - "surface-default" - ] - }, - { - value: "#fbcccd", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.4}", - type: "color" - }, - name: "--fds-colors-brand1-surface-hover", - attributes: {}, - path: [ - "colors", - "brand1", - "surface-hover" - ] - }, - { - value: "#fab1b3", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.5}", - type: "color" - }, - name: "--fds-colors-brand1-surface-active", - attributes: {}, - path: [ - "colors", - "brand1", - "surface-active" - ] - }, - { - value: "#fab8b9", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.6}", - type: "color" - }, - name: "--fds-colors-brand1-border-subtle", - attributes: {}, - path: [ - "colors", - "brand1", - "border-subtle" - ] - }, - { - value: "#eb5b5f", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.7}", - type: "color" - }, - name: "--fds-colors-brand1-border-default", + name: "--fds-colors-brand1-border-default", attributes: {}, path: [ "colors", @@ -1441,352 +676,97 @@ export const color = [ value: "{colors.brand1.10}", type: "color" }, - name: "--fds-colors-brand1-base-hover", - attributes: {}, - path: [ - "colors", - "brand1", - "base-hover" - ] - }, - { - value: "#a84144", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.11}", - type: "color" - }, - name: "--fds-colors-brand1-base-active", - attributes: {}, - path: [ - "colors", - "brand1", - "base-active" - ] - }, - { - value: "#873537", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.12}", - type: "color" - }, - name: "--fds-colors-brand1-text-subtle", - attributes: {}, - path: [ - "colors", - "brand1", - "text-subtle" - ] - }, - { - value: "#522021", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.13}", - type: "color" - }, - name: "--fds-colors-brand1-text-default", - attributes: {}, - path: [ - "colors", - "brand1", - "text-default" - ] - }, - { - value: "#f6fafd", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.contrast-1}", - type: "color" - }, - name: "--fds-colors-brand1-contrast-first", - attributes: {}, - path: [ - "colors", - "brand1", - "contrast-first" - ] - }, - { - value: "#ddeaf6", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.contrast-2}", - type: "color" - }, - name: "--fds-colors-brand1-contrast-second", - attributes: {}, - path: [ - "colors", - "brand1", - "contrast-second" - ] - }, - { - value: "#fffefc", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand2.1}", - type: "color" - }, - name: "--fds-colors-brand2-1", - attributes: {}, - path: [ - "colors", - "brand2", - "1" - ] - }, - { - value: "#fbf3e0", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand2.2}", - type: "color" - }, - name: "--fds-colors-brand2-2", - attributes: {}, - path: [ - "colors", - "brand2", - "2" - ] - }, - { - value: "#f8e9c6", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand2.3}", - type: "color" - }, - name: "--fds-colors-brand2-3", - attributes: {}, - path: [ - "colors", - "brand2", - "3" - ] - }, - { - value: "#f2d48d", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand2.4}", - type: "color" - }, - name: "--fds-colors-brand2-4", - attributes: {}, - path: [ - "colors", - "brand2", - "4" - ] - }, - { - value: "#ebbe54", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand2.5}", - type: "color" - }, - name: "--fds-colors-brand2-5", - attributes: {}, - path: [ - "colors", - "brand2", - "5" - ] - }, - { - value: "#edc464", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand2.6}", - type: "color" - }, - name: "--fds-colors-brand2-6", - attributes: {}, - path: [ - "colors", - "brand2", - "6" - ] - }, - { - value: "#b28419", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand2.7}", - type: "color" - }, - name: "--fds-colors-brand2-7", - attributes: {}, - path: [ - "colors", - "brand2", - "7" - ] - }, - { - value: "#684e0f", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand2.8}", - type: "color" - }, - name: "--fds-colors-brand2-8", - attributes: {}, - path: [ - "colors", - "brand2", - "8" - ] - }, - { - value: "#e4a920", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand2.9}", - type: "color" - }, - name: "--fds-colors-brand2-9", - attributes: {}, - path: [ - "colors", - "brand2", - "9" - ] - }, - { - value: "#c6931c", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand2.10}", - type: "color" - }, - name: "--fds-colors-brand2-10", + name: "--fds-colors-brand1-base-hover", attributes: {}, path: [ "colors", - "brand2", - "10" + "brand1", + "base-hover" ] }, { - value: "#a87c17", + value: "#a84144", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.brand2.11}", + value: "{colors.brand1.11}", type: "color" }, - name: "--fds-colors-brand2-11", + name: "--fds-colors-brand1-base-active", attributes: {}, path: [ "colors", - "brand2", - "11" + "brand1", + "base-active" ] }, { - value: "#664c0e", + value: "#873537", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.brand2.12}", + value: "{colors.brand1.12}", type: "color" }, - name: "--fds-colors-brand2-12", + name: "--fds-colors-brand1-text-subtle", attributes: {}, path: [ "colors", - "brand2", - "12" + "brand1", + "text-subtle" ] }, { - value: "#3d2e09", + value: "#522021", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.brand2.13}", + value: "{colors.brand1.13}", type: "color" }, - name: "--fds-colors-brand2-13", + name: "--fds-colors-brand1-text-default", attributes: {}, path: [ "colors", - "brand2", - "13" + "brand1", + "text-default" ] }, { value: "#f6fafd", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.brand2.contrast-1}", + value: "{colors.brand1.contrast-1}", type: "color" }, - name: "--fds-colors-brand2-contrast-1", + name: "--fds-colors-brand1-contrast-first", attributes: {}, path: [ "colors", - "brand2", - "contrast-1" + "brand1", + "contrast-first" ] }, { value: "#ddeaf6", type: "color", - filePath: "../../design-tokens/themes/theme4.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme4.brand2.contrast-2}", + value: "{colors.brand1.contrast-2}", type: "color" }, - name: "--fds-colors-brand2-contrast-2", + name: "--fds-colors-brand1-contrast-second", attributes: {}, path: [ "colors", - "brand2", - "contrast-2" + "brand1", + "contrast-second" ] }, { @@ -2044,261 +1024,6 @@ export const color = [ "contrast-second" ] }, - { - value: "#fdfeff", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand3.1}", - type: "color" - }, - name: "--fds-colors-brand3-1", - attributes: {}, - path: [ - "colors", - "brand3", - "1" - ] - }, - { - value: "#eaf6fe", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand3.2}", - type: "color" - }, - name: "--fds-colors-brand3-2", - attributes: {}, - path: [ - "colors", - "brand3", - "2" - ] - }, - { - value: "#d9eefd", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand3.3}", - type: "color" - }, - name: "--fds-colors-brand3-3", - attributes: {}, - path: [ - "colors", - "brand3", - "3" - ] - }, - { - value: "#b3dcfc", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand3.4}", - type: "color" - }, - name: "--fds-colors-brand3-4", - attributes: {}, - path: [ - "colors", - "brand3", - "4" - ] - }, - { - value: "#8bcafa", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand3.5}", - type: "color" - }, - name: "--fds-colors-brand3-5", - attributes: {}, - path: [ - "colors", - "brand3", - "5" - ] - }, - { - value: "#96cffa", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand3.6}", - type: "color" - }, - name: "--fds-colors-brand3-6", - attributes: {}, - path: [ - "colors", - "brand3", - "6" - ] - }, - { - value: "#1c90e8", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand3.7}", - type: "color" - }, - name: "--fds-colors-brand3-7", - attributes: {}, - path: [ - "colors", - "brand3", - "7" - ] - }, - { - value: "#11558a", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand3.8}", - type: "color" - }, - name: "--fds-colors-brand3-8", - attributes: {}, - path: [ - "colors", - "brand3", - "8" - ] - }, - { - value: "#1e98f5", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand3.9}", - type: "color" - }, - name: "--fds-colors-brand3-9", - attributes: {}, - path: [ - "colors", - "brand3", - "9" - ] - }, - { - value: "#1980ce", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand3.10}", - type: "color" - }, - name: "--fds-colors-brand3-10", - attributes: {}, - path: [ - "colors", - "brand3", - "10" - ] - }, - { - value: "#1569a9", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand3.11}", - type: "color" - }, - name: "--fds-colors-brand3-11", - attributes: {}, - path: [ - "colors", - "brand3", - "11" - ] - }, - { - value: "#105387", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand3.12}", - type: "color" - }, - name: "--fds-colors-brand3-12", - attributes: {}, - path: [ - "colors", - "brand3", - "12" - ] - }, - { - value: "#0a3251", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand3.13}", - type: "color" - }, - name: "--fds-colors-brand3-13", - attributes: {}, - path: [ - "colors", - "brand3", - "13" - ] - }, - { - value: "#f6fafd", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand3.contrast-1}", - type: "color" - }, - name: "--fds-colors-brand3-contrast-1", - attributes: {}, - path: [ - "colors", - "brand3", - "contrast-1" - ] - }, - { - value: "#ddeaf6", - type: "color", - filePath: "../../design-tokens/themes/theme4.json", - isSource: false, - original: { - value: "{theme4.brand3.contrast-2}", - type: "color" - }, - name: "--fds-colors-brand3-contrast-2", - attributes: {}, - path: [ - "colors", - "brand3", - "contrast-2" - ] - }, { value: "#fdfeff", type: "color", diff --git a/apps/storefront/tokens/uutilsynet/dark.ts b/apps/storefront/tokens/uutilsynet/dark.ts index c77f2463c2..ddf8f4c5ed 100644 --- a/apps/storefront/tokens/uutilsynet/dark.ts +++ b/apps/storefront/tokens/uutilsynet/dark.ts @@ -7,1390 +7,625 @@ export const color = [ { value: "#001c36", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.accent.1}", + value: "{colors.accent.1}", type: "color" }, - name: "--fds-colors-accent-1", + name: "--fds-colors-accent-background-default", attributes: {}, path: [ "colors", "accent", - "1" + "background-default" ] }, { value: "#002445", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.accent.2}", + value: "{colors.accent.2}", type: "color" }, - name: "--fds-colors-accent-2", + name: "--fds-colors-accent-background-subtle", attributes: {}, path: [ "colors", "accent", - "2" + "background-subtle" ] }, { value: "#00315c", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.accent.3}", + value: "{colors.accent.3}", type: "color" }, - name: "--fds-colors-accent-3", + name: "--fds-colors-accent-surface-default", attributes: {}, path: [ "colors", "accent", - "3" + "surface-default" ] }, { value: "#00396d", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.accent.4}", + value: "{colors.accent.4}", type: "color" }, - name: "--fds-colors-accent-4", + name: "--fds-colors-accent-surface-hover", attributes: {}, path: [ "colors", "accent", - "4" + "surface-hover" ] }, { value: "#00427e", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.accent.5}", + value: "{colors.accent.5}", type: "color" }, - name: "--fds-colors-accent-5", + name: "--fds-colors-accent-surface-active", attributes: {}, path: [ "colors", "accent", - "5" + "surface-active" ] }, { value: "#00529d", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.accent.6}", + value: "{colors.accent.6}", type: "color" }, - name: "--fds-colors-accent-6", + name: "--fds-colors-accent-border-subtle", attributes: {}, path: [ "colors", "accent", - "6" + "border-subtle" ] }, { value: "#0f6bbe", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.accent.7}", + value: "{colors.accent.7}", type: "color" }, - name: "--fds-colors-accent-7", + name: "--fds-colors-accent-border-default", attributes: {}, path: [ "colors", "accent", - "7" + "border-default" ] }, { value: "#3d88ca", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.accent.8}", + value: "{colors.accent.8}", type: "color" }, - name: "--fds-colors-accent-8", + name: "--fds-colors-accent-border-strong", attributes: {}, path: [ "colors", "accent", - "8" + "border-strong" ] }, { value: "#0163ba", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.accent.9}", + value: "{colors.accent.9}", type: "color" }, - name: "--fds-colors-accent-9", + name: "--fds-colors-accent-base-default", attributes: {}, path: [ "colors", "accent", - "9" + "base-default" ] }, { value: "#004d93", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.accent.10}", + value: "{colors.accent.10}", type: "color" }, - name: "--fds-colors-accent-10", + name: "--fds-colors-accent-base-hover", attributes: {}, path: [ "colors", "accent", - "10" + "base-hover" ] }, { value: "#00396d", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.accent.11}", + value: "{colors.accent.11}", type: "color" }, - name: "--fds-colors-accent-11", + name: "--fds-colors-accent-base-active", attributes: {}, path: [ "colors", "accent", - "11" + "base-active" ] }, { value: "#7eb0dc", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.accent.12}", + value: "{colors.accent.12}", type: "color" }, - name: "--fds-colors-accent-12", + name: "--fds-colors-accent-text-subtle", attributes: {}, path: [ "colors", "accent", - "12" + "text-subtle" ] }, { value: "#b0cfea", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.accent.13}", + value: "{colors.accent.13}", type: "color" }, - name: "--fds-colors-accent-13", + name: "--fds-colors-accent-text-default", attributes: {}, path: [ "colors", "accent", - "13" + "text-default" ] }, { value: "#f6fafd", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.accent.contrast-1}", + value: "{colors.accent.contrast-1}", type: "color" }, - name: "--fds-colors-accent-contrast-1", + name: "--fds-colors-accent-contrast-first", attributes: {}, path: [ "colors", "accent", - "contrast-1" + "contrast-first" ] }, { value: "#ddeaf6", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.accent.contrast-2}", + value: "{colors.accent.contrast-2}", type: "color" }, - name: "--fds-colors-accent-contrast-2", + name: "--fds-colors-accent-contrast-second", attributes: {}, path: [ "colors", "accent", - "contrast-2" + "contrast-second" ] }, { - value: "#001c36", + value: "#131c27", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.1}", + value: "{colors.neutral.1}", type: "color" }, - name: "--fds-colors-accent-background-default", + name: "--fds-colors-neutral-background-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "background-default" ] }, { - value: "#002445", + value: "#192433", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.2}", + value: "{colors.neutral.2}", type: "color" }, - name: "--fds-colors-accent-background-subtle", + name: "--fds-colors-neutral-background-subtle", attributes: {}, path: [ "colors", - "accent", + "neutral", "background-subtle" ] }, { - value: "#00315c", + value: "#243142", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.3}", + value: "{colors.neutral.3}", type: "color" }, - name: "--fds-colors-accent-surface-default", + name: "--fds-colors-neutral-surface-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "surface-default" ] }, { - value: "#00396d", + value: "#2e3a4a", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.4}", + value: "{colors.neutral.4}", type: "color" }, - name: "--fds-colors-accent-surface-hover", + name: "--fds-colors-neutral-surface-hover", attributes: {}, path: [ "colors", - "accent", + "neutral", "surface-hover" ] }, { - value: "#00427e", + value: "#374352", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.5}", + value: "{colors.neutral.5}", type: "color" }, - name: "--fds-colors-accent-surface-active", + name: "--fds-colors-neutral-surface-active", attributes: {}, path: [ "colors", - "accent", + "neutral", "surface-active" ] }, { - value: "#00529d", + value: "#495361", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.6}", + value: "{colors.neutral.6}", type: "color" }, - name: "--fds-colors-accent-border-subtle", + name: "--fds-colors-neutral-border-subtle", attributes: {}, path: [ "colors", - "accent", + "neutral", "border-subtle" ] }, { - value: "#0f6bbe", + value: "#626b77", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.7}", + value: "{colors.neutral.7}", type: "color" }, - name: "--fds-colors-accent-border-default", + name: "--fds-colors-neutral-border-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "border-default" ] }, { - value: "#3d88ca", + value: "#7d848e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.8}", + value: "{colors.neutral.8}", type: "color" }, - name: "--fds-colors-accent-border-strong", + name: "--fds-colors-neutral-border-strong", attributes: {}, path: [ "colors", - "accent", + "neutral", "border-strong" ] }, { - value: "#0163ba", + value: "#1e2b3c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.9}", + value: "{colors.neutral.9}", type: "color" }, - name: "--fds-colors-accent-base-default", + name: "--fds-colors-neutral-base-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "base-default" ] }, { - value: "#004d93", + value: "#333e4e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.10}", + value: "{colors.neutral.10}", type: "color" }, - name: "--fds-colors-accent-base-hover", + name: "--fds-colors-neutral-base-hover", attributes: {}, path: [ "colors", - "accent", + "neutral", "base-hover" ] }, { - value: "#00396d", + value: "#495361", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.11}", + value: "{colors.neutral.11}", type: "color" }, - name: "--fds-colors-accent-base-active", + name: "--fds-colors-neutral-base-active", attributes: {}, path: [ "colors", - "accent", + "neutral", "base-active" ] }, { - value: "#7eb0dc", + value: "#a6abb2", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.12}", + value: "{colors.neutral.12}", type: "color" }, - name: "--fds-colors-accent-text-subtle", + name: "--fds-colors-neutral-text-subtle", attributes: {}, path: [ "colors", - "accent", + "neutral", "text-subtle" ] }, { - value: "#b0cfea", + value: "#c9ccd0", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.13}", + value: "{colors.neutral.13}", type: "color" }, - name: "--fds-colors-accent-text-default", + name: "--fds-colors-neutral-text-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "text-default" ] }, { - value: "#f6fafd", + value: "#f9f9fa", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.contrast-1}", + value: "{colors.neutral.contrast-1}", type: "color" }, - name: "--fds-colors-accent-contrast-first", + name: "--fds-colors-neutral-contrast-first", attributes: {}, path: [ "colors", - "accent", + "neutral", "contrast-first" ] }, { - value: "#ddeaf6", + value: "#9ea3ab", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.contrast-2}", + value: "{colors.neutral.contrast-2}", type: "color" }, - name: "--fds-colors-accent-contrast-second", + name: "--fds-colors-neutral-contrast-second", attributes: {}, path: [ "colors", - "accent", + "neutral", "contrast-second" ] }, { - value: "#131c27", + value: "#2f1213", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.neutral.1}", + value: "{colors.brand1.1}", type: "color" }, - name: "--fds-colors-neutral-1", + name: "--fds-colors-brand1-background-default", attributes: {}, path: [ "colors", - "neutral", - "1" + "brand1", + "background-default" ] }, { - value: "#192433", + value: "#3c1819", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.neutral.2}", + value: "{colors.brand1.2}", type: "color" }, - name: "--fds-colors-neutral-2", + name: "--fds-colors-brand1-background-subtle", attributes: {}, path: [ "colors", - "neutral", - "2" + "brand1", + "background-subtle" ] }, { - value: "#243142", + value: "#522021", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.neutral.3}", + value: "{colors.brand1.3}", type: "color" }, - name: "--fds-colors-neutral-3", + name: "--fds-colors-brand1-surface-default", attributes: {}, path: [ "colors", - "neutral", - "3" + "brand1", + "surface-default" ] }, { - value: "#2e3a4a", + value: "#602627", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.neutral.4}", + value: "{colors.brand1.4}", type: "color" }, - name: "--fds-colors-neutral-4", + name: "--fds-colors-brand1-surface-hover", attributes: {}, path: [ "colors", - "neutral", - "4" + "brand1", + "surface-hover" ] }, { - value: "#374352", + value: "#702c2e", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.neutral.5}", + value: "{colors.brand1.5}", type: "color" }, - name: "--fds-colors-neutral-5", + name: "--fds-colors-brand1-surface-active", attributes: {}, path: [ "colors", - "neutral", - "5" + "brand1", + "surface-active" ] }, { - value: "#495361", + value: "#8b3639", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.neutral.6}", + value: "{colors.brand1.6}", type: "color" }, - name: "--fds-colors-neutral-6", + name: "--fds-colors-brand1-border-subtle", attributes: {}, path: [ "colors", - "neutral", - "6" + "brand1", + "border-subtle" ] }, { - value: "#626b77", + value: "#b34649", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.neutral.7}", + value: "{colors.brand1.7}", type: "color" }, - name: "--fds-colors-neutral-7", - attributes: {}, - path: [ - "colors", - "neutral", - "7" - ] - }, - { - value: "#7d848e", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.neutral.8}", - type: "color" - }, - name: "--fds-colors-neutral-8", - attributes: {}, - path: [ - "colors", - "neutral", - "8" - ] - }, - { - value: "#1e2b3c", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.neutral.9}", - type: "color" - }, - name: "--fds-colors-neutral-9", - attributes: {}, - path: [ - "colors", - "neutral", - "9" - ] - }, - { - value: "#333e4e", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.neutral.10}", - type: "color" - }, - name: "--fds-colors-neutral-10", - attributes: {}, - path: [ - "colors", - "neutral", - "10" - ] - }, - { - value: "#495361", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.neutral.11}", - type: "color" - }, - name: "--fds-colors-neutral-11", - attributes: {}, - path: [ - "colors", - "neutral", - "11" - ] - }, - { - value: "#a6abb2", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.neutral.12}", - type: "color" - }, - name: "--fds-colors-neutral-12", - attributes: {}, - path: [ - "colors", - "neutral", - "12" - ] - }, - { - value: "#c9ccd0", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.neutral.13}", - type: "color" - }, - name: "--fds-colors-neutral-13", - attributes: {}, - path: [ - "colors", - "neutral", - "13" - ] - }, - { - value: "#f9f9fa", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.neutral.contrast-1}", - type: "color" - }, - name: "--fds-colors-neutral-contrast-1", - attributes: {}, - path: [ - "colors", - "neutral", - "contrast-1" - ] - }, - { - value: "#9ea3ab", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.neutral.contrast-2}", - type: "color" - }, - name: "--fds-colors-neutral-contrast-2", - attributes: {}, - path: [ - "colors", - "neutral", - "contrast-2" - ] - }, - { - value: "#131c27", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.1}", - type: "color" - }, - name: "--fds-colors-neutral-background-default", - attributes: {}, - path: [ - "colors", - "neutral", - "background-default" - ] - }, - { - value: "#192433", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.2}", - type: "color" - }, - name: "--fds-colors-neutral-background-subtle", - attributes: {}, - path: [ - "colors", - "neutral", - "background-subtle" - ] - }, - { - value: "#243142", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.3}", - type: "color" - }, - name: "--fds-colors-neutral-surface-default", - attributes: {}, - path: [ - "colors", - "neutral", - "surface-default" - ] - }, - { - value: "#2e3a4a", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.4}", - type: "color" - }, - name: "--fds-colors-neutral-surface-hover", - attributes: {}, - path: [ - "colors", - "neutral", - "surface-hover" - ] - }, - { - value: "#374352", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.5}", - type: "color" - }, - name: "--fds-colors-neutral-surface-active", - attributes: {}, - path: [ - "colors", - "neutral", - "surface-active" - ] - }, - { - value: "#495361", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.6}", - type: "color" - }, - name: "--fds-colors-neutral-border-subtle", - attributes: {}, - path: [ - "colors", - "neutral", - "border-subtle" - ] - }, - { - value: "#626b77", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.7}", - type: "color" - }, - name: "--fds-colors-neutral-border-default", - attributes: {}, - path: [ - "colors", - "neutral", - "border-default" - ] - }, - { - value: "#7d848e", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.8}", - type: "color" - }, - name: "--fds-colors-neutral-border-strong", - attributes: {}, - path: [ - "colors", - "neutral", - "border-strong" - ] - }, - { - value: "#1e2b3c", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.9}", - type: "color" - }, - name: "--fds-colors-neutral-base-default", - attributes: {}, - path: [ - "colors", - "neutral", - "base-default" - ] - }, - { - value: "#333e4e", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.10}", - type: "color" - }, - name: "--fds-colors-neutral-base-hover", - attributes: {}, - path: [ - "colors", - "neutral", - "base-hover" - ] - }, - { - value: "#495361", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.11}", - type: "color" - }, - name: "--fds-colors-neutral-base-active", - attributes: {}, - path: [ - "colors", - "neutral", - "base-active" - ] - }, - { - value: "#a6abb2", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.12}", - type: "color" - }, - name: "--fds-colors-neutral-text-subtle", - attributes: {}, - path: [ - "colors", - "neutral", - "text-subtle" - ] - }, - { - value: "#c9ccd0", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.13}", - type: "color" - }, - name: "--fds-colors-neutral-text-default", - attributes: {}, - path: [ - "colors", - "neutral", - "text-default" - ] - }, - { - value: "#f9f9fa", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.contrast-1}", - type: "color" - }, - name: "--fds-colors-neutral-contrast-first", - attributes: {}, - path: [ - "colors", - "neutral", - "contrast-first" - ] - }, - { - value: "#9ea3ab", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.contrast-2}", - type: "color" - }, - name: "--fds-colors-neutral-contrast-second", - attributes: {}, - path: [ - "colors", - "neutral", - "contrast-second" - ] - }, - { - value: "#2f1213", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand1.1}", - type: "color" - }, - name: "--fds-colors-brand1-1", - attributes: {}, - path: [ - "colors", - "brand1", - "1" - ] - }, - { - value: "#3c1819", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand1.2}", - type: "color" - }, - name: "--fds-colors-brand1-2", - attributes: {}, - path: [ - "colors", - "brand1", - "2" - ] - }, - { - value: "#522021", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand1.3}", - type: "color" - }, - name: "--fds-colors-brand1-3", - attributes: {}, - path: [ - "colors", - "brand1", - "3" - ] - }, - { - value: "#602627", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand1.4}", - type: "color" - }, - name: "--fds-colors-brand1-4", - attributes: {}, - path: [ - "colors", - "brand1", - "4" - ] - }, - { - value: "#702c2e", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand1.5}", - type: "color" - }, - name: "--fds-colors-brand1-5", - attributes: {}, - path: [ - "colors", - "brand1", - "5" - ] - }, - { - value: "#8b3639", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand1.6}", - type: "color" - }, - name: "--fds-colors-brand1-6", - attributes: {}, - path: [ - "colors", - "brand1", - "6" - ] - }, - { - value: "#b34649", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand1.7}", - type: "color" - }, - name: "--fds-colors-brand1-7", - attributes: {}, - path: [ - "colors", - "brand1", - "7" - ] - }, - { - value: "#dd565a", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand1.8}", - type: "color" - }, - name: "--fds-colors-brand1-8", - attributes: {}, - path: [ - "colors", - "brand1", - "8" - ] - }, - { - value: "#f35f63", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand1.9}", - type: "color" - }, - name: "--fds-colors-brand1-9", - attributes: {}, - path: [ - "colors", - "brand1", - "9" - ] - }, - { - value: "#cc5053", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand1.10}", - type: "color" - }, - name: "--fds-colors-brand1-10", - attributes: {}, - path: [ - "colors", - "brand1", - "10" - ] - }, - { - value: "#a84144", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand1.11}", - type: "color" - }, - name: "--fds-colors-brand1-11", - attributes: {}, - path: [ - "colors", - "brand1", - "11" - ] - }, - { - value: "#f78d8f", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand1.12}", - type: "color" - }, - name: "--fds-colors-brand1-12", - attributes: {}, - path: [ - "colors", - "brand1", - "12" - ] - }, - { - value: "#fabcbd", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand1.13}", - type: "color" - }, - name: "--fds-colors-brand1-13", - attributes: {}, - path: [ - "colors", - "brand1", - "13" - ] - }, - { - value: "#41191b", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand1.contrast-1}", - type: "color" - }, - name: "--fds-colors-brand1-contrast-1", - attributes: {}, - path: [ - "colors", - "brand1", - "contrast-1" - ] - }, - { - value: "#2f1213", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand1.contrast-2}", - type: "color" - }, - name: "--fds-colors-brand1-contrast-2", - attributes: {}, - path: [ - "colors", - "brand1", - "contrast-2" - ] - }, - { - value: "#2f1213", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.1}", - type: "color" - }, - name: "--fds-colors-brand1-background-default", - attributes: {}, - path: [ - "colors", - "brand1", - "background-default" - ] - }, - { - value: "#3c1819", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.2}", - type: "color" - }, - name: "--fds-colors-brand1-background-subtle", - attributes: {}, - path: [ - "colors", - "brand1", - "background-subtle" - ] - }, - { - value: "#522021", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.3}", - type: "color" - }, - name: "--fds-colors-brand1-surface-default", - attributes: {}, - path: [ - "colors", - "brand1", - "surface-default" - ] - }, - { - value: "#602627", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.4}", - type: "color" - }, - name: "--fds-colors-brand1-surface-hover", - attributes: {}, - path: [ - "colors", - "brand1", - "surface-hover" - ] - }, - { - value: "#702c2e", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.5}", - type: "color" - }, - name: "--fds-colors-brand1-surface-active", - attributes: {}, - path: [ - "colors", - "brand1", - "surface-active" - ] - }, - { - value: "#8b3639", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.6}", - type: "color" - }, - name: "--fds-colors-brand1-border-subtle", - attributes: {}, - path: [ - "colors", - "brand1", - "border-subtle" - ] - }, - { - value: "#b34649", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.7}", - type: "color" - }, - name: "--fds-colors-brand1-border-default", + name: "--fds-colors-brand1-border-default", attributes: {}, path: [ "colors", @@ -1446,347 +681,92 @@ export const color = [ path: [ "colors", "brand1", - "base-hover" - ] - }, - { - value: "#a84144", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.11}", - type: "color" - }, - name: "--fds-colors-brand1-base-active", - attributes: {}, - path: [ - "colors", - "brand1", - "base-active" - ] - }, - { - value: "#f78d8f", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.12}", - type: "color" - }, - name: "--fds-colors-brand1-text-subtle", - attributes: {}, - path: [ - "colors", - "brand1", - "text-subtle" - ] - }, - { - value: "#fabcbd", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.13}", - type: "color" - }, - name: "--fds-colors-brand1-text-default", - attributes: {}, - path: [ - "colors", - "brand1", - "text-default" - ] - }, - { - value: "#41191b", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.contrast-1}", - type: "color" - }, - name: "--fds-colors-brand1-contrast-first", - attributes: {}, - path: [ - "colors", - "brand1", - "contrast-first" - ] - }, - { - value: "#2f1213", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.contrast-2}", - type: "color" - }, - name: "--fds-colors-brand1-contrast-second", - attributes: {}, - path: [ - "colors", - "brand1", - "contrast-second" - ] - }, - { - value: "#231a05", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand2.1}", - type: "color" - }, - name: "--fds-colors-brand2-1", - attributes: {}, - path: [ - "colors", - "brand2", - "1" - ] - }, - { - value: "#2d2206", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand2.2}", - type: "color" - }, - name: "--fds-colors-brand2-2", - attributes: {}, - path: [ - "colors", - "brand2", - "2" - ] - }, - { - value: "#3d2e09", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand2.3}", - type: "color" - }, - name: "--fds-colors-brand2-3", - attributes: {}, - path: [ - "colors", - "brand2", - "3" - ] - }, - { - value: "#48360a", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand2.4}", - type: "color" - }, - name: "--fds-colors-brand2-4", - attributes: {}, - path: [ - "colors", - "brand2", - "4" - ] - }, - { - value: "#543e0c", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand2.5}", - type: "color" - }, - name: "--fds-colors-brand2-5", - attributes: {}, - path: [ - "colors", - "brand2", - "5" - ] - }, - { - value: "#684e0f", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand2.6}", - type: "color" - }, - name: "--fds-colors-brand2-6", - attributes: {}, - path: [ - "colors", - "brand2", - "6" - ] - }, - { - value: "#876413", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand2.7}", - type: "color" - }, - name: "--fds-colors-brand2-7", - attributes: {}, - path: [ - "colors", - "brand2", - "7" - ] - }, - { - value: "#a87c17", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand2.8}", - type: "color" - }, - name: "--fds-colors-brand2-8", - attributes: {}, - path: [ - "colors", - "brand2", - "8" - ] - }, - { - value: "#e4a920", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand2.9}", - type: "color" - }, - name: "--fds-colors-brand2-9", - attributes: {}, - path: [ - "colors", - "brand2", - "9" - ] - }, - { - value: "#c6931c", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand2.10}", - type: "color" - }, - name: "--fds-colors-brand2-10", - attributes: {}, - path: [ - "colors", - "brand2", - "10" + "base-hover" ] }, { - value: "#a87c17", + value: "#a84144", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.brand2.11}", + value: "{colors.brand1.11}", type: "color" }, - name: "--fds-colors-brand2-11", + name: "--fds-colors-brand1-base-active", attributes: {}, path: [ "colors", - "brand2", - "11" + "brand1", + "base-active" ] }, { - value: "#daa21f", + value: "#f78d8f", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.brand2.12}", + value: "{colors.brand1.12}", type: "color" }, - name: "--fds-colors-brand2-12", + name: "--fds-colors-brand1-text-subtle", attributes: {}, path: [ "colors", - "brand2", - "12" + "brand1", + "text-subtle" ] }, { - value: "#eec76c", + value: "#fabcbd", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.brand2.13}", + value: "{colors.brand1.13}", type: "color" }, - name: "--fds-colors-brand2-13", + name: "--fds-colors-brand1-text-default", attributes: {}, path: [ "colors", - "brand2", - "13" + "brand1", + "text-default" ] }, { - value: "#302407", + value: "#41191b", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.brand2.contrast-1}", + value: "{colors.brand1.contrast-1}", type: "color" }, - name: "--fds-colors-brand2-contrast-1", + name: "--fds-colors-brand1-contrast-first", attributes: {}, path: [ "colors", - "brand2", - "contrast-1" + "brand1", + "contrast-first" ] }, { - value: "#45340a", + value: "#2f1213", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.brand2.contrast-2}", + value: "{colors.brand1.contrast-2}", type: "color" }, - name: "--fds-colors-brand2-contrast-2", + name: "--fds-colors-brand1-contrast-second", attributes: {}, path: [ "colors", - "brand2", - "contrast-2" + "brand1", + "contrast-second" ] }, { @@ -2044,261 +1024,6 @@ export const color = [ "contrast-second" ] }, - { - value: "#061d30", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand3.1}", - type: "color" - }, - name: "--fds-colors-brand3-1", - attributes: {}, - path: [ - "colors", - "brand3", - "1" - ] - }, - { - value: "#07253c", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand3.2}", - type: "color" - }, - name: "--fds-colors-brand3-2", - attributes: {}, - path: [ - "colors", - "brand3", - "2" - ] - }, - { - value: "#0a3251", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand3.3}", - type: "color" - }, - name: "--fds-colors-brand3-3", - attributes: {}, - path: [ - "colors", - "brand3", - "3" - ] - }, - { - value: "#0c3b60", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand3.4}", - type: "color" - }, - name: "--fds-colors-brand3-4", - attributes: {}, - path: [ - "colors", - "brand3", - "4" - ] - }, - { - value: "#0e446e", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand3.5}", - type: "color" - }, - name: "--fds-colors-brand3-5", - attributes: {}, - path: [ - "colors", - "brand3", - "5" - ] - }, - { - value: "#11558a", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand3.6}", - type: "color" - }, - name: "--fds-colors-brand3-6", - attributes: {}, - path: [ - "colors", - "brand3", - "6" - ] - }, - { - value: "#166eb2", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand3.7}", - type: "color" - }, - name: "--fds-colors-brand3-7", - attributes: {}, - path: [ - "colors", - "brand3", - "7" - ] - }, - { - value: "#1b88db", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand3.8}", - type: "color" - }, - name: "--fds-colors-brand3-8", - attributes: {}, - path: [ - "colors", - "brand3", - "8" - ] - }, - { - value: "#1e98f5", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand3.9}", - type: "color" - }, - name: "--fds-colors-brand3-9", - attributes: {}, - path: [ - "colors", - "brand3", - "9" - ] - }, - { - value: "#1980ce", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand3.10}", - type: "color" - }, - name: "--fds-colors-brand3-10", - attributes: {}, - path: [ - "colors", - "brand3", - "10" - ] - }, - { - value: "#1569a9", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand3.11}", - type: "color" - }, - name: "--fds-colors-brand3-11", - attributes: {}, - path: [ - "colors", - "brand3", - "11" - ] - }, - { - value: "#57b2f8", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand3.12}", - type: "color" - }, - name: "--fds-colors-brand3-12", - attributes: {}, - path: [ - "colors", - "brand3", - "12" - ] - }, - { - value: "#9cd2fb", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand3.13}", - type: "color" - }, - name: "--fds-colors-brand3-13", - attributes: {}, - path: [ - "colors", - "brand3", - "13" - ] - }, - { - value: "#082740", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand3.contrast-1}", - type: "color" - }, - name: "--fds-colors-brand3-contrast-1", - attributes: {}, - path: [ - "colors", - "brand3", - "contrast-1" - ] - }, - { - value: "#061f33", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand3.contrast-2}", - type: "color" - }, - name: "--fds-colors-brand3-contrast-2", - attributes: {}, - path: [ - "colors", - "brand3", - "contrast-2" - ] - }, { value: "#061d30", type: "color", diff --git a/apps/storefront/tokens/uutilsynet/light.ts b/apps/storefront/tokens/uutilsynet/light.ts index c89bf7900f..a4063d7996 100644 --- a/apps/storefront/tokens/uutilsynet/light.ts +++ b/apps/storefront/tokens/uutilsynet/light.ts @@ -7,1390 +7,625 @@ export const color = [ { value: "#fefeff", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.accent.1}", + value: "{colors.accent.1}", type: "color" }, - name: "--fds-colors-accent-1", + name: "--fds-colors-accent-background-default", attributes: {}, path: [ "colors", "accent", - "1" + "background-default" ] }, { value: "#eef4fa", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.accent.2}", + value: "{colors.accent.2}", type: "color" }, - name: "--fds-colors-accent-2", + name: "--fds-colors-accent-background-subtle", attributes: {}, path: [ "colors", "accent", - "2" + "background-subtle" ] }, { value: "#e2edf7", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.accent.3}", + value: "{colors.accent.3}", type: "color" }, - name: "--fds-colors-accent-3", + name: "--fds-colors-accent-surface-default", attributes: {}, path: [ "colors", "accent", - "3" + "surface-default" ] }, { value: "#c3daef", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.accent.4}", + value: "{colors.accent.4}", type: "color" }, - name: "--fds-colors-accent-4", + name: "--fds-colors-accent-surface-hover", attributes: {}, path: [ "colors", "accent", - "4" + "surface-hover" ] }, { value: "#a4c7e6", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.accent.5}", + value: "{colors.accent.5}", type: "color" }, - name: "--fds-colors-accent-5", + name: "--fds-colors-accent-surface-active", attributes: {}, path: [ "colors", "accent", - "5" + "surface-active" ] }, { value: "#aecde9", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.accent.6}", + value: "{colors.accent.6}", type: "color" }, - name: "--fds-colors-accent-6", + name: "--fds-colors-accent-border-subtle", attributes: {}, path: [ "colors", "accent", - "6" + "border-subtle" ] }, { value: "#4b90ce", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.accent.7}", + value: "{colors.accent.7}", type: "color" }, - name: "--fds-colors-accent-7", + name: "--fds-colors-accent-border-default", attributes: {}, path: [ "colors", "accent", - "7" + "border-default" ] }, { value: "#00529d", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.accent.8}", + value: "{colors.accent.8}", type: "color" }, - name: "--fds-colors-accent-8", + name: "--fds-colors-accent-border-strong", attributes: {}, path: [ "colors", "accent", - "8" + "border-strong" ] }, { value: "#0163ba", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.accent.9}", + value: "{colors.accent.9}", type: "color" }, - name: "--fds-colors-accent-9", + name: "--fds-colors-accent-base-default", attributes: {}, path: [ "colors", "accent", - "9" + "base-default" ] }, { value: "#004d93", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.accent.10}", + value: "{colors.accent.10}", type: "color" }, - name: "--fds-colors-accent-10", + name: "--fds-colors-accent-base-hover", attributes: {}, path: [ "colors", "accent", - "10" + "base-hover" ] }, { value: "#00396d", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.accent.11}", + value: "{colors.accent.11}", type: "color" }, - name: "--fds-colors-accent-11", + name: "--fds-colors-accent-base-active", attributes: {}, path: [ "colors", "accent", - "11" + "base-active" ] }, { value: "#005099", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.accent.12}", + value: "{colors.accent.12}", type: "color" }, - name: "--fds-colors-accent-12", + name: "--fds-colors-accent-text-subtle", attributes: {}, path: [ "colors", "accent", - "12" + "text-subtle" ] }, { value: "#00315c", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.accent.13}", + value: "{colors.accent.13}", type: "color" }, - name: "--fds-colors-accent-13", + name: "--fds-colors-accent-text-default", attributes: {}, path: [ "colors", "accent", - "13" + "text-default" ] }, { value: "#f6fafd", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.accent.contrast-1}", + value: "{colors.accent.contrast-1}", type: "color" }, - name: "--fds-colors-accent-contrast-1", + name: "--fds-colors-accent-contrast-first", attributes: {}, path: [ "colors", "accent", - "contrast-1" + "contrast-first" ] }, { value: "#ddeaf6", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.accent.contrast-2}", + value: "{colors.accent.contrast-2}", type: "color" }, - name: "--fds-colors-accent-contrast-2", + name: "--fds-colors-accent-contrast-second", attributes: {}, path: [ "colors", "accent", - "contrast-2" + "contrast-second" ] }, { - value: "#fefeff", + value: "#fefefe", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.1}", + value: "{colors.neutral.1}", type: "color" }, - name: "--fds-colors-accent-background-default", + name: "--fds-colors-neutral-background-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "background-default" ] }, { - value: "#eef4fa", + value: "#f3f4f5", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.2}", + value: "{colors.neutral.2}", type: "color" }, - name: "--fds-colors-accent-background-subtle", + name: "--fds-colors-neutral-background-subtle", attributes: {}, path: [ "colors", - "accent", + "neutral", "background-subtle" ] }, { - value: "#e2edf7", + value: "#e9eaec", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.3}", + value: "{colors.neutral.3}", type: "color" }, - name: "--fds-colors-accent-surface-default", + name: "--fds-colors-neutral-surface-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "surface-default" ] }, { - value: "#c3daef", + value: "#d5d7da", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.4}", + value: "{colors.neutral.4}", type: "color" }, - name: "--fds-colors-accent-surface-hover", + name: "--fds-colors-neutral-surface-hover", attributes: {}, path: [ "colors", - "accent", + "neutral", "surface-hover" ] }, { - value: "#a4c7e6", + value: "#c1c4c9", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.5}", + value: "{colors.neutral.5}", type: "color" }, - name: "--fds-colors-accent-surface-active", + name: "--fds-colors-neutral-surface-active", attributes: {}, path: [ "colors", - "accent", + "neutral", "surface-active" ] }, { - value: "#aecde9", + value: "#c6c9cd", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.6}", + value: "{colors.neutral.6}", type: "color" }, - name: "--fds-colors-accent-border-subtle", + name: "--fds-colors-neutral-border-subtle", attributes: {}, path: [ "colors", - "accent", + "neutral", "border-subtle" ] }, { - value: "#4b90ce", + value: "#858c96", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.7}", + value: "{colors.neutral.7}", type: "color" }, - name: "--fds-colors-accent-border-default", + name: "--fds-colors-neutral-border-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "border-default" ] }, { - value: "#00529d", + value: "#495361", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.8}", + value: "{colors.neutral.8}", type: "color" }, - name: "--fds-colors-accent-border-strong", + name: "--fds-colors-neutral-border-strong", attributes: {}, path: [ "colors", - "accent", + "neutral", "border-strong" ] }, { - value: "#0163ba", + value: "#1e2b3c", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.9}", + value: "{colors.neutral.9}", type: "color" }, - name: "--fds-colors-accent-base-default", + name: "--fds-colors-neutral-base-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "base-default" ] }, { - value: "#004d93", + value: "#333e4e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.10}", + value: "{colors.neutral.10}", type: "color" }, - name: "--fds-colors-accent-base-hover", + name: "--fds-colors-neutral-base-hover", attributes: {}, path: [ "colors", - "accent", + "neutral", "base-hover" ] }, { - value: "#00396d", + value: "#495361", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.11}", + value: "{colors.neutral.11}", type: "color" }, - name: "--fds-colors-accent-base-active", + name: "--fds-colors-neutral-base-active", attributes: {}, path: [ "colors", - "accent", + "neutral", "base-active" ] }, { - value: "#005099", + value: "#46505e", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.12}", + value: "{colors.neutral.12}", type: "color" }, - name: "--fds-colors-accent-text-subtle", + name: "--fds-colors-neutral-text-subtle", attributes: {}, path: [ "colors", - "accent", + "neutral", "text-subtle" ] }, { - value: "#00315c", + value: "#243142", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.13}", + value: "{colors.neutral.13}", type: "color" }, - name: "--fds-colors-accent-text-default", + name: "--fds-colors-neutral-text-default", attributes: {}, path: [ "colors", - "accent", + "neutral", "text-default" ] }, { - value: "#f6fafd", + value: "#f9f9fa", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.contrast-1}", + value: "{colors.neutral.contrast-1}", type: "color" }, - name: "--fds-colors-accent-contrast-first", + name: "--fds-colors-neutral-contrast-first", attributes: {}, path: [ "colors", - "accent", + "neutral", "contrast-first" ] }, { - value: "#ddeaf6", + value: "#9ea3ab", type: "color", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{colors.accent.contrast-2}", + value: "{colors.neutral.contrast-2}", type: "color" }, - name: "--fds-colors-accent-contrast-second", + name: "--fds-colors-neutral-contrast-second", attributes: {}, path: [ "colors", - "accent", + "neutral", "contrast-second" ] }, { - value: "#fefefe", + value: "#fffefe", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.neutral.1}", + value: "{colors.brand1.1}", type: "color" }, - name: "--fds-colors-neutral-1", + name: "--fds-colors-brand1-background-default", attributes: {}, path: [ "colors", - "neutral", - "1" + "brand1", + "background-default" ] }, { - value: "#f3f4f5", + value: "#fef0f1", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.neutral.2}", + value: "{colors.brand1.2}", type: "color" }, - name: "--fds-colors-neutral-2", + name: "--fds-colors-brand1-background-subtle", attributes: {}, path: [ "colors", - "neutral", - "2" + "brand1", + "background-subtle" ] }, { - value: "#e9eaec", + value: "#fde5e6", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.neutral.3}", + value: "{colors.brand1.3}", type: "color" }, - name: "--fds-colors-neutral-3", + name: "--fds-colors-brand1-surface-default", attributes: {}, path: [ "colors", - "neutral", - "3" + "brand1", + "surface-default" ] }, { - value: "#d5d7da", + value: "#fbcccd", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.neutral.4}", + value: "{colors.brand1.4}", type: "color" }, - name: "--fds-colors-neutral-4", + name: "--fds-colors-brand1-surface-hover", attributes: {}, path: [ "colors", - "neutral", - "4" + "brand1", + "surface-hover" ] }, { - value: "#c1c4c9", + value: "#fab1b3", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.neutral.5}", + value: "{colors.brand1.5}", type: "color" }, - name: "--fds-colors-neutral-5", + name: "--fds-colors-brand1-surface-active", attributes: {}, path: [ "colors", - "neutral", - "5" + "brand1", + "surface-active" ] }, { - value: "#c6c9cd", + value: "#fab8b9", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.neutral.6}", + value: "{colors.brand1.6}", type: "color" }, - name: "--fds-colors-neutral-6", + name: "--fds-colors-brand1-border-subtle", attributes: {}, path: [ "colors", - "neutral", - "6" + "brand1", + "border-subtle" ] }, { - value: "#858c96", + value: "#eb5b5f", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.neutral.7}", + value: "{colors.brand1.7}", type: "color" }, - name: "--fds-colors-neutral-7", - attributes: {}, - path: [ - "colors", - "neutral", - "7" - ] - }, - { - value: "#495361", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.neutral.8}", - type: "color" - }, - name: "--fds-colors-neutral-8", - attributes: {}, - path: [ - "colors", - "neutral", - "8" - ] - }, - { - value: "#1e2b3c", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.neutral.9}", - type: "color" - }, - name: "--fds-colors-neutral-9", - attributes: {}, - path: [ - "colors", - "neutral", - "9" - ] - }, - { - value: "#333e4e", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.neutral.10}", - type: "color" - }, - name: "--fds-colors-neutral-10", - attributes: {}, - path: [ - "colors", - "neutral", - "10" - ] - }, - { - value: "#495361", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.neutral.11}", - type: "color" - }, - name: "--fds-colors-neutral-11", - attributes: {}, - path: [ - "colors", - "neutral", - "11" - ] - }, - { - value: "#46505e", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.neutral.12}", - type: "color" - }, - name: "--fds-colors-neutral-12", - attributes: {}, - path: [ - "colors", - "neutral", - "12" - ] - }, - { - value: "#243142", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.neutral.13}", - type: "color" - }, - name: "--fds-colors-neutral-13", - attributes: {}, - path: [ - "colors", - "neutral", - "13" - ] - }, - { - value: "#f9f9fa", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.neutral.contrast-1}", - type: "color" - }, - name: "--fds-colors-neutral-contrast-1", - attributes: {}, - path: [ - "colors", - "neutral", - "contrast-1" - ] - }, - { - value: "#9ea3ab", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.neutral.contrast-2}", - type: "color" - }, - name: "--fds-colors-neutral-contrast-2", - attributes: {}, - path: [ - "colors", - "neutral", - "contrast-2" - ] - }, - { - value: "#fefefe", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.1}", - type: "color" - }, - name: "--fds-colors-neutral-background-default", - attributes: {}, - path: [ - "colors", - "neutral", - "background-default" - ] - }, - { - value: "#f3f4f5", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.2}", - type: "color" - }, - name: "--fds-colors-neutral-background-subtle", - attributes: {}, - path: [ - "colors", - "neutral", - "background-subtle" - ] - }, - { - value: "#e9eaec", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.3}", - type: "color" - }, - name: "--fds-colors-neutral-surface-default", - attributes: {}, - path: [ - "colors", - "neutral", - "surface-default" - ] - }, - { - value: "#d5d7da", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.4}", - type: "color" - }, - name: "--fds-colors-neutral-surface-hover", - attributes: {}, - path: [ - "colors", - "neutral", - "surface-hover" - ] - }, - { - value: "#c1c4c9", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.5}", - type: "color" - }, - name: "--fds-colors-neutral-surface-active", - attributes: {}, - path: [ - "colors", - "neutral", - "surface-active" - ] - }, - { - value: "#c6c9cd", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.6}", - type: "color" - }, - name: "--fds-colors-neutral-border-subtle", - attributes: {}, - path: [ - "colors", - "neutral", - "border-subtle" - ] - }, - { - value: "#858c96", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.7}", - type: "color" - }, - name: "--fds-colors-neutral-border-default", - attributes: {}, - path: [ - "colors", - "neutral", - "border-default" - ] - }, - { - value: "#495361", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.8}", - type: "color" - }, - name: "--fds-colors-neutral-border-strong", - attributes: {}, - path: [ - "colors", - "neutral", - "border-strong" - ] - }, - { - value: "#1e2b3c", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.9}", - type: "color" - }, - name: "--fds-colors-neutral-base-default", - attributes: {}, - path: [ - "colors", - "neutral", - "base-default" - ] - }, - { - value: "#333e4e", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.10}", - type: "color" - }, - name: "--fds-colors-neutral-base-hover", - attributes: {}, - path: [ - "colors", - "neutral", - "base-hover" - ] - }, - { - value: "#495361", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.11}", - type: "color" - }, - name: "--fds-colors-neutral-base-active", - attributes: {}, - path: [ - "colors", - "neutral", - "base-active" - ] - }, - { - value: "#46505e", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.12}", - type: "color" - }, - name: "--fds-colors-neutral-text-subtle", - attributes: {}, - path: [ - "colors", - "neutral", - "text-subtle" - ] - }, - { - value: "#243142", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.13}", - type: "color" - }, - name: "--fds-colors-neutral-text-default", - attributes: {}, - path: [ - "colors", - "neutral", - "text-default" - ] - }, - { - value: "#f9f9fa", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.contrast-1}", - type: "color" - }, - name: "--fds-colors-neutral-contrast-first", - attributes: {}, - path: [ - "colors", - "neutral", - "contrast-first" - ] - }, - { - value: "#9ea3ab", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.neutral.contrast-2}", - type: "color" - }, - name: "--fds-colors-neutral-contrast-second", - attributes: {}, - path: [ - "colors", - "neutral", - "contrast-second" - ] - }, - { - value: "#fffefe", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand1.1}", - type: "color" - }, - name: "--fds-colors-brand1-1", - attributes: {}, - path: [ - "colors", - "brand1", - "1" - ] - }, - { - value: "#fef0f1", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand1.2}", - type: "color" - }, - name: "--fds-colors-brand1-2", - attributes: {}, - path: [ - "colors", - "brand1", - "2" - ] - }, - { - value: "#fde5e6", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand1.3}", - type: "color" - }, - name: "--fds-colors-brand1-3", - attributes: {}, - path: [ - "colors", - "brand1", - "3" - ] - }, - { - value: "#fbcccd", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand1.4}", - type: "color" - }, - name: "--fds-colors-brand1-4", - attributes: {}, - path: [ - "colors", - "brand1", - "4" - ] - }, - { - value: "#fab1b3", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand1.5}", - type: "color" - }, - name: "--fds-colors-brand1-5", - attributes: {}, - path: [ - "colors", - "brand1", - "5" - ] - }, - { - value: "#fab8b9", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand1.6}", - type: "color" - }, - name: "--fds-colors-brand1-6", - attributes: {}, - path: [ - "colors", - "brand1", - "6" - ] - }, - { - value: "#eb5b5f", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand1.7}", - type: "color" - }, - name: "--fds-colors-brand1-7", - attributes: {}, - path: [ - "colors", - "brand1", - "7" - ] - }, - { - value: "#8b3639", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand1.8}", - type: "color" - }, - name: "--fds-colors-brand1-8", - attributes: {}, - path: [ - "colors", - "brand1", - "8" - ] - }, - { - value: "#f35f63", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand1.9}", - type: "color" - }, - name: "--fds-colors-brand1-9", - attributes: {}, - path: [ - "colors", - "brand1", - "9" - ] - }, - { - value: "#cc5053", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand1.10}", - type: "color" - }, - name: "--fds-colors-brand1-10", - attributes: {}, - path: [ - "colors", - "brand1", - "10" - ] - }, - { - value: "#a84144", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand1.11}", - type: "color" - }, - name: "--fds-colors-brand1-11", - attributes: {}, - path: [ - "colors", - "brand1", - "11" - ] - }, - { - value: "#873537", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand1.12}", - type: "color" - }, - name: "--fds-colors-brand1-12", - attributes: {}, - path: [ - "colors", - "brand1", - "12" - ] - }, - { - value: "#522021", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand1.13}", - type: "color" - }, - name: "--fds-colors-brand1-13", - attributes: {}, - path: [ - "colors", - "brand1", - "13" - ] - }, - { - value: "#f6fafd", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand1.contrast-1}", - type: "color" - }, - name: "--fds-colors-brand1-contrast-1", - attributes: {}, - path: [ - "colors", - "brand1", - "contrast-1" - ] - }, - { - value: "#ddeaf6", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand1.contrast-2}", - type: "color" - }, - name: "--fds-colors-brand1-contrast-2", - attributes: {}, - path: [ - "colors", - "brand1", - "contrast-2" - ] - }, - { - value: "#fffefe", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.1}", - type: "color" - }, - name: "--fds-colors-brand1-background-default", - attributes: {}, - path: [ - "colors", - "brand1", - "background-default" - ] - }, - { - value: "#fef0f1", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.2}", - type: "color" - }, - name: "--fds-colors-brand1-background-subtle", - attributes: {}, - path: [ - "colors", - "brand1", - "background-subtle" - ] - }, - { - value: "#fde5e6", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.3}", - type: "color" - }, - name: "--fds-colors-brand1-surface-default", - attributes: {}, - path: [ - "colors", - "brand1", - "surface-default" - ] - }, - { - value: "#fbcccd", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.4}", - type: "color" - }, - name: "--fds-colors-brand1-surface-hover", - attributes: {}, - path: [ - "colors", - "brand1", - "surface-hover" - ] - }, - { - value: "#fab1b3", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.5}", - type: "color" - }, - name: "--fds-colors-brand1-surface-active", - attributes: {}, - path: [ - "colors", - "brand1", - "surface-active" - ] - }, - { - value: "#fab8b9", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.6}", - type: "color" - }, - name: "--fds-colors-brand1-border-subtle", - attributes: {}, - path: [ - "colors", - "brand1", - "border-subtle" - ] - }, - { - value: "#eb5b5f", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.7}", - type: "color" - }, - name: "--fds-colors-brand1-border-default", + name: "--fds-colors-brand1-border-default", attributes: {}, path: [ "colors", @@ -1441,352 +676,97 @@ export const color = [ value: "{colors.brand1.10}", type: "color" }, - name: "--fds-colors-brand1-base-hover", - attributes: {}, - path: [ - "colors", - "brand1", - "base-hover" - ] - }, - { - value: "#a84144", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.11}", - type: "color" - }, - name: "--fds-colors-brand1-base-active", - attributes: {}, - path: [ - "colors", - "brand1", - "base-active" - ] - }, - { - value: "#873537", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.12}", - type: "color" - }, - name: "--fds-colors-brand1-text-subtle", - attributes: {}, - path: [ - "colors", - "brand1", - "text-subtle" - ] - }, - { - value: "#522021", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.13}", - type: "color" - }, - name: "--fds-colors-brand1-text-default", - attributes: {}, - path: [ - "colors", - "brand1", - "text-default" - ] - }, - { - value: "#f6fafd", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.contrast-1}", - type: "color" - }, - name: "--fds-colors-brand1-contrast-first", - attributes: {}, - path: [ - "colors", - "brand1", - "contrast-first" - ] - }, - { - value: "#ddeaf6", - type: "color", - filePath: "../../design-tokens/semantic/color.json", - isSource: false, - original: { - value: "{colors.brand1.contrast-2}", - type: "color" - }, - name: "--fds-colors-brand1-contrast-second", - attributes: {}, - path: [ - "colors", - "brand1", - "contrast-second" - ] - }, - { - value: "#fffefc", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand2.1}", - type: "color" - }, - name: "--fds-colors-brand2-1", - attributes: {}, - path: [ - "colors", - "brand2", - "1" - ] - }, - { - value: "#fbf3e0", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand2.2}", - type: "color" - }, - name: "--fds-colors-brand2-2", - attributes: {}, - path: [ - "colors", - "brand2", - "2" - ] - }, - { - value: "#f8e9c6", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand2.3}", - type: "color" - }, - name: "--fds-colors-brand2-3", - attributes: {}, - path: [ - "colors", - "brand2", - "3" - ] - }, - { - value: "#f2d48d", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand2.4}", - type: "color" - }, - name: "--fds-colors-brand2-4", - attributes: {}, - path: [ - "colors", - "brand2", - "4" - ] - }, - { - value: "#ebbe54", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand2.5}", - type: "color" - }, - name: "--fds-colors-brand2-5", - attributes: {}, - path: [ - "colors", - "brand2", - "5" - ] - }, - { - value: "#edc464", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand2.6}", - type: "color" - }, - name: "--fds-colors-brand2-6", - attributes: {}, - path: [ - "colors", - "brand2", - "6" - ] - }, - { - value: "#b28419", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand2.7}", - type: "color" - }, - name: "--fds-colors-brand2-7", - attributes: {}, - path: [ - "colors", - "brand2", - "7" - ] - }, - { - value: "#684e0f", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand2.8}", - type: "color" - }, - name: "--fds-colors-brand2-8", - attributes: {}, - path: [ - "colors", - "brand2", - "8" - ] - }, - { - value: "#e4a920", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand2.9}", - type: "color" - }, - name: "--fds-colors-brand2-9", - attributes: {}, - path: [ - "colors", - "brand2", - "9" - ] - }, - { - value: "#c6931c", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand2.10}", - type: "color" - }, - name: "--fds-colors-brand2-10", + name: "--fds-colors-brand1-base-hover", attributes: {}, path: [ "colors", - "brand2", - "10" + "brand1", + "base-hover" ] }, { - value: "#a87c17", + value: "#a84144", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.brand2.11}", + value: "{colors.brand1.11}", type: "color" }, - name: "--fds-colors-brand2-11", + name: "--fds-colors-brand1-base-active", attributes: {}, path: [ "colors", - "brand2", - "11" + "brand1", + "base-active" ] }, { - value: "#664c0e", + value: "#873537", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.brand2.12}", + value: "{colors.brand1.12}", type: "color" }, - name: "--fds-colors-brand2-12", + name: "--fds-colors-brand1-text-subtle", attributes: {}, path: [ "colors", - "brand2", - "12" + "brand1", + "text-subtle" ] }, { - value: "#3d2e09", + value: "#522021", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.brand2.13}", + value: "{colors.brand1.13}", type: "color" }, - name: "--fds-colors-brand2-13", + name: "--fds-colors-brand1-text-default", attributes: {}, path: [ "colors", - "brand2", - "13" + "brand1", + "text-default" ] }, { value: "#f6fafd", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.brand2.contrast-1}", + value: "{colors.brand1.contrast-1}", type: "color" }, - name: "--fds-colors-brand2-contrast-1", + name: "--fds-colors-brand1-contrast-first", attributes: {}, path: [ "colors", - "brand2", - "contrast-1" + "brand1", + "contrast-first" ] }, { value: "#ddeaf6", type: "color", - filePath: "../../design-tokens/themes/theme3.json", + filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - value: "{theme3.brand2.contrast-2}", + value: "{colors.brand1.contrast-2}", type: "color" }, - name: "--fds-colors-brand2-contrast-2", + name: "--fds-colors-brand1-contrast-second", attributes: {}, path: [ "colors", - "brand2", - "contrast-2" + "brand1", + "contrast-second" ] }, { @@ -2044,261 +1024,6 @@ export const color = [ "contrast-second" ] }, - { - value: "#fdfeff", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand3.1}", - type: "color" - }, - name: "--fds-colors-brand3-1", - attributes: {}, - path: [ - "colors", - "brand3", - "1" - ] - }, - { - value: "#eaf6fe", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand3.2}", - type: "color" - }, - name: "--fds-colors-brand3-2", - attributes: {}, - path: [ - "colors", - "brand3", - "2" - ] - }, - { - value: "#d9eefd", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand3.3}", - type: "color" - }, - name: "--fds-colors-brand3-3", - attributes: {}, - path: [ - "colors", - "brand3", - "3" - ] - }, - { - value: "#b3dcfc", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand3.4}", - type: "color" - }, - name: "--fds-colors-brand3-4", - attributes: {}, - path: [ - "colors", - "brand3", - "4" - ] - }, - { - value: "#8bcafa", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand3.5}", - type: "color" - }, - name: "--fds-colors-brand3-5", - attributes: {}, - path: [ - "colors", - "brand3", - "5" - ] - }, - { - value: "#96cffa", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand3.6}", - type: "color" - }, - name: "--fds-colors-brand3-6", - attributes: {}, - path: [ - "colors", - "brand3", - "6" - ] - }, - { - value: "#1c90e8", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand3.7}", - type: "color" - }, - name: "--fds-colors-brand3-7", - attributes: {}, - path: [ - "colors", - "brand3", - "7" - ] - }, - { - value: "#11558a", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand3.8}", - type: "color" - }, - name: "--fds-colors-brand3-8", - attributes: {}, - path: [ - "colors", - "brand3", - "8" - ] - }, - { - value: "#1e98f5", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand3.9}", - type: "color" - }, - name: "--fds-colors-brand3-9", - attributes: {}, - path: [ - "colors", - "brand3", - "9" - ] - }, - { - value: "#1980ce", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand3.10}", - type: "color" - }, - name: "--fds-colors-brand3-10", - attributes: {}, - path: [ - "colors", - "brand3", - "10" - ] - }, - { - value: "#1569a9", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand3.11}", - type: "color" - }, - name: "--fds-colors-brand3-11", - attributes: {}, - path: [ - "colors", - "brand3", - "11" - ] - }, - { - value: "#105387", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand3.12}", - type: "color" - }, - name: "--fds-colors-brand3-12", - attributes: {}, - path: [ - "colors", - "brand3", - "12" - ] - }, - { - value: "#0a3251", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand3.13}", - type: "color" - }, - name: "--fds-colors-brand3-13", - attributes: {}, - path: [ - "colors", - "brand3", - "13" - ] - }, - { - value: "#f6fafd", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand3.contrast-1}", - type: "color" - }, - name: "--fds-colors-brand3-contrast-1", - attributes: {}, - path: [ - "colors", - "brand3", - "contrast-1" - ] - }, - { - value: "#ddeaf6", - type: "color", - filePath: "../../design-tokens/themes/theme3.json", - isSource: false, - original: { - value: "{theme3.brand3.contrast-2}", - type: "color" - }, - name: "--fds-colors-brand3-contrast-2", - attributes: {}, - path: [ - "colors", - "brand3", - "contrast-2" - ] - }, { value: "#fdfeff", type: "color", diff --git a/packages/cli/src/tokens/build.ts b/packages/cli/src/tokens/build.ts index c45f8e757c..7a6bbd4df1 100644 --- a/packages/cli/src/tokens/build.ts +++ b/packages/cli/src/tokens/build.ts @@ -112,6 +112,9 @@ const getStorefrontConfig = ({ { destination: `${fileName}.ts`, format: groupedTokens.name, + filter: (token) => { + return R.not(R.includes('themes', token.filePath)); + }, }, ], options: {