From f32f1fb79e3657ca6ae64e449336d77e9ce797a7 Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Wed, 14 Aug 2024 14:32:58 +0200 Subject: [PATCH] feat: convert design-tokens to DTCG format (#2240) fixes #2196 Its mostly appending `$` on `value` and `type` properties on json design-tokens files. - Updated some missed transformer codes to support DTCG format. - Update Storefront tokens preview to new format. --- .changeset/three-dingos-unite.md | 5 + .../Tokens/TokenColor/TokenColor.tsx | 2 +- .../components/Tokens/TokenList/TokenList.tsx | 10 +- apps/storefront/tokens/altinn/dark.ts | 1800 ++++++++--------- apps/storefront/tokens/altinn/light.ts | 1800 ++++++++--------- apps/storefront/tokens/digdir/dark.ts | 1800 ++++++++--------- apps/storefront/tokens/digdir/light.ts | 1800 ++++++++--------- apps/storefront/tokens/portal/dark.ts | 1800 ++++++++--------- apps/storefront/tokens/portal/light.ts | 1800 ++++++++--------- apps/storefront/tokens/uutilsynet/dark.ts | 1800 ++++++++--------- apps/storefront/tokens/uutilsynet/light.ts | 1800 ++++++++--------- design-tokens/$metadata.json | 2 +- design-tokens/$themes.json | 2 +- design-tokens/Figma/components.json | 16 +- design-tokens/primitives/globals.json | 46 +- .../primitives/modes/colors/dark/global.json | 360 ++-- .../primitives/modes/colors/dark/theme.json | 300 +-- .../primitives/modes/colors/dark/theme2.json | 300 +-- .../primitives/modes/colors/dark/theme3.json | 300 +-- .../primitives/modes/colors/dark/theme4.json | 300 +-- .../primitives/modes/colors/light/global.json | 360 ++-- .../primitives/modes/colors/light/theme.json | 300 +-- .../primitives/modes/colors/light/theme2.json | 300 +-- .../primitives/modes/colors/light/theme3.json | 300 +-- .../primitives/modes/colors/light/theme4.json | 300 +-- .../modes/typography/primary/theme.json | 16 +- .../modes/typography/primary/theme2.json | 16 +- .../modes/typography/primary/theme3.json | 16 +- .../modes/typography/primary/theme4.json | 16 +- .../modes/typography/secondary/theme.json | 16 +- .../modes/typography/secondary/theme2.json | 16 +- .../modes/typography/secondary/theme3.json | 16 +- .../modes/typography/secondary/theme4.json | 16 +- design-tokens/primitives/size/compact.json | 92 +- design-tokens/primitives/size/default.json | 92 +- design-tokens/semantic/color.json | 548 ++--- design-tokens/semantic/style.json | 368 ++-- design-tokens/themes/theme.json | 316 +-- design-tokens/themes/theme2.json | 316 +-- design-tokens/themes/theme3.json | 316 +-- design-tokens/themes/theme4.json | 316 +-- packages/cli/src/tokens/configs.ts | 9 +- packages/cli/src/tokens/formats/css.ts | 11 +- packages/cli/src/tokens/formats/js-tokens.ts | 4 +- packages/cli/src/tokens/transformers.ts | 2 +- 45 files changed, 10018 insertions(+), 10103 deletions(-) create mode 100644 .changeset/three-dingos-unite.md diff --git a/.changeset/three-dingos-unite.md b/.changeset/three-dingos-unite.md new file mode 100644 index 0000000000..d9551b338c --- /dev/null +++ b/.changeset/three-dingos-unite.md @@ -0,0 +1,5 @@ +--- +'@digdir/designsystemet': minor +--- + +feat: Convert to W3C design token format diff --git a/apps/storefront/components/Tokens/TokenColor/TokenColor.tsx b/apps/storefront/components/Tokens/TokenColor/TokenColor.tsx index cc6acdddbb..1ebe4513a7 100644 --- a/apps/storefront/components/Tokens/TokenColor/TokenColor.tsx +++ b/apps/storefront/components/Tokens/TokenColor/TokenColor.tsx @@ -31,7 +31,7 @@ export function getColorWeight(value: string): ColorNumber | undefined { const TokenColor = ({ value, token }: TokenColorProps) => { const colorModalRef = useRef(null); - const weight = getColorWeight(token.original.value as string); + const weight = getColorWeight(token.original.$value as string); const Element = weight ? 'button' : 'div'; return ( diff --git a/apps/storefront/components/Tokens/TokenList/TokenList.tsx b/apps/storefront/components/Tokens/TokenList/TokenList.tsx index 8adc5c1c06..4e74647e20 100644 --- a/apps/storefront/components/Tokens/TokenList/TokenList.tsx +++ b/apps/storefront/components/Tokens/TokenList/TokenList.tsx @@ -53,7 +53,7 @@ const TokensTable = ({ tokens }: TokenTableProps) => { {tokens.map(([, tokens]) => { return tokens.map((token) => { - const value = token.value as string; + const value = token.$value as string; const pxSize = /\b\d+px\b/.test(value) ? value : `${parseFloat(value) * 16}px`; @@ -68,7 +68,7 @@ const TokensTable = ({ tokens }: TokenTableProps) => { value={token.name} /> - {token.value} + {token.$value} {pxSize} {isBorderRadius ? ( @@ -128,12 +128,12 @@ type TokenCardProps = { } & HTMLAttributes; const TokenCard = ({ token, type, hideValue, ...rest }: TokenCardProps) => { - const val = token.value as string; + const val = token.$value as string; const title = token.path .slice(token.path.length - 1, token.path.length) .toString(); - const weight = getColorWeight(token.original.value as string); + const weight = getColorWeight(token.original.$value as string); return (
@@ -153,7 +153,7 @@ const TokenCard = ({ token, type, hideValue, ...rest }: TokenCardProps) => { value={token.name} /> - {!hideValue &&
{token.value}
} + {!hideValue &&
{token.$value}
}
); diff --git a/apps/storefront/tokens/altinn/dark.ts b/apps/storefront/tokens/altinn/dark.ts index fa54667c14..c64679ff3a 100644 --- a/apps/storefront/tokens/altinn/dark.ts +++ b/apps/storefront/tokens/altinn/dark.ts @@ -4,13 +4,13 @@ export const color = [ { - type: "color", - value: "#001c36", + $type: "color", + $value: "#001c36", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.1}" + $type: "color", + $value: "{color.accent.1}" }, name: "--ds-color-accent-background-default", attributes: {}, @@ -21,13 +21,13 @@ export const color = [ ] }, { - type: "color", - value: "#002545", + $type: "color", + $value: "#002545", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.2}" + $type: "color", + $value: "{color.accent.2}" }, name: "--ds-color-accent-background-subtle", attributes: {}, @@ -38,13 +38,13 @@ export const color = [ ] }, { - type: "color", - value: "#00315b", + $type: "color", + $value: "#00315b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.3}" + $type: "color", + $value: "{color.accent.3}" }, name: "--ds-color-accent-surface-default", attributes: {}, @@ -55,13 +55,13 @@ export const color = [ ] }, { - type: "color", - value: "#013f75", + $type: "color", + $value: "#013f75", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.4}" + $type: "color", + $value: "{color.accent.4}" }, name: "--ds-color-accent-surface-hover", attributes: {}, @@ -72,13 +72,13 @@ export const color = [ ] }, { - type: "color", - value: "#014b8e", + $type: "color", + $value: "#014b8e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.5}" + $type: "color", + $value: "{color.accent.5}" }, name: "--ds-color-accent-surface-active", attributes: {}, @@ -89,13 +89,13 @@ export const color = [ ] }, { - type: "color", - value: "#01539b", + $type: "color", + $value: "#01539b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.6}" + $type: "color", + $value: "{color.accent.6}" }, name: "--ds-color-accent-border-subtle", attributes: {}, @@ -106,13 +106,13 @@ export const color = [ ] }, { - type: "color", - value: "#1971c0", + $type: "color", + $value: "#1971c0", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.7}" + $type: "color", + $value: "{color.accent.7}" }, name: "--ds-color-accent-border-default", attributes: {}, @@ -123,13 +123,13 @@ export const color = [ ] }, { - type: "color", - value: "#9bc2e4", + $type: "color", + $value: "#9bc2e4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.8}" + $type: "color", + $value: "{color.accent.8}" }, name: "--ds-color-accent-border-strong", attributes: {}, @@ -140,13 +140,13 @@ export const color = [ ] }, { - type: "color", - value: "#4b90ce", + $type: "color", + $value: "#4b90ce", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.9}" + $type: "color", + $value: "{color.accent.9}" }, name: "--ds-color-accent-base-default", attributes: {}, @@ -157,13 +157,13 @@ export const color = [ ] }, { - type: "color", - value: "#277ac4", + $type: "color", + $value: "#277ac4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.10}" + $type: "color", + $value: "{color.accent.10}" }, name: "--ds-color-accent-base-hover", attributes: {}, @@ -174,13 +174,13 @@ export const color = [ ] }, { - type: "color", - value: "#0163ba", + $type: "color", + $value: "#0163ba", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.11}" + $type: "color", + $value: "{color.accent.11}" }, name: "--ds-color-accent-base-active", attributes: {}, @@ -191,13 +191,13 @@ export const color = [ ] }, { - type: "color", - value: "#72a8d9", + $type: "color", + $value: "#72a8d9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.12}" + $type: "color", + $value: "{color.accent.12}" }, name: "--ds-color-accent-text-subtle", attributes: {}, @@ -208,13 +208,13 @@ export const color = [ ] }, { - type: "color", - value: "#d1e3f3", + $type: "color", + $value: "#d1e3f3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.13}" + $type: "color", + $value: "{color.accent.13}" }, name: "--ds-color-accent-text-default", attributes: {}, @@ -225,13 +225,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.contrast-1}" + $type: "color", + $value: "{color.accent.contrast-1}" }, name: "--ds-color-accent-contrast-default", attributes: {}, @@ -242,13 +242,13 @@ export const color = [ ] }, { - type: "color", - value: "#0d1823", + $type: "color", + $value: "#0d1823", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.contrast-2}" + $type: "color", + $value: "{color.accent.contrast-2}" }, name: "--ds-color-accent-contrast-subtle", attributes: {}, @@ -259,13 +259,13 @@ export const color = [ ] }, { - type: "color", - value: "#131c27", + $type: "color", + $value: "#131c27", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.1}" + $type: "color", + $value: "{color.neutral.1}" }, name: "--ds-color-neutral-background-default", attributes: {}, @@ -276,13 +276,13 @@ export const color = [ ] }, { - type: "color", - value: "#192433", + $type: "color", + $value: "#192433", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.2}" + $type: "color", + $value: "{color.neutral.2}" }, name: "--ds-color-neutral-background-subtle", attributes: {}, @@ -293,13 +293,13 @@ export const color = [ ] }, { - type: "color", - value: "#243142", + $type: "color", + $value: "#243142", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.3}" + $type: "color", + $value: "{color.neutral.3}" }, name: "--ds-color-neutral-surface-default", attributes: {}, @@ -310,13 +310,13 @@ export const color = [ ] }, { - type: "color", - value: "#333e4e", + $type: "color", + $value: "#333e4e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.4}" + $type: "color", + $value: "{color.neutral.4}" }, name: "--ds-color-neutral-surface-hover", attributes: {}, @@ -327,13 +327,13 @@ export const color = [ ] }, { - type: "color", - value: "#424d5b", + $type: "color", + $value: "#424d5b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.5}" + $type: "color", + $value: "{color.neutral.5}" }, name: "--ds-color-neutral-surface-active", attributes: {}, @@ -344,13 +344,13 @@ export const color = [ ] }, { - type: "color", - value: "#495361", + $type: "color", + $value: "#495361", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.6}" + $type: "color", + $value: "{color.neutral.6}" }, name: "--ds-color-neutral-border-subtle", attributes: {}, @@ -361,13 +361,13 @@ export const color = [ ] }, { - type: "color", - value: "#67707c", + $type: "color", + $value: "#67707c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.7}" + $type: "color", + $value: "{color.neutral.7}" }, name: "--ds-color-neutral-border-default", attributes: {}, @@ -378,13 +378,13 @@ export const color = [ ] }, { - type: "color", - value: "#bbbfc4", + $type: "color", + $value: "#bbbfc4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.8}" + $type: "color", + $value: "{color.neutral.8}" }, name: "--ds-color-neutral-border-strong", attributes: {}, @@ -395,13 +395,13 @@ export const color = [ ] }, { - type: "color", - value: "#a6abb2", + $type: "color", + $value: "#a6abb2", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.9}" + $type: "color", + $value: "{color.neutral.9}" }, name: "--ds-color-neutral-base-default", attributes: {}, @@ -412,13 +412,13 @@ export const color = [ ] }, { - type: "color", - value: "#90969e", + $type: "color", + $value: "#90969e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.10}" + $type: "color", + $value: "{color.neutral.10}" }, name: "--ds-color-neutral-base-hover", attributes: {}, @@ -429,13 +429,13 @@ export const color = [ ] }, { - type: "color", - value: "#7a818c", + $type: "color", + $value: "#7a818c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.11}" + $type: "color", + $value: "{color.neutral.11}" }, name: "--ds-color-neutral-base-active", attributes: {}, @@ -446,13 +446,13 @@ export const color = [ ] }, { - type: "color", - value: "#9ea3ab", + $type: "color", + $value: "#9ea3ab", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.12}" + $type: "color", + $value: "{color.neutral.12}" }, name: "--ds-color-neutral-text-subtle", attributes: {}, @@ -463,13 +463,13 @@ export const color = [ ] }, { - type: "color", - value: "#e1e3e5", + $type: "color", + $value: "#e1e3e5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.13}" + $type: "color", + $value: "{color.neutral.13}" }, name: "--ds-color-neutral-text-default", attributes: {}, @@ -480,13 +480,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.contrast-1}" + $type: "color", + $value: "{color.neutral.contrast-1}" }, name: "--ds-color-neutral-contrast-default", attributes: {}, @@ -497,13 +497,13 @@ export const color = [ ] }, { - type: "color", - value: "#1b1b1d", + $type: "color", + $value: "#1b1b1d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.contrast-2}" + $type: "color", + $value: "{color.neutral.contrast-2}" }, name: "--ds-color-neutral-contrast-subtle", attributes: {}, @@ -514,13 +514,13 @@ export const color = [ ] }, { - type: "color", - value: "#001c36", + $type: "color", + $value: "#001c36", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.1}" + $type: "color", + $value: "{color.brand1.1}" }, name: "--ds-color-brand1-background-default", attributes: {}, @@ -531,13 +531,13 @@ export const color = [ ] }, { - type: "color", - value: "#002545", + $type: "color", + $value: "#002545", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.2}" + $type: "color", + $value: "{color.brand1.2}" }, name: "--ds-color-brand1-background-subtle", attributes: {}, @@ -548,13 +548,13 @@ export const color = [ ] }, { - type: "color", - value: "#00315b", + $type: "color", + $value: "#00315b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.3}" + $type: "color", + $value: "{color.brand1.3}" }, name: "--ds-color-brand1-surface-default", attributes: {}, @@ -565,13 +565,13 @@ export const color = [ ] }, { - type: "color", - value: "#013f75", + $type: "color", + $value: "#013f75", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.4}" + $type: "color", + $value: "{color.brand1.4}" }, name: "--ds-color-brand1-surface-hover", attributes: {}, @@ -582,13 +582,13 @@ export const color = [ ] }, { - type: "color", - value: "#014b8e", + $type: "color", + $value: "#014b8e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.5}" + $type: "color", + $value: "{color.brand1.5}" }, name: "--ds-color-brand1-surface-active", attributes: {}, @@ -599,13 +599,13 @@ export const color = [ ] }, { - type: "color", - value: "#01539b", + $type: "color", + $value: "#01539b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.6}" + $type: "color", + $value: "{color.brand1.6}" }, name: "--ds-color-brand1-border-subtle", attributes: {}, @@ -616,13 +616,13 @@ export const color = [ ] }, { - type: "color", - value: "#1971c0", + $type: "color", + $value: "#1971c0", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.7}" + $type: "color", + $value: "{color.brand1.7}" }, name: "--ds-color-brand1-border-default", attributes: {}, @@ -633,13 +633,13 @@ export const color = [ ] }, { - type: "color", - value: "#9bc2e4", + $type: "color", + $value: "#9bc2e4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.8}" + $type: "color", + $value: "{color.brand1.8}" }, name: "--ds-color-brand1-border-strong", attributes: {}, @@ -650,13 +650,13 @@ export const color = [ ] }, { - type: "color", - value: "#4b90ce", + $type: "color", + $value: "#4b90ce", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.9}" + $type: "color", + $value: "{color.brand1.9}" }, name: "--ds-color-brand1-base-default", attributes: {}, @@ -667,13 +667,13 @@ export const color = [ ] }, { - type: "color", - value: "#277ac4", + $type: "color", + $value: "#277ac4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.10}" + $type: "color", + $value: "{color.brand1.10}" }, name: "--ds-color-brand1-base-hover", attributes: {}, @@ -684,13 +684,13 @@ export const color = [ ] }, { - type: "color", - value: "#0163ba", + $type: "color", + $value: "#0163ba", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.11}" + $type: "color", + $value: "{color.brand1.11}" }, name: "--ds-color-brand1-base-active", attributes: {}, @@ -701,13 +701,13 @@ export const color = [ ] }, { - type: "color", - value: "#72a8d9", + $type: "color", + $value: "#72a8d9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.12}" + $type: "color", + $value: "{color.brand1.12}" }, name: "--ds-color-brand1-text-subtle", attributes: {}, @@ -718,13 +718,13 @@ export const color = [ ] }, { - type: "color", - value: "#d1e3f3", + $type: "color", + $value: "#d1e3f3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.13}" + $type: "color", + $value: "{color.brand1.13}" }, name: "--ds-color-brand1-text-default", attributes: {}, @@ -735,13 +735,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.contrast-1}" + $type: "color", + $value: "{color.brand1.contrast-1}" }, name: "--ds-color-brand1-contrast-default", attributes: {}, @@ -752,13 +752,13 @@ export const color = [ ] }, { - type: "color", - value: "#0d1823", + $type: "color", + $value: "#0d1823", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.contrast-2}" + $type: "color", + $value: "{color.brand1.contrast-2}" }, name: "--ds-color-brand1-contrast-subtle", attributes: {}, @@ -769,13 +769,13 @@ export const color = [ ] }, { - type: "color", - value: "#1e182f", + $type: "color", + $value: "#1e182f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.1}" + $type: "color", + $value: "{color.brand2.1}" }, name: "--ds-color-brand2-background-default", attributes: {}, @@ -786,13 +786,13 @@ export const color = [ ] }, { - type: "color", - value: "#271f3c", + $type: "color", + $value: "#271f3c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.2}" + $type: "color", + $value: "{color.brand2.2}" }, name: "--ds-color-brand2-background-subtle", attributes: {}, @@ -803,13 +803,13 @@ export const color = [ ] }, { - type: "color", - value: "#352952", + $type: "color", + $value: "#352952", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.3}" + $type: "color", + $value: "{color.brand2.3}" }, name: "--ds-color-brand2-surface-default", attributes: {}, @@ -820,13 +820,13 @@ export const color = [ ] }, { - type: "color", - value: "#433665", + $type: "color", + $value: "#433665", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.4}" + $type: "color", + $value: "{color.brand2.4}" }, name: "--ds-color-brand2-surface-hover", attributes: {}, @@ -837,13 +837,13 @@ export const color = [ ] }, { - type: "color", - value: "#514570", + $type: "color", + $value: "#514570", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.5}" + $type: "color", + $value: "{color.brand2.5}" }, name: "--ds-color-brand2-surface-active", attributes: {}, @@ -854,13 +854,13 @@ export const color = [ ] }, { - type: "color", - value: "#584b75", + $type: "color", + $value: "#584b75", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.6}" + $type: "color", + $value: "{color.brand2.6}" }, name: "--ds-color-brand2-border-subtle", attributes: {}, @@ -871,13 +871,13 @@ export const color = [ ] }, { - type: "color", - value: "#746a8d", + $type: "color", + $value: "#746a8d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.7}" + $type: "color", + $value: "{color.brand2.7}" }, name: "--ds-color-brand2-border-default", attributes: {}, @@ -888,13 +888,13 @@ export const color = [ ] }, { - type: "color", - value: "#c0bccb", + $type: "color", + $value: "#c0bccb", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.8}" + $type: "color", + $value: "{color.brand2.8}" }, name: "--ds-color-brand2-border-strong", attributes: {}, @@ -905,13 +905,13 @@ export const color = [ ] }, { - type: "color", - value: "#aea8bc", + $type: "color", + $value: "#aea8bc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.9}" + $type: "color", + $value: "{color.brand2.9}" }, name: "--ds-color-brand2-base-default", attributes: {}, @@ -922,13 +922,13 @@ export const color = [ ] }, { - type: "color", - value: "#9992ab", + $type: "color", + $value: "#9992ab", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.10}" + $type: "color", + $value: "{color.brand2.10}" }, name: "--ds-color-brand2-base-hover", attributes: {}, @@ -939,13 +939,13 @@ export const color = [ ] }, { - type: "color", - value: "#857d9b", + $type: "color", + $value: "#857d9b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.11}" + $type: "color", + $value: "{color.brand2.11}" }, name: "--ds-color-brand2-base-active", attributes: {}, @@ -956,13 +956,13 @@ export const color = [ ] }, { - type: "color", - value: "#a6a0b6", + $type: "color", + $value: "#a6a0b6", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.12}" + $type: "color", + $value: "{color.brand2.12}" }, name: "--ds-color-brand2-text-subtle", attributes: {}, @@ -973,13 +973,13 @@ export const color = [ ] }, { - type: "color", - value: "#e3e1e8", + $type: "color", + $value: "#e3e1e8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.13}" + $type: "color", + $value: "{color.brand2.13}" }, name: "--ds-color-brand2-text-default", attributes: {}, @@ -990,13 +990,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.contrast-1}" + $type: "color", + $value: "{color.brand2.contrast-1}" }, name: "--ds-color-brand2-contrast-default", attributes: {}, @@ -1007,13 +1007,13 @@ export const color = [ ] }, { - type: "color", - value: "#1c1b1f", + $type: "color", + $value: "#1c1b1f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.contrast-2}" + $type: "color", + $value: "{color.brand2.contrast-2}" }, name: "--ds-color-brand2-contrast-subtle", attributes: {}, @@ -1024,13 +1024,13 @@ export const color = [ ] }, { - type: "color", - value: "#370c12", + $type: "color", + $value: "#370c12", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.1}" + $type: "color", + $value: "{color.brand3.1}" }, name: "--ds-color-brand3-background-default", attributes: {}, @@ -1041,13 +1041,13 @@ export const color = [ ] }, { - type: "color", - value: "#460f17", + $type: "color", + $value: "#460f17", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.2}" + $type: "color", + $value: "{color.brand3.2}" }, name: "--ds-color-brand3-background-subtle", attributes: {}, @@ -1058,13 +1058,13 @@ export const color = [ ] }, { - type: "color", - value: "#5f141f", + $type: "color", + $value: "#5f141f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.3}" + $type: "color", + $value: "{color.brand3.3}" }, name: "--ds-color-brand3-surface-default", attributes: {}, @@ -1075,13 +1075,13 @@ export const color = [ ] }, { - type: "color", - value: "#761927", + $type: "color", + $value: "#761927", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.4}" + $type: "color", + $value: "{color.brand3.4}" }, name: "--ds-color-brand3-surface-hover", attributes: {}, @@ -1092,13 +1092,13 @@ export const color = [ ] }, { - type: "color", - value: "#901e30", + $type: "color", + $value: "#901e30", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.5}" + $type: "color", + $value: "{color.brand3.5}" }, name: "--ds-color-brand3-surface-active", attributes: {}, @@ -1109,13 +1109,13 @@ export const color = [ ] }, { - type: "color", - value: "#9d2134", + $type: "color", + $value: "#9d2134", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.6}" + $type: "color", + $value: "{color.brand3.6}" }, name: "--ds-color-brand3-border-subtle", attributes: {}, @@ -1126,13 +1126,13 @@ export const color = [ ] }, { - type: "color", - value: "#d32c46", + $type: "color", + $value: "#d32c46", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.7}" + $type: "color", + $value: "{color.brand3.7}" }, name: "--ds-color-brand3-border-default", attributes: {}, @@ -1143,13 +1143,13 @@ export const color = [ ] }, { - type: "color", - value: "#f2abb6", + $type: "color", + $value: "#f2abb6", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.8}" + $type: "color", + $value: "{color.brand3.8}" }, name: "--ds-color-brand3-border-strong", attributes: {}, @@ -1160,13 +1160,13 @@ export const color = [ ] }, { - type: "color", - value: "#e02f4a", + $type: "color", + $value: "#e02f4a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.9}" + $type: "color", + $value: "{color.brand3.9}" }, name: "--ds-color-brand3-base-default", attributes: {}, @@ -1177,13 +1177,13 @@ export const color = [ ] }, { - type: "color", - value: "#bc273e", + $type: "color", + $value: "#bc273e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.10}" + $type: "color", + $value: "{color.brand3.10}" }, name: "--ds-color-brand3-base-hover", attributes: {}, @@ -1194,13 +1194,13 @@ export const color = [ ] }, { - type: "color", - value: "#982032", + $type: "color", + $value: "#982032", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.11}" + $type: "color", + $value: "{color.brand3.11}" }, name: "--ds-color-brand3-base-active", attributes: {}, @@ -1211,13 +1211,13 @@ export const color = [ ] }, { - type: "color", - value: "#ed8494", + $type: "color", + $value: "#ed8494", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.12}" + $type: "color", + $value: "{color.brand3.12}" }, name: "--ds-color-brand3-text-subtle", attributes: {}, @@ -1228,13 +1228,13 @@ export const color = [ ] }, { - type: "color", - value: "#f9dadf", + $type: "color", + $value: "#f9dadf", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.13}" + $type: "color", + $value: "{color.brand3.13}" }, name: "--ds-color-brand3-text-default", attributes: {}, @@ -1245,13 +1245,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.contrast-1}" + $type: "color", + $value: "{color.brand3.contrast-1}" }, name: "--ds-color-brand3-contrast-default", attributes: {}, @@ -1262,13 +1262,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.contrast-2}" + $type: "color", + $value: "{color.brand3.contrast-2}" }, name: "--ds-color-brand3-contrast-subtle", attributes: {}, @@ -1279,13 +1279,13 @@ export const color = [ ] }, { - type: "color", - value: "#022106", + $type: "color", + $value: "#022106", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.1}" + $type: "color", + $value: "{global.green.1}" }, name: "--ds-color-success-background-default", attributes: {}, @@ -1296,13 +1296,13 @@ export const color = [ ] }, { - type: "color", - value: "#022b08", + $type: "color", + $value: "#022b08", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.2}" + $type: "color", + $value: "{global.green.2}" }, name: "--ds-color-success-background-subtle", attributes: {}, @@ -1313,13 +1313,13 @@ export const color = [ ] }, { - type: "color", - value: "#03380a", + $type: "color", + $value: "#03380a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.3}" + $type: "color", + $value: "{global.green.3}" }, name: "--ds-color-success-surface-default", attributes: {}, @@ -1330,13 +1330,13 @@ export const color = [ ] }, { - type: "color", - value: "#04480d", + $type: "color", + $value: "#04480d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.4}" + $type: "color", + $value: "{global.green.4}" }, name: "--ds-color-success-surface-hover", attributes: {}, @@ -1347,13 +1347,13 @@ export const color = [ ] }, { - type: "color", - value: "#045810", + $type: "color", + $value: "#045810", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.5}" + $type: "color", + $value: "{global.green.5}" }, name: "--ds-color-success-surface-active", attributes: {}, @@ -1364,13 +1364,13 @@ export const color = [ ] }, { - type: "color", - value: "#056011", + $type: "color", + $value: "#056011", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.6}" + $type: "color", + $value: "{global.green.6}" }, name: "--ds-color-success-border-subtle", attributes: {}, @@ -1381,13 +1381,13 @@ export const color = [ ] }, { - type: "color", - value: "#068117", + $type: "color", + $value: "#068117", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.7}" + $type: "color", + $value: "{global.green.7}" }, name: "--ds-color-success-border-default", attributes: {}, @@ -1398,13 +1398,13 @@ export const color = [ ] }, { - type: "color", - value: "#90cc98", + $type: "color", + $value: "#90cc98", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.8}" + $type: "color", + $value: "{global.green.8}" }, name: "--ds-color-success-border-strong", attributes: {}, @@ -1415,13 +1415,13 @@ export const color = [ ] }, { - type: "color", - value: "#078818", + $type: "color", + $value: "#078818", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.9}" + $type: "color", + $value: "{global.green.9}" }, name: "--ds-color-success-base-default", attributes: {}, @@ -1432,13 +1432,13 @@ export const color = [ ] }, { - type: "color", - value: "#067114", + $type: "color", + $value: "#067114", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.10}" + $type: "color", + $value: "{global.green.10}" }, name: "--ds-color-success-base-hover", attributes: {}, @@ -1449,13 +1449,13 @@ export const color = [ ] }, { - type: "color", - value: "#045a10", + $type: "color", + $value: "#045a10", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.11}" + $type: "color", + $value: "{global.green.11}" }, name: "--ds-color-success-base-active", attributes: {}, @@ -1466,13 +1466,13 @@ export const color = [ ] }, { - type: "color", - value: "#5fb56b", + $type: "color", + $value: "#5fb56b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.12}" + $type: "color", + $value: "{global.green.12}" }, name: "--ds-color-success-text-subtle", attributes: {}, @@ -1483,13 +1483,13 @@ export const color = [ ] }, { - type: "color", - value: "#cfe9d3", + $type: "color", + $value: "#cfe9d3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.13}" + $type: "color", + $value: "{global.green.13}" }, name: "--ds-color-success-text-default", attributes: {}, @@ -1500,13 +1500,13 @@ export const color = [ ] }, { - type: "color", - value: "#ffffff", + $type: "color", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.contrast-1}" + $type: "color", + $value: "{global.green.contrast-1}" }, name: "--ds-color-success-contrast-default", attributes: {}, @@ -1517,13 +1517,13 @@ export const color = [ ] }, { - type: "color", - value: "#f9fcf9", + $type: "color", + $value: "#f9fcf9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.contrast-2}" + $type: "color", + $value: "{global.green.contrast-2}" }, name: "--ds-color-success-contrast-subtle", attributes: {}, @@ -1534,13 +1534,13 @@ export const color = [ ] }, { - type: "color", - value: "#3b0808", + $type: "color", + $value: "#3b0808", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.1}" + $type: "color", + $value: "{global.red.1}" }, name: "--ds-color-danger-background-default", attributes: {}, @@ -1551,13 +1551,13 @@ export const color = [ ] }, { - type: "color", - value: "#4b0a0a", + $type: "color", + $value: "#4b0a0a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.2}" + $type: "color", + $value: "{global.red.2}" }, name: "--ds-color-danger-background-subtle", attributes: {}, @@ -1568,13 +1568,13 @@ export const color = [ ] }, { - type: "color", - value: "#620e0e", + $type: "color", + $value: "#620e0e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.3}" + $type: "color", + $value: "{global.red.3}" }, name: "--ds-color-danger-surface-default", attributes: {}, @@ -1585,13 +1585,13 @@ export const color = [ ] }, { - type: "color", - value: "#7c1212", + $type: "color", + $value: "#7c1212", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.4}" + $type: "color", + $value: "{global.red.4}" }, name: "--ds-color-danger-surface-hover", attributes: {}, @@ -1602,13 +1602,13 @@ export const color = [ ] }, { - type: "color", - value: "#961515", + $type: "color", + $value: "#961515", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.5}" + $type: "color", + $value: "{global.red.5}" }, name: "--ds-color-danger-surface-active", attributes: {}, @@ -1619,13 +1619,13 @@ export const color = [ ] }, { - type: "color", - value: "#a31717", + $type: "color", + $value: "#a31717", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.6}" + $type: "color", + $value: "{global.red.6}" }, name: "--ds-color-danger-border-subtle", attributes: {}, @@ -1636,13 +1636,13 @@ export const color = [ ] }, { - type: "color", - value: "#c93c3c", + $type: "color", + $value: "#c93c3c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.7}" + $type: "color", + $value: "{global.red.7}" }, name: "--ds-color-danger-border-default", attributes: {}, @@ -1653,13 +1653,13 @@ export const color = [ ] }, { - type: "color", - value: "#e9b0b0", + $type: "color", + $value: "#e9b0b0", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.8}" + $type: "color", + $value: "{global.red.8}" }, name: "--ds-color-danger-border-strong", attributes: {}, @@ -1670,13 +1670,13 @@ export const color = [ ] }, { - type: "color", - value: "#d76e6e", + $type: "color", + $value: "#d76e6e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.9}" + $type: "color", + $value: "{global.red.9}" }, name: "--ds-color-danger-base-default", attributes: {}, @@ -1687,13 +1687,13 @@ export const color = [ ] }, { - type: "color", - value: "#ce4e4e", + $type: "color", + $value: "#ce4e4e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.10}" + $type: "color", + $value: "{global.red.10}" }, name: "--ds-color-danger-base-hover", attributes: {}, @@ -1704,13 +1704,13 @@ export const color = [ ] }, { - type: "color", - value: "#c32727", + $type: "color", + $value: "#c32727", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.11}" + $type: "color", + $value: "{global.red.11}" }, name: "--ds-color-danger-base-active", attributes: {}, @@ -1721,13 +1721,13 @@ export const color = [ ] }, { - type: "color", - value: "#df8d8d", + $type: "color", + $value: "#df8d8d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.12}" + $type: "color", + $value: "{global.red.12}" }, name: "--ds-color-danger-text-subtle", attributes: {}, @@ -1738,13 +1738,13 @@ export const color = [ ] }, { - type: "color", - value: "#f5dcdc", + $type: "color", + $value: "#f5dcdc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.13}" + $type: "color", + $value: "{global.red.13}" }, name: "--ds-color-danger-text-default", attributes: {}, @@ -1755,13 +1755,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.contrast-1}" + $type: "color", + $value: "{global.red.contrast-1}" }, name: "--ds-color-danger-contrast-default", attributes: {}, @@ -1772,13 +1772,13 @@ export const color = [ ] }, { - type: "color", - value: "#271414", + $type: "color", + $value: "#271414", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.contrast-2}" + $type: "color", + $value: "{global.red.contrast-2}" }, name: "--ds-color-danger-contrast-subtle", attributes: {}, @@ -1789,13 +1789,13 @@ export const color = [ ] }, { - type: "color", - value: "#031d30", + $type: "color", + $value: "#031d30", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.1}" + $type: "color", + $value: "{global.blue.1}" }, name: "--ds-color-info-background-default", attributes: {}, @@ -1806,13 +1806,13 @@ export const color = [ ] }, { - type: "color", - value: "#032540", + $type: "color", + $value: "#032540", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.2}" + $type: "color", + $value: "{global.blue.2}" }, name: "--ds-color-info-background-subtle", attributes: {}, @@ -1823,13 +1823,13 @@ export const color = [ ] }, { - type: "color", - value: "#043256", + $type: "color", + $value: "#043256", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.3}" + $type: "color", + $value: "{global.blue.3}" }, name: "--ds-color-info-surface-default", attributes: {}, @@ -1840,13 +1840,13 @@ export const color = [ ] }, { - type: "color", - value: "#063f6c", + $type: "color", + $value: "#063f6c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.4}" + $type: "color", + $value: "{global.blue.4}" }, name: "--ds-color-info-surface-hover", attributes: {}, @@ -1857,13 +1857,13 @@ export const color = [ ] }, { - type: "color", - value: "#074d84", + $type: "color", + $value: "#074d84", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.5}" + $type: "color", + $value: "{global.blue.5}" }, name: "--ds-color-info-surface-active", attributes: {}, @@ -1874,13 +1874,13 @@ export const color = [ ] }, { - type: "color", - value: "#075490", + $type: "color", + $value: "#075490", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.6}" + $type: "color", + $value: "{global.blue.6}" }, name: "--ds-color-info-border-subtle", attributes: {}, @@ -1891,13 +1891,13 @@ export const color = [ ] }, { - type: "color", - value: "#0c72c1", + $type: "color", + $value: "#0c72c1", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.7}" + $type: "color", + $value: "{global.blue.7}" }, name: "--ds-color-info-border-default", attributes: {}, @@ -1908,13 +1908,13 @@ export const color = [ ] }, { - type: "color", - value: "#98c3e5", + $type: "color", + $value: "#98c3e5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.8}" + $type: "color", + $value: "{global.blue.8}" }, name: "--ds-color-info-border-strong", attributes: {}, @@ -1925,13 +1925,13 @@ export const color = [ ] }, { - type: "color", - value: "#2a84c8", + $type: "color", + $value: "#2a84c8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.9}" + $type: "color", + $value: "{global.blue.9}" }, name: "--ds-color-info-base-default", attributes: {}, @@ -1942,13 +1942,13 @@ export const color = [ ] }, { - type: "color", - value: "#0a6dba", + $type: "color", + $value: "#0a6dba", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.10}" + $type: "color", + $value: "{global.blue.10}" }, name: "--ds-color-info-base-hover", attributes: {}, @@ -1959,13 +1959,13 @@ export const color = [ ] }, { - type: "color", - value: "#085998", + $type: "color", + $value: "#085998", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.11}" + $type: "color", + $value: "{global.blue.11}" }, name: "--ds-color-info-base-active", attributes: {}, @@ -1976,13 +1976,13 @@ export const color = [ ] }, { - type: "color", - value: "#6ba9d9", + $type: "color", + $value: "#6ba9d9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.12}" + $type: "color", + $value: "{global.blue.12}" }, name: "--ds-color-info-text-subtle", attributes: {}, @@ -1993,13 +1993,13 @@ export const color = [ ] }, { - type: "color", - value: "#d3e5f4", + $type: "color", + $value: "#d3e5f4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.13}" + $type: "color", + $value: "{global.blue.13}" }, name: "--ds-color-info-text-default", attributes: {}, @@ -2010,13 +2010,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.contrast-1}" + $type: "color", + $value: "{global.blue.contrast-1}" }, name: "--ds-color-info-contrast-default", attributes: {}, @@ -2027,13 +2027,13 @@ export const color = [ ] }, { - type: "color", - value: "#040c13", + $type: "color", + $value: "#040c13", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.contrast-2}" + $type: "color", + $value: "{global.blue.contrast-2}" }, name: "--ds-color-info-contrast-subtle", attributes: {}, @@ -2044,13 +2044,13 @@ export const color = [ ] }, { - type: "color", - value: "#221b06", + $type: "color", + $value: "#221b06", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.1}" + $type: "color", + $value: "{global.yellow.1}" }, name: "--ds-color-warning-background-default", attributes: {}, @@ -2061,13 +2061,13 @@ export const color = [ ] }, { - type: "color", - value: "#2b2307", + $type: "color", + $value: "#2b2307", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.2}" + $type: "color", + $value: "{global.yellow.2}" }, name: "--ds-color-warning-background-subtle", attributes: {}, @@ -2078,13 +2078,13 @@ export const color = [ ] }, { - type: "color", - value: "#3a300a", + $type: "color", + $value: "#3a300a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.3}" + $type: "color", + $value: "{global.yellow.3}" }, name: "--ds-color-warning-surface-default", attributes: {}, @@ -2095,13 +2095,13 @@ export const color = [ ] }, { - type: "color", - value: "#4a3d0d", + $type: "color", + $value: "#4a3d0d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.4}" + $type: "color", + $value: "{global.yellow.4}" }, name: "--ds-color-warning-surface-hover", attributes: {}, @@ -2112,13 +2112,13 @@ export const color = [ ] }, { - type: "color", - value: "#5a4a0f", + $type: "color", + $value: "#5a4a0f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.5}" + $type: "color", + $value: "{global.yellow.5}" }, name: "--ds-color-warning-surface-active", attributes: {}, @@ -2129,13 +2129,13 @@ export const color = [ ] }, { - type: "color", - value: "#635011", + $type: "color", + $value: "#635011", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.6}" + $type: "color", + $value: "{global.yellow.6}" }, name: "--ds-color-warning-border-subtle", attributes: {}, @@ -2146,13 +2146,13 @@ export const color = [ ] }, { - type: "color", - value: "#856d17", + $type: "color", + $value: "#856d17", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.7}" + $type: "color", + $value: "{global.yellow.7}" }, name: "--ds-color-warning-border-default", attributes: {}, @@ -2163,13 +2163,13 @@ export const color = [ ] }, { - type: "color", - value: "#e4ba27", + $type: "color", + $value: "#e4ba27", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.8}" + $type: "color", + $value: "{global.yellow.8}" }, name: "--ds-color-warning-border-strong", attributes: {}, @@ -2180,13 +2180,13 @@ export const color = [ ] }, { - type: "color", - value: "#ba541e", + $type: "color", + $value: "#ba541e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.9}" + $type: "color", + $value: "{global.orange.9}" }, name: "--ds-color-warning-base-default", attributes: {}, @@ -2197,13 +2197,13 @@ export const color = [ ] }, { - type: "color", - value: "#994619", + $type: "color", + $value: "#994619", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.10}" + $type: "color", + $value: "{global.orange.10}" }, name: "--ds-color-warning-base-hover", attributes: {}, @@ -2214,13 +2214,13 @@ export const color = [ ] }, { - type: "color", - value: "#7a3814", + $type: "color", + $value: "#7a3814", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.11}" + $type: "color", + $value: "{global.orange.11}" }, name: "--ds-color-warning-base-active", attributes: {}, @@ -2231,13 +2231,13 @@ export const color = [ ] }, { - type: "color", - value: "#db9169", + $type: "color", + $value: "#db9169", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.12}" + $type: "color", + $value: "{global.orange.12}" }, name: "--ds-color-warning-text-subtle", attributes: {}, @@ -2248,13 +2248,13 @@ export const color = [ ] }, { - type: "color", - value: "#f4ddd0", + $type: "color", + $value: "#f4ddd0", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.13}" + $type: "color", + $value: "{global.orange.13}" }, name: "--ds-color-warning-text-default", attributes: {}, @@ -2265,13 +2265,13 @@ export const color = [ ] }, { - type: "color", - value: "#ffffff", + $type: "color", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.contrast-1}" + $type: "color", + $value: "{global.yellow.contrast-1}" }, name: "--ds-color-warning-contrast-default", attributes: {}, @@ -2282,13 +2282,13 @@ export const color = [ ] }, { - type: "color", - value: "#ccc9bf", + $type: "color", + $value: "#ccc9bf", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.contrast-2}" + $type: "color", + $value: "{global.yellow.contrast-2}" }, name: "--ds-color-warning-contrast-subtle", attributes: {}, @@ -2299,13 +2299,13 @@ export const color = [ ] }, { - type: "color", - value: "#131c27", + $type: "color", + $value: "#131c27", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.background-default}" + $type: "color", + $value: "{color.neutral.background-default}" }, name: "--ds-color-focus-inner", attributes: {}, @@ -2316,13 +2316,13 @@ export const color = [ ] }, { - type: "color", - value: "#d1e3f3", + $type: "color", + $value: "#d1e3f3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.text-default}" + $type: "color", + $value: "{color.accent.text-default}" }, name: "--ds-color-focus-outer", attributes: {}, @@ -2336,13 +2336,13 @@ export const color = [ export const typography = [ { - type: "typography", - value: "500 3.75rem/1.3 'Helvetica Neue'", + $type: "typography", + $value: "500 3.75rem/1.3 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2359,21 +2359,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 3rem/1.3 'Helvetica Neue'", - description: "H1", + $type: "typography", + $value: "500 3rem/1.3 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.10}", letterSpacing: "{letter-spacing.1}" - }, - description: "H1" + } }, name: "--ds-typography-heading-xl", attributes: {}, @@ -2384,21 +2382,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 2.25rem/1.3 'Helvetica Neue'", - description: "H2", + $type: "typography", + $value: "500 2.25rem/1.3 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.9}", letterSpacing: "{letter-spacing.2}" - }, - description: "H2" + } }, name: "--ds-typography-heading-lg", attributes: {}, @@ -2409,21 +2405,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.875rem/1.3 'Helvetica Neue'", - description: "H3", + $type: "typography", + $value: "500 1.875rem/1.3 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.8}", letterSpacing: "{letter-spacing.3}" - }, - description: "H3" + } }, name: "--ds-typography-heading-md", attributes: {}, @@ -2434,21 +2428,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.5rem/1.3 'Helvetica Neue'", - description: "H4", + $type: "typography", + $value: "500 1.5rem/1.3 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.7}", letterSpacing: "{letter-spacing.5}" - }, - description: "H4" + } }, name: "--ds-typography-heading-sm", attributes: {}, @@ -2459,21 +2451,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.3125rem/1.3 'Helvetica Neue'", - description: "H5", + $type: "typography", + $value: "500 1.3125rem/1.3 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.6}", letterSpacing: "{letter-spacing.6}" - }, - description: "H5" + } }, name: "--ds-typography-heading-xs", attributes: {}, @@ -2484,21 +2474,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.125rem/1.3 'Helvetica Neue'", - description: "H6", + $type: "typography", + $value: "500 1.125rem/1.3 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.5}", letterSpacing: "{letter-spacing.6}" - }, - description: "H6" + } }, name: "--ds-typography-heading-2xs", attributes: {}, @@ -2509,13 +2497,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.875rem/1.7 'Helvetica Neue'", + $type: "typography", + $value: "400 1.875rem/1.7 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2532,13 +2520,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.5rem/1.7 'Helvetica Neue'", + $type: "typography", + $value: "400 1.5rem/1.7 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2555,13 +2543,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.7 'Helvetica Neue'", + $type: "typography", + $value: "400 1.3125rem/1.7 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2578,13 +2566,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.7 'Helvetica Neue'", + $type: "typography", + $value: "400 1.125rem/1.7 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2601,13 +2589,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.5 'Helvetica Neue'", + $type: "typography", + $value: "400 1.3125rem/1.5 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.md}", @@ -2624,13 +2612,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.5 'Helvetica Neue'", + $type: "typography", + $value: "400 1.125rem/1.5 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.md}", @@ -2647,13 +2635,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1rem/1.5 'Helvetica Neue'", + $type: "typography", + $value: "400 1rem/1.5 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.md}", @@ -2670,13 +2658,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 0.875rem/1.5 'Helvetica Neue'", + $type: "typography", + $value: "400 0.875rem/1.5 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.md}", @@ -2693,13 +2681,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.3 'Helvetica Neue'", + $type: "typography", + $value: "400 1.3125rem/1.3 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -2717,13 +2705,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.3 'Helvetica Neue'", + $type: "typography", + $value: "400 1.125rem/1.3 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -2741,13 +2729,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1rem/1.3 'Helvetica Neue'", + $type: "typography", + $value: "400 1rem/1.3 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -2765,13 +2753,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 0.875rem/1.3 'Helvetica Neue'", + $type: "typography", + $value: "400 0.875rem/1.3 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -2789,13 +2777,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.7 'Helvetica Neue'", + $type: "typography", + $value: "400 1.3125rem/1.7 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2813,13 +2801,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.7 'Helvetica Neue'", + $type: "typography", + $value: "400 1.125rem/1.7 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2837,13 +2825,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1rem/1.7 'Helvetica Neue'", + $type: "typography", + $value: "400 1rem/1.7 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2861,13 +2849,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 0.875rem/1.7 'Helvetica Neue'", + $type: "typography", + $value: "400 0.875rem/1.7 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2885,13 +2873,13 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.3125rem/1.3 'Helvetica Neue'", + $type: "typography", + $value: "500 1.3125rem/1.3 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2908,13 +2896,13 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.125rem/1.3 'Helvetica Neue'", + $type: "typography", + $value: "500 1.125rem/1.3 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2931,13 +2919,13 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1rem/1.3 'Helvetica Neue'", + $type: "typography", + $value: "500 1rem/1.3 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2954,13 +2942,13 @@ export const typography = [ ] }, { - type: "typography", - value: "500 0.875rem/1.3 'Helvetica Neue'", + $type: "typography", + $value: "500 0.875rem/1.3 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2977,13 +2965,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.3 'Helvetica Neue'", + $type: "typography", + $value: "400 1.3125rem/1.3 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -3000,13 +2988,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.3 'Helvetica Neue'", + $type: "typography", + $value: "400 1.125rem/1.3 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -3023,13 +3011,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1rem/1.3 'Helvetica Neue'", + $type: "typography", + $value: "400 1rem/1.3 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -3046,13 +3034,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 0.875rem/1.3 'Helvetica Neue'", + $type: "typography", + $value: "400 0.875rem/1.3 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -3072,13 +3060,13 @@ export const typography = [ export const opacity = [ { - type: "opacity", - value: "30%", + $type: "opacity", + $value: "30%", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "opacity", - value: "{opacity.30}" + $type: "opacity", + $value: "{opacity.30}" }, name: "--ds-disabled-opacity", attributes: {}, @@ -3091,13 +3079,13 @@ export const opacity = [ export const dimension = [ { - type: "dimension", - value: "0.125rem", + $type: "dimension", + $value: "0.125rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*0.5" + $type: "dimension", + $value: "{border-radius.base}*0.5" }, name: "--ds-border-radius-sm", attributes: {}, @@ -3107,13 +3095,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.25rem", + $type: "dimension", + $value: "0.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*1" + $type: "dimension", + $value: "{border-radius.base}*1" }, name: "--ds-border-radius-md", attributes: {}, @@ -3123,13 +3111,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.5rem", + $type: "dimension", + $value: "0.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*2" + $type: "dimension", + $value: "{border-radius.base}*2" }, name: "--ds-border-radius-lg", attributes: {}, @@ -3139,13 +3127,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.75rem", + $type: "dimension", + $value: "0.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*3" + $type: "dimension", + $value: "{border-radius.base}*3" }, name: "--ds-border-radius-xl", attributes: {}, @@ -3155,13 +3143,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1rem", + $type: "dimension", + $value: "1rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*4" + $type: "dimension", + $value: "{border-radius.base}*4" }, name: "--ds-border-radius-2xl", attributes: {}, @@ -3171,13 +3159,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.5rem", + $type: "dimension", + $value: "1.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*6" + $type: "dimension", + $value: "{border-radius.base}*6" }, name: "--ds-border-radius-3xl", attributes: {}, @@ -3187,13 +3175,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2rem", + $type: "dimension", + $value: "2rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*8" + $type: "dimension", + $value: "{border-radius.base}*8" }, name: "--ds-border-radius-4xl", attributes: {}, @@ -3203,13 +3191,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "624.9375rem", + $type: "dimension", + $value: "624.9375rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "9999" + $type: "dimension", + $value: "9999" }, name: "--ds-border-radius-full", attributes: {}, @@ -3219,13 +3207,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0rem", + $type: "dimension", + $value: "0rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*0" + $type: "dimension", + $value: "{spacing.base}*0" }, name: "--ds-spacing-0", attributes: {}, @@ -3235,13 +3223,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.25rem", + $type: "dimension", + $value: "0.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*1" + $type: "dimension", + $value: "{spacing.base}*1" }, name: "--ds-spacing-1", attributes: {}, @@ -3251,13 +3239,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.5rem", + $type: "dimension", + $value: "0.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*2" + $type: "dimension", + $value: "{spacing.base}*2" }, name: "--ds-spacing-2", attributes: {}, @@ -3267,13 +3255,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.75rem", + $type: "dimension", + $value: "0.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*3" + $type: "dimension", + $value: "{spacing.base}*3" }, name: "--ds-spacing-3", attributes: {}, @@ -3283,13 +3271,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1rem", + $type: "dimension", + $value: "1rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*4" + $type: "dimension", + $value: "{spacing.base}*4" }, name: "--ds-spacing-4", attributes: {}, @@ -3299,13 +3287,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.25rem", + $type: "dimension", + $value: "1.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*5" + $type: "dimension", + $value: "{spacing.base}*5" }, name: "--ds-spacing-5", attributes: {}, @@ -3315,13 +3303,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.5rem", + $type: "dimension", + $value: "1.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*6" + $type: "dimension", + $value: "{spacing.base}*6" }, name: "--ds-spacing-6", attributes: {}, @@ -3331,13 +3319,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.75rem", + $type: "dimension", + $value: "1.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*7" + $type: "dimension", + $value: "{spacing.base}*7" }, name: "--ds-spacing-7", attributes: {}, @@ -3347,13 +3335,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2rem", + $type: "dimension", + $value: "2rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*8" + $type: "dimension", + $value: "{spacing.base}*8" }, name: "--ds-spacing-8", attributes: {}, @@ -3363,13 +3351,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.25rem", + $type: "dimension", + $value: "2.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*9" + $type: "dimension", + $value: "{spacing.base}*9" }, name: "--ds-spacing-9", attributes: {}, @@ -3379,13 +3367,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.5rem", + $type: "dimension", + $value: "2.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*10" + $type: "dimension", + $value: "{spacing.base}*10" }, name: "--ds-spacing-10", attributes: {}, @@ -3395,13 +3383,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.75rem", + $type: "dimension", + $value: "2.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*11" + $type: "dimension", + $value: "{spacing.base}*11" }, name: "--ds-spacing-11", attributes: {}, @@ -3411,13 +3399,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3rem", + $type: "dimension", + $value: "3rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*12" + $type: "dimension", + $value: "{spacing.base}*12" }, name: "--ds-spacing-12", attributes: {}, @@ -3427,13 +3415,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.25rem", + $type: "dimension", + $value: "3.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*13" + $type: "dimension", + $value: "{spacing.base}*13" }, name: "--ds-spacing-13", attributes: {}, @@ -3443,13 +3431,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.5rem", + $type: "dimension", + $value: "3.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*14" + $type: "dimension", + $value: "{spacing.base}*14" }, name: "--ds-spacing-14", attributes: {}, @@ -3459,13 +3447,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.75rem", + $type: "dimension", + $value: "3.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*15" + $type: "dimension", + $value: "{spacing.base}*15" }, name: "--ds-spacing-15", attributes: {}, @@ -3475,13 +3463,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "4.5rem", + $type: "dimension", + $value: "4.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*18" + $type: "dimension", + $value: "{spacing.base}*18" }, name: "--ds-spacing-18", attributes: {}, @@ -3491,13 +3479,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "5.5rem", + $type: "dimension", + $value: "5.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*22" + $type: "dimension", + $value: "{spacing.base}*22" }, name: "--ds-spacing-22", attributes: {}, @@ -3507,13 +3495,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "6.5rem", + $type: "dimension", + $value: "6.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*26" + $type: "dimension", + $value: "{spacing.base}*26" }, name: "--ds-spacing-26", attributes: {}, @@ -3523,13 +3511,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "7.5rem", + $type: "dimension", + $value: "7.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*30" + $type: "dimension", + $value: "{spacing.base}*30" }, name: "--ds-spacing-30", attributes: {}, @@ -3539,13 +3527,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0rem", + $type: "dimension", + $value: "0rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*0" + $type: "dimension", + $value: "{sizing.base}*0" }, name: "--ds-sizing-0", attributes: {}, @@ -3555,13 +3543,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.25rem", + $type: "dimension", + $value: "0.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*1" + $type: "dimension", + $value: "{sizing.base}*1" }, name: "--ds-sizing-1", attributes: {}, @@ -3571,13 +3559,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.5rem", + $type: "dimension", + $value: "0.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*2" + $type: "dimension", + $value: "{sizing.base}*2" }, name: "--ds-sizing-2", attributes: {}, @@ -3587,13 +3575,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.75rem", + $type: "dimension", + $value: "0.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*3" + $type: "dimension", + $value: "{sizing.base}*3" }, name: "--ds-sizing-3", attributes: {}, @@ -3603,13 +3591,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1rem", + $type: "dimension", + $value: "1rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*4" + $type: "dimension", + $value: "{sizing.base}*4" }, name: "--ds-sizing-4", attributes: {}, @@ -3619,13 +3607,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.25rem", + $type: "dimension", + $value: "1.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*5" + $type: "dimension", + $value: "{sizing.base}*5" }, name: "--ds-sizing-5", attributes: {}, @@ -3635,13 +3623,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.5rem", + $type: "dimension", + $value: "1.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*6" + $type: "dimension", + $value: "{sizing.base}*6" }, name: "--ds-sizing-6", attributes: {}, @@ -3651,13 +3639,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.75rem", + $type: "dimension", + $value: "1.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*7" + $type: "dimension", + $value: "{sizing.base}*7" }, name: "--ds-sizing-7", attributes: {}, @@ -3667,13 +3655,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2rem", + $type: "dimension", + $value: "2rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*8" + $type: "dimension", + $value: "{sizing.base}*8" }, name: "--ds-sizing-8", attributes: {}, @@ -3683,13 +3671,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.25rem", + $type: "dimension", + $value: "2.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*9" + $type: "dimension", + $value: "{sizing.base}*9" }, name: "--ds-sizing-9", attributes: {}, @@ -3699,13 +3687,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.5rem", + $type: "dimension", + $value: "2.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*10" + $type: "dimension", + $value: "{sizing.base}*10" }, name: "--ds-sizing-10", attributes: {}, @@ -3715,13 +3703,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.75rem", + $type: "dimension", + $value: "2.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*11" + $type: "dimension", + $value: "{sizing.base}*11" }, name: "--ds-sizing-11", attributes: {}, @@ -3731,13 +3719,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3rem", + $type: "dimension", + $value: "3rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*12" + $type: "dimension", + $value: "{sizing.base}*12" }, name: "--ds-sizing-12", attributes: {}, @@ -3747,13 +3735,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.25rem", + $type: "dimension", + $value: "3.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*13" + $type: "dimension", + $value: "{sizing.base}*13" }, name: "--ds-sizing-13", attributes: {}, @@ -3763,13 +3751,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.5rem", + $type: "dimension", + $value: "3.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*14" + $type: "dimension", + $value: "{sizing.base}*14" }, name: "--ds-sizing-14", attributes: {}, @@ -3779,13 +3767,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.75rem", + $type: "dimension", + $value: "3.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*15" + $type: "dimension", + $value: "{sizing.base}*15" }, name: "--ds-sizing-15", attributes: {}, @@ -3795,13 +3783,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "4.5rem", + $type: "dimension", + $value: "4.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*18" + $type: "dimension", + $value: "{sizing.base}*18" }, name: "--ds-sizing-18", attributes: {}, @@ -3811,13 +3799,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "5.5rem", + $type: "dimension", + $value: "5.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*22" + $type: "dimension", + $value: "{sizing.base}*22" }, name: "--ds-sizing-22", attributes: {}, @@ -3827,13 +3815,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "6.5rem", + $type: "dimension", + $value: "6.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*26" + $type: "dimension", + $value: "{sizing.base}*26" }, name: "--ds-sizing-26", attributes: {}, @@ -3843,13 +3831,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "7.5rem", + $type: "dimension", + $value: "7.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*30" + $type: "dimension", + $value: "{sizing.base}*30" }, name: "--ds-sizing-30", attributes: {}, @@ -3862,13 +3850,13 @@ export const dimension = [ export const shadow = [ { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.12)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.12)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.100}" + $type: "shadow", + $value: "{shadow.100}" }, name: "--ds-shadow-xs", attributes: {}, @@ -3878,13 +3866,13 @@ export const shadow = [ ] }, { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.15), 0 1px 2px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.1)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.15), 0 1px 2px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.1)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.200}" + $type: "shadow", + $value: "{shadow.200}" }, name: "--ds-shadow-sm", attributes: {}, @@ -3894,13 +3882,13 @@ export const shadow = [ ] }, { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.14), 0 2px 4px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.12)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.14), 0 2px 4px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.12)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.300}" + $type: "shadow", + $value: "{shadow.300}" }, name: "--ds-shadow-md", attributes: {}, @@ -3910,13 +3898,13 @@ export const shadow = [ ] }, { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.13), 0 3px 5px 0 rgba(0,0,0,0.13), 0 6px 12px 0 rgba(0,0,0,0.14)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.13), 0 3px 5px 0 rgba(0,0,0,0.13), 0 6px 12px 0 rgba(0,0,0,0.14)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.400}" + $type: "shadow", + $value: "{shadow.400}" }, name: "--ds-shadow-lg", attributes: {}, @@ -3926,13 +3914,13 @@ export const shadow = [ ] }, { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.16), 0 12px 24px 0 rgba(0,0,0,0.16)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.16), 0 12px 24px 0 rgba(0,0,0,0.16)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.500}" + $type: "shadow", + $value: "{shadow.500}" }, name: "--ds-shadow-xl", attributes: {}, diff --git a/apps/storefront/tokens/altinn/light.ts b/apps/storefront/tokens/altinn/light.ts index 02d5f29b76..61710c5e6e 100644 --- a/apps/storefront/tokens/altinn/light.ts +++ b/apps/storefront/tokens/altinn/light.ts @@ -4,13 +4,13 @@ export const color = [ { - type: "color", - value: "#fefeff", + $type: "color", + $value: "#fefeff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.1}" + $type: "color", + $value: "{color.accent.1}" }, name: "--ds-color-accent-background-default", attributes: {}, @@ -21,13 +21,13 @@ export const color = [ ] }, { - type: "color", - value: "#eef4fa", + $type: "color", + $value: "#eef4fa", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.2}" + $type: "color", + $value: "{color.accent.2}" }, name: "--ds-color-accent-background-subtle", attributes: {}, @@ -38,13 +38,13 @@ export const color = [ ] }, { - type: "color", - value: "#d1e3f3", + $type: "color", + $value: "#d1e3f3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.3}" + $type: "color", + $value: "{color.accent.3}" }, name: "--ds-color-accent-surface-default", attributes: {}, @@ -55,13 +55,13 @@ export const color = [ ] }, { - type: "color", - value: "#bad5ec", + $type: "color", + $value: "#bad5ec", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.4}" + $type: "color", + $value: "{color.accent.4}" }, name: "--ds-color-accent-surface-hover", attributes: {}, @@ -72,13 +72,13 @@ export const color = [ ] }, { - type: "color", - value: "#a1c5e5", + $type: "color", + $value: "#a1c5e5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.5}" + $type: "color", + $value: "{color.accent.5}" }, name: "--ds-color-accent-surface-active", attributes: {}, @@ -89,13 +89,13 @@ export const color = [ ] }, { - type: "color", - value: "#97bfe3", + $type: "color", + $value: "#97bfe3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.6}" + $type: "color", + $value: "{color.accent.6}" }, name: "--ds-color-accent-border-subtle", attributes: {}, @@ -106,13 +106,13 @@ export const color = [ ] }, { - type: "color", - value: "#3885c9", + $type: "color", + $value: "#3885c9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.7}" + $type: "color", + $value: "{color.accent.7}" }, name: "--ds-color-accent-border-default", attributes: {}, @@ -123,13 +123,13 @@ export const color = [ ] }, { - type: "color", - value: "#014e93", + $type: "color", + $value: "#014e93", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.8}" + $type: "color", + $value: "{color.accent.8}" }, name: "--ds-color-accent-border-strong", attributes: {}, @@ -140,13 +140,13 @@ export const color = [ ] }, { - type: "color", - value: "#0163ba", + $type: "color", + $value: "#0163ba", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.9}" + $type: "color", + $value: "{color.accent.9}" }, name: "--ds-color-accent-base-default", attributes: {}, @@ -157,13 +157,13 @@ export const color = [ ] }, { - type: "color", - value: "#015097", + $type: "color", + $value: "#015097", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.10}" + $type: "color", + $value: "{color.accent.10}" }, name: "--ds-color-accent-base-hover", attributes: {}, @@ -174,13 +174,13 @@ export const color = [ ] }, { - type: "color", - value: "#013f75", + $type: "color", + $value: "#013f75", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.11}" + $type: "color", + $value: "{color.accent.11}" }, name: "--ds-color-accent-base-active", attributes: {}, @@ -191,13 +191,13 @@ export const color = [ ] }, { - type: "color", - value: "#0163ba", + $type: "color", + $value: "#0163ba", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.12}" + $type: "color", + $value: "{color.accent.12}" }, name: "--ds-color-accent-text-subtle", attributes: {}, @@ -208,13 +208,13 @@ export const color = [ ] }, { - type: "color", - value: "#002d54", + $type: "color", + $value: "#002d54", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.13}" + $type: "color", + $value: "{color.accent.13}" }, name: "--ds-color-accent-text-default", attributes: {}, @@ -225,13 +225,13 @@ export const color = [ ] }, { - type: "color", - value: "#ffffff", + $type: "color", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.contrast-1}" + $type: "color", + $value: "{color.accent.contrast-1}" }, name: "--ds-color-accent-contrast-default", attributes: {}, @@ -242,13 +242,13 @@ export const color = [ ] }, { - type: "color", - value: "#dbe9f5", + $type: "color", + $value: "#dbe9f5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.contrast-2}" + $type: "color", + $value: "{color.accent.contrast-2}" }, name: "--ds-color-accent-contrast-subtle", attributes: {}, @@ -259,13 +259,13 @@ export const color = [ ] }, { - type: "color", - value: "#fefefe", + $type: "color", + $value: "#fefefe", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.1}" + $type: "color", + $value: "{color.neutral.1}" }, name: "--ds-color-neutral-background-default", attributes: {}, @@ -276,13 +276,13 @@ export const color = [ ] }, { - type: "color", - value: "#f3f4f5", + $type: "color", + $value: "#f3f4f5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.2}" + $type: "color", + $value: "{color.neutral.2}" }, name: "--ds-color-neutral-background-subtle", attributes: {}, @@ -293,13 +293,13 @@ export const color = [ ] }, { - type: "color", - value: "#e1e3e5", + $type: "color", + $value: "#e1e3e5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.3}" + $type: "color", + $value: "{color.neutral.3}" }, name: "--ds-color-neutral-surface-default", attributes: {}, @@ -310,13 +310,13 @@ export const color = [ ] }, { - type: "color", - value: "#ced1d4", + $type: "color", + $value: "#ced1d4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.4}" + $type: "color", + $value: "{color.neutral.4}" }, name: "--ds-color-neutral-surface-hover", attributes: {}, @@ -327,13 +327,13 @@ export const color = [ ] }, { - type: "color", - value: "#bdc1c6", + $type: "color", + $value: "#bdc1c6", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.5}" + $type: "color", + $value: "{color.neutral.5}" }, name: "--ds-color-neutral-surface-active", attributes: {}, @@ -344,13 +344,13 @@ export const color = [ ] }, { - type: "color", - value: "#b8bcc1", + $type: "color", + $value: "#b8bcc1", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.6}" + $type: "color", + $value: "{color.neutral.6}" }, name: "--ds-color-neutral-border-subtle", attributes: {}, @@ -361,13 +361,13 @@ export const color = [ ] }, { - type: "color", - value: "#7a818c", + $type: "color", + $value: "#7a818c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.7}" + $type: "color", + $value: "{color.neutral.7}" }, name: "--ds-color-neutral-border-default", attributes: {}, @@ -378,13 +378,13 @@ export const color = [ ] }, { - type: "color", - value: "#444e5d", + $type: "color", + $value: "#444e5d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.8}" + $type: "color", + $value: "{color.neutral.8}" }, name: "--ds-color-neutral-border-strong", attributes: {}, @@ -395,13 +395,13 @@ export const color = [ ] }, { - type: "color", - value: "#1e2b3c", + $type: "color", + $value: "#1e2b3c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.9}" + $type: "color", + $value: "{color.neutral.9}" }, name: "--ds-color-neutral-base-default", attributes: {}, @@ -412,13 +412,13 @@ export const color = [ ] }, { - type: "color", - value: "#303c4b", + $type: "color", + $value: "#303c4b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.10}" + $type: "color", + $value: "{color.neutral.10}" }, name: "--ds-color-neutral-base-hover", attributes: {}, @@ -429,13 +429,13 @@ export const color = [ ] }, { - type: "color", - value: "#444e5d", + $type: "color", + $value: "#444e5d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.11}" + $type: "color", + $value: "{color.neutral.11}" }, name: "--ds-color-neutral-base-active", attributes: {}, @@ -446,13 +446,13 @@ export const color = [ ] }, { - type: "color", - value: "#5b6471", + $type: "color", + $value: "#5b6471", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.12}" + $type: "color", + $value: "{color.neutral.12}" }, name: "--ds-color-neutral-text-subtle", attributes: {}, @@ -463,13 +463,13 @@ export const color = [ ] }, { - type: "color", - value: "#202c3d", + $type: "color", + $value: "#202c3d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.13}" + $type: "color", + $value: "{color.neutral.13}" }, name: "--ds-color-neutral-text-default", attributes: {}, @@ -480,13 +480,13 @@ export const color = [ ] }, { - type: "color", - value: "#ffffff", + $type: "color", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.contrast-1}" + $type: "color", + $value: "{color.neutral.contrast-1}" }, name: "--ds-color-neutral-contrast-default", attributes: {}, @@ -497,13 +497,13 @@ export const color = [ ] }, { - type: "color", - value: "#bbbfc4", + $type: "color", + $value: "#bbbfc4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.contrast-2}" + $type: "color", + $value: "{color.neutral.contrast-2}" }, name: "--ds-color-neutral-contrast-subtle", attributes: {}, @@ -514,13 +514,13 @@ export const color = [ ] }, { - type: "color", - value: "#fefeff", + $type: "color", + $value: "#fefeff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.1}" + $type: "color", + $value: "{color.brand1.1}" }, name: "--ds-color-brand1-background-default", attributes: {}, @@ -531,13 +531,13 @@ export const color = [ ] }, { - type: "color", - value: "#eef4fa", + $type: "color", + $value: "#eef4fa", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.2}" + $type: "color", + $value: "{color.brand1.2}" }, name: "--ds-color-brand1-background-subtle", attributes: {}, @@ -548,13 +548,13 @@ export const color = [ ] }, { - type: "color", - value: "#d1e3f3", + $type: "color", + $value: "#d1e3f3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.3}" + $type: "color", + $value: "{color.brand1.3}" }, name: "--ds-color-brand1-surface-default", attributes: {}, @@ -565,13 +565,13 @@ export const color = [ ] }, { - type: "color", - value: "#bad5ec", + $type: "color", + $value: "#bad5ec", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.4}" + $type: "color", + $value: "{color.brand1.4}" }, name: "--ds-color-brand1-surface-hover", attributes: {}, @@ -582,13 +582,13 @@ export const color = [ ] }, { - type: "color", - value: "#a1c5e5", + $type: "color", + $value: "#a1c5e5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.5}" + $type: "color", + $value: "{color.brand1.5}" }, name: "--ds-color-brand1-surface-active", attributes: {}, @@ -599,13 +599,13 @@ export const color = [ ] }, { - type: "color", - value: "#97bfe3", + $type: "color", + $value: "#97bfe3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.6}" + $type: "color", + $value: "{color.brand1.6}" }, name: "--ds-color-brand1-border-subtle", attributes: {}, @@ -616,13 +616,13 @@ export const color = [ ] }, { - type: "color", - value: "#3885c9", + $type: "color", + $value: "#3885c9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.7}" + $type: "color", + $value: "{color.brand1.7}" }, name: "--ds-color-brand1-border-default", attributes: {}, @@ -633,13 +633,13 @@ export const color = [ ] }, { - type: "color", - value: "#014e93", + $type: "color", + $value: "#014e93", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.8}" + $type: "color", + $value: "{color.brand1.8}" }, name: "--ds-color-brand1-border-strong", attributes: {}, @@ -650,13 +650,13 @@ export const color = [ ] }, { - type: "color", - value: "#0163ba", + $type: "color", + $value: "#0163ba", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.9}" + $type: "color", + $value: "{color.brand1.9}" }, name: "--ds-color-brand1-base-default", attributes: {}, @@ -667,13 +667,13 @@ export const color = [ ] }, { - type: "color", - value: "#015097", + $type: "color", + $value: "#015097", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.10}" + $type: "color", + $value: "{color.brand1.10}" }, name: "--ds-color-brand1-base-hover", attributes: {}, @@ -684,13 +684,13 @@ export const color = [ ] }, { - type: "color", - value: "#013f75", + $type: "color", + $value: "#013f75", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.11}" + $type: "color", + $value: "{color.brand1.11}" }, name: "--ds-color-brand1-base-active", attributes: {}, @@ -701,13 +701,13 @@ export const color = [ ] }, { - type: "color", - value: "#0163ba", + $type: "color", + $value: "#0163ba", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.12}" + $type: "color", + $value: "{color.brand1.12}" }, name: "--ds-color-brand1-text-subtle", attributes: {}, @@ -718,13 +718,13 @@ export const color = [ ] }, { - type: "color", - value: "#002d54", + $type: "color", + $value: "#002d54", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.13}" + $type: "color", + $value: "{color.brand1.13}" }, name: "--ds-color-brand1-text-default", attributes: {}, @@ -735,13 +735,13 @@ export const color = [ ] }, { - type: "color", - value: "#ffffff", + $type: "color", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.contrast-1}" + $type: "color", + $value: "{color.brand1.contrast-1}" }, name: "--ds-color-brand1-contrast-default", attributes: {}, @@ -752,13 +752,13 @@ export const color = [ ] }, { - type: "color", - value: "#dbe9f5", + $type: "color", + $value: "#dbe9f5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.contrast-2}" + $type: "color", + $value: "{color.brand1.contrast-2}" }, name: "--ds-color-brand1-contrast-subtle", attributes: {}, @@ -769,13 +769,13 @@ export const color = [ ] }, { - type: "color", - value: "#fefefe", + $type: "color", + $value: "#fefefe", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.1}" + $type: "color", + $value: "{color.brand2.1}" }, name: "--ds-color-brand2-background-default", attributes: {}, @@ -786,13 +786,13 @@ export const color = [ ] }, { - type: "color", - value: "#f4f3f6", + $type: "color", + $value: "#f4f3f6", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.2}" + $type: "color", + $value: "{color.brand2.2}" }, name: "--ds-color-brand2-background-subtle", attributes: {}, @@ -803,13 +803,13 @@ export const color = [ ] }, { - type: "color", - value: "#e3e1e8", + $type: "color", + $value: "#e3e1e8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.3}" + $type: "color", + $value: "{color.brand2.3}" }, name: "--ds-color-brand2-surface-default", attributes: {}, @@ -820,13 +820,13 @@ export const color = [ ] }, { - type: "color", - value: "#d3d0db", + $type: "color", + $value: "#d3d0db", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.4}" + $type: "color", + $value: "{color.brand2.4}" }, name: "--ds-color-brand2-surface-hover", attributes: {}, @@ -837,13 +837,13 @@ export const color = [ ] }, { - type: "color", - value: "#c3bfce", + $type: "color", + $value: "#c3bfce", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.5}" + $type: "color", + $value: "{color.brand2.5}" }, name: "--ds-color-brand2-surface-active", attributes: {}, @@ -854,13 +854,13 @@ export const color = [ ] }, { - type: "color", - value: "#beb9c9", + $type: "color", + $value: "#beb9c9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.6}" + $type: "color", + $value: "{color.brand2.6}" }, name: "--ds-color-brand2-border-subtle", attributes: {}, @@ -871,13 +871,13 @@ export const color = [ ] }, { - type: "color", - value: "#857d9b", + $type: "color", + $value: "#857d9b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.7}" + $type: "color", + $value: "{color.brand2.7}" }, name: "--ds-color-brand2-border-default", attributes: {}, @@ -888,13 +888,13 @@ export const color = [ ] }, { - type: "color", - value: "#534671", + $type: "color", + $value: "#534671", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.8}" + $type: "color", + $value: "{color.brand2.8}" }, name: "--ds-color-brand2-border-strong", attributes: {}, @@ -905,13 +905,13 @@ export const color = [ ] }, { - type: "color", - value: "#3f3161", + $type: "color", + $value: "#3f3161", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.9}" + $type: "color", + $value: "{color.brand2.9}" }, name: "--ds-color-brand2-base-default", attributes: {}, @@ -922,13 +922,13 @@ export const color = [ ] }, { - type: "color", - value: "#514570", + $type: "color", + $value: "#514570", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.10}" + $type: "color", + $value: "{color.brand2.10}" }, name: "--ds-color-brand2-base-hover", attributes: {}, @@ -939,13 +939,13 @@ export const color = [ ] }, { - type: "color", - value: "#64587f", + $type: "color", + $value: "#64587f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.11}" + $type: "color", + $value: "{color.brand2.11}" }, name: "--ds-color-brand2-base-active", attributes: {}, @@ -956,13 +956,13 @@ export const color = [ ] }, { - type: "color", - value: "#685d83", + $type: "color", + $value: "#685d83", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.12}" + $type: "color", + $value: "{color.brand2.12}" }, name: "--ds-color-brand2-text-subtle", attributes: {}, @@ -973,13 +973,13 @@ export const color = [ ] }, { - type: "color", - value: "#30254a", + $type: "color", + $value: "#30254a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.13}" + $type: "color", + $value: "{color.brand2.13}" }, name: "--ds-color-brand2-text-default", attributes: {}, @@ -990,13 +990,13 @@ export const color = [ ] }, { - type: "color", - value: "#ffffff", + $type: "color", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.contrast-1}" + $type: "color", + $value: "{color.brand2.contrast-1}" }, name: "--ds-color-brand2-contrast-default", attributes: {}, @@ -1007,13 +1007,13 @@ export const color = [ ] }, { - type: "color", - value: "#d3d0db", + $type: "color", + $value: "#d3d0db", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.contrast-2}" + $type: "color", + $value: "{color.brand2.contrast-2}" }, name: "--ds-color-brand2-contrast-subtle", attributes: {}, @@ -1024,13 +1024,13 @@ export const color = [ ] }, { - type: "color", - value: "#fffefe", + $type: "color", + $value: "#fffefe", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.1}" + $type: "color", + $value: "{color.brand3.1}" }, name: "--ds-color-brand3-background-default", attributes: {}, @@ -1041,13 +1041,13 @@ export const color = [ ] }, { - type: "color", - value: "#fdf1f3", + $type: "color", + $value: "#fdf1f3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.2}" + $type: "color", + $value: "{color.brand3.2}" }, name: "--ds-color-brand3-background-subtle", attributes: {}, @@ -1058,13 +1058,13 @@ export const color = [ ] }, { - type: "color", - value: "#f9dadf", + $type: "color", + $value: "#f9dadf", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.3}" + $type: "color", + $value: "{color.brand3.3}" }, name: "--ds-color-brand3-surface-default", attributes: {}, @@ -1075,13 +1075,13 @@ export const color = [ ] }, { - type: "color", - value: "#f6c4cc", + $type: "color", + $value: "#f6c4cc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.4}" + $type: "color", + $value: "{color.brand3.4}" }, name: "--ds-color-brand3-surface-hover", attributes: {}, @@ -1092,13 +1092,13 @@ export const color = [ ] }, { - type: "color", - value: "#f3aeb8", + $type: "color", + $value: "#f3aeb8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.5}" + $type: "color", + $value: "{color.brand3.5}" }, name: "--ds-color-brand3-surface-active", attributes: {}, @@ -1109,13 +1109,13 @@ export const color = [ ] }, { - type: "color", - value: "#f2a7b3", + $type: "color", + $value: "#f2a7b3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.6}" + $type: "color", + $value: "{color.brand3.6}" }, name: "--ds-color-brand3-border-subtle", attributes: {}, @@ -1126,13 +1126,13 @@ export const color = [ ] }, { - type: "color", - value: "#e4475f", + $type: "color", + $value: "#e4475f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.7}" + $type: "color", + $value: "{color.brand3.7}" }, name: "--ds-color-brand3-border-default", attributes: {}, @@ -1143,13 +1143,13 @@ export const color = [ ] }, { - type: "color", - value: "#941f31", + $type: "color", + $value: "#941f31", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.8}" + $type: "color", + $value: "{color.brand3.8}" }, name: "--ds-color-brand3-border-strong", attributes: {}, @@ -1160,13 +1160,13 @@ export const color = [ ] }, { - type: "color", - value: "#e02f4a", + $type: "color", + $value: "#e02f4a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.9}" + $type: "color", + $value: "{color.brand3.9}" }, name: "--ds-color-brand3-base-default", attributes: {}, @@ -1177,13 +1177,13 @@ export const color = [ ] }, { - type: "color", - value: "#bc273e", + $type: "color", + $value: "#bc273e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.10}" + $type: "color", + $value: "{color.brand3.10}" }, name: "--ds-color-brand3-base-hover", attributes: {}, @@ -1194,13 +1194,13 @@ export const color = [ ] }, { - type: "color", - value: "#982032", + $type: "color", + $value: "#982032", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.11}" + $type: "color", + $value: "{color.brand3.11}" }, name: "--ds-color-brand3-base-active", attributes: {}, @@ -1211,13 +1211,13 @@ export const color = [ ] }, { - type: "color", - value: "#bc273e", + $type: "color", + $value: "#bc273e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.12}" + $type: "color", + $value: "{color.brand3.12}" }, name: "--ds-color-brand3-text-subtle", attributes: {}, @@ -1228,13 +1228,13 @@ export const color = [ ] }, { - type: "color", - value: "#56121d", + $type: "color", + $value: "#56121d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.13}" + $type: "color", + $value: "{color.brand3.13}" }, name: "--ds-color-brand3-text-default", attributes: {}, @@ -1245,13 +1245,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.contrast-1}" + $type: "color", + $value: "{color.brand3.contrast-1}" }, name: "--ds-color-brand3-contrast-default", attributes: {}, @@ -1262,13 +1262,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.contrast-2}" + $type: "color", + $value: "{color.brand3.contrast-2}" }, name: "--ds-color-brand3-contrast-subtle", attributes: {}, @@ -1279,13 +1279,13 @@ export const color = [ ] }, { - type: "color", - value: "#fcfefc", + $type: "color", + $value: "#fcfefc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.1}" + $type: "color", + $value: "{global.green.1}" }, name: "--ds-color-success-background-default", attributes: {}, @@ -1296,13 +1296,13 @@ export const color = [ ] }, { - type: "color", - value: "#ecf6ed", + $type: "color", + $value: "#ecf6ed", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.2}" + $type: "color", + $value: "{global.green.2}" }, name: "--ds-color-success-background-subtle", attributes: {}, @@ -1313,13 +1313,13 @@ export const color = [ ] }, { - type: "color", - value: "#cfe9d3", + $type: "color", + $value: "#cfe9d3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.3}" + $type: "color", + $value: "{global.green.3}" }, name: "--ds-color-success-surface-default", attributes: {}, @@ -1330,13 +1330,13 @@ export const color = [ ] }, { - type: "color", - value: "#b3dcb8", + $type: "color", + $value: "#b3dcb8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.4}" + $type: "color", + $value: "{global.green.4}" }, name: "--ds-color-success-surface-hover", attributes: {}, @@ -1347,13 +1347,13 @@ export const color = [ ] }, { - type: "color", - value: "#95ce9d", + $type: "color", + $value: "#95ce9d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.5}" + $type: "color", + $value: "{global.green.5}" }, name: "--ds-color-success-surface-active", attributes: {}, @@ -1364,13 +1364,13 @@ export const color = [ ] }, { - type: "color", - value: "#8bca94", + $type: "color", + $value: "#8bca94", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.6}" + $type: "color", + $value: "{global.green.6}" }, name: "--ds-color-success-border-subtle", attributes: {}, @@ -1381,13 +1381,13 @@ export const color = [ ] }, { - type: "color", - value: "#189528", + $type: "color", + $value: "#189528", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.7}" + $type: "color", + $value: "{global.green.7}" }, name: "--ds-color-success-border-default", attributes: {}, @@ -1398,13 +1398,13 @@ export const color = [ ] }, { - type: "color", - value: "#045a10", + $type: "color", + $value: "#045a10", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.8}" + $type: "color", + $value: "{global.green.8}" }, name: "--ds-color-success-border-strong", attributes: {}, @@ -1415,13 +1415,13 @@ export const color = [ ] }, { - type: "color", - value: "#078D19", + $type: "color", + $value: "#078D19", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.9}" + $type: "color", + $value: "{global.green.9}" }, name: "--ds-color-success-base-default", attributes: {}, @@ -1432,13 +1432,13 @@ export const color = [ ] }, { - type: "color", - value: "#067615", + $type: "color", + $value: "#067615", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.10}" + $type: "color", + $value: "{global.green.10}" }, name: "--ds-color-success-base-hover", attributes: {}, @@ -1449,13 +1449,13 @@ export const color = [ ] }, { - type: "color", - value: "#056011", + $type: "color", + $value: "#056011", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.11}" + $type: "color", + $value: "{global.green.11}" }, name: "--ds-color-success-base-active", attributes: {}, @@ -1466,13 +1466,13 @@ export const color = [ ] }, { - type: "color", - value: "#067314", + $type: "color", + $value: "#067314", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.12}" + $type: "color", + $value: "{global.green.12}" }, name: "--ds-color-success-text-subtle", attributes: {}, @@ -1483,13 +1483,13 @@ export const color = [ ] }, { - type: "color", - value: "#033409", + $type: "color", + $value: "#033409", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.13}" + $type: "color", + $value: "{global.green.13}" }, name: "--ds-color-success-text-default", attributes: {}, @@ -1500,13 +1500,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.contrast-1}" + $type: "color", + $value: "{global.green.contrast-1}" }, name: "--ds-color-success-contrast-default", attributes: {}, @@ -1517,13 +1517,13 @@ export const color = [ ] }, { - type: "color", - value: "#000401", + $type: "color", + $value: "#000401", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.contrast-2}" + $type: "color", + $value: "{global.green.contrast-2}" }, name: "--ds-color-success-contrast-subtle", attributes: {}, @@ -1534,13 +1534,13 @@ export const color = [ ] }, { - type: "color", - value: "#fffefe", + $type: "color", + $value: "#fffefe", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.1}" + $type: "color", + $value: "{global.red.1}" }, name: "--ds-color-danger-background-default", attributes: {}, @@ -1551,13 +1551,13 @@ export const color = [ ] }, { - type: "color", - value: "#fbf1f1", + $type: "color", + $value: "#fbf1f1", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.2}" + $type: "color", + $value: "{global.red.2}" }, name: "--ds-color-danger-background-subtle", attributes: {}, @@ -1568,13 +1568,13 @@ export const color = [ ] }, { - type: "color", - value: "#f5dcdc", + $type: "color", + $value: "#f5dcdc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.3}" + $type: "color", + $value: "{global.red.3}" }, name: "--ds-color-danger-surface-default", attributes: {}, @@ -1585,13 +1585,13 @@ export const color = [ ] }, { - type: "color", - value: "#f0c7c7", + $type: "color", + $value: "#f0c7c7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.4}" + $type: "color", + $value: "{global.red.4}" }, name: "--ds-color-danger-surface-hover", attributes: {}, @@ -1602,13 +1602,13 @@ export const color = [ ] }, { - type: "color", - value: "#eab3b3", + $type: "color", + $value: "#eab3b3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.5}" + $type: "color", + $value: "{global.red.5}" }, name: "--ds-color-danger-surface-active", attributes: {}, @@ -1619,13 +1619,13 @@ export const color = [ ] }, { - type: "color", - value: "#e8acac", + $type: "color", + $value: "#e8acac", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.6}" + $type: "color", + $value: "{global.red.6}" }, name: "--ds-color-danger-border-subtle", attributes: {}, @@ -1636,13 +1636,13 @@ export const color = [ ] }, { - type: "color", - value: "#d25b5b", + $type: "color", + $value: "#d25b5b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.7}" + $type: "color", + $value: "{global.red.7}" }, name: "--ds-color-danger-border-default", attributes: {}, @@ -1653,13 +1653,13 @@ export const color = [ ] }, { - type: "color", - value: "#9a1616", + $type: "color", + $value: "#9a1616", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.8}" + $type: "color", + $value: "{global.red.8}" }, name: "--ds-color-danger-border-strong", attributes: {}, @@ -1670,13 +1670,13 @@ export const color = [ ] }, { - type: "color", - value: "#C01B1B", + $type: "color", + $value: "#C01B1B", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.9}" + $type: "color", + $value: "{global.red.9}" }, name: "--ds-color-danger-base-default", attributes: {}, @@ -1687,13 +1687,13 @@ export const color = [ ] }, { - type: "color", - value: "#9a1616", + $type: "color", + $value: "#9a1616", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.10}" + $type: "color", + $value: "{global.red.10}" }, name: "--ds-color-danger-base-hover", attributes: {}, @@ -1704,13 +1704,13 @@ export const color = [ ] }, { - type: "color", - value: "#771111", + $type: "color", + $value: "#771111", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.11}" + $type: "color", + $value: "{global.red.11}" }, name: "--ds-color-danger-base-active", attributes: {}, @@ -1721,13 +1721,13 @@ export const color = [ ] }, { - type: "color", - value: "#c22020", + $type: "color", + $value: "#c22020", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.12}" + $type: "color", + $value: "{global.red.12}" }, name: "--ds-color-danger-text-subtle", attributes: {}, @@ -1738,13 +1738,13 @@ export const color = [ ] }, { - type: "color", - value: "#5a0d0d", + $type: "color", + $value: "#5a0d0d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.13}" + $type: "color", + $value: "{global.red.13}" }, name: "--ds-color-danger-text-default", attributes: {}, @@ -1755,13 +1755,13 @@ export const color = [ ] }, { - type: "color", - value: "#ffffff", + $type: "color", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.contrast-1}" + $type: "color", + $value: "{global.red.contrast-1}" }, name: "--ds-color-danger-contrast-default", attributes: {}, @@ -1772,13 +1772,13 @@ export const color = [ ] }, { - type: "color", - value: "#f6dfdf", + $type: "color", + $value: "#f6dfdf", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.contrast-2}" + $type: "color", + $value: "{global.red.contrast-2}" }, name: "--ds-color-danger-contrast-subtle", attributes: {}, @@ -1789,13 +1789,13 @@ export const color = [ ] }, { - type: "color", - value: "#fefeff", + $type: "color", + $value: "#fefeff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.1}" + $type: "color", + $value: "{global.blue.1}" }, name: "--ds-color-info-background-default", attributes: {}, @@ -1806,13 +1806,13 @@ export const color = [ ] }, { - type: "color", - value: "#edf5fa", + $type: "color", + $value: "#edf5fa", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.2}" + $type: "color", + $value: "{global.blue.2}" }, name: "--ds-color-info-background-subtle", attributes: {}, @@ -1823,13 +1823,13 @@ export const color = [ ] }, { - type: "color", - value: "#d3e5f4", + $type: "color", + $value: "#d3e5f4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.3}" + $type: "color", + $value: "{global.blue.3}" }, name: "--ds-color-info-surface-default", attributes: {}, @@ -1840,13 +1840,13 @@ export const color = [ ] }, { - type: "color", - value: "#b7d5ed", + $type: "color", + $value: "#b7d5ed", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.4}" + $type: "color", + $value: "{global.blue.4}" }, name: "--ds-color-info-surface-hover", attributes: {}, @@ -1857,13 +1857,13 @@ export const color = [ ] }, { - type: "color", - value: "#9bc5e5", + $type: "color", + $value: "#9bc5e5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.5}" + $type: "color", + $value: "{global.blue.5}" }, name: "--ds-color-info-surface-active", attributes: {}, @@ -1874,13 +1874,13 @@ export const color = [ ] }, { - type: "color", - value: "#94c1e3", + $type: "color", + $value: "#94c1e3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.6}" + $type: "color", + $value: "{global.blue.6}" }, name: "--ds-color-info-border-subtle", attributes: {}, @@ -1891,13 +1891,13 @@ export const color = [ ] }, { - type: "color", - value: "#2f86c9", + $type: "color", + $value: "#2f86c9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.7}" + $type: "color", + $value: "{global.blue.7}" }, name: "--ds-color-info-border-default", attributes: {}, @@ -1908,13 +1908,13 @@ export const color = [ ] }, { - type: "color", - value: "#075089", + $type: "color", + $value: "#075089", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.8}" + $type: "color", + $value: "{global.blue.8}" }, name: "--ds-color-info-border-strong", attributes: {}, @@ -1925,13 +1925,13 @@ export const color = [ ] }, { - type: "color", - value: "#0A71C0", + $type: "color", + $value: "#0A71C0", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.9}" + $type: "color", + $value: "{global.blue.9}" }, name: "--ds-color-info-base-default", attributes: {}, @@ -1942,13 +1942,13 @@ export const color = [ ] }, { - type: "color", - value: "#085ea0", + $type: "color", + $value: "#085ea0", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.10}" + $type: "color", + $value: "{global.blue.10}" }, name: "--ds-color-info-base-hover", attributes: {}, @@ -1959,13 +1959,13 @@ export const color = [ ] }, { - type: "color", - value: "#074b80", + $type: "color", + $value: "#074b80", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.11}" + $type: "color", + $value: "{global.blue.11}" }, name: "--ds-color-info-base-active", attributes: {}, @@ -1976,13 +1976,13 @@ export const color = [ ] }, { - type: "color", - value: "#0966ac", + $type: "color", + $value: "#0966ac", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.12}" + $type: "color", + $value: "{global.blue.12}" }, name: "--ds-color-info-text-subtle", attributes: {}, @@ -1993,13 +1993,13 @@ export const color = [ ] }, { - type: "color", - value: "#042d4d", + $type: "color", + $value: "#042d4d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.13}" + $type: "color", + $value: "{global.blue.13}" }, name: "--ds-color-info-text-default", attributes: {}, @@ -2010,13 +2010,13 @@ export const color = [ ] }, { - type: "color", - value: "#ffffff", + $type: "color", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.contrast-1}" + $type: "color", + $value: "{global.blue.contrast-1}" }, name: "--ds-color-info-contrast-default", attributes: {}, @@ -2027,13 +2027,13 @@ export const color = [ ] }, { - type: "color", - value: "#f3f8fc", + $type: "color", + $value: "#f3f8fc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.contrast-2}" + $type: "color", + $value: "{global.blue.contrast-2}" }, name: "--ds-color-info-contrast-subtle", attributes: {}, @@ -2044,13 +2044,13 @@ export const color = [ ] }, { - type: "color", - value: "#fffefc", + $type: "color", + $value: "#fffefc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.1}" + $type: "color", + $value: "{global.yellow.1}" }, name: "--ds-color-warning-background-default", attributes: {}, @@ -2061,13 +2061,13 @@ export const color = [ ] }, { - type: "color", - value: "#fbf2d3", + $type: "color", + $value: "#fbf2d3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.2}" + $type: "color", + $value: "{global.yellow.2}" }, name: "--ds-color-warning-background-subtle", attributes: {}, @@ -2078,13 +2078,13 @@ export const color = [ ] }, { - type: "color", - value: "#f5e19b", + $type: "color", + $value: "#f5e19b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.3}" + $type: "color", + $value: "{global.yellow.3}" }, name: "--ds-color-warning-surface-default", attributes: {}, @@ -2095,13 +2095,13 @@ export const color = [ ] }, { - type: "color", - value: "#efcf5d", + $type: "color", + $value: "#efcf5d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.4}" + $type: "color", + $value: "{global.yellow.4}" }, name: "--ds-color-warning-surface-hover", attributes: {}, @@ -2112,13 +2112,13 @@ export const color = [ ] }, { - type: "color", - value: "#e6bc27", + $type: "color", + $value: "#e6bc27", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.5}" + $type: "color", + $value: "{global.yellow.5}" }, name: "--ds-color-warning-surface-active", attributes: {}, @@ -2129,13 +2129,13 @@ export const color = [ ] }, { - type: "color", - value: "#e0b726", + $type: "color", + $value: "#e0b726", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.6}" + $type: "color", + $value: "{global.yellow.6}" }, name: "--ds-color-warning-border-subtle", attributes: {}, @@ -2146,13 +2146,13 @@ export const color = [ ] }, { - type: "color", - value: "#9a7e1a", + $type: "color", + $value: "#9a7e1a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.7}" + $type: "color", + $value: "{global.yellow.7}" }, name: "--ds-color-warning-border-default", attributes: {}, @@ -2163,13 +2163,13 @@ export const color = [ ] }, { - type: "color", - value: "#5d4c10", + $type: "color", + $value: "#5d4c10", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.8}" + $type: "color", + $value: "{global.yellow.8}" }, name: "--ds-color-warning-border-strong", attributes: {}, @@ -2180,13 +2180,13 @@ export const color = [ ] }, { - type: "color", - value: "#CA5C21", + $type: "color", + $value: "#CA5C21", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.9}" + $type: "color", + $value: "{global.orange.9}" }, name: "--ds-color-warning-base-default", attributes: {}, @@ -2197,13 +2197,13 @@ export const color = [ ] }, { - type: "color", - value: "#a94d1c", + $type: "color", + $value: "#a94d1c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.10}" + $type: "color", + $value: "{global.orange.10}" }, name: "--ds-color-warning-base-hover", attributes: {}, @@ -2214,13 +2214,13 @@ export const color = [ ] }, { - type: "color", - value: "#8a3f17", + $type: "color", + $value: "#8a3f17", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.11}" + $type: "color", + $value: "{global.orange.11}" }, name: "--ds-color-warning-base-active", attributes: {}, @@ -2231,13 +2231,13 @@ export const color = [ ] }, { - type: "color", - value: "#a1491a", + $type: "color", + $value: "#a1491a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.12}" + $type: "color", + $value: "{global.orange.12}" }, name: "--ds-color-warning-text-subtle", attributes: {}, @@ -2248,13 +2248,13 @@ export const color = [ ] }, { - type: "color", - value: "#47210c", + $type: "color", + $value: "#47210c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.13}" + $type: "color", + $value: "{global.orange.13}" }, name: "--ds-color-warning-text-default", attributes: {}, @@ -2265,13 +2265,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.contrast-1}" + $type: "color", + $value: "{global.yellow.contrast-1}" }, name: "--ds-color-warning-contrast-default", attributes: {}, @@ -2282,13 +2282,13 @@ export const color = [ ] }, { - type: "color", - value: "#382d0a", + $type: "color", + $value: "#382d0a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.contrast-2}" + $type: "color", + $value: "{global.yellow.contrast-2}" }, name: "--ds-color-warning-contrast-subtle", attributes: {}, @@ -2299,13 +2299,13 @@ export const color = [ ] }, { - type: "color", - value: "#fefefe", + $type: "color", + $value: "#fefefe", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.background-default}" + $type: "color", + $value: "{color.neutral.background-default}" }, name: "--ds-color-focus-inner", attributes: {}, @@ -2316,13 +2316,13 @@ export const color = [ ] }, { - type: "color", - value: "#002d54", + $type: "color", + $value: "#002d54", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.text-default}" + $type: "color", + $value: "{color.accent.text-default}" }, name: "--ds-color-focus-outer", attributes: {}, @@ -2336,13 +2336,13 @@ export const color = [ export const typography = [ { - type: "typography", - value: "500 3.75rem/1.3 'Helvetica Neue'", + $type: "typography", + $value: "500 3.75rem/1.3 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2359,21 +2359,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 3rem/1.3 'Helvetica Neue'", - description: "H1", + $type: "typography", + $value: "500 3rem/1.3 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.10}", letterSpacing: "{letter-spacing.1}" - }, - description: "H1" + } }, name: "--ds-typography-heading-xl", attributes: {}, @@ -2384,21 +2382,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 2.25rem/1.3 'Helvetica Neue'", - description: "H2", + $type: "typography", + $value: "500 2.25rem/1.3 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.9}", letterSpacing: "{letter-spacing.2}" - }, - description: "H2" + } }, name: "--ds-typography-heading-lg", attributes: {}, @@ -2409,21 +2405,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.875rem/1.3 'Helvetica Neue'", - description: "H3", + $type: "typography", + $value: "500 1.875rem/1.3 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.8}", letterSpacing: "{letter-spacing.3}" - }, - description: "H3" + } }, name: "--ds-typography-heading-md", attributes: {}, @@ -2434,21 +2428,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.5rem/1.3 'Helvetica Neue'", - description: "H4", + $type: "typography", + $value: "500 1.5rem/1.3 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.7}", letterSpacing: "{letter-spacing.5}" - }, - description: "H4" + } }, name: "--ds-typography-heading-sm", attributes: {}, @@ -2459,21 +2451,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.3125rem/1.3 'Helvetica Neue'", - description: "H5", + $type: "typography", + $value: "500 1.3125rem/1.3 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.6}", letterSpacing: "{letter-spacing.6}" - }, - description: "H5" + } }, name: "--ds-typography-heading-xs", attributes: {}, @@ -2484,21 +2474,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.125rem/1.3 'Helvetica Neue'", - description: "H6", + $type: "typography", + $value: "500 1.125rem/1.3 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.5}", letterSpacing: "{letter-spacing.6}" - }, - description: "H6" + } }, name: "--ds-typography-heading-2xs", attributes: {}, @@ -2509,13 +2497,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.875rem/1.7 'Helvetica Neue'", + $type: "typography", + $value: "400 1.875rem/1.7 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2532,13 +2520,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.5rem/1.7 'Helvetica Neue'", + $type: "typography", + $value: "400 1.5rem/1.7 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2555,13 +2543,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.7 'Helvetica Neue'", + $type: "typography", + $value: "400 1.3125rem/1.7 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2578,13 +2566,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.7 'Helvetica Neue'", + $type: "typography", + $value: "400 1.125rem/1.7 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2601,13 +2589,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.5 'Helvetica Neue'", + $type: "typography", + $value: "400 1.3125rem/1.5 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.md}", @@ -2624,13 +2612,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.5 'Helvetica Neue'", + $type: "typography", + $value: "400 1.125rem/1.5 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.md}", @@ -2647,13 +2635,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1rem/1.5 'Helvetica Neue'", + $type: "typography", + $value: "400 1rem/1.5 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.md}", @@ -2670,13 +2658,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 0.875rem/1.5 'Helvetica Neue'", + $type: "typography", + $value: "400 0.875rem/1.5 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.md}", @@ -2693,13 +2681,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.3 'Helvetica Neue'", + $type: "typography", + $value: "400 1.3125rem/1.3 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -2717,13 +2705,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.3 'Helvetica Neue'", + $type: "typography", + $value: "400 1.125rem/1.3 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -2741,13 +2729,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1rem/1.3 'Helvetica Neue'", + $type: "typography", + $value: "400 1rem/1.3 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -2765,13 +2753,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 0.875rem/1.3 'Helvetica Neue'", + $type: "typography", + $value: "400 0.875rem/1.3 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -2789,13 +2777,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.7 'Helvetica Neue'", + $type: "typography", + $value: "400 1.3125rem/1.7 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2813,13 +2801,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.7 'Helvetica Neue'", + $type: "typography", + $value: "400 1.125rem/1.7 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2837,13 +2825,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1rem/1.7 'Helvetica Neue'", + $type: "typography", + $value: "400 1rem/1.7 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2861,13 +2849,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 0.875rem/1.7 'Helvetica Neue'", + $type: "typography", + $value: "400 0.875rem/1.7 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2885,13 +2873,13 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.3125rem/1.3 'Helvetica Neue'", + $type: "typography", + $value: "500 1.3125rem/1.3 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2908,13 +2896,13 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.125rem/1.3 'Helvetica Neue'", + $type: "typography", + $value: "500 1.125rem/1.3 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2931,13 +2919,13 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1rem/1.3 'Helvetica Neue'", + $type: "typography", + $value: "500 1rem/1.3 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2954,13 +2942,13 @@ export const typography = [ ] }, { - type: "typography", - value: "500 0.875rem/1.3 'Helvetica Neue'", + $type: "typography", + $value: "500 0.875rem/1.3 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2977,13 +2965,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.3 'Helvetica Neue'", + $type: "typography", + $value: "400 1.3125rem/1.3 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -3000,13 +2988,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.3 'Helvetica Neue'", + $type: "typography", + $value: "400 1.125rem/1.3 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -3023,13 +3011,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1rem/1.3 'Helvetica Neue'", + $type: "typography", + $value: "400 1rem/1.3 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -3046,13 +3034,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 0.875rem/1.3 'Helvetica Neue'", + $type: "typography", + $value: "400 0.875rem/1.3 'Helvetica Neue'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -3072,13 +3060,13 @@ export const typography = [ export const opacity = [ { - type: "opacity", - value: "30%", + $type: "opacity", + $value: "30%", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "opacity", - value: "{opacity.30}" + $type: "opacity", + $value: "{opacity.30}" }, name: "--ds-disabled-opacity", attributes: {}, @@ -3091,13 +3079,13 @@ export const opacity = [ export const dimension = [ { - type: "dimension", - value: "0.125rem", + $type: "dimension", + $value: "0.125rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*0.5" + $type: "dimension", + $value: "{border-radius.base}*0.5" }, name: "--ds-border-radius-sm", attributes: {}, @@ -3107,13 +3095,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.25rem", + $type: "dimension", + $value: "0.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*1" + $type: "dimension", + $value: "{border-radius.base}*1" }, name: "--ds-border-radius-md", attributes: {}, @@ -3123,13 +3111,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.5rem", + $type: "dimension", + $value: "0.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*2" + $type: "dimension", + $value: "{border-radius.base}*2" }, name: "--ds-border-radius-lg", attributes: {}, @@ -3139,13 +3127,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.75rem", + $type: "dimension", + $value: "0.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*3" + $type: "dimension", + $value: "{border-radius.base}*3" }, name: "--ds-border-radius-xl", attributes: {}, @@ -3155,13 +3143,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1rem", + $type: "dimension", + $value: "1rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*4" + $type: "dimension", + $value: "{border-radius.base}*4" }, name: "--ds-border-radius-2xl", attributes: {}, @@ -3171,13 +3159,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.5rem", + $type: "dimension", + $value: "1.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*6" + $type: "dimension", + $value: "{border-radius.base}*6" }, name: "--ds-border-radius-3xl", attributes: {}, @@ -3187,13 +3175,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2rem", + $type: "dimension", + $value: "2rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*8" + $type: "dimension", + $value: "{border-radius.base}*8" }, name: "--ds-border-radius-4xl", attributes: {}, @@ -3203,13 +3191,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "624.9375rem", + $type: "dimension", + $value: "624.9375rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "9999" + $type: "dimension", + $value: "9999" }, name: "--ds-border-radius-full", attributes: {}, @@ -3219,13 +3207,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0rem", + $type: "dimension", + $value: "0rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*0" + $type: "dimension", + $value: "{spacing.base}*0" }, name: "--ds-spacing-0", attributes: {}, @@ -3235,13 +3223,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.25rem", + $type: "dimension", + $value: "0.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*1" + $type: "dimension", + $value: "{spacing.base}*1" }, name: "--ds-spacing-1", attributes: {}, @@ -3251,13 +3239,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.5rem", + $type: "dimension", + $value: "0.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*2" + $type: "dimension", + $value: "{spacing.base}*2" }, name: "--ds-spacing-2", attributes: {}, @@ -3267,13 +3255,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.75rem", + $type: "dimension", + $value: "0.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*3" + $type: "dimension", + $value: "{spacing.base}*3" }, name: "--ds-spacing-3", attributes: {}, @@ -3283,13 +3271,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1rem", + $type: "dimension", + $value: "1rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*4" + $type: "dimension", + $value: "{spacing.base}*4" }, name: "--ds-spacing-4", attributes: {}, @@ -3299,13 +3287,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.25rem", + $type: "dimension", + $value: "1.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*5" + $type: "dimension", + $value: "{spacing.base}*5" }, name: "--ds-spacing-5", attributes: {}, @@ -3315,13 +3303,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.5rem", + $type: "dimension", + $value: "1.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*6" + $type: "dimension", + $value: "{spacing.base}*6" }, name: "--ds-spacing-6", attributes: {}, @@ -3331,13 +3319,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.75rem", + $type: "dimension", + $value: "1.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*7" + $type: "dimension", + $value: "{spacing.base}*7" }, name: "--ds-spacing-7", attributes: {}, @@ -3347,13 +3335,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2rem", + $type: "dimension", + $value: "2rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*8" + $type: "dimension", + $value: "{spacing.base}*8" }, name: "--ds-spacing-8", attributes: {}, @@ -3363,13 +3351,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.25rem", + $type: "dimension", + $value: "2.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*9" + $type: "dimension", + $value: "{spacing.base}*9" }, name: "--ds-spacing-9", attributes: {}, @@ -3379,13 +3367,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.5rem", + $type: "dimension", + $value: "2.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*10" + $type: "dimension", + $value: "{spacing.base}*10" }, name: "--ds-spacing-10", attributes: {}, @@ -3395,13 +3383,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.75rem", + $type: "dimension", + $value: "2.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*11" + $type: "dimension", + $value: "{spacing.base}*11" }, name: "--ds-spacing-11", attributes: {}, @@ -3411,13 +3399,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3rem", + $type: "dimension", + $value: "3rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*12" + $type: "dimension", + $value: "{spacing.base}*12" }, name: "--ds-spacing-12", attributes: {}, @@ -3427,13 +3415,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.25rem", + $type: "dimension", + $value: "3.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*13" + $type: "dimension", + $value: "{spacing.base}*13" }, name: "--ds-spacing-13", attributes: {}, @@ -3443,13 +3431,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.5rem", + $type: "dimension", + $value: "3.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*14" + $type: "dimension", + $value: "{spacing.base}*14" }, name: "--ds-spacing-14", attributes: {}, @@ -3459,13 +3447,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.75rem", + $type: "dimension", + $value: "3.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*15" + $type: "dimension", + $value: "{spacing.base}*15" }, name: "--ds-spacing-15", attributes: {}, @@ -3475,13 +3463,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "4.5rem", + $type: "dimension", + $value: "4.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*18" + $type: "dimension", + $value: "{spacing.base}*18" }, name: "--ds-spacing-18", attributes: {}, @@ -3491,13 +3479,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "5.5rem", + $type: "dimension", + $value: "5.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*22" + $type: "dimension", + $value: "{spacing.base}*22" }, name: "--ds-spacing-22", attributes: {}, @@ -3507,13 +3495,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "6.5rem", + $type: "dimension", + $value: "6.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*26" + $type: "dimension", + $value: "{spacing.base}*26" }, name: "--ds-spacing-26", attributes: {}, @@ -3523,13 +3511,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "7.5rem", + $type: "dimension", + $value: "7.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*30" + $type: "dimension", + $value: "{spacing.base}*30" }, name: "--ds-spacing-30", attributes: {}, @@ -3539,13 +3527,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0rem", + $type: "dimension", + $value: "0rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*0" + $type: "dimension", + $value: "{sizing.base}*0" }, name: "--ds-sizing-0", attributes: {}, @@ -3555,13 +3543,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.25rem", + $type: "dimension", + $value: "0.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*1" + $type: "dimension", + $value: "{sizing.base}*1" }, name: "--ds-sizing-1", attributes: {}, @@ -3571,13 +3559,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.5rem", + $type: "dimension", + $value: "0.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*2" + $type: "dimension", + $value: "{sizing.base}*2" }, name: "--ds-sizing-2", attributes: {}, @@ -3587,13 +3575,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.75rem", + $type: "dimension", + $value: "0.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*3" + $type: "dimension", + $value: "{sizing.base}*3" }, name: "--ds-sizing-3", attributes: {}, @@ -3603,13 +3591,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1rem", + $type: "dimension", + $value: "1rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*4" + $type: "dimension", + $value: "{sizing.base}*4" }, name: "--ds-sizing-4", attributes: {}, @@ -3619,13 +3607,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.25rem", + $type: "dimension", + $value: "1.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*5" + $type: "dimension", + $value: "{sizing.base}*5" }, name: "--ds-sizing-5", attributes: {}, @@ -3635,13 +3623,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.5rem", + $type: "dimension", + $value: "1.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*6" + $type: "dimension", + $value: "{sizing.base}*6" }, name: "--ds-sizing-6", attributes: {}, @@ -3651,13 +3639,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.75rem", + $type: "dimension", + $value: "1.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*7" + $type: "dimension", + $value: "{sizing.base}*7" }, name: "--ds-sizing-7", attributes: {}, @@ -3667,13 +3655,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2rem", + $type: "dimension", + $value: "2rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*8" + $type: "dimension", + $value: "{sizing.base}*8" }, name: "--ds-sizing-8", attributes: {}, @@ -3683,13 +3671,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.25rem", + $type: "dimension", + $value: "2.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*9" + $type: "dimension", + $value: "{sizing.base}*9" }, name: "--ds-sizing-9", attributes: {}, @@ -3699,13 +3687,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.5rem", + $type: "dimension", + $value: "2.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*10" + $type: "dimension", + $value: "{sizing.base}*10" }, name: "--ds-sizing-10", attributes: {}, @@ -3715,13 +3703,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.75rem", + $type: "dimension", + $value: "2.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*11" + $type: "dimension", + $value: "{sizing.base}*11" }, name: "--ds-sizing-11", attributes: {}, @@ -3731,13 +3719,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3rem", + $type: "dimension", + $value: "3rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*12" + $type: "dimension", + $value: "{sizing.base}*12" }, name: "--ds-sizing-12", attributes: {}, @@ -3747,13 +3735,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.25rem", + $type: "dimension", + $value: "3.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*13" + $type: "dimension", + $value: "{sizing.base}*13" }, name: "--ds-sizing-13", attributes: {}, @@ -3763,13 +3751,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.5rem", + $type: "dimension", + $value: "3.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*14" + $type: "dimension", + $value: "{sizing.base}*14" }, name: "--ds-sizing-14", attributes: {}, @@ -3779,13 +3767,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.75rem", + $type: "dimension", + $value: "3.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*15" + $type: "dimension", + $value: "{sizing.base}*15" }, name: "--ds-sizing-15", attributes: {}, @@ -3795,13 +3783,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "4.5rem", + $type: "dimension", + $value: "4.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*18" + $type: "dimension", + $value: "{sizing.base}*18" }, name: "--ds-sizing-18", attributes: {}, @@ -3811,13 +3799,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "5.5rem", + $type: "dimension", + $value: "5.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*22" + $type: "dimension", + $value: "{sizing.base}*22" }, name: "--ds-sizing-22", attributes: {}, @@ -3827,13 +3815,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "6.5rem", + $type: "dimension", + $value: "6.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*26" + $type: "dimension", + $value: "{sizing.base}*26" }, name: "--ds-sizing-26", attributes: {}, @@ -3843,13 +3831,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "7.5rem", + $type: "dimension", + $value: "7.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*30" + $type: "dimension", + $value: "{sizing.base}*30" }, name: "--ds-sizing-30", attributes: {}, @@ -3862,13 +3850,13 @@ export const dimension = [ export const shadow = [ { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.12)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.12)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.100}" + $type: "shadow", + $value: "{shadow.100}" }, name: "--ds-shadow-xs", attributes: {}, @@ -3878,13 +3866,13 @@ export const shadow = [ ] }, { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.15), 0 1px 2px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.1)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.15), 0 1px 2px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.1)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.200}" + $type: "shadow", + $value: "{shadow.200}" }, name: "--ds-shadow-sm", attributes: {}, @@ -3894,13 +3882,13 @@ export const shadow = [ ] }, { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.14), 0 2px 4px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.12)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.14), 0 2px 4px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.12)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.300}" + $type: "shadow", + $value: "{shadow.300}" }, name: "--ds-shadow-md", attributes: {}, @@ -3910,13 +3898,13 @@ export const shadow = [ ] }, { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.13), 0 3px 5px 0 rgba(0,0,0,0.13), 0 6px 12px 0 rgba(0,0,0,0.14)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.13), 0 3px 5px 0 rgba(0,0,0,0.13), 0 6px 12px 0 rgba(0,0,0,0.14)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.400}" + $type: "shadow", + $value: "{shadow.400}" }, name: "--ds-shadow-lg", attributes: {}, @@ -3926,13 +3914,13 @@ export const shadow = [ ] }, { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.16), 0 12px 24px 0 rgba(0,0,0,0.16)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.16), 0 12px 24px 0 rgba(0,0,0,0.16)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.500}" + $type: "shadow", + $value: "{shadow.500}" }, name: "--ds-shadow-xl", attributes: {}, diff --git a/apps/storefront/tokens/digdir/dark.ts b/apps/storefront/tokens/digdir/dark.ts index 29c9db308f..cf4833f0e5 100644 --- a/apps/storefront/tokens/digdir/dark.ts +++ b/apps/storefront/tokens/digdir/dark.ts @@ -4,13 +4,13 @@ export const color = [ { - type: "color", - value: "#001c36", + $type: "color", + $value: "#001c36", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.1}" + $type: "color", + $value: "{color.accent.1}" }, name: "--ds-color-accent-background-default", attributes: {}, @@ -21,13 +21,13 @@ export const color = [ ] }, { - type: "color", - value: "#002545", + $type: "color", + $value: "#002545", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.2}" + $type: "color", + $value: "{color.accent.2}" }, name: "--ds-color-accent-background-subtle", attributes: {}, @@ -38,13 +38,13 @@ export const color = [ ] }, { - type: "color", - value: "#00315b", + $type: "color", + $value: "#00315b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.3}" + $type: "color", + $value: "{color.accent.3}" }, name: "--ds-color-accent-surface-default", attributes: {}, @@ -55,13 +55,13 @@ export const color = [ ] }, { - type: "color", - value: "#013f75", + $type: "color", + $value: "#013f75", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.4}" + $type: "color", + $value: "{color.accent.4}" }, name: "--ds-color-accent-surface-hover", attributes: {}, @@ -72,13 +72,13 @@ export const color = [ ] }, { - type: "color", - value: "#014b8e", + $type: "color", + $value: "#014b8e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.5}" + $type: "color", + $value: "{color.accent.5}" }, name: "--ds-color-accent-surface-active", attributes: {}, @@ -89,13 +89,13 @@ export const color = [ ] }, { - type: "color", - value: "#01539b", + $type: "color", + $value: "#01539b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.6}" + $type: "color", + $value: "{color.accent.6}" }, name: "--ds-color-accent-border-subtle", attributes: {}, @@ -106,13 +106,13 @@ export const color = [ ] }, { - type: "color", - value: "#1971c0", + $type: "color", + $value: "#1971c0", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.7}" + $type: "color", + $value: "{color.accent.7}" }, name: "--ds-color-accent-border-default", attributes: {}, @@ -123,13 +123,13 @@ export const color = [ ] }, { - type: "color", - value: "#9bc2e4", + $type: "color", + $value: "#9bc2e4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.8}" + $type: "color", + $value: "{color.accent.8}" }, name: "--ds-color-accent-border-strong", attributes: {}, @@ -140,13 +140,13 @@ export const color = [ ] }, { - type: "color", - value: "#4b90ce", + $type: "color", + $value: "#4b90ce", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.9}" + $type: "color", + $value: "{color.accent.9}" }, name: "--ds-color-accent-base-default", attributes: {}, @@ -157,13 +157,13 @@ export const color = [ ] }, { - type: "color", - value: "#277ac4", + $type: "color", + $value: "#277ac4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.10}" + $type: "color", + $value: "{color.accent.10}" }, name: "--ds-color-accent-base-hover", attributes: {}, @@ -174,13 +174,13 @@ export const color = [ ] }, { - type: "color", - value: "#0163ba", + $type: "color", + $value: "#0163ba", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.11}" + $type: "color", + $value: "{color.accent.11}" }, name: "--ds-color-accent-base-active", attributes: {}, @@ -191,13 +191,13 @@ export const color = [ ] }, { - type: "color", - value: "#72a8d9", + $type: "color", + $value: "#72a8d9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.12}" + $type: "color", + $value: "{color.accent.12}" }, name: "--ds-color-accent-text-subtle", attributes: {}, @@ -208,13 +208,13 @@ export const color = [ ] }, { - type: "color", - value: "#d1e3f3", + $type: "color", + $value: "#d1e3f3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.13}" + $type: "color", + $value: "{color.accent.13}" }, name: "--ds-color-accent-text-default", attributes: {}, @@ -225,13 +225,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.contrast-1}" + $type: "color", + $value: "{color.accent.contrast-1}" }, name: "--ds-color-accent-contrast-default", attributes: {}, @@ -242,13 +242,13 @@ export const color = [ ] }, { - type: "color", - value: "#0d1823", + $type: "color", + $value: "#0d1823", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.contrast-2}" + $type: "color", + $value: "{color.accent.contrast-2}" }, name: "--ds-color-accent-contrast-subtle", attributes: {}, @@ -259,13 +259,13 @@ export const color = [ ] }, { - type: "color", - value: "#131c27", + $type: "color", + $value: "#131c27", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.1}" + $type: "color", + $value: "{color.neutral.1}" }, name: "--ds-color-neutral-background-default", attributes: {}, @@ -276,13 +276,13 @@ export const color = [ ] }, { - type: "color", - value: "#192433", + $type: "color", + $value: "#192433", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.2}" + $type: "color", + $value: "{color.neutral.2}" }, name: "--ds-color-neutral-background-subtle", attributes: {}, @@ -293,13 +293,13 @@ export const color = [ ] }, { - type: "color", - value: "#243142", + $type: "color", + $value: "#243142", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.3}" + $type: "color", + $value: "{color.neutral.3}" }, name: "--ds-color-neutral-surface-default", attributes: {}, @@ -310,13 +310,13 @@ export const color = [ ] }, { - type: "color", - value: "#333e4e", + $type: "color", + $value: "#333e4e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.4}" + $type: "color", + $value: "{color.neutral.4}" }, name: "--ds-color-neutral-surface-hover", attributes: {}, @@ -327,13 +327,13 @@ export const color = [ ] }, { - type: "color", - value: "#424d5b", + $type: "color", + $value: "#424d5b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.5}" + $type: "color", + $value: "{color.neutral.5}" }, name: "--ds-color-neutral-surface-active", attributes: {}, @@ -344,13 +344,13 @@ export const color = [ ] }, { - type: "color", - value: "#495361", + $type: "color", + $value: "#495361", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.6}" + $type: "color", + $value: "{color.neutral.6}" }, name: "--ds-color-neutral-border-subtle", attributes: {}, @@ -361,13 +361,13 @@ export const color = [ ] }, { - type: "color", - value: "#67707c", + $type: "color", + $value: "#67707c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.7}" + $type: "color", + $value: "{color.neutral.7}" }, name: "--ds-color-neutral-border-default", attributes: {}, @@ -378,13 +378,13 @@ export const color = [ ] }, { - type: "color", - value: "#bbbfc4", + $type: "color", + $value: "#bbbfc4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.8}" + $type: "color", + $value: "{color.neutral.8}" }, name: "--ds-color-neutral-border-strong", attributes: {}, @@ -395,13 +395,13 @@ export const color = [ ] }, { - type: "color", - value: "#a6abb2", + $type: "color", + $value: "#a6abb2", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.9}" + $type: "color", + $value: "{color.neutral.9}" }, name: "--ds-color-neutral-base-default", attributes: {}, @@ -412,13 +412,13 @@ export const color = [ ] }, { - type: "color", - value: "#90969e", + $type: "color", + $value: "#90969e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.10}" + $type: "color", + $value: "{color.neutral.10}" }, name: "--ds-color-neutral-base-hover", attributes: {}, @@ -429,13 +429,13 @@ export const color = [ ] }, { - type: "color", - value: "#7a818c", + $type: "color", + $value: "#7a818c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.11}" + $type: "color", + $value: "{color.neutral.11}" }, name: "--ds-color-neutral-base-active", attributes: {}, @@ -446,13 +446,13 @@ export const color = [ ] }, { - type: "color", - value: "#9ea3ab", + $type: "color", + $value: "#9ea3ab", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.12}" + $type: "color", + $value: "{color.neutral.12}" }, name: "--ds-color-neutral-text-subtle", attributes: {}, @@ -463,13 +463,13 @@ export const color = [ ] }, { - type: "color", - value: "#e1e3e5", + $type: "color", + $value: "#e1e3e5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.13}" + $type: "color", + $value: "{color.neutral.13}" }, name: "--ds-color-neutral-text-default", attributes: {}, @@ -480,13 +480,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.contrast-1}" + $type: "color", + $value: "{color.neutral.contrast-1}" }, name: "--ds-color-neutral-contrast-default", attributes: {}, @@ -497,13 +497,13 @@ export const color = [ ] }, { - type: "color", - value: "#1b1b1d", + $type: "color", + $value: "#1b1b1d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.contrast-2}" + $type: "color", + $value: "{color.neutral.contrast-2}" }, name: "--ds-color-neutral-contrast-subtle", attributes: {}, @@ -514,13 +514,13 @@ export const color = [ ] }, { - type: "color", - value: "#2f1213", + $type: "color", + $value: "#2f1213", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.1}" + $type: "color", + $value: "{color.brand1.1}" }, name: "--ds-color-brand1-background-default", attributes: {}, @@ -531,13 +531,13 @@ export const color = [ ] }, { - type: "color", - value: "#3e1819", + $type: "color", + $value: "#3e1819", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.2}" + $type: "color", + $value: "{color.brand1.2}" }, name: "--ds-color-brand1-background-subtle", attributes: {}, @@ -548,13 +548,13 @@ export const color = [ ] }, { - type: "color", - value: "#522022", + $type: "color", + $value: "#522022", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.3}" + $type: "color", + $value: "{color.brand1.3}" }, name: "--ds-color-brand1-surface-default", attributes: {}, @@ -565,13 +565,13 @@ export const color = [ ] }, { - type: "color", - value: "#68292b", + $type: "color", + $value: "#68292b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.4}" + $type: "color", + $value: "{color.brand1.4}" }, name: "--ds-color-brand1-surface-hover", attributes: {}, @@ -582,13 +582,13 @@ export const color = [ ] }, { - type: "color", - value: "#7f3234", + $type: "color", + $value: "#7f3234", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.5}" + $type: "color", + $value: "{color.brand1.5}" }, name: "--ds-color-brand1-surface-active", attributes: {}, @@ -599,13 +599,13 @@ export const color = [ ] }, { - type: "color", - value: "#8b3639", + $type: "color", + $value: "#8b3639", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.6}" + $type: "color", + $value: "{color.brand1.6}" }, name: "--ds-color-brand1-border-subtle", attributes: {}, @@ -616,13 +616,13 @@ export const color = [ ] }, { - type: "color", - value: "#bc494c", + $type: "color", + $value: "#bc494c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.7}" + $type: "color", + $value: "{color.brand1.7}" }, name: "--ds-color-brand1-border-default", attributes: {}, @@ -633,13 +633,13 @@ export const color = [ ] }, { - type: "color", - value: "#f9a9ab", + $type: "color", + $value: "#f9a9ab", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.8}" + $type: "color", + $value: "{color.brand1.8}" }, name: "--ds-color-brand1-border-strong", attributes: {}, @@ -650,13 +650,13 @@ export const color = [ ] }, { - type: "color", - value: "#9f3e41", + $type: "color", + $value: "#9f3e41", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.9}" + $type: "color", + $value: "{color.brand1.9}" }, name: "--ds-color-brand1-base-default", attributes: {}, @@ -667,13 +667,13 @@ export const color = [ ] }, { - type: "color", - value: "#7f3234", + $type: "color", + $value: "#7f3234", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.10}" + $type: "color", + $value: "{color.brand1.10}" }, name: "--ds-color-brand1-base-hover", attributes: {}, @@ -684,13 +684,13 @@ export const color = [ ] }, { - type: "color", - value: "#612628", + $type: "color", + $value: "#612628", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.11}" + $type: "color", + $value: "{color.brand1.11}" }, name: "--ds-color-brand1-base-active", attributes: {}, @@ -701,13 +701,13 @@ export const color = [ ] }, { - type: "color", - value: "#f58083", + $type: "color", + $value: "#f58083", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.12}" + $type: "color", + $value: "{color.brand1.12}" }, name: "--ds-color-brand1-text-subtle", attributes: {}, @@ -718,13 +718,13 @@ export const color = [ ] }, { - type: "color", - value: "#fcdbdc", + $type: "color", + $value: "#fcdbdc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.13}" + $type: "color", + $value: "{color.brand1.13}" }, name: "--ds-color-brand1-text-default", attributes: {}, @@ -735,13 +735,13 @@ export const color = [ ] }, { - type: "color", - value: "#ffffff", + $type: "color", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.contrast-1}" + $type: "color", + $value: "{color.brand1.contrast-1}" }, name: "--ds-color-brand1-contrast-default", attributes: {}, @@ -752,13 +752,13 @@ export const color = [ ] }, { - type: "color", - value: "#fefefe", + $type: "color", + $value: "#fefefe", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.contrast-2}" + $type: "color", + $value: "{color.brand1.contrast-2}" }, name: "--ds-color-brand1-contrast-subtle", attributes: {}, @@ -769,13 +769,13 @@ export const color = [ ] }, { - type: "color", - value: "#231a05", + $type: "color", + $value: "#231a05", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.1}" + $type: "color", + $value: "{color.brand2.1}" }, name: "--ds-color-brand2-background-default", attributes: {}, @@ -786,13 +786,13 @@ export const color = [ ] }, { - type: "color", - value: "#2d2206", + $type: "color", + $value: "#2d2206", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.2}" + $type: "color", + $value: "{color.brand2.2}" }, name: "--ds-color-brand2-background-subtle", attributes: {}, @@ -803,13 +803,13 @@ export const color = [ ] }, { - type: "color", - value: "#3d2e09", + $type: "color", + $value: "#3d2e09", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.3}" + $type: "color", + $value: "{color.brand2.3}" }, name: "--ds-color-brand2-surface-default", attributes: {}, @@ -820,13 +820,13 @@ export const color = [ ] }, { - type: "color", - value: "#4f3a0b", + $type: "color", + $value: "#4f3a0b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.4}" + $type: "color", + $value: "{color.brand2.4}" }, name: "--ds-color-brand2-surface-hover", attributes: {}, @@ -837,13 +837,13 @@ export const color = [ ] }, { - type: "color", - value: "#60470e", + $type: "color", + $value: "#60470e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.5}" + $type: "color", + $value: "{color.brand2.5}" }, name: "--ds-color-brand2-surface-active", attributes: {}, @@ -854,13 +854,13 @@ export const color = [ ] }, { - type: "color", - value: "#694d0f", + $type: "color", + $value: "#694d0f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.6}" + $type: "color", + $value: "{color.brand2.6}" }, name: "--ds-color-brand2-border-subtle", attributes: {}, @@ -871,13 +871,13 @@ export const color = [ ] }, { - type: "color", - value: "#8e6914", + $type: "color", + $value: "#8e6914", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.7}" + $type: "color", + $value: "{color.brand2.7}" }, name: "--ds-color-brand2-border-default", attributes: {}, @@ -888,13 +888,13 @@ export const color = [ ] }, { - type: "color", - value: "#e8b744", + $type: "color", + $value: "#e8b744", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.8}" + $type: "color", + $value: "{color.brand2.8}" }, name: "--ds-color-brand2-border-strong", attributes: {}, @@ -905,13 +905,13 @@ export const color = [ ] }, { - type: "color", - value: "#523c0b", + $type: "color", + $value: "#523c0b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.9}" + $type: "color", + $value: "{color.brand2.9}" }, name: "--ds-color-brand2-base-default", attributes: {}, @@ -922,13 +922,13 @@ export const color = [ ] }, { - type: "color", - value: "#694d0f", + $type: "color", + $value: "#694d0f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.10}" + $type: "color", + $value: "{color.brand2.10}" }, name: "--ds-color-brand2-base-hover", attributes: {}, @@ -939,13 +939,13 @@ export const color = [ ] }, { - type: "color", - value: "#826112", + $type: "color", + $value: "#826112", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.11}" + $type: "color", + $value: "{color.brand2.11}" }, name: "--ds-color-brand2-base-active", attributes: {}, @@ -956,13 +956,13 @@ export const color = [ ] }, { - type: "color", - value: "#d09a1d", + $type: "color", + $value: "#d09a1d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.12}" + $type: "color", + $value: "{color.brand2.12}" }, name: "--ds-color-brand2-text-subtle", attributes: {}, @@ -973,13 +973,13 @@ export const color = [ ] }, { - type: "color", - value: "#f5dfad", + $type: "color", + $value: "#f5dfad", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.13}" + $type: "color", + $value: "{color.brand2.13}" }, name: "--ds-color-brand2-text-default", attributes: {}, @@ -990,13 +990,13 @@ export const color = [ ] }, { - type: "color", - value: "#ffffff", + $type: "color", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.contrast-1}" + $type: "color", + $value: "{color.brand2.contrast-1}" }, name: "--ds-color-brand2-contrast-default", attributes: {}, @@ -1007,13 +1007,13 @@ export const color = [ ] }, { - type: "color", - value: "#ddd9cf", + $type: "color", + $value: "#ddd9cf", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.contrast-2}" + $type: "color", + $value: "{color.brand2.contrast-2}" }, name: "--ds-color-brand2-contrast-subtle", attributes: {}, @@ -1024,13 +1024,13 @@ export const color = [ ] }, { - type: "color", - value: "#061d30", + $type: "color", + $value: "#061d30", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.1}" + $type: "color", + $value: "{color.brand3.1}" }, name: "--ds-color-brand3-background-default", attributes: {}, @@ -1041,13 +1041,13 @@ export const color = [ ] }, { - type: "color", - value: "#07253c", + $type: "color", + $value: "#07253c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.2}" + $type: "color", + $value: "{color.brand3.2}" }, name: "--ds-color-brand3-background-subtle", attributes: {}, @@ -1058,13 +1058,13 @@ export const color = [ ] }, { - type: "color", - value: "#0a3251", + $type: "color", + $value: "#0a3251", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.3}" + $type: "color", + $value: "{color.brand3.3}" }, name: "--ds-color-brand3-surface-default", attributes: {}, @@ -1075,13 +1075,13 @@ export const color = [ ] }, { - type: "color", - value: "#0d4068", + $type: "color", + $value: "#0d4068", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.4}" + $type: "color", + $value: "{color.brand3.4}" }, name: "--ds-color-brand3-surface-hover", attributes: {}, @@ -1092,13 +1092,13 @@ export const color = [ ] }, { - type: "color", - value: "#0f4e7f", + $type: "color", + $value: "#0f4e7f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.5}" + $type: "color", + $value: "{color.brand3.5}" }, name: "--ds-color-brand3-surface-active", attributes: {}, @@ -1109,13 +1109,13 @@ export const color = [ ] }, { - type: "color", - value: "#11558a", + $type: "color", + $value: "#11558a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.6}" + $type: "color", + $value: "{color.brand3.6}" }, name: "--ds-color-brand3-border-subtle", attributes: {}, @@ -1126,13 +1126,13 @@ export const color = [ ] }, { - type: "color", - value: "#1773b9", + $type: "color", + $value: "#1773b9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.7}" + $type: "color", + $value: "{color.brand3.7}" }, name: "--ds-color-brand3-border-default", attributes: {}, @@ -1143,13 +1143,13 @@ export const color = [ ] }, { - type: "color", - value: "#81c5f9", + $type: "color", + $value: "#81c5f9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.8}" + $type: "color", + $value: "{color.brand3.8}" }, name: "--ds-color-brand3-border-strong", attributes: {}, @@ -1160,13 +1160,13 @@ export const color = [ ] }, { - type: "color", - value: "#13609a", + $type: "color", + $value: "#13609a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.9}" + $type: "color", + $value: "{color.brand3.9}" }, name: "--ds-color-brand3-base-default", attributes: {}, @@ -1177,13 +1177,13 @@ export const color = [ ] }, { - type: "color", - value: "#0f4c7a", + $type: "color", + $value: "#0f4c7a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.10}" + $type: "color", + $value: "{color.brand3.10}" }, name: "--ds-color-brand3-base-hover", attributes: {}, @@ -1194,13 +1194,13 @@ export const color = [ ] }, { - type: "color", - value: "#0b3a5d", + $type: "color", + $value: "#0b3a5d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.11}" + $type: "color", + $value: "{color.brand3.11}" }, name: "--ds-color-brand3-base-active", attributes: {}, @@ -1211,13 +1211,13 @@ export const color = [ ] }, { - type: "color", - value: "#44aaf7", + $type: "color", + $value: "#44aaf7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.12}" + $type: "color", + $value: "{color.brand3.12}" }, name: "--ds-color-brand3-text-subtle", attributes: {}, @@ -1228,13 +1228,13 @@ export const color = [ ] }, { - type: "color", - value: "#c8e6fd", + $type: "color", + $value: "#c8e6fd", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.13}" + $type: "color", + $value: "{color.brand3.13}" }, name: "--ds-color-brand3-text-default", attributes: {}, @@ -1245,13 +1245,13 @@ export const color = [ ] }, { - type: "color", - value: "#ffffff", + $type: "color", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.contrast-1}" + $type: "color", + $value: "{color.brand3.contrast-1}" }, name: "--ds-color-brand3-contrast-default", attributes: {}, @@ -1262,13 +1262,13 @@ export const color = [ ] }, { - type: "color", - value: "#fafcfd", + $type: "color", + $value: "#fafcfd", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.contrast-2}" + $type: "color", + $value: "{color.brand3.contrast-2}" }, name: "--ds-color-brand3-contrast-subtle", attributes: {}, @@ -1279,13 +1279,13 @@ export const color = [ ] }, { - type: "color", - value: "#022106", + $type: "color", + $value: "#022106", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.1}" + $type: "color", + $value: "{global.green.1}" }, name: "--ds-color-success-background-default", attributes: {}, @@ -1296,13 +1296,13 @@ export const color = [ ] }, { - type: "color", - value: "#022b08", + $type: "color", + $value: "#022b08", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.2}" + $type: "color", + $value: "{global.green.2}" }, name: "--ds-color-success-background-subtle", attributes: {}, @@ -1313,13 +1313,13 @@ export const color = [ ] }, { - type: "color", - value: "#03380a", + $type: "color", + $value: "#03380a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.3}" + $type: "color", + $value: "{global.green.3}" }, name: "--ds-color-success-surface-default", attributes: {}, @@ -1330,13 +1330,13 @@ export const color = [ ] }, { - type: "color", - value: "#04480d", + $type: "color", + $value: "#04480d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.4}" + $type: "color", + $value: "{global.green.4}" }, name: "--ds-color-success-surface-hover", attributes: {}, @@ -1347,13 +1347,13 @@ export const color = [ ] }, { - type: "color", - value: "#045810", + $type: "color", + $value: "#045810", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.5}" + $type: "color", + $value: "{global.green.5}" }, name: "--ds-color-success-surface-active", attributes: {}, @@ -1364,13 +1364,13 @@ export const color = [ ] }, { - type: "color", - value: "#056011", + $type: "color", + $value: "#056011", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.6}" + $type: "color", + $value: "{global.green.6}" }, name: "--ds-color-success-border-subtle", attributes: {}, @@ -1381,13 +1381,13 @@ export const color = [ ] }, { - type: "color", - value: "#068117", + $type: "color", + $value: "#068117", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.7}" + $type: "color", + $value: "{global.green.7}" }, name: "--ds-color-success-border-default", attributes: {}, @@ -1398,13 +1398,13 @@ export const color = [ ] }, { - type: "color", - value: "#90cc98", + $type: "color", + $value: "#90cc98", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.8}" + $type: "color", + $value: "{global.green.8}" }, name: "--ds-color-success-border-strong", attributes: {}, @@ -1415,13 +1415,13 @@ export const color = [ ] }, { - type: "color", - value: "#078818", + $type: "color", + $value: "#078818", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.9}" + $type: "color", + $value: "{global.green.9}" }, name: "--ds-color-success-base-default", attributes: {}, @@ -1432,13 +1432,13 @@ export const color = [ ] }, { - type: "color", - value: "#067114", + $type: "color", + $value: "#067114", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.10}" + $type: "color", + $value: "{global.green.10}" }, name: "--ds-color-success-base-hover", attributes: {}, @@ -1449,13 +1449,13 @@ export const color = [ ] }, { - type: "color", - value: "#045a10", + $type: "color", + $value: "#045a10", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.11}" + $type: "color", + $value: "{global.green.11}" }, name: "--ds-color-success-base-active", attributes: {}, @@ -1466,13 +1466,13 @@ export const color = [ ] }, { - type: "color", - value: "#5fb56b", + $type: "color", + $value: "#5fb56b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.12}" + $type: "color", + $value: "{global.green.12}" }, name: "--ds-color-success-text-subtle", attributes: {}, @@ -1483,13 +1483,13 @@ export const color = [ ] }, { - type: "color", - value: "#cfe9d3", + $type: "color", + $value: "#cfe9d3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.13}" + $type: "color", + $value: "{global.green.13}" }, name: "--ds-color-success-text-default", attributes: {}, @@ -1500,13 +1500,13 @@ export const color = [ ] }, { - type: "color", - value: "#ffffff", + $type: "color", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.contrast-1}" + $type: "color", + $value: "{global.green.contrast-1}" }, name: "--ds-color-success-contrast-default", attributes: {}, @@ -1517,13 +1517,13 @@ export const color = [ ] }, { - type: "color", - value: "#f9fcf9", + $type: "color", + $value: "#f9fcf9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.contrast-2}" + $type: "color", + $value: "{global.green.contrast-2}" }, name: "--ds-color-success-contrast-subtle", attributes: {}, @@ -1534,13 +1534,13 @@ export const color = [ ] }, { - type: "color", - value: "#3b0808", + $type: "color", + $value: "#3b0808", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.1}" + $type: "color", + $value: "{global.red.1}" }, name: "--ds-color-danger-background-default", attributes: {}, @@ -1551,13 +1551,13 @@ export const color = [ ] }, { - type: "color", - value: "#4b0a0a", + $type: "color", + $value: "#4b0a0a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.2}" + $type: "color", + $value: "{global.red.2}" }, name: "--ds-color-danger-background-subtle", attributes: {}, @@ -1568,13 +1568,13 @@ export const color = [ ] }, { - type: "color", - value: "#620e0e", + $type: "color", + $value: "#620e0e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.3}" + $type: "color", + $value: "{global.red.3}" }, name: "--ds-color-danger-surface-default", attributes: {}, @@ -1585,13 +1585,13 @@ export const color = [ ] }, { - type: "color", - value: "#7c1212", + $type: "color", + $value: "#7c1212", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.4}" + $type: "color", + $value: "{global.red.4}" }, name: "--ds-color-danger-surface-hover", attributes: {}, @@ -1602,13 +1602,13 @@ export const color = [ ] }, { - type: "color", - value: "#961515", + $type: "color", + $value: "#961515", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.5}" + $type: "color", + $value: "{global.red.5}" }, name: "--ds-color-danger-surface-active", attributes: {}, @@ -1619,13 +1619,13 @@ export const color = [ ] }, { - type: "color", - value: "#a31717", + $type: "color", + $value: "#a31717", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.6}" + $type: "color", + $value: "{global.red.6}" }, name: "--ds-color-danger-border-subtle", attributes: {}, @@ -1636,13 +1636,13 @@ export const color = [ ] }, { - type: "color", - value: "#c93c3c", + $type: "color", + $value: "#c93c3c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.7}" + $type: "color", + $value: "{global.red.7}" }, name: "--ds-color-danger-border-default", attributes: {}, @@ -1653,13 +1653,13 @@ export const color = [ ] }, { - type: "color", - value: "#e9b0b0", + $type: "color", + $value: "#e9b0b0", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.8}" + $type: "color", + $value: "{global.red.8}" }, name: "--ds-color-danger-border-strong", attributes: {}, @@ -1670,13 +1670,13 @@ export const color = [ ] }, { - type: "color", - value: "#d76e6e", + $type: "color", + $value: "#d76e6e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.9}" + $type: "color", + $value: "{global.red.9}" }, name: "--ds-color-danger-base-default", attributes: {}, @@ -1687,13 +1687,13 @@ export const color = [ ] }, { - type: "color", - value: "#ce4e4e", + $type: "color", + $value: "#ce4e4e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.10}" + $type: "color", + $value: "{global.red.10}" }, name: "--ds-color-danger-base-hover", attributes: {}, @@ -1704,13 +1704,13 @@ export const color = [ ] }, { - type: "color", - value: "#c32727", + $type: "color", + $value: "#c32727", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.11}" + $type: "color", + $value: "{global.red.11}" }, name: "--ds-color-danger-base-active", attributes: {}, @@ -1721,13 +1721,13 @@ export const color = [ ] }, { - type: "color", - value: "#df8d8d", + $type: "color", + $value: "#df8d8d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.12}" + $type: "color", + $value: "{global.red.12}" }, name: "--ds-color-danger-text-subtle", attributes: {}, @@ -1738,13 +1738,13 @@ export const color = [ ] }, { - type: "color", - value: "#f5dcdc", + $type: "color", + $value: "#f5dcdc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.13}" + $type: "color", + $value: "{global.red.13}" }, name: "--ds-color-danger-text-default", attributes: {}, @@ -1755,13 +1755,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.contrast-1}" + $type: "color", + $value: "{global.red.contrast-1}" }, name: "--ds-color-danger-contrast-default", attributes: {}, @@ -1772,13 +1772,13 @@ export const color = [ ] }, { - type: "color", - value: "#271414", + $type: "color", + $value: "#271414", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.contrast-2}" + $type: "color", + $value: "{global.red.contrast-2}" }, name: "--ds-color-danger-contrast-subtle", attributes: {}, @@ -1789,13 +1789,13 @@ export const color = [ ] }, { - type: "color", - value: "#031d30", + $type: "color", + $value: "#031d30", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.1}" + $type: "color", + $value: "{global.blue.1}" }, name: "--ds-color-info-background-default", attributes: {}, @@ -1806,13 +1806,13 @@ export const color = [ ] }, { - type: "color", - value: "#032540", + $type: "color", + $value: "#032540", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.2}" + $type: "color", + $value: "{global.blue.2}" }, name: "--ds-color-info-background-subtle", attributes: {}, @@ -1823,13 +1823,13 @@ export const color = [ ] }, { - type: "color", - value: "#043256", + $type: "color", + $value: "#043256", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.3}" + $type: "color", + $value: "{global.blue.3}" }, name: "--ds-color-info-surface-default", attributes: {}, @@ -1840,13 +1840,13 @@ export const color = [ ] }, { - type: "color", - value: "#063f6c", + $type: "color", + $value: "#063f6c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.4}" + $type: "color", + $value: "{global.blue.4}" }, name: "--ds-color-info-surface-hover", attributes: {}, @@ -1857,13 +1857,13 @@ export const color = [ ] }, { - type: "color", - value: "#074d84", + $type: "color", + $value: "#074d84", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.5}" + $type: "color", + $value: "{global.blue.5}" }, name: "--ds-color-info-surface-active", attributes: {}, @@ -1874,13 +1874,13 @@ export const color = [ ] }, { - type: "color", - value: "#075490", + $type: "color", + $value: "#075490", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.6}" + $type: "color", + $value: "{global.blue.6}" }, name: "--ds-color-info-border-subtle", attributes: {}, @@ -1891,13 +1891,13 @@ export const color = [ ] }, { - type: "color", - value: "#0c72c1", + $type: "color", + $value: "#0c72c1", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.7}" + $type: "color", + $value: "{global.blue.7}" }, name: "--ds-color-info-border-default", attributes: {}, @@ -1908,13 +1908,13 @@ export const color = [ ] }, { - type: "color", - value: "#98c3e5", + $type: "color", + $value: "#98c3e5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.8}" + $type: "color", + $value: "{global.blue.8}" }, name: "--ds-color-info-border-strong", attributes: {}, @@ -1925,13 +1925,13 @@ export const color = [ ] }, { - type: "color", - value: "#2a84c8", + $type: "color", + $value: "#2a84c8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.9}" + $type: "color", + $value: "{global.blue.9}" }, name: "--ds-color-info-base-default", attributes: {}, @@ -1942,13 +1942,13 @@ export const color = [ ] }, { - type: "color", - value: "#0a6dba", + $type: "color", + $value: "#0a6dba", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.10}" + $type: "color", + $value: "{global.blue.10}" }, name: "--ds-color-info-base-hover", attributes: {}, @@ -1959,13 +1959,13 @@ export const color = [ ] }, { - type: "color", - value: "#085998", + $type: "color", + $value: "#085998", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.11}" + $type: "color", + $value: "{global.blue.11}" }, name: "--ds-color-info-base-active", attributes: {}, @@ -1976,13 +1976,13 @@ export const color = [ ] }, { - type: "color", - value: "#6ba9d9", + $type: "color", + $value: "#6ba9d9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.12}" + $type: "color", + $value: "{global.blue.12}" }, name: "--ds-color-info-text-subtle", attributes: {}, @@ -1993,13 +1993,13 @@ export const color = [ ] }, { - type: "color", - value: "#d3e5f4", + $type: "color", + $value: "#d3e5f4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.13}" + $type: "color", + $value: "{global.blue.13}" }, name: "--ds-color-info-text-default", attributes: {}, @@ -2010,13 +2010,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.contrast-1}" + $type: "color", + $value: "{global.blue.contrast-1}" }, name: "--ds-color-info-contrast-default", attributes: {}, @@ -2027,13 +2027,13 @@ export const color = [ ] }, { - type: "color", - value: "#040c13", + $type: "color", + $value: "#040c13", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.contrast-2}" + $type: "color", + $value: "{global.blue.contrast-2}" }, name: "--ds-color-info-contrast-subtle", attributes: {}, @@ -2044,13 +2044,13 @@ export const color = [ ] }, { - type: "color", - value: "#221b06", + $type: "color", + $value: "#221b06", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.1}" + $type: "color", + $value: "{global.yellow.1}" }, name: "--ds-color-warning-background-default", attributes: {}, @@ -2061,13 +2061,13 @@ export const color = [ ] }, { - type: "color", - value: "#2b2307", + $type: "color", + $value: "#2b2307", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.2}" + $type: "color", + $value: "{global.yellow.2}" }, name: "--ds-color-warning-background-subtle", attributes: {}, @@ -2078,13 +2078,13 @@ export const color = [ ] }, { - type: "color", - value: "#3a300a", + $type: "color", + $value: "#3a300a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.3}" + $type: "color", + $value: "{global.yellow.3}" }, name: "--ds-color-warning-surface-default", attributes: {}, @@ -2095,13 +2095,13 @@ export const color = [ ] }, { - type: "color", - value: "#4a3d0d", + $type: "color", + $value: "#4a3d0d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.4}" + $type: "color", + $value: "{global.yellow.4}" }, name: "--ds-color-warning-surface-hover", attributes: {}, @@ -2112,13 +2112,13 @@ export const color = [ ] }, { - type: "color", - value: "#5a4a0f", + $type: "color", + $value: "#5a4a0f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.5}" + $type: "color", + $value: "{global.yellow.5}" }, name: "--ds-color-warning-surface-active", attributes: {}, @@ -2129,13 +2129,13 @@ export const color = [ ] }, { - type: "color", - value: "#635011", + $type: "color", + $value: "#635011", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.6}" + $type: "color", + $value: "{global.yellow.6}" }, name: "--ds-color-warning-border-subtle", attributes: {}, @@ -2146,13 +2146,13 @@ export const color = [ ] }, { - type: "color", - value: "#856d17", + $type: "color", + $value: "#856d17", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.7}" + $type: "color", + $value: "{global.yellow.7}" }, name: "--ds-color-warning-border-default", attributes: {}, @@ -2163,13 +2163,13 @@ export const color = [ ] }, { - type: "color", - value: "#e4ba27", + $type: "color", + $value: "#e4ba27", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.8}" + $type: "color", + $value: "{global.yellow.8}" }, name: "--ds-color-warning-border-strong", attributes: {}, @@ -2180,13 +2180,13 @@ export const color = [ ] }, { - type: "color", - value: "#ba541e", + $type: "color", + $value: "#ba541e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.9}" + $type: "color", + $value: "{global.orange.9}" }, name: "--ds-color-warning-base-default", attributes: {}, @@ -2197,13 +2197,13 @@ export const color = [ ] }, { - type: "color", - value: "#994619", + $type: "color", + $value: "#994619", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.10}" + $type: "color", + $value: "{global.orange.10}" }, name: "--ds-color-warning-base-hover", attributes: {}, @@ -2214,13 +2214,13 @@ export const color = [ ] }, { - type: "color", - value: "#7a3814", + $type: "color", + $value: "#7a3814", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.11}" + $type: "color", + $value: "{global.orange.11}" }, name: "--ds-color-warning-base-active", attributes: {}, @@ -2231,13 +2231,13 @@ export const color = [ ] }, { - type: "color", - value: "#db9169", + $type: "color", + $value: "#db9169", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.12}" + $type: "color", + $value: "{global.orange.12}" }, name: "--ds-color-warning-text-subtle", attributes: {}, @@ -2248,13 +2248,13 @@ export const color = [ ] }, { - type: "color", - value: "#f4ddd0", + $type: "color", + $value: "#f4ddd0", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.13}" + $type: "color", + $value: "{global.orange.13}" }, name: "--ds-color-warning-text-default", attributes: {}, @@ -2265,13 +2265,13 @@ export const color = [ ] }, { - type: "color", - value: "#ffffff", + $type: "color", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.contrast-1}" + $type: "color", + $value: "{global.yellow.contrast-1}" }, name: "--ds-color-warning-contrast-default", attributes: {}, @@ -2282,13 +2282,13 @@ export const color = [ ] }, { - type: "color", - value: "#ccc9bf", + $type: "color", + $value: "#ccc9bf", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.contrast-2}" + $type: "color", + $value: "{global.yellow.contrast-2}" }, name: "--ds-color-warning-contrast-subtle", attributes: {}, @@ -2299,13 +2299,13 @@ export const color = [ ] }, { - type: "color", - value: "#131c27", + $type: "color", + $value: "#131c27", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.background-default}" + $type: "color", + $value: "{color.neutral.background-default}" }, name: "--ds-color-focus-inner", attributes: {}, @@ -2316,13 +2316,13 @@ export const color = [ ] }, { - type: "color", - value: "#d1e3f3", + $type: "color", + $value: "#d1e3f3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.text-default}" + $type: "color", + $value: "{color.accent.text-default}" }, name: "--ds-color-focus-outer", attributes: {}, @@ -2336,13 +2336,13 @@ export const color = [ export const typography = [ { - type: "typography", - value: "500 3.75rem/1.3 'Inter'", + $type: "typography", + $value: "500 3.75rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2359,21 +2359,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 3rem/1.3 'Inter'", - description: "H1", + $type: "typography", + $value: "500 3rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.10}", letterSpacing: "{letter-spacing.1}" - }, - description: "H1" + } }, name: "--ds-typography-heading-xl", attributes: {}, @@ -2384,21 +2382,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 2.25rem/1.3 'Inter'", - description: "H2", + $type: "typography", + $value: "500 2.25rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.9}", letterSpacing: "{letter-spacing.2}" - }, - description: "H2" + } }, name: "--ds-typography-heading-lg", attributes: {}, @@ -2409,21 +2405,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.875rem/1.3 'Inter'", - description: "H3", + $type: "typography", + $value: "500 1.875rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.8}", letterSpacing: "{letter-spacing.3}" - }, - description: "H3" + } }, name: "--ds-typography-heading-md", attributes: {}, @@ -2434,21 +2428,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.5rem/1.3 'Inter'", - description: "H4", + $type: "typography", + $value: "500 1.5rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.7}", letterSpacing: "{letter-spacing.5}" - }, - description: "H4" + } }, name: "--ds-typography-heading-sm", attributes: {}, @@ -2459,21 +2451,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.3125rem/1.3 'Inter'", - description: "H5", + $type: "typography", + $value: "500 1.3125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.6}", letterSpacing: "{letter-spacing.6}" - }, - description: "H5" + } }, name: "--ds-typography-heading-xs", attributes: {}, @@ -2484,21 +2474,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.125rem/1.3 'Inter'", - description: "H6", + $type: "typography", + $value: "500 1.125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.5}", letterSpacing: "{letter-spacing.6}" - }, - description: "H6" + } }, name: "--ds-typography-heading-2xs", attributes: {}, @@ -2509,13 +2497,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.875rem/1.7 'Inter'", + $type: "typography", + $value: "400 1.875rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2532,13 +2520,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.5rem/1.7 'Inter'", + $type: "typography", + $value: "400 1.5rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2555,13 +2543,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.7 'Inter'", + $type: "typography", + $value: "400 1.3125rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2578,13 +2566,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.7 'Inter'", + $type: "typography", + $value: "400 1.125rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2601,13 +2589,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.5 'Inter'", + $type: "typography", + $value: "400 1.3125rem/1.5 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.md}", @@ -2624,13 +2612,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.5 'Inter'", + $type: "typography", + $value: "400 1.125rem/1.5 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.md}", @@ -2647,13 +2635,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1rem/1.5 'Inter'", + $type: "typography", + $value: "400 1rem/1.5 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.md}", @@ -2670,13 +2658,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 0.875rem/1.5 'Inter'", + $type: "typography", + $value: "400 0.875rem/1.5 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.md}", @@ -2693,13 +2681,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.3 'Inter'", + $type: "typography", + $value: "400 1.3125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -2717,13 +2705,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.3 'Inter'", + $type: "typography", + $value: "400 1.125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -2741,13 +2729,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1rem/1.3 'Inter'", + $type: "typography", + $value: "400 1rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -2765,13 +2753,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 0.875rem/1.3 'Inter'", + $type: "typography", + $value: "400 0.875rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -2789,13 +2777,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.7 'Inter'", + $type: "typography", + $value: "400 1.3125rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2813,13 +2801,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.7 'Inter'", + $type: "typography", + $value: "400 1.125rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2837,13 +2825,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1rem/1.7 'Inter'", + $type: "typography", + $value: "400 1rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2861,13 +2849,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 0.875rem/1.7 'Inter'", + $type: "typography", + $value: "400 0.875rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2885,13 +2873,13 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.3125rem/1.3 'Inter'", + $type: "typography", + $value: "500 1.3125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2908,13 +2896,13 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.125rem/1.3 'Inter'", + $type: "typography", + $value: "500 1.125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2931,13 +2919,13 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1rem/1.3 'Inter'", + $type: "typography", + $value: "500 1rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2954,13 +2942,13 @@ export const typography = [ ] }, { - type: "typography", - value: "500 0.875rem/1.3 'Inter'", + $type: "typography", + $value: "500 0.875rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2977,13 +2965,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.3 'Inter'", + $type: "typography", + $value: "400 1.3125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -3000,13 +2988,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.3 'Inter'", + $type: "typography", + $value: "400 1.125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -3023,13 +3011,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1rem/1.3 'Inter'", + $type: "typography", + $value: "400 1rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -3046,13 +3034,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 0.875rem/1.3 'Inter'", + $type: "typography", + $value: "400 0.875rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -3072,13 +3060,13 @@ export const typography = [ export const opacity = [ { - type: "opacity", - value: "30%", + $type: "opacity", + $value: "30%", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "opacity", - value: "{opacity.30}" + $type: "opacity", + $value: "{opacity.30}" }, name: "--ds-disabled-opacity", attributes: {}, @@ -3091,13 +3079,13 @@ export const opacity = [ export const dimension = [ { - type: "dimension", - value: "0.125rem", + $type: "dimension", + $value: "0.125rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*0.5" + $type: "dimension", + $value: "{border-radius.base}*0.5" }, name: "--ds-border-radius-sm", attributes: {}, @@ -3107,13 +3095,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.25rem", + $type: "dimension", + $value: "0.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*1" + $type: "dimension", + $value: "{border-radius.base}*1" }, name: "--ds-border-radius-md", attributes: {}, @@ -3123,13 +3111,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.5rem", + $type: "dimension", + $value: "0.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*2" + $type: "dimension", + $value: "{border-radius.base}*2" }, name: "--ds-border-radius-lg", attributes: {}, @@ -3139,13 +3127,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.75rem", + $type: "dimension", + $value: "0.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*3" + $type: "dimension", + $value: "{border-radius.base}*3" }, name: "--ds-border-radius-xl", attributes: {}, @@ -3155,13 +3143,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1rem", + $type: "dimension", + $value: "1rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*4" + $type: "dimension", + $value: "{border-radius.base}*4" }, name: "--ds-border-radius-2xl", attributes: {}, @@ -3171,13 +3159,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.5rem", + $type: "dimension", + $value: "1.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*6" + $type: "dimension", + $value: "{border-radius.base}*6" }, name: "--ds-border-radius-3xl", attributes: {}, @@ -3187,13 +3175,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2rem", + $type: "dimension", + $value: "2rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*8" + $type: "dimension", + $value: "{border-radius.base}*8" }, name: "--ds-border-radius-4xl", attributes: {}, @@ -3203,13 +3191,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "624.9375rem", + $type: "dimension", + $value: "624.9375rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "9999" + $type: "dimension", + $value: "9999" }, name: "--ds-border-radius-full", attributes: {}, @@ -3219,13 +3207,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0rem", + $type: "dimension", + $value: "0rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*0" + $type: "dimension", + $value: "{spacing.base}*0" }, name: "--ds-spacing-0", attributes: {}, @@ -3235,13 +3223,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.25rem", + $type: "dimension", + $value: "0.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*1" + $type: "dimension", + $value: "{spacing.base}*1" }, name: "--ds-spacing-1", attributes: {}, @@ -3251,13 +3239,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.5rem", + $type: "dimension", + $value: "0.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*2" + $type: "dimension", + $value: "{spacing.base}*2" }, name: "--ds-spacing-2", attributes: {}, @@ -3267,13 +3255,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.75rem", + $type: "dimension", + $value: "0.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*3" + $type: "dimension", + $value: "{spacing.base}*3" }, name: "--ds-spacing-3", attributes: {}, @@ -3283,13 +3271,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1rem", + $type: "dimension", + $value: "1rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*4" + $type: "dimension", + $value: "{spacing.base}*4" }, name: "--ds-spacing-4", attributes: {}, @@ -3299,13 +3287,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.25rem", + $type: "dimension", + $value: "1.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*5" + $type: "dimension", + $value: "{spacing.base}*5" }, name: "--ds-spacing-5", attributes: {}, @@ -3315,13 +3303,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.5rem", + $type: "dimension", + $value: "1.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*6" + $type: "dimension", + $value: "{spacing.base}*6" }, name: "--ds-spacing-6", attributes: {}, @@ -3331,13 +3319,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.75rem", + $type: "dimension", + $value: "1.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*7" + $type: "dimension", + $value: "{spacing.base}*7" }, name: "--ds-spacing-7", attributes: {}, @@ -3347,13 +3335,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2rem", + $type: "dimension", + $value: "2rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*8" + $type: "dimension", + $value: "{spacing.base}*8" }, name: "--ds-spacing-8", attributes: {}, @@ -3363,13 +3351,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.25rem", + $type: "dimension", + $value: "2.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*9" + $type: "dimension", + $value: "{spacing.base}*9" }, name: "--ds-spacing-9", attributes: {}, @@ -3379,13 +3367,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.5rem", + $type: "dimension", + $value: "2.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*10" + $type: "dimension", + $value: "{spacing.base}*10" }, name: "--ds-spacing-10", attributes: {}, @@ -3395,13 +3383,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.75rem", + $type: "dimension", + $value: "2.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*11" + $type: "dimension", + $value: "{spacing.base}*11" }, name: "--ds-spacing-11", attributes: {}, @@ -3411,13 +3399,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3rem", + $type: "dimension", + $value: "3rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*12" + $type: "dimension", + $value: "{spacing.base}*12" }, name: "--ds-spacing-12", attributes: {}, @@ -3427,13 +3415,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.25rem", + $type: "dimension", + $value: "3.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*13" + $type: "dimension", + $value: "{spacing.base}*13" }, name: "--ds-spacing-13", attributes: {}, @@ -3443,13 +3431,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.5rem", + $type: "dimension", + $value: "3.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*14" + $type: "dimension", + $value: "{spacing.base}*14" }, name: "--ds-spacing-14", attributes: {}, @@ -3459,13 +3447,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.75rem", + $type: "dimension", + $value: "3.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*15" + $type: "dimension", + $value: "{spacing.base}*15" }, name: "--ds-spacing-15", attributes: {}, @@ -3475,13 +3463,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "4.5rem", + $type: "dimension", + $value: "4.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*18" + $type: "dimension", + $value: "{spacing.base}*18" }, name: "--ds-spacing-18", attributes: {}, @@ -3491,13 +3479,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "5.5rem", + $type: "dimension", + $value: "5.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*22" + $type: "dimension", + $value: "{spacing.base}*22" }, name: "--ds-spacing-22", attributes: {}, @@ -3507,13 +3495,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "6.5rem", + $type: "dimension", + $value: "6.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*26" + $type: "dimension", + $value: "{spacing.base}*26" }, name: "--ds-spacing-26", attributes: {}, @@ -3523,13 +3511,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "7.5rem", + $type: "dimension", + $value: "7.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*30" + $type: "dimension", + $value: "{spacing.base}*30" }, name: "--ds-spacing-30", attributes: {}, @@ -3539,13 +3527,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0rem", + $type: "dimension", + $value: "0rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*0" + $type: "dimension", + $value: "{sizing.base}*0" }, name: "--ds-sizing-0", attributes: {}, @@ -3555,13 +3543,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.25rem", + $type: "dimension", + $value: "0.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*1" + $type: "dimension", + $value: "{sizing.base}*1" }, name: "--ds-sizing-1", attributes: {}, @@ -3571,13 +3559,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.5rem", + $type: "dimension", + $value: "0.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*2" + $type: "dimension", + $value: "{sizing.base}*2" }, name: "--ds-sizing-2", attributes: {}, @@ -3587,13 +3575,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.75rem", + $type: "dimension", + $value: "0.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*3" + $type: "dimension", + $value: "{sizing.base}*3" }, name: "--ds-sizing-3", attributes: {}, @@ -3603,13 +3591,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1rem", + $type: "dimension", + $value: "1rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*4" + $type: "dimension", + $value: "{sizing.base}*4" }, name: "--ds-sizing-4", attributes: {}, @@ -3619,13 +3607,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.25rem", + $type: "dimension", + $value: "1.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*5" + $type: "dimension", + $value: "{sizing.base}*5" }, name: "--ds-sizing-5", attributes: {}, @@ -3635,13 +3623,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.5rem", + $type: "dimension", + $value: "1.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*6" + $type: "dimension", + $value: "{sizing.base}*6" }, name: "--ds-sizing-6", attributes: {}, @@ -3651,13 +3639,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.75rem", + $type: "dimension", + $value: "1.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*7" + $type: "dimension", + $value: "{sizing.base}*7" }, name: "--ds-sizing-7", attributes: {}, @@ -3667,13 +3655,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2rem", + $type: "dimension", + $value: "2rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*8" + $type: "dimension", + $value: "{sizing.base}*8" }, name: "--ds-sizing-8", attributes: {}, @@ -3683,13 +3671,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.25rem", + $type: "dimension", + $value: "2.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*9" + $type: "dimension", + $value: "{sizing.base}*9" }, name: "--ds-sizing-9", attributes: {}, @@ -3699,13 +3687,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.5rem", + $type: "dimension", + $value: "2.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*10" + $type: "dimension", + $value: "{sizing.base}*10" }, name: "--ds-sizing-10", attributes: {}, @@ -3715,13 +3703,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.75rem", + $type: "dimension", + $value: "2.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*11" + $type: "dimension", + $value: "{sizing.base}*11" }, name: "--ds-sizing-11", attributes: {}, @@ -3731,13 +3719,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3rem", + $type: "dimension", + $value: "3rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*12" + $type: "dimension", + $value: "{sizing.base}*12" }, name: "--ds-sizing-12", attributes: {}, @@ -3747,13 +3735,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.25rem", + $type: "dimension", + $value: "3.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*13" + $type: "dimension", + $value: "{sizing.base}*13" }, name: "--ds-sizing-13", attributes: {}, @@ -3763,13 +3751,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.5rem", + $type: "dimension", + $value: "3.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*14" + $type: "dimension", + $value: "{sizing.base}*14" }, name: "--ds-sizing-14", attributes: {}, @@ -3779,13 +3767,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.75rem", + $type: "dimension", + $value: "3.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*15" + $type: "dimension", + $value: "{sizing.base}*15" }, name: "--ds-sizing-15", attributes: {}, @@ -3795,13 +3783,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "4.5rem", + $type: "dimension", + $value: "4.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*18" + $type: "dimension", + $value: "{sizing.base}*18" }, name: "--ds-sizing-18", attributes: {}, @@ -3811,13 +3799,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "5.5rem", + $type: "dimension", + $value: "5.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*22" + $type: "dimension", + $value: "{sizing.base}*22" }, name: "--ds-sizing-22", attributes: {}, @@ -3827,13 +3815,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "6.5rem", + $type: "dimension", + $value: "6.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*26" + $type: "dimension", + $value: "{sizing.base}*26" }, name: "--ds-sizing-26", attributes: {}, @@ -3843,13 +3831,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "7.5rem", + $type: "dimension", + $value: "7.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*30" + $type: "dimension", + $value: "{sizing.base}*30" }, name: "--ds-sizing-30", attributes: {}, @@ -3862,13 +3850,13 @@ export const dimension = [ export const shadow = [ { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.12)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.12)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.100}" + $type: "shadow", + $value: "{shadow.100}" }, name: "--ds-shadow-xs", attributes: {}, @@ -3878,13 +3866,13 @@ export const shadow = [ ] }, { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.15), 0 1px 2px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.1)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.15), 0 1px 2px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.1)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.200}" + $type: "shadow", + $value: "{shadow.200}" }, name: "--ds-shadow-sm", attributes: {}, @@ -3894,13 +3882,13 @@ export const shadow = [ ] }, { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.14), 0 2px 4px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.12)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.14), 0 2px 4px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.12)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.300}" + $type: "shadow", + $value: "{shadow.300}" }, name: "--ds-shadow-md", attributes: {}, @@ -3910,13 +3898,13 @@ export const shadow = [ ] }, { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.13), 0 3px 5px 0 rgba(0,0,0,0.13), 0 6px 12px 0 rgba(0,0,0,0.14)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.13), 0 3px 5px 0 rgba(0,0,0,0.13), 0 6px 12px 0 rgba(0,0,0,0.14)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.400}" + $type: "shadow", + $value: "{shadow.400}" }, name: "--ds-shadow-lg", attributes: {}, @@ -3926,13 +3914,13 @@ export const shadow = [ ] }, { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.16), 0 12px 24px 0 rgba(0,0,0,0.16)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.16), 0 12px 24px 0 rgba(0,0,0,0.16)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.500}" + $type: "shadow", + $value: "{shadow.500}" }, name: "--ds-shadow-xl", attributes: {}, diff --git a/apps/storefront/tokens/digdir/light.ts b/apps/storefront/tokens/digdir/light.ts index 7c313afe09..d6786e976b 100644 --- a/apps/storefront/tokens/digdir/light.ts +++ b/apps/storefront/tokens/digdir/light.ts @@ -4,13 +4,13 @@ export const color = [ { - type: "color", - value: "#fefeff", + $type: "color", + $value: "#fefeff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.1}" + $type: "color", + $value: "{color.accent.1}" }, name: "--ds-color-accent-background-default", attributes: {}, @@ -21,13 +21,13 @@ export const color = [ ] }, { - type: "color", - value: "#eef4fa", + $type: "color", + $value: "#eef4fa", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.2}" + $type: "color", + $value: "{color.accent.2}" }, name: "--ds-color-accent-background-subtle", attributes: {}, @@ -38,13 +38,13 @@ export const color = [ ] }, { - type: "color", - value: "#d1e3f3", + $type: "color", + $value: "#d1e3f3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.3}" + $type: "color", + $value: "{color.accent.3}" }, name: "--ds-color-accent-surface-default", attributes: {}, @@ -55,13 +55,13 @@ export const color = [ ] }, { - type: "color", - value: "#bad5ec", + $type: "color", + $value: "#bad5ec", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.4}" + $type: "color", + $value: "{color.accent.4}" }, name: "--ds-color-accent-surface-hover", attributes: {}, @@ -72,13 +72,13 @@ export const color = [ ] }, { - type: "color", - value: "#a1c5e5", + $type: "color", + $value: "#a1c5e5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.5}" + $type: "color", + $value: "{color.accent.5}" }, name: "--ds-color-accent-surface-active", attributes: {}, @@ -89,13 +89,13 @@ export const color = [ ] }, { - type: "color", - value: "#97bfe3", + $type: "color", + $value: "#97bfe3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.6}" + $type: "color", + $value: "{color.accent.6}" }, name: "--ds-color-accent-border-subtle", attributes: {}, @@ -106,13 +106,13 @@ export const color = [ ] }, { - type: "color", - value: "#3885c9", + $type: "color", + $value: "#3885c9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.7}" + $type: "color", + $value: "{color.accent.7}" }, name: "--ds-color-accent-border-default", attributes: {}, @@ -123,13 +123,13 @@ export const color = [ ] }, { - type: "color", - value: "#014e93", + $type: "color", + $value: "#014e93", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.8}" + $type: "color", + $value: "{color.accent.8}" }, name: "--ds-color-accent-border-strong", attributes: {}, @@ -140,13 +140,13 @@ export const color = [ ] }, { - type: "color", - value: "#0163ba", + $type: "color", + $value: "#0163ba", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.9}" + $type: "color", + $value: "{color.accent.9}" }, name: "--ds-color-accent-base-default", attributes: {}, @@ -157,13 +157,13 @@ export const color = [ ] }, { - type: "color", - value: "#015097", + $type: "color", + $value: "#015097", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.10}" + $type: "color", + $value: "{color.accent.10}" }, name: "--ds-color-accent-base-hover", attributes: {}, @@ -174,13 +174,13 @@ export const color = [ ] }, { - type: "color", - value: "#013f75", + $type: "color", + $value: "#013f75", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.11}" + $type: "color", + $value: "{color.accent.11}" }, name: "--ds-color-accent-base-active", attributes: {}, @@ -191,13 +191,13 @@ export const color = [ ] }, { - type: "color", - value: "#0163ba", + $type: "color", + $value: "#0163ba", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.12}" + $type: "color", + $value: "{color.accent.12}" }, name: "--ds-color-accent-text-subtle", attributes: {}, @@ -208,13 +208,13 @@ export const color = [ ] }, { - type: "color", - value: "#002d54", + $type: "color", + $value: "#002d54", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.13}" + $type: "color", + $value: "{color.accent.13}" }, name: "--ds-color-accent-text-default", attributes: {}, @@ -225,13 +225,13 @@ export const color = [ ] }, { - type: "color", - value: "#ffffff", + $type: "color", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.contrast-1}" + $type: "color", + $value: "{color.accent.contrast-1}" }, name: "--ds-color-accent-contrast-default", attributes: {}, @@ -242,13 +242,13 @@ export const color = [ ] }, { - type: "color", - value: "#dbe9f5", + $type: "color", + $value: "#dbe9f5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.contrast-2}" + $type: "color", + $value: "{color.accent.contrast-2}" }, name: "--ds-color-accent-contrast-subtle", attributes: {}, @@ -259,13 +259,13 @@ export const color = [ ] }, { - type: "color", - value: "#fefefe", + $type: "color", + $value: "#fefefe", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.1}" + $type: "color", + $value: "{color.neutral.1}" }, name: "--ds-color-neutral-background-default", attributes: {}, @@ -276,13 +276,13 @@ export const color = [ ] }, { - type: "color", - value: "#f3f4f5", + $type: "color", + $value: "#f3f4f5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.2}" + $type: "color", + $value: "{color.neutral.2}" }, name: "--ds-color-neutral-background-subtle", attributes: {}, @@ -293,13 +293,13 @@ export const color = [ ] }, { - type: "color", - value: "#e1e3e5", + $type: "color", + $value: "#e1e3e5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.3}" + $type: "color", + $value: "{color.neutral.3}" }, name: "--ds-color-neutral-surface-default", attributes: {}, @@ -310,13 +310,13 @@ export const color = [ ] }, { - type: "color", - value: "#ced1d4", + $type: "color", + $value: "#ced1d4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.4}" + $type: "color", + $value: "{color.neutral.4}" }, name: "--ds-color-neutral-surface-hover", attributes: {}, @@ -327,13 +327,13 @@ export const color = [ ] }, { - type: "color", - value: "#bdc1c6", + $type: "color", + $value: "#bdc1c6", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.5}" + $type: "color", + $value: "{color.neutral.5}" }, name: "--ds-color-neutral-surface-active", attributes: {}, @@ -344,13 +344,13 @@ export const color = [ ] }, { - type: "color", - value: "#b8bcc1", + $type: "color", + $value: "#b8bcc1", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.6}" + $type: "color", + $value: "{color.neutral.6}" }, name: "--ds-color-neutral-border-subtle", attributes: {}, @@ -361,13 +361,13 @@ export const color = [ ] }, { - type: "color", - value: "#7a818c", + $type: "color", + $value: "#7a818c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.7}" + $type: "color", + $value: "{color.neutral.7}" }, name: "--ds-color-neutral-border-default", attributes: {}, @@ -378,13 +378,13 @@ export const color = [ ] }, { - type: "color", - value: "#444e5d", + $type: "color", + $value: "#444e5d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.8}" + $type: "color", + $value: "{color.neutral.8}" }, name: "--ds-color-neutral-border-strong", attributes: {}, @@ -395,13 +395,13 @@ export const color = [ ] }, { - type: "color", - value: "#1e2b3c", + $type: "color", + $value: "#1e2b3c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.9}" + $type: "color", + $value: "{color.neutral.9}" }, name: "--ds-color-neutral-base-default", attributes: {}, @@ -412,13 +412,13 @@ export const color = [ ] }, { - type: "color", - value: "#303c4b", + $type: "color", + $value: "#303c4b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.10}" + $type: "color", + $value: "{color.neutral.10}" }, name: "--ds-color-neutral-base-hover", attributes: {}, @@ -429,13 +429,13 @@ export const color = [ ] }, { - type: "color", - value: "#444e5d", + $type: "color", + $value: "#444e5d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.11}" + $type: "color", + $value: "{color.neutral.11}" }, name: "--ds-color-neutral-base-active", attributes: {}, @@ -446,13 +446,13 @@ export const color = [ ] }, { - type: "color", - value: "#5b6471", + $type: "color", + $value: "#5b6471", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.12}" + $type: "color", + $value: "{color.neutral.12}" }, name: "--ds-color-neutral-text-subtle", attributes: {}, @@ -463,13 +463,13 @@ export const color = [ ] }, { - type: "color", - value: "#202c3d", + $type: "color", + $value: "#202c3d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.13}" + $type: "color", + $value: "{color.neutral.13}" }, name: "--ds-color-neutral-text-default", attributes: {}, @@ -480,13 +480,13 @@ export const color = [ ] }, { - type: "color", - value: "#ffffff", + $type: "color", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.contrast-1}" + $type: "color", + $value: "{color.neutral.contrast-1}" }, name: "--ds-color-neutral-contrast-default", attributes: {}, @@ -497,13 +497,13 @@ export const color = [ ] }, { - type: "color", - value: "#bbbfc4", + $type: "color", + $value: "#bbbfc4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.contrast-2}" + $type: "color", + $value: "{color.neutral.contrast-2}" }, name: "--ds-color-neutral-contrast-subtle", attributes: {}, @@ -514,13 +514,13 @@ export const color = [ ] }, { - type: "color", - value: "#fffefe", + $type: "color", + $value: "#fffefe", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.1}" + $type: "color", + $value: "{color.brand1.1}" }, name: "--ds-color-brand1-background-default", attributes: {}, @@ -531,13 +531,13 @@ export const color = [ ] }, { - type: "color", - value: "#fef0f1", + $type: "color", + $value: "#fef0f1", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.2}" + $type: "color", + $value: "{color.brand1.2}" }, name: "--ds-color-brand1-background-subtle", attributes: {}, @@ -548,13 +548,13 @@ export const color = [ ] }, { - type: "color", - value: "#fcdbdc", + $type: "color", + $value: "#fcdbdc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.3}" + $type: "color", + $value: "{color.brand1.3}" }, name: "--ds-color-brand1-surface-default", attributes: {}, @@ -565,13 +565,13 @@ export const color = [ ] }, { - type: "color", - value: "#fbc4c5", + $type: "color", + $value: "#fbc4c5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.4}" + $type: "color", + $value: "{color.brand1.4}" }, name: "--ds-color-brand1-surface-hover", attributes: {}, @@ -582,13 +582,13 @@ export const color = [ ] }, { - type: "color", - value: "#f9acae", + $type: "color", + $value: "#f9acae", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.5}" + $type: "color", + $value: "{color.brand1.5}" }, name: "--ds-color-brand1-surface-active", attributes: {}, @@ -599,13 +599,13 @@ export const color = [ ] }, { - type: "color", - value: "#f8a5a7", + $type: "color", + $value: "#f8a5a7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.6}" + $type: "color", + $value: "{color.brand1.6}" }, name: "--ds-color-brand1-border-subtle", attributes: {}, @@ -616,13 +616,13 @@ export const color = [ ] }, { - type: "color", - value: "#d95558", + $type: "color", + $value: "#d95558", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.7}" + $type: "color", + $value: "{color.brand1.7}" }, name: "--ds-color-brand1-border-default", attributes: {}, @@ -633,13 +633,13 @@ export const color = [ ] }, { - type: "color", - value: "#833336", + $type: "color", + $value: "#833336", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.8}" + $type: "color", + $value: "{color.brand1.8}" }, name: "--ds-color-brand1-border-strong", attributes: {}, @@ -650,13 +650,13 @@ export const color = [ ] }, { - type: "color", - value: "#f35f63", + $type: "color", + $value: "#f35f63", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.9}" + $type: "color", + $value: "{color.brand1.9}" }, name: "--ds-color-brand1-base-default", attributes: {}, @@ -667,13 +667,13 @@ export const color = [ ] }, { - type: "color", - value: "#d05255", + $type: "color", + $value: "#d05255", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.10}" + $type: "color", + $value: "{color.brand1.10}" }, name: "--ds-color-brand1-base-hover", attributes: {}, @@ -684,13 +684,13 @@ export const color = [ ] }, { - type: "color", - value: "#af4547", + $type: "color", + $value: "#af4547", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.11}" + $type: "color", + $value: "{color.brand1.11}" }, name: "--ds-color-brand1-base-active", attributes: {}, @@ -701,13 +701,13 @@ export const color = [ ] }, { - type: "color", - value: "#a74144", + $type: "color", + $value: "#a74144", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.12}" + $type: "color", + $value: "{color.brand1.12}" }, name: "--ds-color-brand1-text-subtle", attributes: {}, @@ -718,13 +718,13 @@ export const color = [ ] }, { - type: "color", - value: "#4b1e1f", + $type: "color", + $value: "#4b1e1f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.13}" + $type: "color", + $value: "{color.brand1.13}" }, name: "--ds-color-brand1-text-default", attributes: {}, @@ -735,13 +735,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.contrast-1}" + $type: "color", + $value: "{color.brand1.contrast-1}" }, name: "--ds-color-brand1-contrast-default", attributes: {}, @@ -752,13 +752,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.contrast-2}" + $type: "color", + $value: "{color.brand1.contrast-2}" }, name: "--ds-color-brand1-contrast-subtle", attributes: {}, @@ -769,13 +769,13 @@ export const color = [ ] }, { - type: "color", - value: "#fffefc", + $type: "color", + $value: "#fffefc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.1}" + $type: "color", + $value: "{color.brand2.1}" }, name: "--ds-color-brand2-background-default", attributes: {}, @@ -786,13 +786,13 @@ export const color = [ ] }, { - type: "color", - value: "#fbf3e0", + $type: "color", + $value: "#fbf3e0", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.2}" + $type: "color", + $value: "{color.brand2.2}" }, name: "--ds-color-brand2-background-subtle", attributes: {}, @@ -803,13 +803,13 @@ export const color = [ ] }, { - type: "color", - value: "#f5dfad", + $type: "color", + $value: "#f5dfad", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.3}" + $type: "color", + $value: "{color.brand2.3}" }, name: "--ds-color-brand2-surface-default", attributes: {}, @@ -820,13 +820,13 @@ export const color = [ ] }, { - type: "color", - value: "#f0ce7f", + $type: "color", + $value: "#f0ce7f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.4}" + $type: "color", + $value: "{color.brand2.4}" }, name: "--ds-color-brand2-surface-hover", attributes: {}, @@ -837,13 +837,13 @@ export const color = [ ] }, { - type: "color", - value: "#e9ba4c", + $type: "color", + $value: "#e9ba4c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.5}" + $type: "color", + $value: "{color.brand2.5}" }, name: "--ds-color-brand2-surface-active", attributes: {}, @@ -854,13 +854,13 @@ export const color = [ ] }, { - type: "color", - value: "#e7b43d", + $type: "color", + $value: "#e7b43d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.6}" + $type: "color", + $value: "{color.brand2.6}" }, name: "--ds-color-brand2-border-subtle", attributes: {}, @@ -871,13 +871,13 @@ export const color = [ ] }, { - type: "color", - value: "#a57a17", + $type: "color", + $value: "#a57a17", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.7}" + $type: "color", + $value: "{color.brand2.7}" }, name: "--ds-color-brand2-border-default", attributes: {}, @@ -888,13 +888,13 @@ export const color = [ ] }, { - type: "color", - value: "#63490e", + $type: "color", + $value: "#63490e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.8}" + $type: "color", + $value: "{color.brand2.8}" }, name: "--ds-color-brand2-border-strong", attributes: {}, @@ -905,13 +905,13 @@ export const color = [ ] }, { - type: "color", - value: "#e4a920", + $type: "color", + $value: "#e4a920", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.9}" + $type: "color", + $value: "{color.brand2.9}" }, name: "--ds-color-brand2-base-default", attributes: {}, @@ -922,13 +922,13 @@ export const color = [ ] }, { - type: "color", - value: "#c9951c", + $type: "color", + $value: "#c9951c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.10}" + $type: "color", + $value: "{color.brand2.10}" }, name: "--ds-color-brand2-base-hover", attributes: {}, @@ -939,13 +939,13 @@ export const color = [ ] }, { - type: "color", - value: "#af8119", + $type: "color", + $value: "#af8119", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.11}" + $type: "color", + $value: "{color.brand2.11}" }, name: "--ds-color-brand2-base-active", attributes: {}, @@ -956,13 +956,13 @@ export const color = [ ] }, { - type: "color", - value: "#7e5d12", + $type: "color", + $value: "#7e5d12", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.12}" + $type: "color", + $value: "{color.brand2.12}" }, name: "--ds-color-brand2-text-subtle", attributes: {}, @@ -973,13 +973,13 @@ export const color = [ ] }, { - type: "color", - value: "#382a08", + $type: "color", + $value: "#382a08", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.13}" + $type: "color", + $value: "{color.brand2.13}" }, name: "--ds-color-brand2-text-default", attributes: {}, @@ -990,13 +990,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.contrast-1}" + $type: "color", + $value: "{color.brand2.contrast-1}" }, name: "--ds-color-brand2-contrast-default", attributes: {}, @@ -1007,13 +1007,13 @@ export const color = [ ] }, { - type: "color", - value: "#2b2006", + $type: "color", + $value: "#2b2006", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.contrast-2}" + $type: "color", + $value: "{color.brand2.contrast-2}" }, name: "--ds-color-brand2-contrast-subtle", attributes: {}, @@ -1024,13 +1024,13 @@ export const color = [ ] }, { - type: "color", - value: "#fdfeff", + $type: "color", + $value: "#fdfeff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.1}" + $type: "color", + $value: "{color.brand3.1}" }, name: "--ds-color-brand3-background-default", attributes: {}, @@ -1041,13 +1041,13 @@ export const color = [ ] }, { - type: "color", - value: "#eaf6fe", + $type: "color", + $value: "#eaf6fe", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.2}" + $type: "color", + $value: "{color.brand3.2}" }, name: "--ds-color-brand3-background-subtle", attributes: {}, @@ -1058,13 +1058,13 @@ export const color = [ ] }, { - type: "color", - value: "#c8e6fd", + $type: "color", + $value: "#c8e6fd", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.3}" + $type: "color", + $value: "{color.brand3.3}" }, name: "--ds-color-brand3-surface-default", attributes: {}, @@ -1075,13 +1075,13 @@ export const color = [ ] }, { - type: "color", - value: "#a9d7fb", + $type: "color", + $value: "#a9d7fb", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.4}" + $type: "color", + $value: "{color.brand3.4}" }, name: "--ds-color-brand3-surface-hover", attributes: {}, @@ -1092,13 +1092,13 @@ export const color = [ ] }, { - type: "color", - value: "#84c7fa", + $type: "color", + $value: "#84c7fa", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.5}" + $type: "color", + $value: "{color.brand3.5}" }, name: "--ds-color-brand3-surface-active", attributes: {}, @@ -1109,13 +1109,13 @@ export const color = [ ] }, { - type: "color", - value: "#7ac2f9", + $type: "color", + $value: "#7ac2f9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.6}" + $type: "color", + $value: "{color.brand3.6}" }, name: "--ds-color-brand3-border-subtle", attributes: {}, @@ -1126,13 +1126,13 @@ export const color = [ ] }, { - type: "color", - value: "#1a85d6", + $type: "color", + $value: "#1a85d6", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.7}" + $type: "color", + $value: "{color.brand3.7}" }, name: "--ds-color-brand3-border-default", attributes: {}, @@ -1143,13 +1143,13 @@ export const color = [ ] }, { - type: "color", - value: "#105082", + $type: "color", + $value: "#105082", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.8}" + $type: "color", + $value: "{color.brand3.8}" }, name: "--ds-color-brand3-border-strong", attributes: {}, @@ -1160,13 +1160,13 @@ export const color = [ ] }, { - type: "color", - value: "#1e98f5", + $type: "color", + $value: "#1e98f5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.9}" + $type: "color", + $value: "{color.brand3.9}" }, name: "--ds-color-brand3-base-default", attributes: {}, @@ -1177,13 +1177,13 @@ export const color = [ ] }, { - type: "color", - value: "#1a83d3", + $type: "color", + $value: "#1a83d3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.10}" + $type: "color", + $value: "{color.brand3.10}" }, name: "--ds-color-brand3-base-hover", attributes: {}, @@ -1194,13 +1194,13 @@ export const color = [ ] }, { - type: "color", - value: "#166eb2", + $type: "color", + $value: "#166eb2", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.11}" + $type: "color", + $value: "{color.brand3.11}" }, name: "--ds-color-brand3-base-active", attributes: {}, @@ -1211,13 +1211,13 @@ export const color = [ ] }, { - type: "color", - value: "#1466a5", + $type: "color", + $value: "#1466a5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.12}" + $type: "color", + $value: "{color.brand3.12}" }, name: "--ds-color-brand3-text-subtle", attributes: {}, @@ -1228,13 +1228,13 @@ export const color = [ ] }, { - type: "color", - value: "#092e4b", + $type: "color", + $value: "#092e4b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.13}" + $type: "color", + $value: "{color.brand3.13}" }, name: "--ds-color-brand3-text-default", attributes: {}, @@ -1245,13 +1245,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.contrast-1}" + $type: "color", + $value: "{color.brand3.contrast-1}" }, name: "--ds-color-brand3-contrast-default", attributes: {}, @@ -1262,13 +1262,13 @@ export const color = [ ] }, { - type: "color", - value: "#010407", + $type: "color", + $value: "#010407", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.contrast-2}" + $type: "color", + $value: "{color.brand3.contrast-2}" }, name: "--ds-color-brand3-contrast-subtle", attributes: {}, @@ -1279,13 +1279,13 @@ export const color = [ ] }, { - type: "color", - value: "#fcfefc", + $type: "color", + $value: "#fcfefc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.1}" + $type: "color", + $value: "{global.green.1}" }, name: "--ds-color-success-background-default", attributes: {}, @@ -1296,13 +1296,13 @@ export const color = [ ] }, { - type: "color", - value: "#ecf6ed", + $type: "color", + $value: "#ecf6ed", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.2}" + $type: "color", + $value: "{global.green.2}" }, name: "--ds-color-success-background-subtle", attributes: {}, @@ -1313,13 +1313,13 @@ export const color = [ ] }, { - type: "color", - value: "#cfe9d3", + $type: "color", + $value: "#cfe9d3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.3}" + $type: "color", + $value: "{global.green.3}" }, name: "--ds-color-success-surface-default", attributes: {}, @@ -1330,13 +1330,13 @@ export const color = [ ] }, { - type: "color", - value: "#b3dcb8", + $type: "color", + $value: "#b3dcb8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.4}" + $type: "color", + $value: "{global.green.4}" }, name: "--ds-color-success-surface-hover", attributes: {}, @@ -1347,13 +1347,13 @@ export const color = [ ] }, { - type: "color", - value: "#95ce9d", + $type: "color", + $value: "#95ce9d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.5}" + $type: "color", + $value: "{global.green.5}" }, name: "--ds-color-success-surface-active", attributes: {}, @@ -1364,13 +1364,13 @@ export const color = [ ] }, { - type: "color", - value: "#8bca94", + $type: "color", + $value: "#8bca94", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.6}" + $type: "color", + $value: "{global.green.6}" }, name: "--ds-color-success-border-subtle", attributes: {}, @@ -1381,13 +1381,13 @@ export const color = [ ] }, { - type: "color", - value: "#189528", + $type: "color", + $value: "#189528", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.7}" + $type: "color", + $value: "{global.green.7}" }, name: "--ds-color-success-border-default", attributes: {}, @@ -1398,13 +1398,13 @@ export const color = [ ] }, { - type: "color", - value: "#045a10", + $type: "color", + $value: "#045a10", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.8}" + $type: "color", + $value: "{global.green.8}" }, name: "--ds-color-success-border-strong", attributes: {}, @@ -1415,13 +1415,13 @@ export const color = [ ] }, { - type: "color", - value: "#078D19", + $type: "color", + $value: "#078D19", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.9}" + $type: "color", + $value: "{global.green.9}" }, name: "--ds-color-success-base-default", attributes: {}, @@ -1432,13 +1432,13 @@ export const color = [ ] }, { - type: "color", - value: "#067615", + $type: "color", + $value: "#067615", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.10}" + $type: "color", + $value: "{global.green.10}" }, name: "--ds-color-success-base-hover", attributes: {}, @@ -1449,13 +1449,13 @@ export const color = [ ] }, { - type: "color", - value: "#056011", + $type: "color", + $value: "#056011", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.11}" + $type: "color", + $value: "{global.green.11}" }, name: "--ds-color-success-base-active", attributes: {}, @@ -1466,13 +1466,13 @@ export const color = [ ] }, { - type: "color", - value: "#067314", + $type: "color", + $value: "#067314", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.12}" + $type: "color", + $value: "{global.green.12}" }, name: "--ds-color-success-text-subtle", attributes: {}, @@ -1483,13 +1483,13 @@ export const color = [ ] }, { - type: "color", - value: "#033409", + $type: "color", + $value: "#033409", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.13}" + $type: "color", + $value: "{global.green.13}" }, name: "--ds-color-success-text-default", attributes: {}, @@ -1500,13 +1500,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.contrast-1}" + $type: "color", + $value: "{global.green.contrast-1}" }, name: "--ds-color-success-contrast-default", attributes: {}, @@ -1517,13 +1517,13 @@ export const color = [ ] }, { - type: "color", - value: "#000401", + $type: "color", + $value: "#000401", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.contrast-2}" + $type: "color", + $value: "{global.green.contrast-2}" }, name: "--ds-color-success-contrast-subtle", attributes: {}, @@ -1534,13 +1534,13 @@ export const color = [ ] }, { - type: "color", - value: "#fffefe", + $type: "color", + $value: "#fffefe", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.1}" + $type: "color", + $value: "{global.red.1}" }, name: "--ds-color-danger-background-default", attributes: {}, @@ -1551,13 +1551,13 @@ export const color = [ ] }, { - type: "color", - value: "#fbf1f1", + $type: "color", + $value: "#fbf1f1", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.2}" + $type: "color", + $value: "{global.red.2}" }, name: "--ds-color-danger-background-subtle", attributes: {}, @@ -1568,13 +1568,13 @@ export const color = [ ] }, { - type: "color", - value: "#f5dcdc", + $type: "color", + $value: "#f5dcdc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.3}" + $type: "color", + $value: "{global.red.3}" }, name: "--ds-color-danger-surface-default", attributes: {}, @@ -1585,13 +1585,13 @@ export const color = [ ] }, { - type: "color", - value: "#f0c7c7", + $type: "color", + $value: "#f0c7c7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.4}" + $type: "color", + $value: "{global.red.4}" }, name: "--ds-color-danger-surface-hover", attributes: {}, @@ -1602,13 +1602,13 @@ export const color = [ ] }, { - type: "color", - value: "#eab3b3", + $type: "color", + $value: "#eab3b3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.5}" + $type: "color", + $value: "{global.red.5}" }, name: "--ds-color-danger-surface-active", attributes: {}, @@ -1619,13 +1619,13 @@ export const color = [ ] }, { - type: "color", - value: "#e8acac", + $type: "color", + $value: "#e8acac", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.6}" + $type: "color", + $value: "{global.red.6}" }, name: "--ds-color-danger-border-subtle", attributes: {}, @@ -1636,13 +1636,13 @@ export const color = [ ] }, { - type: "color", - value: "#d25b5b", + $type: "color", + $value: "#d25b5b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.7}" + $type: "color", + $value: "{global.red.7}" }, name: "--ds-color-danger-border-default", attributes: {}, @@ -1653,13 +1653,13 @@ export const color = [ ] }, { - type: "color", - value: "#9a1616", + $type: "color", + $value: "#9a1616", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.8}" + $type: "color", + $value: "{global.red.8}" }, name: "--ds-color-danger-border-strong", attributes: {}, @@ -1670,13 +1670,13 @@ export const color = [ ] }, { - type: "color", - value: "#C01B1B", + $type: "color", + $value: "#C01B1B", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.9}" + $type: "color", + $value: "{global.red.9}" }, name: "--ds-color-danger-base-default", attributes: {}, @@ -1687,13 +1687,13 @@ export const color = [ ] }, { - type: "color", - value: "#9a1616", + $type: "color", + $value: "#9a1616", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.10}" + $type: "color", + $value: "{global.red.10}" }, name: "--ds-color-danger-base-hover", attributes: {}, @@ -1704,13 +1704,13 @@ export const color = [ ] }, { - type: "color", - value: "#771111", + $type: "color", + $value: "#771111", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.11}" + $type: "color", + $value: "{global.red.11}" }, name: "--ds-color-danger-base-active", attributes: {}, @@ -1721,13 +1721,13 @@ export const color = [ ] }, { - type: "color", - value: "#c22020", + $type: "color", + $value: "#c22020", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.12}" + $type: "color", + $value: "{global.red.12}" }, name: "--ds-color-danger-text-subtle", attributes: {}, @@ -1738,13 +1738,13 @@ export const color = [ ] }, { - type: "color", - value: "#5a0d0d", + $type: "color", + $value: "#5a0d0d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.13}" + $type: "color", + $value: "{global.red.13}" }, name: "--ds-color-danger-text-default", attributes: {}, @@ -1755,13 +1755,13 @@ export const color = [ ] }, { - type: "color", - value: "#ffffff", + $type: "color", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.contrast-1}" + $type: "color", + $value: "{global.red.contrast-1}" }, name: "--ds-color-danger-contrast-default", attributes: {}, @@ -1772,13 +1772,13 @@ export const color = [ ] }, { - type: "color", - value: "#f6dfdf", + $type: "color", + $value: "#f6dfdf", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.contrast-2}" + $type: "color", + $value: "{global.red.contrast-2}" }, name: "--ds-color-danger-contrast-subtle", attributes: {}, @@ -1789,13 +1789,13 @@ export const color = [ ] }, { - type: "color", - value: "#fefeff", + $type: "color", + $value: "#fefeff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.1}" + $type: "color", + $value: "{global.blue.1}" }, name: "--ds-color-info-background-default", attributes: {}, @@ -1806,13 +1806,13 @@ export const color = [ ] }, { - type: "color", - value: "#edf5fa", + $type: "color", + $value: "#edf5fa", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.2}" + $type: "color", + $value: "{global.blue.2}" }, name: "--ds-color-info-background-subtle", attributes: {}, @@ -1823,13 +1823,13 @@ export const color = [ ] }, { - type: "color", - value: "#d3e5f4", + $type: "color", + $value: "#d3e5f4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.3}" + $type: "color", + $value: "{global.blue.3}" }, name: "--ds-color-info-surface-default", attributes: {}, @@ -1840,13 +1840,13 @@ export const color = [ ] }, { - type: "color", - value: "#b7d5ed", + $type: "color", + $value: "#b7d5ed", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.4}" + $type: "color", + $value: "{global.blue.4}" }, name: "--ds-color-info-surface-hover", attributes: {}, @@ -1857,13 +1857,13 @@ export const color = [ ] }, { - type: "color", - value: "#9bc5e5", + $type: "color", + $value: "#9bc5e5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.5}" + $type: "color", + $value: "{global.blue.5}" }, name: "--ds-color-info-surface-active", attributes: {}, @@ -1874,13 +1874,13 @@ export const color = [ ] }, { - type: "color", - value: "#94c1e3", + $type: "color", + $value: "#94c1e3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.6}" + $type: "color", + $value: "{global.blue.6}" }, name: "--ds-color-info-border-subtle", attributes: {}, @@ -1891,13 +1891,13 @@ export const color = [ ] }, { - type: "color", - value: "#2f86c9", + $type: "color", + $value: "#2f86c9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.7}" + $type: "color", + $value: "{global.blue.7}" }, name: "--ds-color-info-border-default", attributes: {}, @@ -1908,13 +1908,13 @@ export const color = [ ] }, { - type: "color", - value: "#075089", + $type: "color", + $value: "#075089", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.8}" + $type: "color", + $value: "{global.blue.8}" }, name: "--ds-color-info-border-strong", attributes: {}, @@ -1925,13 +1925,13 @@ export const color = [ ] }, { - type: "color", - value: "#0A71C0", + $type: "color", + $value: "#0A71C0", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.9}" + $type: "color", + $value: "{global.blue.9}" }, name: "--ds-color-info-base-default", attributes: {}, @@ -1942,13 +1942,13 @@ export const color = [ ] }, { - type: "color", - value: "#085ea0", + $type: "color", + $value: "#085ea0", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.10}" + $type: "color", + $value: "{global.blue.10}" }, name: "--ds-color-info-base-hover", attributes: {}, @@ -1959,13 +1959,13 @@ export const color = [ ] }, { - type: "color", - value: "#074b80", + $type: "color", + $value: "#074b80", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.11}" + $type: "color", + $value: "{global.blue.11}" }, name: "--ds-color-info-base-active", attributes: {}, @@ -1976,13 +1976,13 @@ export const color = [ ] }, { - type: "color", - value: "#0966ac", + $type: "color", + $value: "#0966ac", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.12}" + $type: "color", + $value: "{global.blue.12}" }, name: "--ds-color-info-text-subtle", attributes: {}, @@ -1993,13 +1993,13 @@ export const color = [ ] }, { - type: "color", - value: "#042d4d", + $type: "color", + $value: "#042d4d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.13}" + $type: "color", + $value: "{global.blue.13}" }, name: "--ds-color-info-text-default", attributes: {}, @@ -2010,13 +2010,13 @@ export const color = [ ] }, { - type: "color", - value: "#ffffff", + $type: "color", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.contrast-1}" + $type: "color", + $value: "{global.blue.contrast-1}" }, name: "--ds-color-info-contrast-default", attributes: {}, @@ -2027,13 +2027,13 @@ export const color = [ ] }, { - type: "color", - value: "#f3f8fc", + $type: "color", + $value: "#f3f8fc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.contrast-2}" + $type: "color", + $value: "{global.blue.contrast-2}" }, name: "--ds-color-info-contrast-subtle", attributes: {}, @@ -2044,13 +2044,13 @@ export const color = [ ] }, { - type: "color", - value: "#fffefc", + $type: "color", + $value: "#fffefc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.1}" + $type: "color", + $value: "{global.yellow.1}" }, name: "--ds-color-warning-background-default", attributes: {}, @@ -2061,13 +2061,13 @@ export const color = [ ] }, { - type: "color", - value: "#fbf2d3", + $type: "color", + $value: "#fbf2d3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.2}" + $type: "color", + $value: "{global.yellow.2}" }, name: "--ds-color-warning-background-subtle", attributes: {}, @@ -2078,13 +2078,13 @@ export const color = [ ] }, { - type: "color", - value: "#f5e19b", + $type: "color", + $value: "#f5e19b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.3}" + $type: "color", + $value: "{global.yellow.3}" }, name: "--ds-color-warning-surface-default", attributes: {}, @@ -2095,13 +2095,13 @@ export const color = [ ] }, { - type: "color", - value: "#efcf5d", + $type: "color", + $value: "#efcf5d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.4}" + $type: "color", + $value: "{global.yellow.4}" }, name: "--ds-color-warning-surface-hover", attributes: {}, @@ -2112,13 +2112,13 @@ export const color = [ ] }, { - type: "color", - value: "#e6bc27", + $type: "color", + $value: "#e6bc27", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.5}" + $type: "color", + $value: "{global.yellow.5}" }, name: "--ds-color-warning-surface-active", attributes: {}, @@ -2129,13 +2129,13 @@ export const color = [ ] }, { - type: "color", - value: "#e0b726", + $type: "color", + $value: "#e0b726", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.6}" + $type: "color", + $value: "{global.yellow.6}" }, name: "--ds-color-warning-border-subtle", attributes: {}, @@ -2146,13 +2146,13 @@ export const color = [ ] }, { - type: "color", - value: "#9a7e1a", + $type: "color", + $value: "#9a7e1a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.7}" + $type: "color", + $value: "{global.yellow.7}" }, name: "--ds-color-warning-border-default", attributes: {}, @@ -2163,13 +2163,13 @@ export const color = [ ] }, { - type: "color", - value: "#5d4c10", + $type: "color", + $value: "#5d4c10", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.8}" + $type: "color", + $value: "{global.yellow.8}" }, name: "--ds-color-warning-border-strong", attributes: {}, @@ -2180,13 +2180,13 @@ export const color = [ ] }, { - type: "color", - value: "#CA5C21", + $type: "color", + $value: "#CA5C21", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.9}" + $type: "color", + $value: "{global.orange.9}" }, name: "--ds-color-warning-base-default", attributes: {}, @@ -2197,13 +2197,13 @@ export const color = [ ] }, { - type: "color", - value: "#a94d1c", + $type: "color", + $value: "#a94d1c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.10}" + $type: "color", + $value: "{global.orange.10}" }, name: "--ds-color-warning-base-hover", attributes: {}, @@ -2214,13 +2214,13 @@ export const color = [ ] }, { - type: "color", - value: "#8a3f17", + $type: "color", + $value: "#8a3f17", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.11}" + $type: "color", + $value: "{global.orange.11}" }, name: "--ds-color-warning-base-active", attributes: {}, @@ -2231,13 +2231,13 @@ export const color = [ ] }, { - type: "color", - value: "#a1491a", + $type: "color", + $value: "#a1491a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.12}" + $type: "color", + $value: "{global.orange.12}" }, name: "--ds-color-warning-text-subtle", attributes: {}, @@ -2248,13 +2248,13 @@ export const color = [ ] }, { - type: "color", - value: "#47210c", + $type: "color", + $value: "#47210c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.13}" + $type: "color", + $value: "{global.orange.13}" }, name: "--ds-color-warning-text-default", attributes: {}, @@ -2265,13 +2265,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.contrast-1}" + $type: "color", + $value: "{global.yellow.contrast-1}" }, name: "--ds-color-warning-contrast-default", attributes: {}, @@ -2282,13 +2282,13 @@ export const color = [ ] }, { - type: "color", - value: "#382d0a", + $type: "color", + $value: "#382d0a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.contrast-2}" + $type: "color", + $value: "{global.yellow.contrast-2}" }, name: "--ds-color-warning-contrast-subtle", attributes: {}, @@ -2299,13 +2299,13 @@ export const color = [ ] }, { - type: "color", - value: "#fefefe", + $type: "color", + $value: "#fefefe", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.background-default}" + $type: "color", + $value: "{color.neutral.background-default}" }, name: "--ds-color-focus-inner", attributes: {}, @@ -2316,13 +2316,13 @@ export const color = [ ] }, { - type: "color", - value: "#002d54", + $type: "color", + $value: "#002d54", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.text-default}" + $type: "color", + $value: "{color.accent.text-default}" }, name: "--ds-color-focus-outer", attributes: {}, @@ -2336,13 +2336,13 @@ export const color = [ export const typography = [ { - type: "typography", - value: "500 3.75rem/1.3 'Inter'", + $type: "typography", + $value: "500 3.75rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2359,21 +2359,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 3rem/1.3 'Inter'", - description: "H1", + $type: "typography", + $value: "500 3rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.10}", letterSpacing: "{letter-spacing.1}" - }, - description: "H1" + } }, name: "--ds-typography-heading-xl", attributes: {}, @@ -2384,21 +2382,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 2.25rem/1.3 'Inter'", - description: "H2", + $type: "typography", + $value: "500 2.25rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.9}", letterSpacing: "{letter-spacing.2}" - }, - description: "H2" + } }, name: "--ds-typography-heading-lg", attributes: {}, @@ -2409,21 +2405,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.875rem/1.3 'Inter'", - description: "H3", + $type: "typography", + $value: "500 1.875rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.8}", letterSpacing: "{letter-spacing.3}" - }, - description: "H3" + } }, name: "--ds-typography-heading-md", attributes: {}, @@ -2434,21 +2428,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.5rem/1.3 'Inter'", - description: "H4", + $type: "typography", + $value: "500 1.5rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.7}", letterSpacing: "{letter-spacing.5}" - }, - description: "H4" + } }, name: "--ds-typography-heading-sm", attributes: {}, @@ -2459,21 +2451,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.3125rem/1.3 'Inter'", - description: "H5", + $type: "typography", + $value: "500 1.3125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.6}", letterSpacing: "{letter-spacing.6}" - }, - description: "H5" + } }, name: "--ds-typography-heading-xs", attributes: {}, @@ -2484,21 +2474,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.125rem/1.3 'Inter'", - description: "H6", + $type: "typography", + $value: "500 1.125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.5}", letterSpacing: "{letter-spacing.6}" - }, - description: "H6" + } }, name: "--ds-typography-heading-2xs", attributes: {}, @@ -2509,13 +2497,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.875rem/1.7 'Inter'", + $type: "typography", + $value: "400 1.875rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2532,13 +2520,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.5rem/1.7 'Inter'", + $type: "typography", + $value: "400 1.5rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2555,13 +2543,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.7 'Inter'", + $type: "typography", + $value: "400 1.3125rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2578,13 +2566,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.7 'Inter'", + $type: "typography", + $value: "400 1.125rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2601,13 +2589,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.5 'Inter'", + $type: "typography", + $value: "400 1.3125rem/1.5 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.md}", @@ -2624,13 +2612,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.5 'Inter'", + $type: "typography", + $value: "400 1.125rem/1.5 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.md}", @@ -2647,13 +2635,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1rem/1.5 'Inter'", + $type: "typography", + $value: "400 1rem/1.5 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.md}", @@ -2670,13 +2658,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 0.875rem/1.5 'Inter'", + $type: "typography", + $value: "400 0.875rem/1.5 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.md}", @@ -2693,13 +2681,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.3 'Inter'", + $type: "typography", + $value: "400 1.3125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -2717,13 +2705,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.3 'Inter'", + $type: "typography", + $value: "400 1.125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -2741,13 +2729,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1rem/1.3 'Inter'", + $type: "typography", + $value: "400 1rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -2765,13 +2753,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 0.875rem/1.3 'Inter'", + $type: "typography", + $value: "400 0.875rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -2789,13 +2777,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.7 'Inter'", + $type: "typography", + $value: "400 1.3125rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2813,13 +2801,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.7 'Inter'", + $type: "typography", + $value: "400 1.125rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2837,13 +2825,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1rem/1.7 'Inter'", + $type: "typography", + $value: "400 1rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2861,13 +2849,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 0.875rem/1.7 'Inter'", + $type: "typography", + $value: "400 0.875rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2885,13 +2873,13 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.3125rem/1.3 'Inter'", + $type: "typography", + $value: "500 1.3125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2908,13 +2896,13 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.125rem/1.3 'Inter'", + $type: "typography", + $value: "500 1.125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2931,13 +2919,13 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1rem/1.3 'Inter'", + $type: "typography", + $value: "500 1rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2954,13 +2942,13 @@ export const typography = [ ] }, { - type: "typography", - value: "500 0.875rem/1.3 'Inter'", + $type: "typography", + $value: "500 0.875rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2977,13 +2965,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.3 'Inter'", + $type: "typography", + $value: "400 1.3125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -3000,13 +2988,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.3 'Inter'", + $type: "typography", + $value: "400 1.125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -3023,13 +3011,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1rem/1.3 'Inter'", + $type: "typography", + $value: "400 1rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -3046,13 +3034,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 0.875rem/1.3 'Inter'", + $type: "typography", + $value: "400 0.875rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -3072,13 +3060,13 @@ export const typography = [ export const opacity = [ { - type: "opacity", - value: "30%", + $type: "opacity", + $value: "30%", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "opacity", - value: "{opacity.30}" + $type: "opacity", + $value: "{opacity.30}" }, name: "--ds-disabled-opacity", attributes: {}, @@ -3091,13 +3079,13 @@ export const opacity = [ export const dimension = [ { - type: "dimension", - value: "0.125rem", + $type: "dimension", + $value: "0.125rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*0.5" + $type: "dimension", + $value: "{border-radius.base}*0.5" }, name: "--ds-border-radius-sm", attributes: {}, @@ -3107,13 +3095,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.25rem", + $type: "dimension", + $value: "0.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*1" + $type: "dimension", + $value: "{border-radius.base}*1" }, name: "--ds-border-radius-md", attributes: {}, @@ -3123,13 +3111,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.5rem", + $type: "dimension", + $value: "0.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*2" + $type: "dimension", + $value: "{border-radius.base}*2" }, name: "--ds-border-radius-lg", attributes: {}, @@ -3139,13 +3127,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.75rem", + $type: "dimension", + $value: "0.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*3" + $type: "dimension", + $value: "{border-radius.base}*3" }, name: "--ds-border-radius-xl", attributes: {}, @@ -3155,13 +3143,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1rem", + $type: "dimension", + $value: "1rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*4" + $type: "dimension", + $value: "{border-radius.base}*4" }, name: "--ds-border-radius-2xl", attributes: {}, @@ -3171,13 +3159,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.5rem", + $type: "dimension", + $value: "1.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*6" + $type: "dimension", + $value: "{border-radius.base}*6" }, name: "--ds-border-radius-3xl", attributes: {}, @@ -3187,13 +3175,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2rem", + $type: "dimension", + $value: "2rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*8" + $type: "dimension", + $value: "{border-radius.base}*8" }, name: "--ds-border-radius-4xl", attributes: {}, @@ -3203,13 +3191,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "624.9375rem", + $type: "dimension", + $value: "624.9375rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "9999" + $type: "dimension", + $value: "9999" }, name: "--ds-border-radius-full", attributes: {}, @@ -3219,13 +3207,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0rem", + $type: "dimension", + $value: "0rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*0" + $type: "dimension", + $value: "{spacing.base}*0" }, name: "--ds-spacing-0", attributes: {}, @@ -3235,13 +3223,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.25rem", + $type: "dimension", + $value: "0.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*1" + $type: "dimension", + $value: "{spacing.base}*1" }, name: "--ds-spacing-1", attributes: {}, @@ -3251,13 +3239,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.5rem", + $type: "dimension", + $value: "0.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*2" + $type: "dimension", + $value: "{spacing.base}*2" }, name: "--ds-spacing-2", attributes: {}, @@ -3267,13 +3255,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.75rem", + $type: "dimension", + $value: "0.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*3" + $type: "dimension", + $value: "{spacing.base}*3" }, name: "--ds-spacing-3", attributes: {}, @@ -3283,13 +3271,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1rem", + $type: "dimension", + $value: "1rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*4" + $type: "dimension", + $value: "{spacing.base}*4" }, name: "--ds-spacing-4", attributes: {}, @@ -3299,13 +3287,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.25rem", + $type: "dimension", + $value: "1.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*5" + $type: "dimension", + $value: "{spacing.base}*5" }, name: "--ds-spacing-5", attributes: {}, @@ -3315,13 +3303,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.5rem", + $type: "dimension", + $value: "1.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*6" + $type: "dimension", + $value: "{spacing.base}*6" }, name: "--ds-spacing-6", attributes: {}, @@ -3331,13 +3319,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.75rem", + $type: "dimension", + $value: "1.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*7" + $type: "dimension", + $value: "{spacing.base}*7" }, name: "--ds-spacing-7", attributes: {}, @@ -3347,13 +3335,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2rem", + $type: "dimension", + $value: "2rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*8" + $type: "dimension", + $value: "{spacing.base}*8" }, name: "--ds-spacing-8", attributes: {}, @@ -3363,13 +3351,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.25rem", + $type: "dimension", + $value: "2.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*9" + $type: "dimension", + $value: "{spacing.base}*9" }, name: "--ds-spacing-9", attributes: {}, @@ -3379,13 +3367,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.5rem", + $type: "dimension", + $value: "2.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*10" + $type: "dimension", + $value: "{spacing.base}*10" }, name: "--ds-spacing-10", attributes: {}, @@ -3395,13 +3383,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.75rem", + $type: "dimension", + $value: "2.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*11" + $type: "dimension", + $value: "{spacing.base}*11" }, name: "--ds-spacing-11", attributes: {}, @@ -3411,13 +3399,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3rem", + $type: "dimension", + $value: "3rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*12" + $type: "dimension", + $value: "{spacing.base}*12" }, name: "--ds-spacing-12", attributes: {}, @@ -3427,13 +3415,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.25rem", + $type: "dimension", + $value: "3.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*13" + $type: "dimension", + $value: "{spacing.base}*13" }, name: "--ds-spacing-13", attributes: {}, @@ -3443,13 +3431,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.5rem", + $type: "dimension", + $value: "3.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*14" + $type: "dimension", + $value: "{spacing.base}*14" }, name: "--ds-spacing-14", attributes: {}, @@ -3459,13 +3447,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.75rem", + $type: "dimension", + $value: "3.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*15" + $type: "dimension", + $value: "{spacing.base}*15" }, name: "--ds-spacing-15", attributes: {}, @@ -3475,13 +3463,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "4.5rem", + $type: "dimension", + $value: "4.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*18" + $type: "dimension", + $value: "{spacing.base}*18" }, name: "--ds-spacing-18", attributes: {}, @@ -3491,13 +3479,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "5.5rem", + $type: "dimension", + $value: "5.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*22" + $type: "dimension", + $value: "{spacing.base}*22" }, name: "--ds-spacing-22", attributes: {}, @@ -3507,13 +3495,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "6.5rem", + $type: "dimension", + $value: "6.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*26" + $type: "dimension", + $value: "{spacing.base}*26" }, name: "--ds-spacing-26", attributes: {}, @@ -3523,13 +3511,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "7.5rem", + $type: "dimension", + $value: "7.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*30" + $type: "dimension", + $value: "{spacing.base}*30" }, name: "--ds-spacing-30", attributes: {}, @@ -3539,13 +3527,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0rem", + $type: "dimension", + $value: "0rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*0" + $type: "dimension", + $value: "{sizing.base}*0" }, name: "--ds-sizing-0", attributes: {}, @@ -3555,13 +3543,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.25rem", + $type: "dimension", + $value: "0.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*1" + $type: "dimension", + $value: "{sizing.base}*1" }, name: "--ds-sizing-1", attributes: {}, @@ -3571,13 +3559,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.5rem", + $type: "dimension", + $value: "0.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*2" + $type: "dimension", + $value: "{sizing.base}*2" }, name: "--ds-sizing-2", attributes: {}, @@ -3587,13 +3575,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.75rem", + $type: "dimension", + $value: "0.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*3" + $type: "dimension", + $value: "{sizing.base}*3" }, name: "--ds-sizing-3", attributes: {}, @@ -3603,13 +3591,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1rem", + $type: "dimension", + $value: "1rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*4" + $type: "dimension", + $value: "{sizing.base}*4" }, name: "--ds-sizing-4", attributes: {}, @@ -3619,13 +3607,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.25rem", + $type: "dimension", + $value: "1.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*5" + $type: "dimension", + $value: "{sizing.base}*5" }, name: "--ds-sizing-5", attributes: {}, @@ -3635,13 +3623,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.5rem", + $type: "dimension", + $value: "1.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*6" + $type: "dimension", + $value: "{sizing.base}*6" }, name: "--ds-sizing-6", attributes: {}, @@ -3651,13 +3639,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.75rem", + $type: "dimension", + $value: "1.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*7" + $type: "dimension", + $value: "{sizing.base}*7" }, name: "--ds-sizing-7", attributes: {}, @@ -3667,13 +3655,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2rem", + $type: "dimension", + $value: "2rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*8" + $type: "dimension", + $value: "{sizing.base}*8" }, name: "--ds-sizing-8", attributes: {}, @@ -3683,13 +3671,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.25rem", + $type: "dimension", + $value: "2.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*9" + $type: "dimension", + $value: "{sizing.base}*9" }, name: "--ds-sizing-9", attributes: {}, @@ -3699,13 +3687,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.5rem", + $type: "dimension", + $value: "2.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*10" + $type: "dimension", + $value: "{sizing.base}*10" }, name: "--ds-sizing-10", attributes: {}, @@ -3715,13 +3703,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.75rem", + $type: "dimension", + $value: "2.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*11" + $type: "dimension", + $value: "{sizing.base}*11" }, name: "--ds-sizing-11", attributes: {}, @@ -3731,13 +3719,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3rem", + $type: "dimension", + $value: "3rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*12" + $type: "dimension", + $value: "{sizing.base}*12" }, name: "--ds-sizing-12", attributes: {}, @@ -3747,13 +3735,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.25rem", + $type: "dimension", + $value: "3.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*13" + $type: "dimension", + $value: "{sizing.base}*13" }, name: "--ds-sizing-13", attributes: {}, @@ -3763,13 +3751,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.5rem", + $type: "dimension", + $value: "3.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*14" + $type: "dimension", + $value: "{sizing.base}*14" }, name: "--ds-sizing-14", attributes: {}, @@ -3779,13 +3767,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.75rem", + $type: "dimension", + $value: "3.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*15" + $type: "dimension", + $value: "{sizing.base}*15" }, name: "--ds-sizing-15", attributes: {}, @@ -3795,13 +3783,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "4.5rem", + $type: "dimension", + $value: "4.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*18" + $type: "dimension", + $value: "{sizing.base}*18" }, name: "--ds-sizing-18", attributes: {}, @@ -3811,13 +3799,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "5.5rem", + $type: "dimension", + $value: "5.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*22" + $type: "dimension", + $value: "{sizing.base}*22" }, name: "--ds-sizing-22", attributes: {}, @@ -3827,13 +3815,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "6.5rem", + $type: "dimension", + $value: "6.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*26" + $type: "dimension", + $value: "{sizing.base}*26" }, name: "--ds-sizing-26", attributes: {}, @@ -3843,13 +3831,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "7.5rem", + $type: "dimension", + $value: "7.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*30" + $type: "dimension", + $value: "{sizing.base}*30" }, name: "--ds-sizing-30", attributes: {}, @@ -3862,13 +3850,13 @@ export const dimension = [ export const shadow = [ { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.12)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.12)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.100}" + $type: "shadow", + $value: "{shadow.100}" }, name: "--ds-shadow-xs", attributes: {}, @@ -3878,13 +3866,13 @@ export const shadow = [ ] }, { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.15), 0 1px 2px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.1)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.15), 0 1px 2px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.1)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.200}" + $type: "shadow", + $value: "{shadow.200}" }, name: "--ds-shadow-sm", attributes: {}, @@ -3894,13 +3882,13 @@ export const shadow = [ ] }, { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.14), 0 2px 4px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.12)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.14), 0 2px 4px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.12)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.300}" + $type: "shadow", + $value: "{shadow.300}" }, name: "--ds-shadow-md", attributes: {}, @@ -3910,13 +3898,13 @@ export const shadow = [ ] }, { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.13), 0 3px 5px 0 rgba(0,0,0,0.13), 0 6px 12px 0 rgba(0,0,0,0.14)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.13), 0 3px 5px 0 rgba(0,0,0,0.13), 0 6px 12px 0 rgba(0,0,0,0.14)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.400}" + $type: "shadow", + $value: "{shadow.400}" }, name: "--ds-shadow-lg", attributes: {}, @@ -3926,13 +3914,13 @@ export const shadow = [ ] }, { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.16), 0 12px 24px 0 rgba(0,0,0,0.16)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.16), 0 12px 24px 0 rgba(0,0,0,0.16)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.500}" + $type: "shadow", + $value: "{shadow.500}" }, name: "--ds-shadow-xl", attributes: {}, diff --git a/apps/storefront/tokens/portal/dark.ts b/apps/storefront/tokens/portal/dark.ts index 9e36ce939e..35cec27c6f 100644 --- a/apps/storefront/tokens/portal/dark.ts +++ b/apps/storefront/tokens/portal/dark.ts @@ -4,13 +4,13 @@ export const color = [ { - type: "color", - value: "#2a0945", + $type: "color", + $value: "#2a0945", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.1}" + $type: "color", + $value: "{color.accent.1}" }, name: "--ds-color-accent-background-default", attributes: {}, @@ -21,13 +21,13 @@ export const color = [ ] }, { - type: "color", - value: "#360b58", + $type: "color", + $value: "#360b58", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.2}" + $type: "color", + $value: "{color.accent.2}" }, name: "--ds-color-accent-background-subtle", attributes: {}, @@ -38,13 +38,13 @@ export const color = [ ] }, { - type: "color", - value: "#480f74", + $type: "color", + $value: "#480f74", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.3}" + $type: "color", + $value: "{color.accent.3}" }, name: "--ds-color-accent-surface-default", attributes: {}, @@ -55,13 +55,13 @@ export const color = [ ] }, { - type: "color", - value: "#581f85", + $type: "color", + $value: "#581f85", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.4}" + $type: "color", + $value: "{color.accent.4}" }, name: "--ds-color-accent-surface-hover", attributes: {}, @@ -72,13 +72,13 @@ export const color = [ ] }, { - type: "color", - value: "#66328f", + $type: "color", + $value: "#66328f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.5}" + $type: "color", + $value: "{color.accent.5}" }, name: "--ds-color-accent-surface-active", attributes: {}, @@ -89,13 +89,13 @@ export const color = [ ] }, { - type: "color", - value: "#6d3b94", + $type: "color", + $value: "#6d3b94", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.6}" + $type: "color", + $value: "{color.accent.6}" }, name: "--ds-color-accent-border-subtle", attributes: {}, @@ -106,13 +106,13 @@ export const color = [ ] }, { - type: "color", - value: "#875ea8", + $type: "color", + $value: "#875ea8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.7}" + $type: "color", + $value: "{color.accent.7}" }, name: "--ds-color-accent-border-default", attributes: {}, @@ -123,13 +123,13 @@ export const color = [ ] }, { - type: "color", - value: "#c9b7d8", + $type: "color", + $value: "#c9b7d8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.8}" + $type: "color", + $value: "{color.accent.8}" }, name: "--ds-color-accent-border-strong", attributes: {}, @@ -140,13 +140,13 @@ export const color = [ ] }, { - type: "color", - value: "#baa2cc", + $type: "color", + $value: "#baa2cc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.9}" + $type: "color", + $value: "{color.accent.9}" }, name: "--ds-color-accent-base-default", attributes: {}, @@ -157,13 +157,13 @@ export const color = [ ] }, { - type: "color", - value: "#a88abf", + $type: "color", + $value: "#a88abf", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.10}" + $type: "color", + $value: "{color.accent.10}" }, name: "--ds-color-accent-base-hover", attributes: {}, @@ -174,13 +174,13 @@ export const color = [ ] }, { - type: "color", - value: "#9773b3", + $type: "color", + $value: "#9773b3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.11}" + $type: "color", + $value: "{color.accent.11}" }, name: "--ds-color-accent-base-active", attributes: {}, @@ -191,13 +191,13 @@ export const color = [ ] }, { - type: "color", - value: "#b399c7", + $type: "color", + $value: "#b399c7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.12}" + $type: "color", + $value: "{color.accent.12}" }, name: "--ds-color-accent-text-subtle", attributes: {}, @@ -208,13 +208,13 @@ export const color = [ ] }, { - type: "color", - value: "#e8e0ee", + $type: "color", + $value: "#e8e0ee", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.13}" + $type: "color", + $value: "{color.accent.13}" }, name: "--ds-color-accent-text-default", attributes: {}, @@ -225,13 +225,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.contrast-1}" + $type: "color", + $value: "{color.accent.contrast-1}" }, name: "--ds-color-accent-contrast-default", attributes: {}, @@ -242,13 +242,13 @@ export const color = [ ] }, { - type: "color", - value: "#1d1a20", + $type: "color", + $value: "#1d1a20", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.contrast-2}" + $type: "color", + $value: "{color.accent.contrast-2}" }, name: "--ds-color-accent-contrast-subtle", attributes: {}, @@ -259,13 +259,13 @@ export const color = [ ] }, { - type: "color", - value: "#131c27", + $type: "color", + $value: "#131c27", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.1}" + $type: "color", + $value: "{color.neutral.1}" }, name: "--ds-color-neutral-background-default", attributes: {}, @@ -276,13 +276,13 @@ export const color = [ ] }, { - type: "color", - value: "#192433", + $type: "color", + $value: "#192433", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.2}" + $type: "color", + $value: "{color.neutral.2}" }, name: "--ds-color-neutral-background-subtle", attributes: {}, @@ -293,13 +293,13 @@ export const color = [ ] }, { - type: "color", - value: "#243142", + $type: "color", + $value: "#243142", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.3}" + $type: "color", + $value: "{color.neutral.3}" }, name: "--ds-color-neutral-surface-default", attributes: {}, @@ -310,13 +310,13 @@ export const color = [ ] }, { - type: "color", - value: "#333e4e", + $type: "color", + $value: "#333e4e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.4}" + $type: "color", + $value: "{color.neutral.4}" }, name: "--ds-color-neutral-surface-hover", attributes: {}, @@ -327,13 +327,13 @@ export const color = [ ] }, { - type: "color", - value: "#424d5b", + $type: "color", + $value: "#424d5b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.5}" + $type: "color", + $value: "{color.neutral.5}" }, name: "--ds-color-neutral-surface-active", attributes: {}, @@ -344,13 +344,13 @@ export const color = [ ] }, { - type: "color", - value: "#495361", + $type: "color", + $value: "#495361", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.6}" + $type: "color", + $value: "{color.neutral.6}" }, name: "--ds-color-neutral-border-subtle", attributes: {}, @@ -361,13 +361,13 @@ export const color = [ ] }, { - type: "color", - value: "#67707c", + $type: "color", + $value: "#67707c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.7}" + $type: "color", + $value: "{color.neutral.7}" }, name: "--ds-color-neutral-border-default", attributes: {}, @@ -378,13 +378,13 @@ export const color = [ ] }, { - type: "color", - value: "#bbbfc4", + $type: "color", + $value: "#bbbfc4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.8}" + $type: "color", + $value: "{color.neutral.8}" }, name: "--ds-color-neutral-border-strong", attributes: {}, @@ -395,13 +395,13 @@ export const color = [ ] }, { - type: "color", - value: "#a6abb2", + $type: "color", + $value: "#a6abb2", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.9}" + $type: "color", + $value: "{color.neutral.9}" }, name: "--ds-color-neutral-base-default", attributes: {}, @@ -412,13 +412,13 @@ export const color = [ ] }, { - type: "color", - value: "#90969e", + $type: "color", + $value: "#90969e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.10}" + $type: "color", + $value: "{color.neutral.10}" }, name: "--ds-color-neutral-base-hover", attributes: {}, @@ -429,13 +429,13 @@ export const color = [ ] }, { - type: "color", - value: "#7a818c", + $type: "color", + $value: "#7a818c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.11}" + $type: "color", + $value: "{color.neutral.11}" }, name: "--ds-color-neutral-base-active", attributes: {}, @@ -446,13 +446,13 @@ export const color = [ ] }, { - type: "color", - value: "#9ea3ab", + $type: "color", + $value: "#9ea3ab", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.12}" + $type: "color", + $value: "{color.neutral.12}" }, name: "--ds-color-neutral-text-subtle", attributes: {}, @@ -463,13 +463,13 @@ export const color = [ ] }, { - type: "color", - value: "#e1e3e5", + $type: "color", + $value: "#e1e3e5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.13}" + $type: "color", + $value: "{color.neutral.13}" }, name: "--ds-color-neutral-text-default", attributes: {}, @@ -480,13 +480,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.contrast-1}" + $type: "color", + $value: "{color.neutral.contrast-1}" }, name: "--ds-color-neutral-contrast-default", attributes: {}, @@ -497,13 +497,13 @@ export const color = [ ] }, { - type: "color", - value: "#1b1b1d", + $type: "color", + $value: "#1b1b1d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.contrast-2}" + $type: "color", + $value: "{color.neutral.contrast-2}" }, name: "--ds-color-neutral-contrast-subtle", attributes: {}, @@ -514,13 +514,13 @@ export const color = [ ] }, { - type: "color", - value: "#251432", + $type: "color", + $value: "#251432", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.1}" + $type: "color", + $value: "{color.brand1.1}" }, name: "--ds-color-brand1-background-default", attributes: {}, @@ -531,13 +531,13 @@ export const color = [ ] }, { - type: "color", - value: "#2f1a40", + $type: "color", + $value: "#2f1a40", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.2}" + $type: "color", + $value: "{color.brand1.2}" }, name: "--ds-color-brand1-background-subtle", attributes: {}, @@ -548,13 +548,13 @@ export const color = [ ] }, { - type: "color", - value: "#402358", + $type: "color", + $value: "#402358", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.3}" + $type: "color", + $value: "{color.brand1.3}" }, name: "--ds-color-brand1-surface-default", attributes: {}, @@ -565,13 +565,13 @@ export const color = [ ] }, { - type: "color", - value: "#512c6e", + $type: "color", + $value: "#512c6e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.4}" + $type: "color", + $value: "{color.brand1.4}" }, name: "--ds-color-brand1-surface-hover", attributes: {}, @@ -582,13 +582,13 @@ export const color = [ ] }, { - type: "color", - value: "#633687", + $type: "color", + $value: "#633687", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.5}" + $type: "color", + $value: "{color.brand1.5}" }, name: "--ds-color-brand1-surface-active", attributes: {}, @@ -599,13 +599,13 @@ export const color = [ ] }, { - type: "color", - value: "#6c3b93", + $type: "color", + $value: "#6c3b93", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.6}" + $type: "color", + $value: "{color.brand1.6}" }, name: "--ds-color-brand1-border-subtle", attributes: {}, @@ -616,13 +616,13 @@ export const color = [ ] }, { - type: "color", - value: "#9250c7", + $type: "color", + $value: "#9250c7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.7}" + $type: "color", + $value: "{color.brand1.7}" }, name: "--ds-color-brand1-border-default", attributes: {}, @@ -633,13 +633,13 @@ export const color = [ ] }, { - type: "color", - value: "#d3b0ee", + $type: "color", + $value: "#d3b0ee", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.8}" + $type: "color", + $value: "{color.brand1.8}" }, name: "--ds-color-brand1-border-strong", attributes: {}, @@ -650,13 +650,13 @@ export const color = [ ] }, { - type: "color", - value: "#9552cb", + $type: "color", + $value: "#9552cb", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.9}" + $type: "color", + $value: "{color.brand1.9}" }, name: "--ds-color-brand1-base-default", attributes: {}, @@ -667,13 +667,13 @@ export const color = [ ] }, { - type: "color", - value: "#7b44a8", + $type: "color", + $value: "#7b44a8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.10}" + $type: "color", + $value: "{color.brand1.10}" }, name: "--ds-color-brand1-base-hover", attributes: {}, @@ -684,13 +684,13 @@ export const color = [ ] }, { - type: "color", - value: "#633687", + $type: "color", + $value: "#633687", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.11}" + $type: "color", + $value: "{color.brand1.11}" }, name: "--ds-color-brand1-base-active", attributes: {}, @@ -701,13 +701,13 @@ export const color = [ ] }, { - type: "color", - value: "#c08ee7", + $type: "color", + $value: "#c08ee7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.12}" + $type: "color", + $value: "{color.brand1.12}" }, name: "--ds-color-brand1-text-subtle", attributes: {}, @@ -718,13 +718,13 @@ export const color = [ ] }, { - type: "color", - value: "#ecddf8", + $type: "color", + $value: "#ecddf8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.13}" + $type: "color", + $value: "{color.brand1.13}" }, name: "--ds-color-brand1-text-default", attributes: {}, @@ -735,13 +735,13 @@ export const color = [ ] }, { - type: "color", - value: "#ffffff", + $type: "color", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.contrast-1}" + $type: "color", + $value: "{color.brand1.contrast-1}" }, name: "--ds-color-brand1-contrast-default", attributes: {}, @@ -752,13 +752,13 @@ export const color = [ ] }, { - type: "color", - value: "#fbf8fd", + $type: "color", + $value: "#fbf8fd", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.contrast-2}" + $type: "color", + $value: "{color.brand1.contrast-2}" }, name: "--ds-color-brand1-contrast-subtle", attributes: {}, @@ -769,13 +769,13 @@ export const color = [ ] }, { - type: "color", - value: "#281429", + $type: "color", + $value: "#281429", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.1}" + $type: "color", + $value: "{color.brand2.1}" }, name: "--ds-color-brand2-background-default", attributes: {}, @@ -786,13 +786,13 @@ export const color = [ ] }, { - type: "color", - value: "#331a35", + $type: "color", + $value: "#331a35", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.2}" + $type: "color", + $value: "{color.brand2.2}" }, name: "--ds-color-brand2-background-subtle", attributes: {}, @@ -803,13 +803,13 @@ export const color = [ ] }, { - type: "color", - value: "#462447", + $type: "color", + $value: "#462447", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.3}" + $type: "color", + $value: "{color.brand2.3}" }, name: "--ds-color-brand2-surface-default", attributes: {}, @@ -820,13 +820,13 @@ export const color = [ ] }, { - type: "color", - value: "#582d5a", + $type: "color", + $value: "#582d5a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.4}" + $type: "color", + $value: "{color.brand2.4}" }, name: "--ds-color-brand2-surface-hover", attributes: {}, @@ -837,13 +837,13 @@ export const color = [ ] }, { - type: "color", - value: "#6c376e", + $type: "color", + $value: "#6c376e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.5}" + $type: "color", + $value: "{color.brand2.5}" }, name: "--ds-color-brand2-surface-active", attributes: {}, @@ -854,13 +854,13 @@ export const color = [ ] }, { - type: "color", - value: "#753d78", + $type: "color", + $value: "#753d78", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.6}" + $type: "color", + $value: "{color.brand2.6}" }, name: "--ds-color-brand2-border-subtle", attributes: {}, @@ -871,13 +871,13 @@ export const color = [ ] }, { - type: "color", - value: "#9f52a2", + $type: "color", + $value: "#9f52a2", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.7}" + $type: "color", + $value: "{color.brand2.7}" }, name: "--ds-color-brand2-border-default", attributes: {}, @@ -888,13 +888,13 @@ export const color = [ ] }, { - type: "color", - value: "#eba8ee", + $type: "color", + $value: "#eba8ee", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.8}" + $type: "color", + $value: "{color.brand2.8}" }, name: "--ds-color-brand2-border-strong", attributes: {}, @@ -905,13 +905,13 @@ export const color = [ ] }, { - type: "color", - value: "#753d78", + $type: "color", + $value: "#753d78", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.9}" + $type: "color", + $value: "{color.brand2.9}" }, name: "--ds-color-brand2-base-default", attributes: {}, @@ -922,13 +922,13 @@ export const color = [ ] }, { - type: "color", - value: "#5b2f5e", + $type: "color", + $value: "#5b2f5e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.10}" + $type: "color", + $value: "{color.brand2.10}" }, name: "--ds-color-brand2-base-hover", attributes: {}, @@ -939,13 +939,13 @@ export const color = [ ] }, { - type: "color", - value: "#422244", + $type: "color", + $value: "#422244", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.11}" + $type: "color", + $value: "{color.brand2.11}" }, name: "--ds-color-brand2-base-active", attributes: {}, @@ -956,13 +956,13 @@ export const color = [ ] }, { - type: "color", - value: "#e17ee6", + $type: "color", + $value: "#e17ee6", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.12}" + $type: "color", + $value: "{color.brand2.12}" }, name: "--ds-color-brand2-text-subtle", attributes: {}, @@ -973,13 +973,13 @@ export const color = [ ] }, { - type: "color", - value: "#f6d9f8", + $type: "color", + $value: "#f6d9f8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.13}" + $type: "color", + $value: "{color.brand2.13}" }, name: "--ds-color-brand2-text-default", attributes: {}, @@ -990,13 +990,13 @@ export const color = [ ] }, { - type: "color", - value: "#ffffff", + $type: "color", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.contrast-1}" + $type: "color", + $value: "{color.brand2.contrast-1}" }, name: "--ds-color-brand2-contrast-default", attributes: {}, @@ -1007,13 +1007,13 @@ export const color = [ ] }, { - type: "color", - value: "#f4eff4", + $type: "color", + $value: "#f4eff4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.contrast-2}" + $type: "color", + $value: "{color.brand2.contrast-2}" }, name: "--ds-color-brand2-contrast-subtle", attributes: {}, @@ -1024,13 +1024,13 @@ export const color = [ ] }, { - type: "color", - value: "#2b1323", + $type: "color", + $value: "#2b1323", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.1}" + $type: "color", + $value: "{color.brand3.1}" }, name: "--ds-color-brand3-background-default", attributes: {}, @@ -1041,13 +1041,13 @@ export const color = [ ] }, { - type: "color", - value: "#38192e", + $type: "color", + $value: "#38192e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.2}" + $type: "color", + $value: "{color.brand3.2}" }, name: "--ds-color-brand3-background-subtle", attributes: {}, @@ -1058,13 +1058,13 @@ export const color = [ ] }, { - type: "color", - value: "#4b223e", + $type: "color", + $value: "#4b223e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.3}" + $type: "color", + $value: "{color.brand3.3}" }, name: "--ds-color-brand3-surface-default", attributes: {}, @@ -1075,13 +1075,13 @@ export const color = [ ] }, { - type: "color", - value: "#5f2b4e", + $type: "color", + $value: "#5f2b4e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.4}" + $type: "color", + $value: "{color.brand3.4}" }, name: "--ds-color-brand3-surface-hover", attributes: {}, @@ -1092,13 +1092,13 @@ export const color = [ ] }, { - type: "color", - value: "#74355f", + $type: "color", + $value: "#74355f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.5}" + $type: "color", + $value: "{color.brand3.5}" }, name: "--ds-color-brand3-surface-active", attributes: {}, @@ -1109,13 +1109,13 @@ export const color = [ ] }, { - type: "color", - value: "#7f3a68", + $type: "color", + $value: "#7f3a68", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.6}" + $type: "color", + $value: "{color.brand3.6}" }, name: "--ds-color-brand3-border-subtle", attributes: {}, @@ -1126,13 +1126,13 @@ export const color = [ ] }, { - type: "color", - value: "#ab4e8d", + $type: "color", + $value: "#ab4e8d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.7}" + $type: "color", + $value: "{color.brand3.7}" }, name: "--ds-color-brand3-border-default", attributes: {}, @@ -1143,13 +1143,13 @@ export const color = [ ] }, { - type: "color", - value: "#f1a7d9", + $type: "color", + $value: "#f1a7d9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.8}" + $type: "color", + $value: "{color.brand3.8}" }, name: "--ds-color-brand3-border-strong", attributes: {}, @@ -1160,13 +1160,13 @@ export const color = [ ] }, { - type: "color", - value: "#863d6e", + $type: "color", + $value: "#863d6e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.9}" + $type: "color", + $value: "{color.brand3.9}" }, name: "--ds-color-brand3-base-default", attributes: {}, @@ -1177,13 +1177,13 @@ export const color = [ ] }, { - type: "color", - value: "#693057", + $type: "color", + $value: "#693057", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.10}" + $type: "color", + $value: "{color.brand3.10}" }, name: "--ds-color-brand3-base-hover", attributes: {}, @@ -1194,13 +1194,13 @@ export const color = [ ] }, { - type: "color", - value: "#4e2440", + $type: "color", + $value: "#4e2440", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.11}" + $type: "color", + $value: "{color.brand3.11}" }, name: "--ds-color-brand3-base-active", attributes: {}, @@ -1211,13 +1211,13 @@ export const color = [ ] }, { - type: "color", - value: "#eb7dc7", + $type: "color", + $value: "#eb7dc7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.12}" + $type: "color", + $value: "{color.brand3.12}" }, name: "--ds-color-brand3-text-subtle", attributes: {}, @@ -1228,13 +1228,13 @@ export const color = [ ] }, { - type: "color", - value: "#f9daef", + $type: "color", + $value: "#f9daef", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.13}" + $type: "color", + $value: "{color.brand3.13}" }, name: "--ds-color-brand3-text-default", attributes: {}, @@ -1245,13 +1245,13 @@ export const color = [ ] }, { - type: "color", - value: "#ffffff", + $type: "color", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.contrast-1}" + $type: "color", + $value: "{color.brand3.contrast-1}" }, name: "--ds-color-brand3-contrast-default", attributes: {}, @@ -1262,13 +1262,13 @@ export const color = [ ] }, { - type: "color", - value: "#f8f4f7", + $type: "color", + $value: "#f8f4f7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.contrast-2}" + $type: "color", + $value: "{color.brand3.contrast-2}" }, name: "--ds-color-brand3-contrast-subtle", attributes: {}, @@ -1279,13 +1279,13 @@ export const color = [ ] }, { - type: "color", - value: "#022106", + $type: "color", + $value: "#022106", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.1}" + $type: "color", + $value: "{global.green.1}" }, name: "--ds-color-success-background-default", attributes: {}, @@ -1296,13 +1296,13 @@ export const color = [ ] }, { - type: "color", - value: "#022b08", + $type: "color", + $value: "#022b08", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.2}" + $type: "color", + $value: "{global.green.2}" }, name: "--ds-color-success-background-subtle", attributes: {}, @@ -1313,13 +1313,13 @@ export const color = [ ] }, { - type: "color", - value: "#03380a", + $type: "color", + $value: "#03380a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.3}" + $type: "color", + $value: "{global.green.3}" }, name: "--ds-color-success-surface-default", attributes: {}, @@ -1330,13 +1330,13 @@ export const color = [ ] }, { - type: "color", - value: "#04480d", + $type: "color", + $value: "#04480d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.4}" + $type: "color", + $value: "{global.green.4}" }, name: "--ds-color-success-surface-hover", attributes: {}, @@ -1347,13 +1347,13 @@ export const color = [ ] }, { - type: "color", - value: "#045810", + $type: "color", + $value: "#045810", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.5}" + $type: "color", + $value: "{global.green.5}" }, name: "--ds-color-success-surface-active", attributes: {}, @@ -1364,13 +1364,13 @@ export const color = [ ] }, { - type: "color", - value: "#056011", + $type: "color", + $value: "#056011", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.6}" + $type: "color", + $value: "{global.green.6}" }, name: "--ds-color-success-border-subtle", attributes: {}, @@ -1381,13 +1381,13 @@ export const color = [ ] }, { - type: "color", - value: "#068117", + $type: "color", + $value: "#068117", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.7}" + $type: "color", + $value: "{global.green.7}" }, name: "--ds-color-success-border-default", attributes: {}, @@ -1398,13 +1398,13 @@ export const color = [ ] }, { - type: "color", - value: "#90cc98", + $type: "color", + $value: "#90cc98", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.8}" + $type: "color", + $value: "{global.green.8}" }, name: "--ds-color-success-border-strong", attributes: {}, @@ -1415,13 +1415,13 @@ export const color = [ ] }, { - type: "color", - value: "#078818", + $type: "color", + $value: "#078818", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.9}" + $type: "color", + $value: "{global.green.9}" }, name: "--ds-color-success-base-default", attributes: {}, @@ -1432,13 +1432,13 @@ export const color = [ ] }, { - type: "color", - value: "#067114", + $type: "color", + $value: "#067114", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.10}" + $type: "color", + $value: "{global.green.10}" }, name: "--ds-color-success-base-hover", attributes: {}, @@ -1449,13 +1449,13 @@ export const color = [ ] }, { - type: "color", - value: "#045a10", + $type: "color", + $value: "#045a10", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.11}" + $type: "color", + $value: "{global.green.11}" }, name: "--ds-color-success-base-active", attributes: {}, @@ -1466,13 +1466,13 @@ export const color = [ ] }, { - type: "color", - value: "#5fb56b", + $type: "color", + $value: "#5fb56b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.12}" + $type: "color", + $value: "{global.green.12}" }, name: "--ds-color-success-text-subtle", attributes: {}, @@ -1483,13 +1483,13 @@ export const color = [ ] }, { - type: "color", - value: "#cfe9d3", + $type: "color", + $value: "#cfe9d3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.13}" + $type: "color", + $value: "{global.green.13}" }, name: "--ds-color-success-text-default", attributes: {}, @@ -1500,13 +1500,13 @@ export const color = [ ] }, { - type: "color", - value: "#ffffff", + $type: "color", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.contrast-1}" + $type: "color", + $value: "{global.green.contrast-1}" }, name: "--ds-color-success-contrast-default", attributes: {}, @@ -1517,13 +1517,13 @@ export const color = [ ] }, { - type: "color", - value: "#f9fcf9", + $type: "color", + $value: "#f9fcf9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.contrast-2}" + $type: "color", + $value: "{global.green.contrast-2}" }, name: "--ds-color-success-contrast-subtle", attributes: {}, @@ -1534,13 +1534,13 @@ export const color = [ ] }, { - type: "color", - value: "#3b0808", + $type: "color", + $value: "#3b0808", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.1}" + $type: "color", + $value: "{global.red.1}" }, name: "--ds-color-danger-background-default", attributes: {}, @@ -1551,13 +1551,13 @@ export const color = [ ] }, { - type: "color", - value: "#4b0a0a", + $type: "color", + $value: "#4b0a0a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.2}" + $type: "color", + $value: "{global.red.2}" }, name: "--ds-color-danger-background-subtle", attributes: {}, @@ -1568,13 +1568,13 @@ export const color = [ ] }, { - type: "color", - value: "#620e0e", + $type: "color", + $value: "#620e0e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.3}" + $type: "color", + $value: "{global.red.3}" }, name: "--ds-color-danger-surface-default", attributes: {}, @@ -1585,13 +1585,13 @@ export const color = [ ] }, { - type: "color", - value: "#7c1212", + $type: "color", + $value: "#7c1212", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.4}" + $type: "color", + $value: "{global.red.4}" }, name: "--ds-color-danger-surface-hover", attributes: {}, @@ -1602,13 +1602,13 @@ export const color = [ ] }, { - type: "color", - value: "#961515", + $type: "color", + $value: "#961515", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.5}" + $type: "color", + $value: "{global.red.5}" }, name: "--ds-color-danger-surface-active", attributes: {}, @@ -1619,13 +1619,13 @@ export const color = [ ] }, { - type: "color", - value: "#a31717", + $type: "color", + $value: "#a31717", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.6}" + $type: "color", + $value: "{global.red.6}" }, name: "--ds-color-danger-border-subtle", attributes: {}, @@ -1636,13 +1636,13 @@ export const color = [ ] }, { - type: "color", - value: "#c93c3c", + $type: "color", + $value: "#c93c3c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.7}" + $type: "color", + $value: "{global.red.7}" }, name: "--ds-color-danger-border-default", attributes: {}, @@ -1653,13 +1653,13 @@ export const color = [ ] }, { - type: "color", - value: "#e9b0b0", + $type: "color", + $value: "#e9b0b0", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.8}" + $type: "color", + $value: "{global.red.8}" }, name: "--ds-color-danger-border-strong", attributes: {}, @@ -1670,13 +1670,13 @@ export const color = [ ] }, { - type: "color", - value: "#d76e6e", + $type: "color", + $value: "#d76e6e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.9}" + $type: "color", + $value: "{global.red.9}" }, name: "--ds-color-danger-base-default", attributes: {}, @@ -1687,13 +1687,13 @@ export const color = [ ] }, { - type: "color", - value: "#ce4e4e", + $type: "color", + $value: "#ce4e4e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.10}" + $type: "color", + $value: "{global.red.10}" }, name: "--ds-color-danger-base-hover", attributes: {}, @@ -1704,13 +1704,13 @@ export const color = [ ] }, { - type: "color", - value: "#c32727", + $type: "color", + $value: "#c32727", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.11}" + $type: "color", + $value: "{global.red.11}" }, name: "--ds-color-danger-base-active", attributes: {}, @@ -1721,13 +1721,13 @@ export const color = [ ] }, { - type: "color", - value: "#df8d8d", + $type: "color", + $value: "#df8d8d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.12}" + $type: "color", + $value: "{global.red.12}" }, name: "--ds-color-danger-text-subtle", attributes: {}, @@ -1738,13 +1738,13 @@ export const color = [ ] }, { - type: "color", - value: "#f5dcdc", + $type: "color", + $value: "#f5dcdc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.13}" + $type: "color", + $value: "{global.red.13}" }, name: "--ds-color-danger-text-default", attributes: {}, @@ -1755,13 +1755,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.contrast-1}" + $type: "color", + $value: "{global.red.contrast-1}" }, name: "--ds-color-danger-contrast-default", attributes: {}, @@ -1772,13 +1772,13 @@ export const color = [ ] }, { - type: "color", - value: "#271414", + $type: "color", + $value: "#271414", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.contrast-2}" + $type: "color", + $value: "{global.red.contrast-2}" }, name: "--ds-color-danger-contrast-subtle", attributes: {}, @@ -1789,13 +1789,13 @@ export const color = [ ] }, { - type: "color", - value: "#031d30", + $type: "color", + $value: "#031d30", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.1}" + $type: "color", + $value: "{global.blue.1}" }, name: "--ds-color-info-background-default", attributes: {}, @@ -1806,13 +1806,13 @@ export const color = [ ] }, { - type: "color", - value: "#032540", + $type: "color", + $value: "#032540", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.2}" + $type: "color", + $value: "{global.blue.2}" }, name: "--ds-color-info-background-subtle", attributes: {}, @@ -1823,13 +1823,13 @@ export const color = [ ] }, { - type: "color", - value: "#043256", + $type: "color", + $value: "#043256", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.3}" + $type: "color", + $value: "{global.blue.3}" }, name: "--ds-color-info-surface-default", attributes: {}, @@ -1840,13 +1840,13 @@ export const color = [ ] }, { - type: "color", - value: "#063f6c", + $type: "color", + $value: "#063f6c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.4}" + $type: "color", + $value: "{global.blue.4}" }, name: "--ds-color-info-surface-hover", attributes: {}, @@ -1857,13 +1857,13 @@ export const color = [ ] }, { - type: "color", - value: "#074d84", + $type: "color", + $value: "#074d84", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.5}" + $type: "color", + $value: "{global.blue.5}" }, name: "--ds-color-info-surface-active", attributes: {}, @@ -1874,13 +1874,13 @@ export const color = [ ] }, { - type: "color", - value: "#075490", + $type: "color", + $value: "#075490", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.6}" + $type: "color", + $value: "{global.blue.6}" }, name: "--ds-color-info-border-subtle", attributes: {}, @@ -1891,13 +1891,13 @@ export const color = [ ] }, { - type: "color", - value: "#0c72c1", + $type: "color", + $value: "#0c72c1", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.7}" + $type: "color", + $value: "{global.blue.7}" }, name: "--ds-color-info-border-default", attributes: {}, @@ -1908,13 +1908,13 @@ export const color = [ ] }, { - type: "color", - value: "#98c3e5", + $type: "color", + $value: "#98c3e5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.8}" + $type: "color", + $value: "{global.blue.8}" }, name: "--ds-color-info-border-strong", attributes: {}, @@ -1925,13 +1925,13 @@ export const color = [ ] }, { - type: "color", - value: "#2a84c8", + $type: "color", + $value: "#2a84c8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.9}" + $type: "color", + $value: "{global.blue.9}" }, name: "--ds-color-info-base-default", attributes: {}, @@ -1942,13 +1942,13 @@ export const color = [ ] }, { - type: "color", - value: "#0a6dba", + $type: "color", + $value: "#0a6dba", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.10}" + $type: "color", + $value: "{global.blue.10}" }, name: "--ds-color-info-base-hover", attributes: {}, @@ -1959,13 +1959,13 @@ export const color = [ ] }, { - type: "color", - value: "#085998", + $type: "color", + $value: "#085998", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.11}" + $type: "color", + $value: "{global.blue.11}" }, name: "--ds-color-info-base-active", attributes: {}, @@ -1976,13 +1976,13 @@ export const color = [ ] }, { - type: "color", - value: "#6ba9d9", + $type: "color", + $value: "#6ba9d9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.12}" + $type: "color", + $value: "{global.blue.12}" }, name: "--ds-color-info-text-subtle", attributes: {}, @@ -1993,13 +1993,13 @@ export const color = [ ] }, { - type: "color", - value: "#d3e5f4", + $type: "color", + $value: "#d3e5f4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.13}" + $type: "color", + $value: "{global.blue.13}" }, name: "--ds-color-info-text-default", attributes: {}, @@ -2010,13 +2010,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.contrast-1}" + $type: "color", + $value: "{global.blue.contrast-1}" }, name: "--ds-color-info-contrast-default", attributes: {}, @@ -2027,13 +2027,13 @@ export const color = [ ] }, { - type: "color", - value: "#040c13", + $type: "color", + $value: "#040c13", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.contrast-2}" + $type: "color", + $value: "{global.blue.contrast-2}" }, name: "--ds-color-info-contrast-subtle", attributes: {}, @@ -2044,13 +2044,13 @@ export const color = [ ] }, { - type: "color", - value: "#221b06", + $type: "color", + $value: "#221b06", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.1}" + $type: "color", + $value: "{global.yellow.1}" }, name: "--ds-color-warning-background-default", attributes: {}, @@ -2061,13 +2061,13 @@ export const color = [ ] }, { - type: "color", - value: "#2b2307", + $type: "color", + $value: "#2b2307", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.2}" + $type: "color", + $value: "{global.yellow.2}" }, name: "--ds-color-warning-background-subtle", attributes: {}, @@ -2078,13 +2078,13 @@ export const color = [ ] }, { - type: "color", - value: "#3a300a", + $type: "color", + $value: "#3a300a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.3}" + $type: "color", + $value: "{global.yellow.3}" }, name: "--ds-color-warning-surface-default", attributes: {}, @@ -2095,13 +2095,13 @@ export const color = [ ] }, { - type: "color", - value: "#4a3d0d", + $type: "color", + $value: "#4a3d0d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.4}" + $type: "color", + $value: "{global.yellow.4}" }, name: "--ds-color-warning-surface-hover", attributes: {}, @@ -2112,13 +2112,13 @@ export const color = [ ] }, { - type: "color", - value: "#5a4a0f", + $type: "color", + $value: "#5a4a0f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.5}" + $type: "color", + $value: "{global.yellow.5}" }, name: "--ds-color-warning-surface-active", attributes: {}, @@ -2129,13 +2129,13 @@ export const color = [ ] }, { - type: "color", - value: "#635011", + $type: "color", + $value: "#635011", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.6}" + $type: "color", + $value: "{global.yellow.6}" }, name: "--ds-color-warning-border-subtle", attributes: {}, @@ -2146,13 +2146,13 @@ export const color = [ ] }, { - type: "color", - value: "#856d17", + $type: "color", + $value: "#856d17", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.7}" + $type: "color", + $value: "{global.yellow.7}" }, name: "--ds-color-warning-border-default", attributes: {}, @@ -2163,13 +2163,13 @@ export const color = [ ] }, { - type: "color", - value: "#e4ba27", + $type: "color", + $value: "#e4ba27", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.8}" + $type: "color", + $value: "{global.yellow.8}" }, name: "--ds-color-warning-border-strong", attributes: {}, @@ -2180,13 +2180,13 @@ export const color = [ ] }, { - type: "color", - value: "#ba541e", + $type: "color", + $value: "#ba541e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.9}" + $type: "color", + $value: "{global.orange.9}" }, name: "--ds-color-warning-base-default", attributes: {}, @@ -2197,13 +2197,13 @@ export const color = [ ] }, { - type: "color", - value: "#994619", + $type: "color", + $value: "#994619", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.10}" + $type: "color", + $value: "{global.orange.10}" }, name: "--ds-color-warning-base-hover", attributes: {}, @@ -2214,13 +2214,13 @@ export const color = [ ] }, { - type: "color", - value: "#7a3814", + $type: "color", + $value: "#7a3814", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.11}" + $type: "color", + $value: "{global.orange.11}" }, name: "--ds-color-warning-base-active", attributes: {}, @@ -2231,13 +2231,13 @@ export const color = [ ] }, { - type: "color", - value: "#db9169", + $type: "color", + $value: "#db9169", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.12}" + $type: "color", + $value: "{global.orange.12}" }, name: "--ds-color-warning-text-subtle", attributes: {}, @@ -2248,13 +2248,13 @@ export const color = [ ] }, { - type: "color", - value: "#f4ddd0", + $type: "color", + $value: "#f4ddd0", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.13}" + $type: "color", + $value: "{global.orange.13}" }, name: "--ds-color-warning-text-default", attributes: {}, @@ -2265,13 +2265,13 @@ export const color = [ ] }, { - type: "color", - value: "#ffffff", + $type: "color", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.contrast-1}" + $type: "color", + $value: "{global.yellow.contrast-1}" }, name: "--ds-color-warning-contrast-default", attributes: {}, @@ -2282,13 +2282,13 @@ export const color = [ ] }, { - type: "color", - value: "#ccc9bf", + $type: "color", + $value: "#ccc9bf", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.contrast-2}" + $type: "color", + $value: "{global.yellow.contrast-2}" }, name: "--ds-color-warning-contrast-subtle", attributes: {}, @@ -2299,13 +2299,13 @@ export const color = [ ] }, { - type: "color", - value: "#131c27", + $type: "color", + $value: "#131c27", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.background-default}" + $type: "color", + $value: "{color.neutral.background-default}" }, name: "--ds-color-focus-inner", attributes: {}, @@ -2316,13 +2316,13 @@ export const color = [ ] }, { - type: "color", - value: "#e8e0ee", + $type: "color", + $value: "#e8e0ee", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.text-default}" + $type: "color", + $value: "{color.accent.text-default}" }, name: "--ds-color-focus-outer", attributes: {}, @@ -2336,13 +2336,13 @@ export const color = [ export const typography = [ { - type: "typography", - value: "500 3.75rem/1.3 'Inter'", + $type: "typography", + $value: "500 3.75rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2359,21 +2359,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 3rem/1.3 'Inter'", - description: "H1", + $type: "typography", + $value: "500 3rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.10}", letterSpacing: "{letter-spacing.1}" - }, - description: "H1" + } }, name: "--ds-typography-heading-xl", attributes: {}, @@ -2384,21 +2382,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 2.25rem/1.3 'Inter'", - description: "H2", + $type: "typography", + $value: "500 2.25rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.9}", letterSpacing: "{letter-spacing.2}" - }, - description: "H2" + } }, name: "--ds-typography-heading-lg", attributes: {}, @@ -2409,21 +2405,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.875rem/1.3 'Inter'", - description: "H3", + $type: "typography", + $value: "500 1.875rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.8}", letterSpacing: "{letter-spacing.3}" - }, - description: "H3" + } }, name: "--ds-typography-heading-md", attributes: {}, @@ -2434,21 +2428,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.5rem/1.3 'Inter'", - description: "H4", + $type: "typography", + $value: "500 1.5rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.7}", letterSpacing: "{letter-spacing.5}" - }, - description: "H4" + } }, name: "--ds-typography-heading-sm", attributes: {}, @@ -2459,21 +2451,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.3125rem/1.3 'Inter'", - description: "H5", + $type: "typography", + $value: "500 1.3125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.6}", letterSpacing: "{letter-spacing.6}" - }, - description: "H5" + } }, name: "--ds-typography-heading-xs", attributes: {}, @@ -2484,21 +2474,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.125rem/1.3 'Inter'", - description: "H6", + $type: "typography", + $value: "500 1.125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.5}", letterSpacing: "{letter-spacing.6}" - }, - description: "H6" + } }, name: "--ds-typography-heading-2xs", attributes: {}, @@ -2509,13 +2497,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.875rem/1.7 'Inter'", + $type: "typography", + $value: "400 1.875rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2532,13 +2520,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.5rem/1.7 'Inter'", + $type: "typography", + $value: "400 1.5rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2555,13 +2543,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.7 'Inter'", + $type: "typography", + $value: "400 1.3125rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2578,13 +2566,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.7 'Inter'", + $type: "typography", + $value: "400 1.125rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2601,13 +2589,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.5 'Inter'", + $type: "typography", + $value: "400 1.3125rem/1.5 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.md}", @@ -2624,13 +2612,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.5 'Inter'", + $type: "typography", + $value: "400 1.125rem/1.5 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.md}", @@ -2647,13 +2635,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1rem/1.5 'Inter'", + $type: "typography", + $value: "400 1rem/1.5 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.md}", @@ -2670,13 +2658,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 0.875rem/1.5 'Inter'", + $type: "typography", + $value: "400 0.875rem/1.5 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.md}", @@ -2693,13 +2681,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.3 'Inter'", + $type: "typography", + $value: "400 1.3125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -2717,13 +2705,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.3 'Inter'", + $type: "typography", + $value: "400 1.125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -2741,13 +2729,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1rem/1.3 'Inter'", + $type: "typography", + $value: "400 1rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -2765,13 +2753,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 0.875rem/1.3 'Inter'", + $type: "typography", + $value: "400 0.875rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -2789,13 +2777,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.7 'Inter'", + $type: "typography", + $value: "400 1.3125rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2813,13 +2801,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.7 'Inter'", + $type: "typography", + $value: "400 1.125rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2837,13 +2825,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1rem/1.7 'Inter'", + $type: "typography", + $value: "400 1rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2861,13 +2849,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 0.875rem/1.7 'Inter'", + $type: "typography", + $value: "400 0.875rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2885,13 +2873,13 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.3125rem/1.3 'Inter'", + $type: "typography", + $value: "500 1.3125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2908,13 +2896,13 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.125rem/1.3 'Inter'", + $type: "typography", + $value: "500 1.125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2931,13 +2919,13 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1rem/1.3 'Inter'", + $type: "typography", + $value: "500 1rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2954,13 +2942,13 @@ export const typography = [ ] }, { - type: "typography", - value: "500 0.875rem/1.3 'Inter'", + $type: "typography", + $value: "500 0.875rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2977,13 +2965,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.3 'Inter'", + $type: "typography", + $value: "400 1.3125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -3000,13 +2988,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.3 'Inter'", + $type: "typography", + $value: "400 1.125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -3023,13 +3011,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1rem/1.3 'Inter'", + $type: "typography", + $value: "400 1rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -3046,13 +3034,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 0.875rem/1.3 'Inter'", + $type: "typography", + $value: "400 0.875rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -3072,13 +3060,13 @@ export const typography = [ export const opacity = [ { - type: "opacity", - value: "30%", + $type: "opacity", + $value: "30%", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "opacity", - value: "{opacity.30}" + $type: "opacity", + $value: "{opacity.30}" }, name: "--ds-disabled-opacity", attributes: {}, @@ -3091,13 +3079,13 @@ export const opacity = [ export const dimension = [ { - type: "dimension", - value: "0.125rem", + $type: "dimension", + $value: "0.125rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*0.5" + $type: "dimension", + $value: "{border-radius.base}*0.5" }, name: "--ds-border-radius-sm", attributes: {}, @@ -3107,13 +3095,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.25rem", + $type: "dimension", + $value: "0.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*1" + $type: "dimension", + $value: "{border-radius.base}*1" }, name: "--ds-border-radius-md", attributes: {}, @@ -3123,13 +3111,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.5rem", + $type: "dimension", + $value: "0.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*2" + $type: "dimension", + $value: "{border-radius.base}*2" }, name: "--ds-border-radius-lg", attributes: {}, @@ -3139,13 +3127,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.75rem", + $type: "dimension", + $value: "0.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*3" + $type: "dimension", + $value: "{border-radius.base}*3" }, name: "--ds-border-radius-xl", attributes: {}, @@ -3155,13 +3143,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1rem", + $type: "dimension", + $value: "1rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*4" + $type: "dimension", + $value: "{border-radius.base}*4" }, name: "--ds-border-radius-2xl", attributes: {}, @@ -3171,13 +3159,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.5rem", + $type: "dimension", + $value: "1.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*6" + $type: "dimension", + $value: "{border-radius.base}*6" }, name: "--ds-border-radius-3xl", attributes: {}, @@ -3187,13 +3175,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2rem", + $type: "dimension", + $value: "2rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*8" + $type: "dimension", + $value: "{border-radius.base}*8" }, name: "--ds-border-radius-4xl", attributes: {}, @@ -3203,13 +3191,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "624.9375rem", + $type: "dimension", + $value: "624.9375rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "9999" + $type: "dimension", + $value: "9999" }, name: "--ds-border-radius-full", attributes: {}, @@ -3219,13 +3207,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0rem", + $type: "dimension", + $value: "0rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*0" + $type: "dimension", + $value: "{spacing.base}*0" }, name: "--ds-spacing-0", attributes: {}, @@ -3235,13 +3223,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.25rem", + $type: "dimension", + $value: "0.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*1" + $type: "dimension", + $value: "{spacing.base}*1" }, name: "--ds-spacing-1", attributes: {}, @@ -3251,13 +3239,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.5rem", + $type: "dimension", + $value: "0.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*2" + $type: "dimension", + $value: "{spacing.base}*2" }, name: "--ds-spacing-2", attributes: {}, @@ -3267,13 +3255,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.75rem", + $type: "dimension", + $value: "0.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*3" + $type: "dimension", + $value: "{spacing.base}*3" }, name: "--ds-spacing-3", attributes: {}, @@ -3283,13 +3271,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1rem", + $type: "dimension", + $value: "1rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*4" + $type: "dimension", + $value: "{spacing.base}*4" }, name: "--ds-spacing-4", attributes: {}, @@ -3299,13 +3287,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.25rem", + $type: "dimension", + $value: "1.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*5" + $type: "dimension", + $value: "{spacing.base}*5" }, name: "--ds-spacing-5", attributes: {}, @@ -3315,13 +3303,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.5rem", + $type: "dimension", + $value: "1.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*6" + $type: "dimension", + $value: "{spacing.base}*6" }, name: "--ds-spacing-6", attributes: {}, @@ -3331,13 +3319,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.75rem", + $type: "dimension", + $value: "1.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*7" + $type: "dimension", + $value: "{spacing.base}*7" }, name: "--ds-spacing-7", attributes: {}, @@ -3347,13 +3335,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2rem", + $type: "dimension", + $value: "2rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*8" + $type: "dimension", + $value: "{spacing.base}*8" }, name: "--ds-spacing-8", attributes: {}, @@ -3363,13 +3351,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.25rem", + $type: "dimension", + $value: "2.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*9" + $type: "dimension", + $value: "{spacing.base}*9" }, name: "--ds-spacing-9", attributes: {}, @@ -3379,13 +3367,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.5rem", + $type: "dimension", + $value: "2.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*10" + $type: "dimension", + $value: "{spacing.base}*10" }, name: "--ds-spacing-10", attributes: {}, @@ -3395,13 +3383,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.75rem", + $type: "dimension", + $value: "2.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*11" + $type: "dimension", + $value: "{spacing.base}*11" }, name: "--ds-spacing-11", attributes: {}, @@ -3411,13 +3399,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3rem", + $type: "dimension", + $value: "3rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*12" + $type: "dimension", + $value: "{spacing.base}*12" }, name: "--ds-spacing-12", attributes: {}, @@ -3427,13 +3415,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.25rem", + $type: "dimension", + $value: "3.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*13" + $type: "dimension", + $value: "{spacing.base}*13" }, name: "--ds-spacing-13", attributes: {}, @@ -3443,13 +3431,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.5rem", + $type: "dimension", + $value: "3.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*14" + $type: "dimension", + $value: "{spacing.base}*14" }, name: "--ds-spacing-14", attributes: {}, @@ -3459,13 +3447,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.75rem", + $type: "dimension", + $value: "3.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*15" + $type: "dimension", + $value: "{spacing.base}*15" }, name: "--ds-spacing-15", attributes: {}, @@ -3475,13 +3463,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "4.5rem", + $type: "dimension", + $value: "4.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*18" + $type: "dimension", + $value: "{spacing.base}*18" }, name: "--ds-spacing-18", attributes: {}, @@ -3491,13 +3479,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "5.5rem", + $type: "dimension", + $value: "5.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*22" + $type: "dimension", + $value: "{spacing.base}*22" }, name: "--ds-spacing-22", attributes: {}, @@ -3507,13 +3495,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "6.5rem", + $type: "dimension", + $value: "6.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*26" + $type: "dimension", + $value: "{spacing.base}*26" }, name: "--ds-spacing-26", attributes: {}, @@ -3523,13 +3511,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "7.5rem", + $type: "dimension", + $value: "7.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*30" + $type: "dimension", + $value: "{spacing.base}*30" }, name: "--ds-spacing-30", attributes: {}, @@ -3539,13 +3527,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0rem", + $type: "dimension", + $value: "0rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*0" + $type: "dimension", + $value: "{sizing.base}*0" }, name: "--ds-sizing-0", attributes: {}, @@ -3555,13 +3543,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.25rem", + $type: "dimension", + $value: "0.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*1" + $type: "dimension", + $value: "{sizing.base}*1" }, name: "--ds-sizing-1", attributes: {}, @@ -3571,13 +3559,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.5rem", + $type: "dimension", + $value: "0.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*2" + $type: "dimension", + $value: "{sizing.base}*2" }, name: "--ds-sizing-2", attributes: {}, @@ -3587,13 +3575,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.75rem", + $type: "dimension", + $value: "0.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*3" + $type: "dimension", + $value: "{sizing.base}*3" }, name: "--ds-sizing-3", attributes: {}, @@ -3603,13 +3591,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1rem", + $type: "dimension", + $value: "1rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*4" + $type: "dimension", + $value: "{sizing.base}*4" }, name: "--ds-sizing-4", attributes: {}, @@ -3619,13 +3607,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.25rem", + $type: "dimension", + $value: "1.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*5" + $type: "dimension", + $value: "{sizing.base}*5" }, name: "--ds-sizing-5", attributes: {}, @@ -3635,13 +3623,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.5rem", + $type: "dimension", + $value: "1.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*6" + $type: "dimension", + $value: "{sizing.base}*6" }, name: "--ds-sizing-6", attributes: {}, @@ -3651,13 +3639,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.75rem", + $type: "dimension", + $value: "1.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*7" + $type: "dimension", + $value: "{sizing.base}*7" }, name: "--ds-sizing-7", attributes: {}, @@ -3667,13 +3655,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2rem", + $type: "dimension", + $value: "2rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*8" + $type: "dimension", + $value: "{sizing.base}*8" }, name: "--ds-sizing-8", attributes: {}, @@ -3683,13 +3671,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.25rem", + $type: "dimension", + $value: "2.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*9" + $type: "dimension", + $value: "{sizing.base}*9" }, name: "--ds-sizing-9", attributes: {}, @@ -3699,13 +3687,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.5rem", + $type: "dimension", + $value: "2.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*10" + $type: "dimension", + $value: "{sizing.base}*10" }, name: "--ds-sizing-10", attributes: {}, @@ -3715,13 +3703,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.75rem", + $type: "dimension", + $value: "2.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*11" + $type: "dimension", + $value: "{sizing.base}*11" }, name: "--ds-sizing-11", attributes: {}, @@ -3731,13 +3719,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3rem", + $type: "dimension", + $value: "3rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*12" + $type: "dimension", + $value: "{sizing.base}*12" }, name: "--ds-sizing-12", attributes: {}, @@ -3747,13 +3735,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.25rem", + $type: "dimension", + $value: "3.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*13" + $type: "dimension", + $value: "{sizing.base}*13" }, name: "--ds-sizing-13", attributes: {}, @@ -3763,13 +3751,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.5rem", + $type: "dimension", + $value: "3.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*14" + $type: "dimension", + $value: "{sizing.base}*14" }, name: "--ds-sizing-14", attributes: {}, @@ -3779,13 +3767,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.75rem", + $type: "dimension", + $value: "3.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*15" + $type: "dimension", + $value: "{sizing.base}*15" }, name: "--ds-sizing-15", attributes: {}, @@ -3795,13 +3783,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "4.5rem", + $type: "dimension", + $value: "4.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*18" + $type: "dimension", + $value: "{sizing.base}*18" }, name: "--ds-sizing-18", attributes: {}, @@ -3811,13 +3799,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "5.5rem", + $type: "dimension", + $value: "5.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*22" + $type: "dimension", + $value: "{sizing.base}*22" }, name: "--ds-sizing-22", attributes: {}, @@ -3827,13 +3815,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "6.5rem", + $type: "dimension", + $value: "6.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*26" + $type: "dimension", + $value: "{sizing.base}*26" }, name: "--ds-sizing-26", attributes: {}, @@ -3843,13 +3831,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "7.5rem", + $type: "dimension", + $value: "7.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*30" + $type: "dimension", + $value: "{sizing.base}*30" }, name: "--ds-sizing-30", attributes: {}, @@ -3862,13 +3850,13 @@ export const dimension = [ export const shadow = [ { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.12)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.12)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.100}" + $type: "shadow", + $value: "{shadow.100}" }, name: "--ds-shadow-xs", attributes: {}, @@ -3878,13 +3866,13 @@ export const shadow = [ ] }, { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.15), 0 1px 2px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.1)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.15), 0 1px 2px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.1)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.200}" + $type: "shadow", + $value: "{shadow.200}" }, name: "--ds-shadow-sm", attributes: {}, @@ -3894,13 +3882,13 @@ export const shadow = [ ] }, { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.14), 0 2px 4px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.12)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.14), 0 2px 4px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.12)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.300}" + $type: "shadow", + $value: "{shadow.300}" }, name: "--ds-shadow-md", attributes: {}, @@ -3910,13 +3898,13 @@ export const shadow = [ ] }, { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.13), 0 3px 5px 0 rgba(0,0,0,0.13), 0 6px 12px 0 rgba(0,0,0,0.14)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.13), 0 3px 5px 0 rgba(0,0,0,0.13), 0 6px 12px 0 rgba(0,0,0,0.14)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.400}" + $type: "shadow", + $value: "{shadow.400}" }, name: "--ds-shadow-lg", attributes: {}, @@ -3926,13 +3914,13 @@ export const shadow = [ ] }, { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.16), 0 12px 24px 0 rgba(0,0,0,0.16)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.16), 0 12px 24px 0 rgba(0,0,0,0.16)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.500}" + $type: "shadow", + $value: "{shadow.500}" }, name: "--ds-shadow-xl", attributes: {}, diff --git a/apps/storefront/tokens/portal/light.ts b/apps/storefront/tokens/portal/light.ts index 110943588d..60a2719875 100644 --- a/apps/storefront/tokens/portal/light.ts +++ b/apps/storefront/tokens/portal/light.ts @@ -4,13 +4,13 @@ export const color = [ { - type: "color", - value: "#fefefe", + $type: "color", + $value: "#fefefe", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.1}" + $type: "color", + $value: "{color.accent.1}" }, name: "--ds-color-accent-background-default", attributes: {}, @@ -21,13 +21,13 @@ export const color = [ ] }, { - type: "color", - value: "#f5f2f8", + $type: "color", + $value: "#f5f2f8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.2}" + $type: "color", + $value: "{color.accent.2}" }, name: "--ds-color-accent-background-subtle", attributes: {}, @@ -38,13 +38,13 @@ export const color = [ ] }, { - type: "color", - value: "#e8e0ee", + $type: "color", + $value: "#e8e0ee", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.3}" + $type: "color", + $value: "{color.accent.3}" }, name: "--ds-color-accent-surface-default", attributes: {}, @@ -55,13 +55,13 @@ export const color = [ ] }, { - type: "color", - value: "#d9cce3", + $type: "color", + $value: "#d9cce3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.4}" + $type: "color", + $value: "{color.accent.4}" }, name: "--ds-color-accent-surface-hover", attributes: {}, @@ -72,13 +72,13 @@ export const color = [ ] }, { - type: "color", - value: "#ccbad9", + $type: "color", + $value: "#ccbad9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.5}" + $type: "color", + $value: "{color.accent.5}" }, name: "--ds-color-accent-surface-active", attributes: {}, @@ -89,13 +89,13 @@ export const color = [ ] }, { - type: "color", - value: "#c7b4d6", + $type: "color", + $value: "#c7b4d6", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.6}" + $type: "color", + $value: "{color.accent.6}" }, name: "--ds-color-accent-border-subtle", attributes: {}, @@ -106,13 +106,13 @@ export const color = [ ] }, { - type: "color", - value: "#9773b3", + $type: "color", + $value: "#9773b3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.7}" + $type: "color", + $value: "{color.accent.7}" }, name: "--ds-color-accent-border-default", attributes: {}, @@ -123,13 +123,13 @@ export const color = [ ] }, { - type: "color", - value: "#683591", + $type: "color", + $value: "#683591", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.8}" + $type: "color", + $value: "{color.accent.8}" }, name: "--ds-color-accent-border-strong", attributes: {}, @@ -140,13 +140,13 @@ export const color = [ ] }, { - type: "color", - value: "#4d107d", + $type: "color", + $value: "#4d107d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.9}" + $type: "color", + $value: "{color.accent.9}" }, name: "--ds-color-accent-base-default", attributes: {}, @@ -157,13 +157,13 @@ export const color = [ ] }, { - type: "color", - value: "#612c8c", + $type: "color", + $value: "#612c8c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.10}" + $type: "color", + $value: "{color.accent.10}" }, name: "--ds-color-accent-base-hover", attributes: {}, @@ -174,13 +174,13 @@ export const color = [ ] }, { - type: "color", - value: "#734499", + $type: "color", + $value: "#734499", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.11}" + $type: "color", + $value: "{color.accent.11}" }, name: "--ds-color-accent-base-active", attributes: {}, @@ -191,13 +191,13 @@ export const color = [ ] }, { - type: "color", - value: "#7c4fa0", + $type: "color", + $value: "#7c4fa0", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.12}" + $type: "color", + $value: "{color.accent.12}" }, name: "--ds-color-accent-text-subtle", attributes: {}, @@ -208,13 +208,13 @@ export const color = [ ] }, { - type: "color", - value: "#420e6a", + $type: "color", + $value: "#420e6a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.13}" + $type: "color", + $value: "{color.accent.13}" }, name: "--ds-color-accent-text-default", attributes: {}, @@ -225,13 +225,13 @@ export const color = [ ] }, { - type: "color", - value: "#ffffff", + $type: "color", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.contrast-1}" + $type: "color", + $value: "{color.accent.contrast-1}" }, name: "--ds-color-accent-contrast-default", attributes: {}, @@ -242,13 +242,13 @@ export const color = [ ] }, { - type: "color", - value: "#d5c6e0", + $type: "color", + $value: "#d5c6e0", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.contrast-2}" + $type: "color", + $value: "{color.accent.contrast-2}" }, name: "--ds-color-accent-contrast-subtle", attributes: {}, @@ -259,13 +259,13 @@ export const color = [ ] }, { - type: "color", - value: "#fefefe", + $type: "color", + $value: "#fefefe", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.1}" + $type: "color", + $value: "{color.neutral.1}" }, name: "--ds-color-neutral-background-default", attributes: {}, @@ -276,13 +276,13 @@ export const color = [ ] }, { - type: "color", - value: "#f3f4f5", + $type: "color", + $value: "#f3f4f5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.2}" + $type: "color", + $value: "{color.neutral.2}" }, name: "--ds-color-neutral-background-subtle", attributes: {}, @@ -293,13 +293,13 @@ export const color = [ ] }, { - type: "color", - value: "#e1e3e5", + $type: "color", + $value: "#e1e3e5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.3}" + $type: "color", + $value: "{color.neutral.3}" }, name: "--ds-color-neutral-surface-default", attributes: {}, @@ -310,13 +310,13 @@ export const color = [ ] }, { - type: "color", - value: "#ced1d4", + $type: "color", + $value: "#ced1d4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.4}" + $type: "color", + $value: "{color.neutral.4}" }, name: "--ds-color-neutral-surface-hover", attributes: {}, @@ -327,13 +327,13 @@ export const color = [ ] }, { - type: "color", - value: "#bdc1c6", + $type: "color", + $value: "#bdc1c6", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.5}" + $type: "color", + $value: "{color.neutral.5}" }, name: "--ds-color-neutral-surface-active", attributes: {}, @@ -344,13 +344,13 @@ export const color = [ ] }, { - type: "color", - value: "#b8bcc1", + $type: "color", + $value: "#b8bcc1", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.6}" + $type: "color", + $value: "{color.neutral.6}" }, name: "--ds-color-neutral-border-subtle", attributes: {}, @@ -361,13 +361,13 @@ export const color = [ ] }, { - type: "color", - value: "#7a818c", + $type: "color", + $value: "#7a818c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.7}" + $type: "color", + $value: "{color.neutral.7}" }, name: "--ds-color-neutral-border-default", attributes: {}, @@ -378,13 +378,13 @@ export const color = [ ] }, { - type: "color", - value: "#444e5d", + $type: "color", + $value: "#444e5d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.8}" + $type: "color", + $value: "{color.neutral.8}" }, name: "--ds-color-neutral-border-strong", attributes: {}, @@ -395,13 +395,13 @@ export const color = [ ] }, { - type: "color", - value: "#1E2B3C", + $type: "color", + $value: "#1E2B3C", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.9}" + $type: "color", + $value: "{color.neutral.9}" }, name: "--ds-color-neutral-base-default", attributes: {}, @@ -412,13 +412,13 @@ export const color = [ ] }, { - type: "color", - value: "#303c4b", + $type: "color", + $value: "#303c4b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.10}" + $type: "color", + $value: "{color.neutral.10}" }, name: "--ds-color-neutral-base-hover", attributes: {}, @@ -429,13 +429,13 @@ export const color = [ ] }, { - type: "color", - value: "#444e5d", + $type: "color", + $value: "#444e5d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.11}" + $type: "color", + $value: "{color.neutral.11}" }, name: "--ds-color-neutral-base-active", attributes: {}, @@ -446,13 +446,13 @@ export const color = [ ] }, { - type: "color", - value: "#5b6471", + $type: "color", + $value: "#5b6471", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.12}" + $type: "color", + $value: "{color.neutral.12}" }, name: "--ds-color-neutral-text-subtle", attributes: {}, @@ -463,13 +463,13 @@ export const color = [ ] }, { - type: "color", - value: "#202c3d", + $type: "color", + $value: "#202c3d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.13}" + $type: "color", + $value: "{color.neutral.13}" }, name: "--ds-color-neutral-text-default", attributes: {}, @@ -480,13 +480,13 @@ export const color = [ ] }, { - type: "color", - value: "#ffffff", + $type: "color", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.contrast-1}" + $type: "color", + $value: "{color.neutral.contrast-1}" }, name: "--ds-color-neutral-contrast-default", attributes: {}, @@ -497,13 +497,13 @@ export const color = [ ] }, { - type: "color", - value: "#bbbfc4", + $type: "color", + $value: "#bbbfc4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.contrast-2}" + $type: "color", + $value: "{color.neutral.contrast-2}" }, name: "--ds-color-neutral-contrast-subtle", attributes: {}, @@ -514,13 +514,13 @@ export const color = [ ] }, { - type: "color", - value: "#fefdff", + $type: "color", + $value: "#fefdff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.1}" + $type: "color", + $value: "{color.brand1.1}" }, name: "--ds-color-brand1-background-default", attributes: {}, @@ -531,13 +531,13 @@ export const color = [ ] }, { - type: "color", - value: "#f7f1fc", + $type: "color", + $value: "#f7f1fc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.2}" + $type: "color", + $value: "{color.brand1.2}" }, name: "--ds-color-brand1-background-subtle", attributes: {}, @@ -548,13 +548,13 @@ export const color = [ ] }, { - type: "color", - value: "#ecddf8", + $type: "color", + $value: "#ecddf8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.3}" + $type: "color", + $value: "{color.brand1.3}" }, name: "--ds-color-brand1-surface-default", attributes: {}, @@ -565,13 +565,13 @@ export const color = [ ] }, { - type: "color", - value: "#e0c8f3", + $type: "color", + $value: "#e0c8f3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.4}" + $type: "color", + $value: "{color.brand1.4}" }, name: "--ds-color-brand1-surface-hover", attributes: {}, @@ -582,13 +582,13 @@ export const color = [ ] }, { - type: "color", - value: "#d5b5ef", + $type: "color", + $value: "#d5b5ef", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.5}" + $type: "color", + $value: "{color.brand1.5}" }, name: "--ds-color-brand1-surface-active", attributes: {}, @@ -599,13 +599,13 @@ export const color = [ ] }, { - type: "color", - value: "#d1adee", + $type: "color", + $value: "#d1adee", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.6}" + $type: "color", + $value: "{color.brand1.6}" }, name: "--ds-color-brand1-border-subtle", attributes: {}, @@ -616,13 +616,13 @@ export const color = [ ] }, { - type: "color", - value: "#a661de", + $type: "color", + $value: "#a661de", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.7}" + $type: "color", + $value: "{color.brand1.7}" }, name: "--ds-color-brand1-border-default", attributes: {}, @@ -633,13 +633,13 @@ export const color = [ ] }, { - type: "color", - value: "#66388b", + $type: "color", + $value: "#66388b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.8}" + $type: "color", + $value: "{color.brand1.8}" }, name: "--ds-color-brand1-border-strong", attributes: {}, @@ -650,13 +650,13 @@ export const color = [ ] }, { - type: "color", - value: "#a259dc", + $type: "color", + $value: "#a259dc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.9}" + $type: "color", + $value: "{color.brand1.9}" }, name: "--ds-color-brand1-base-default", attributes: {}, @@ -667,13 +667,13 @@ export const color = [ ] }, { - type: "color", - value: "#884bb9", + $type: "color", + $value: "#884bb9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.10}" + $type: "color", + $value: "{color.brand1.10}" }, name: "--ds-color-brand1-base-hover", attributes: {}, @@ -684,13 +684,13 @@ export const color = [ ] }, { - type: "color", - value: "#703d97", + $type: "color", + $value: "#703d97", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.11}" + $type: "color", + $value: "{color.brand1.11}" }, name: "--ds-color-brand1-base-active", attributes: {}, @@ -701,13 +701,13 @@ export const color = [ ] }, { - type: "color", - value: "#8248b1", + $type: "color", + $value: "#8248b1", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.12}" + $type: "color", + $value: "{color.brand1.12}" }, name: "--ds-color-brand1-text-subtle", attributes: {}, @@ -718,13 +718,13 @@ export const color = [ ] }, { - type: "color", - value: "#3a204f", + $type: "color", + $value: "#3a204f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.13}" + $type: "color", + $value: "{color.brand1.13}" }, name: "--ds-color-brand1-text-default", attributes: {}, @@ -735,13 +735,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.contrast-1}" + $type: "color", + $value: "{color.brand1.contrast-1}" }, name: "--ds-color-brand1-contrast-default", attributes: {}, @@ -752,13 +752,13 @@ export const color = [ ] }, { - type: "color", - value: "#0a060d", + $type: "color", + $value: "#0a060d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.contrast-2}" + $type: "color", + $value: "{color.brand1.contrast-2}" }, name: "--ds-color-brand1-contrast-subtle", attributes: {}, @@ -769,13 +769,13 @@ export const color = [ ] }, { - type: "color", - value: "#fffeff", + $type: "color", + $value: "#fffeff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.1}" + $type: "color", + $value: "{color.brand2.1}" }, name: "--ds-color-brand2-background-default", attributes: {}, @@ -786,13 +786,13 @@ export const color = [ ] }, { - type: "color", - value: "#fbf0fc", + $type: "color", + $value: "#fbf0fc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.2}" + $type: "color", + $value: "{color.brand2.2}" }, name: "--ds-color-brand2-background-subtle", attributes: {}, @@ -803,13 +803,13 @@ export const color = [ ] }, { - type: "color", - value: "#f6d9f8", + $type: "color", + $value: "#f6d9f8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.3}" + $type: "color", + $value: "{color.brand2.3}" }, name: "--ds-color-brand2-surface-default", attributes: {}, @@ -820,13 +820,13 @@ export const color = [ ] }, { - type: "color", - value: "#f1c2f3", + $type: "color", + $value: "#f1c2f3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.4}" + $type: "color", + $value: "{color.brand2.4}" }, name: "--ds-color-brand2-surface-hover", attributes: {}, @@ -837,13 +837,13 @@ export const color = [ ] }, { - type: "color", - value: "#ecabef", + $type: "color", + $value: "#ecabef", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.5}" + $type: "color", + $value: "{color.brand2.5}" }, name: "--ds-color-brand2-surface-active", attributes: {}, @@ -854,13 +854,13 @@ export const color = [ ] }, { - type: "color", - value: "#eaa3ed", + $type: "color", + $value: "#eaa3ed", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.6}" + $type: "color", + $value: "{color.brand2.6}" }, name: "--ds-color-brand2-border-subtle", attributes: {}, @@ -871,13 +871,13 @@ export const color = [ ] }, { - type: "color", - value: "#b75fbb", + $type: "color", + $value: "#b75fbb", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.7}" + $type: "color", + $value: "{color.brand2.7}" }, name: "--ds-color-brand2-border-default", attributes: {}, @@ -888,13 +888,13 @@ export const color = [ ] }, { - type: "color", - value: "#6f3972", + $type: "color", + $value: "#6f3972", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.8}" + $type: "color", + $value: "{color.brand2.8}" }, name: "--ds-color-brand2-border-strong", attributes: {}, @@ -905,13 +905,13 @@ export const color = [ ] }, { - type: "color", - value: "#df73e4", + $type: "color", + $value: "#df73e4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.9}" + $type: "color", + $value: "{color.brand2.9}" }, name: "--ds-color-brand2-base-default", attributes: {}, @@ -922,13 +922,13 @@ export const color = [ ] }, { - type: "color", - value: "#c364c7", + $type: "color", + $value: "#c364c7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.10}" + $type: "color", + $value: "{color.brand2.10}" }, name: "--ds-color-brand2-base-hover", attributes: {}, @@ -939,13 +939,13 @@ export const color = [ ] }, { - type: "color", - value: "#a656aa", + $type: "color", + $value: "#a656aa", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.11}" + $type: "color", + $value: "{color.brand2.11}" }, name: "--ds-color-brand2-base-active", attributes: {}, @@ -956,13 +956,13 @@ export const color = [ ] }, { - type: "color", - value: "#8e4991", + $type: "color", + $value: "#8e4991", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.12}" + $type: "color", + $value: "{color.brand2.12}" }, name: "--ds-color-brand2-text-subtle", attributes: {}, @@ -973,13 +973,13 @@ export const color = [ ] }, { - type: "color", - value: "#3f2141", + $type: "color", + $value: "#3f2141", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.13}" + $type: "color", + $value: "{color.brand2.13}" }, name: "--ds-color-brand2-text-default", attributes: {}, @@ -990,13 +990,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.contrast-1}" + $type: "color", + $value: "{color.brand2.contrast-1}" }, name: "--ds-color-brand2-contrast-default", attributes: {}, @@ -1007,13 +1007,13 @@ export const color = [ ] }, { - type: "color", - value: "#190d1a", + $type: "color", + $value: "#190d1a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.contrast-2}" + $type: "color", + $value: "{color.brand2.contrast-2}" }, name: "--ds-color-brand2-contrast-subtle", attributes: {}, @@ -1024,13 +1024,13 @@ export const color = [ ] }, { - type: "color", - value: "#fffefe", + $type: "color", + $value: "#fffefe", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.1}" + $type: "color", + $value: "{color.brand3.1}" }, name: "--ds-color-brand3-background-default", attributes: {}, @@ -1041,13 +1041,13 @@ export const color = [ ] }, { - type: "color", - value: "#fdeff8", + $type: "color", + $value: "#fdeff8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.2}" + $type: "color", + $value: "{color.brand3.2}" }, name: "--ds-color-brand3-background-subtle", attributes: {}, @@ -1058,13 +1058,13 @@ export const color = [ ] }, { - type: "color", - value: "#f9daef", + $type: "color", + $value: "#f9daef", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.3}" + $type: "color", + $value: "{color.brand3.3}" }, name: "--ds-color-brand3-surface-default", attributes: {}, @@ -1075,13 +1075,13 @@ export const color = [ ] }, { - type: "color", - value: "#f6c3e5", + $type: "color", + $value: "#f6c3e5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.4}" + $type: "color", + $value: "{color.brand3.4}" }, name: "--ds-color-brand3-surface-hover", attributes: {}, @@ -1092,13 +1092,13 @@ export const color = [ ] }, { - type: "color", - value: "#f2abdb", + $type: "color", + $value: "#f2abdb", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.5}" + $type: "color", + $value: "{color.brand3.5}" }, name: "--ds-color-brand3-surface-active", attributes: {}, @@ -1109,13 +1109,13 @@ export const color = [ ] }, { - type: "color", - value: "#f1a3d7", + $type: "color", + $value: "#f1a3d7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.6}" + $type: "color", + $value: "{color.brand3.6}" }, name: "--ds-color-brand3-border-subtle", attributes: {}, @@ -1126,13 +1126,13 @@ export const color = [ ] }, { - type: "color", - value: "#c55aa3", + $type: "color", + $value: "#c55aa3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.7}" + $type: "color", + $value: "{color.brand3.7}" }, name: "--ds-color-brand3-border-default", attributes: {}, @@ -1143,13 +1143,13 @@ export const color = [ ] }, { - type: "color", - value: "#773762", + $type: "color", + $value: "#773762", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.8}" + $type: "color", + $value: "{color.brand3.8}" }, name: "--ds-color-brand3-border-strong", attributes: {}, @@ -1160,13 +1160,13 @@ export const color = [ ] }, { - type: "color", - value: "#e86abf", + $type: "color", + $value: "#e86abf", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.9}" + $type: "color", + $value: "{color.brand3.9}" }, name: "--ds-color-brand3-base-default", attributes: {}, @@ -1177,13 +1177,13 @@ export const color = [ ] }, { - type: "color", - value: "#c95ca6", + $type: "color", + $value: "#c95ca6", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.10}" + $type: "color", + $value: "{color.brand3.10}" }, name: "--ds-color-brand3-base-hover", attributes: {}, @@ -1194,13 +1194,13 @@ export const color = [ ] }, { - type: "color", - value: "#ab4e8d", + $type: "color", + $value: "#ab4e8d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.11}" + $type: "color", + $value: "{color.brand3.11}" }, name: "--ds-color-brand3-base-active", attributes: {}, @@ -1211,13 +1211,13 @@ export const color = [ ] }, { - type: "color", - value: "#98467d", + $type: "color", + $value: "#98467d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.12}" + $type: "color", + $value: "{color.brand3.12}" }, name: "--ds-color-brand3-text-subtle", attributes: {}, @@ -1228,13 +1228,13 @@ export const color = [ ] }, { - type: "color", - value: "#451f38", + $type: "color", + $value: "#451f38", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.13}" + $type: "color", + $value: "{color.brand3.13}" }, name: "--ds-color-brand3-text-default", attributes: {}, @@ -1245,13 +1245,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.contrast-1}" + $type: "color", + $value: "{color.brand3.contrast-1}" }, name: "--ds-color-brand3-contrast-default", attributes: {}, @@ -1262,13 +1262,13 @@ export const color = [ ] }, { - type: "color", - value: "#11080e", + $type: "color", + $value: "#11080e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.contrast-2}" + $type: "color", + $value: "{color.brand3.contrast-2}" }, name: "--ds-color-brand3-contrast-subtle", attributes: {}, @@ -1279,13 +1279,13 @@ export const color = [ ] }, { - type: "color", - value: "#fcfefc", + $type: "color", + $value: "#fcfefc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.1}" + $type: "color", + $value: "{global.green.1}" }, name: "--ds-color-success-background-default", attributes: {}, @@ -1296,13 +1296,13 @@ export const color = [ ] }, { - type: "color", - value: "#ecf6ed", + $type: "color", + $value: "#ecf6ed", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.2}" + $type: "color", + $value: "{global.green.2}" }, name: "--ds-color-success-background-subtle", attributes: {}, @@ -1313,13 +1313,13 @@ export const color = [ ] }, { - type: "color", - value: "#cfe9d3", + $type: "color", + $value: "#cfe9d3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.3}" + $type: "color", + $value: "{global.green.3}" }, name: "--ds-color-success-surface-default", attributes: {}, @@ -1330,13 +1330,13 @@ export const color = [ ] }, { - type: "color", - value: "#b3dcb8", + $type: "color", + $value: "#b3dcb8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.4}" + $type: "color", + $value: "{global.green.4}" }, name: "--ds-color-success-surface-hover", attributes: {}, @@ -1347,13 +1347,13 @@ export const color = [ ] }, { - type: "color", - value: "#95ce9d", + $type: "color", + $value: "#95ce9d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.5}" + $type: "color", + $value: "{global.green.5}" }, name: "--ds-color-success-surface-active", attributes: {}, @@ -1364,13 +1364,13 @@ export const color = [ ] }, { - type: "color", - value: "#8bca94", + $type: "color", + $value: "#8bca94", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.6}" + $type: "color", + $value: "{global.green.6}" }, name: "--ds-color-success-border-subtle", attributes: {}, @@ -1381,13 +1381,13 @@ export const color = [ ] }, { - type: "color", - value: "#189528", + $type: "color", + $value: "#189528", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.7}" + $type: "color", + $value: "{global.green.7}" }, name: "--ds-color-success-border-default", attributes: {}, @@ -1398,13 +1398,13 @@ export const color = [ ] }, { - type: "color", - value: "#045a10", + $type: "color", + $value: "#045a10", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.8}" + $type: "color", + $value: "{global.green.8}" }, name: "--ds-color-success-border-strong", attributes: {}, @@ -1415,13 +1415,13 @@ export const color = [ ] }, { - type: "color", - value: "#078D19", + $type: "color", + $value: "#078D19", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.9}" + $type: "color", + $value: "{global.green.9}" }, name: "--ds-color-success-base-default", attributes: {}, @@ -1432,13 +1432,13 @@ export const color = [ ] }, { - type: "color", - value: "#067615", + $type: "color", + $value: "#067615", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.10}" + $type: "color", + $value: "{global.green.10}" }, name: "--ds-color-success-base-hover", attributes: {}, @@ -1449,13 +1449,13 @@ export const color = [ ] }, { - type: "color", - value: "#056011", + $type: "color", + $value: "#056011", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.11}" + $type: "color", + $value: "{global.green.11}" }, name: "--ds-color-success-base-active", attributes: {}, @@ -1466,13 +1466,13 @@ export const color = [ ] }, { - type: "color", - value: "#067314", + $type: "color", + $value: "#067314", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.12}" + $type: "color", + $value: "{global.green.12}" }, name: "--ds-color-success-text-subtle", attributes: {}, @@ -1483,13 +1483,13 @@ export const color = [ ] }, { - type: "color", - value: "#033409", + $type: "color", + $value: "#033409", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.13}" + $type: "color", + $value: "{global.green.13}" }, name: "--ds-color-success-text-default", attributes: {}, @@ -1500,13 +1500,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.contrast-1}" + $type: "color", + $value: "{global.green.contrast-1}" }, name: "--ds-color-success-contrast-default", attributes: {}, @@ -1517,13 +1517,13 @@ export const color = [ ] }, { - type: "color", - value: "#000401", + $type: "color", + $value: "#000401", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.contrast-2}" + $type: "color", + $value: "{global.green.contrast-2}" }, name: "--ds-color-success-contrast-subtle", attributes: {}, @@ -1534,13 +1534,13 @@ export const color = [ ] }, { - type: "color", - value: "#fffefe", + $type: "color", + $value: "#fffefe", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.1}" + $type: "color", + $value: "{global.red.1}" }, name: "--ds-color-danger-background-default", attributes: {}, @@ -1551,13 +1551,13 @@ export const color = [ ] }, { - type: "color", - value: "#fbf1f1", + $type: "color", + $value: "#fbf1f1", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.2}" + $type: "color", + $value: "{global.red.2}" }, name: "--ds-color-danger-background-subtle", attributes: {}, @@ -1568,13 +1568,13 @@ export const color = [ ] }, { - type: "color", - value: "#f5dcdc", + $type: "color", + $value: "#f5dcdc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.3}" + $type: "color", + $value: "{global.red.3}" }, name: "--ds-color-danger-surface-default", attributes: {}, @@ -1585,13 +1585,13 @@ export const color = [ ] }, { - type: "color", - value: "#f0c7c7", + $type: "color", + $value: "#f0c7c7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.4}" + $type: "color", + $value: "{global.red.4}" }, name: "--ds-color-danger-surface-hover", attributes: {}, @@ -1602,13 +1602,13 @@ export const color = [ ] }, { - type: "color", - value: "#eab3b3", + $type: "color", + $value: "#eab3b3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.5}" + $type: "color", + $value: "{global.red.5}" }, name: "--ds-color-danger-surface-active", attributes: {}, @@ -1619,13 +1619,13 @@ export const color = [ ] }, { - type: "color", - value: "#e8acac", + $type: "color", + $value: "#e8acac", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.6}" + $type: "color", + $value: "{global.red.6}" }, name: "--ds-color-danger-border-subtle", attributes: {}, @@ -1636,13 +1636,13 @@ export const color = [ ] }, { - type: "color", - value: "#d25b5b", + $type: "color", + $value: "#d25b5b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.7}" + $type: "color", + $value: "{global.red.7}" }, name: "--ds-color-danger-border-default", attributes: {}, @@ -1653,13 +1653,13 @@ export const color = [ ] }, { - type: "color", - value: "#9a1616", + $type: "color", + $value: "#9a1616", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.8}" + $type: "color", + $value: "{global.red.8}" }, name: "--ds-color-danger-border-strong", attributes: {}, @@ -1670,13 +1670,13 @@ export const color = [ ] }, { - type: "color", - value: "#C01B1B", + $type: "color", + $value: "#C01B1B", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.9}" + $type: "color", + $value: "{global.red.9}" }, name: "--ds-color-danger-base-default", attributes: {}, @@ -1687,13 +1687,13 @@ export const color = [ ] }, { - type: "color", - value: "#9a1616", + $type: "color", + $value: "#9a1616", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.10}" + $type: "color", + $value: "{global.red.10}" }, name: "--ds-color-danger-base-hover", attributes: {}, @@ -1704,13 +1704,13 @@ export const color = [ ] }, { - type: "color", - value: "#771111", + $type: "color", + $value: "#771111", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.11}" + $type: "color", + $value: "{global.red.11}" }, name: "--ds-color-danger-base-active", attributes: {}, @@ -1721,13 +1721,13 @@ export const color = [ ] }, { - type: "color", - value: "#c22020", + $type: "color", + $value: "#c22020", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.12}" + $type: "color", + $value: "{global.red.12}" }, name: "--ds-color-danger-text-subtle", attributes: {}, @@ -1738,13 +1738,13 @@ export const color = [ ] }, { - type: "color", - value: "#5a0d0d", + $type: "color", + $value: "#5a0d0d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.13}" + $type: "color", + $value: "{global.red.13}" }, name: "--ds-color-danger-text-default", attributes: {}, @@ -1755,13 +1755,13 @@ export const color = [ ] }, { - type: "color", - value: "#ffffff", + $type: "color", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.contrast-1}" + $type: "color", + $value: "{global.red.contrast-1}" }, name: "--ds-color-danger-contrast-default", attributes: {}, @@ -1772,13 +1772,13 @@ export const color = [ ] }, { - type: "color", - value: "#f6dfdf", + $type: "color", + $value: "#f6dfdf", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.contrast-2}" + $type: "color", + $value: "{global.red.contrast-2}" }, name: "--ds-color-danger-contrast-subtle", attributes: {}, @@ -1789,13 +1789,13 @@ export const color = [ ] }, { - type: "color", - value: "#fefeff", + $type: "color", + $value: "#fefeff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.1}" + $type: "color", + $value: "{global.blue.1}" }, name: "--ds-color-info-background-default", attributes: {}, @@ -1806,13 +1806,13 @@ export const color = [ ] }, { - type: "color", - value: "#edf5fa", + $type: "color", + $value: "#edf5fa", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.2}" + $type: "color", + $value: "{global.blue.2}" }, name: "--ds-color-info-background-subtle", attributes: {}, @@ -1823,13 +1823,13 @@ export const color = [ ] }, { - type: "color", - value: "#d3e5f4", + $type: "color", + $value: "#d3e5f4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.3}" + $type: "color", + $value: "{global.blue.3}" }, name: "--ds-color-info-surface-default", attributes: {}, @@ -1840,13 +1840,13 @@ export const color = [ ] }, { - type: "color", - value: "#b7d5ed", + $type: "color", + $value: "#b7d5ed", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.4}" + $type: "color", + $value: "{global.blue.4}" }, name: "--ds-color-info-surface-hover", attributes: {}, @@ -1857,13 +1857,13 @@ export const color = [ ] }, { - type: "color", - value: "#9bc5e5", + $type: "color", + $value: "#9bc5e5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.5}" + $type: "color", + $value: "{global.blue.5}" }, name: "--ds-color-info-surface-active", attributes: {}, @@ -1874,13 +1874,13 @@ export const color = [ ] }, { - type: "color", - value: "#94c1e3", + $type: "color", + $value: "#94c1e3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.6}" + $type: "color", + $value: "{global.blue.6}" }, name: "--ds-color-info-border-subtle", attributes: {}, @@ -1891,13 +1891,13 @@ export const color = [ ] }, { - type: "color", - value: "#2f86c9", + $type: "color", + $value: "#2f86c9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.7}" + $type: "color", + $value: "{global.blue.7}" }, name: "--ds-color-info-border-default", attributes: {}, @@ -1908,13 +1908,13 @@ export const color = [ ] }, { - type: "color", - value: "#075089", + $type: "color", + $value: "#075089", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.8}" + $type: "color", + $value: "{global.blue.8}" }, name: "--ds-color-info-border-strong", attributes: {}, @@ -1925,13 +1925,13 @@ export const color = [ ] }, { - type: "color", - value: "#0A71C0", + $type: "color", + $value: "#0A71C0", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.9}" + $type: "color", + $value: "{global.blue.9}" }, name: "--ds-color-info-base-default", attributes: {}, @@ -1942,13 +1942,13 @@ export const color = [ ] }, { - type: "color", - value: "#085ea0", + $type: "color", + $value: "#085ea0", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.10}" + $type: "color", + $value: "{global.blue.10}" }, name: "--ds-color-info-base-hover", attributes: {}, @@ -1959,13 +1959,13 @@ export const color = [ ] }, { - type: "color", - value: "#074b80", + $type: "color", + $value: "#074b80", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.11}" + $type: "color", + $value: "{global.blue.11}" }, name: "--ds-color-info-base-active", attributes: {}, @@ -1976,13 +1976,13 @@ export const color = [ ] }, { - type: "color", - value: "#0966ac", + $type: "color", + $value: "#0966ac", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.12}" + $type: "color", + $value: "{global.blue.12}" }, name: "--ds-color-info-text-subtle", attributes: {}, @@ -1993,13 +1993,13 @@ export const color = [ ] }, { - type: "color", - value: "#042d4d", + $type: "color", + $value: "#042d4d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.13}" + $type: "color", + $value: "{global.blue.13}" }, name: "--ds-color-info-text-default", attributes: {}, @@ -2010,13 +2010,13 @@ export const color = [ ] }, { - type: "color", - value: "#ffffff", + $type: "color", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.contrast-1}" + $type: "color", + $value: "{global.blue.contrast-1}" }, name: "--ds-color-info-contrast-default", attributes: {}, @@ -2027,13 +2027,13 @@ export const color = [ ] }, { - type: "color", - value: "#f3f8fc", + $type: "color", + $value: "#f3f8fc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.contrast-2}" + $type: "color", + $value: "{global.blue.contrast-2}" }, name: "--ds-color-info-contrast-subtle", attributes: {}, @@ -2044,13 +2044,13 @@ export const color = [ ] }, { - type: "color", - value: "#fffefc", + $type: "color", + $value: "#fffefc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.1}" + $type: "color", + $value: "{global.yellow.1}" }, name: "--ds-color-warning-background-default", attributes: {}, @@ -2061,13 +2061,13 @@ export const color = [ ] }, { - type: "color", - value: "#fbf2d3", + $type: "color", + $value: "#fbf2d3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.2}" + $type: "color", + $value: "{global.yellow.2}" }, name: "--ds-color-warning-background-subtle", attributes: {}, @@ -2078,13 +2078,13 @@ export const color = [ ] }, { - type: "color", - value: "#f5e19b", + $type: "color", + $value: "#f5e19b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.3}" + $type: "color", + $value: "{global.yellow.3}" }, name: "--ds-color-warning-surface-default", attributes: {}, @@ -2095,13 +2095,13 @@ export const color = [ ] }, { - type: "color", - value: "#efcf5d", + $type: "color", + $value: "#efcf5d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.4}" + $type: "color", + $value: "{global.yellow.4}" }, name: "--ds-color-warning-surface-hover", attributes: {}, @@ -2112,13 +2112,13 @@ export const color = [ ] }, { - type: "color", - value: "#e6bc27", + $type: "color", + $value: "#e6bc27", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.5}" + $type: "color", + $value: "{global.yellow.5}" }, name: "--ds-color-warning-surface-active", attributes: {}, @@ -2129,13 +2129,13 @@ export const color = [ ] }, { - type: "color", - value: "#e0b726", + $type: "color", + $value: "#e0b726", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.6}" + $type: "color", + $value: "{global.yellow.6}" }, name: "--ds-color-warning-border-subtle", attributes: {}, @@ -2146,13 +2146,13 @@ export const color = [ ] }, { - type: "color", - value: "#9a7e1a", + $type: "color", + $value: "#9a7e1a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.7}" + $type: "color", + $value: "{global.yellow.7}" }, name: "--ds-color-warning-border-default", attributes: {}, @@ -2163,13 +2163,13 @@ export const color = [ ] }, { - type: "color", - value: "#5d4c10", + $type: "color", + $value: "#5d4c10", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.8}" + $type: "color", + $value: "{global.yellow.8}" }, name: "--ds-color-warning-border-strong", attributes: {}, @@ -2180,13 +2180,13 @@ export const color = [ ] }, { - type: "color", - value: "#CA5C21", + $type: "color", + $value: "#CA5C21", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.9}" + $type: "color", + $value: "{global.orange.9}" }, name: "--ds-color-warning-base-default", attributes: {}, @@ -2197,13 +2197,13 @@ export const color = [ ] }, { - type: "color", - value: "#a94d1c", + $type: "color", + $value: "#a94d1c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.10}" + $type: "color", + $value: "{global.orange.10}" }, name: "--ds-color-warning-base-hover", attributes: {}, @@ -2214,13 +2214,13 @@ export const color = [ ] }, { - type: "color", - value: "#8a3f17", + $type: "color", + $value: "#8a3f17", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.11}" + $type: "color", + $value: "{global.orange.11}" }, name: "--ds-color-warning-base-active", attributes: {}, @@ -2231,13 +2231,13 @@ export const color = [ ] }, { - type: "color", - value: "#a1491a", + $type: "color", + $value: "#a1491a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.12}" + $type: "color", + $value: "{global.orange.12}" }, name: "--ds-color-warning-text-subtle", attributes: {}, @@ -2248,13 +2248,13 @@ export const color = [ ] }, { - type: "color", - value: "#47210c", + $type: "color", + $value: "#47210c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.13}" + $type: "color", + $value: "{global.orange.13}" }, name: "--ds-color-warning-text-default", attributes: {}, @@ -2265,13 +2265,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.contrast-1}" + $type: "color", + $value: "{global.yellow.contrast-1}" }, name: "--ds-color-warning-contrast-default", attributes: {}, @@ -2282,13 +2282,13 @@ export const color = [ ] }, { - type: "color", - value: "#382d0a", + $type: "color", + $value: "#382d0a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.contrast-2}" + $type: "color", + $value: "{global.yellow.contrast-2}" }, name: "--ds-color-warning-contrast-subtle", attributes: {}, @@ -2299,13 +2299,13 @@ export const color = [ ] }, { - type: "color", - value: "#fefefe", + $type: "color", + $value: "#fefefe", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.background-default}" + $type: "color", + $value: "{color.neutral.background-default}" }, name: "--ds-color-focus-inner", attributes: {}, @@ -2316,13 +2316,13 @@ export const color = [ ] }, { - type: "color", - value: "#420e6a", + $type: "color", + $value: "#420e6a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.text-default}" + $type: "color", + $value: "{color.accent.text-default}" }, name: "--ds-color-focus-outer", attributes: {}, @@ -2336,13 +2336,13 @@ export const color = [ export const typography = [ { - type: "typography", - value: "500 3.75rem/1.3 'Inter'", + $type: "typography", + $value: "500 3.75rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2359,21 +2359,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 3rem/1.3 'Inter'", - description: "H1", + $type: "typography", + $value: "500 3rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.10}", letterSpacing: "{letter-spacing.1}" - }, - description: "H1" + } }, name: "--ds-typography-heading-xl", attributes: {}, @@ -2384,21 +2382,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 2.25rem/1.3 'Inter'", - description: "H2", + $type: "typography", + $value: "500 2.25rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.9}", letterSpacing: "{letter-spacing.2}" - }, - description: "H2" + } }, name: "--ds-typography-heading-lg", attributes: {}, @@ -2409,21 +2405,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.875rem/1.3 'Inter'", - description: "H3", + $type: "typography", + $value: "500 1.875rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.8}", letterSpacing: "{letter-spacing.3}" - }, - description: "H3" + } }, name: "--ds-typography-heading-md", attributes: {}, @@ -2434,21 +2428,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.5rem/1.3 'Inter'", - description: "H4", + $type: "typography", + $value: "500 1.5rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.7}", letterSpacing: "{letter-spacing.5}" - }, - description: "H4" + } }, name: "--ds-typography-heading-sm", attributes: {}, @@ -2459,21 +2451,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.3125rem/1.3 'Inter'", - description: "H5", + $type: "typography", + $value: "500 1.3125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.6}", letterSpacing: "{letter-spacing.6}" - }, - description: "H5" + } }, name: "--ds-typography-heading-xs", attributes: {}, @@ -2484,21 +2474,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.125rem/1.3 'Inter'", - description: "H6", + $type: "typography", + $value: "500 1.125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.5}", letterSpacing: "{letter-spacing.6}" - }, - description: "H6" + } }, name: "--ds-typography-heading-2xs", attributes: {}, @@ -2509,13 +2497,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.875rem/1.7 'Inter'", + $type: "typography", + $value: "400 1.875rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2532,13 +2520,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.5rem/1.7 'Inter'", + $type: "typography", + $value: "400 1.5rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2555,13 +2543,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.7 'Inter'", + $type: "typography", + $value: "400 1.3125rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2578,13 +2566,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.7 'Inter'", + $type: "typography", + $value: "400 1.125rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2601,13 +2589,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.5 'Inter'", + $type: "typography", + $value: "400 1.3125rem/1.5 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.md}", @@ -2624,13 +2612,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.5 'Inter'", + $type: "typography", + $value: "400 1.125rem/1.5 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.md}", @@ -2647,13 +2635,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1rem/1.5 'Inter'", + $type: "typography", + $value: "400 1rem/1.5 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.md}", @@ -2670,13 +2658,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 0.875rem/1.5 'Inter'", + $type: "typography", + $value: "400 0.875rem/1.5 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.md}", @@ -2693,13 +2681,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.3 'Inter'", + $type: "typography", + $value: "400 1.3125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -2717,13 +2705,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.3 'Inter'", + $type: "typography", + $value: "400 1.125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -2741,13 +2729,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1rem/1.3 'Inter'", + $type: "typography", + $value: "400 1rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -2765,13 +2753,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 0.875rem/1.3 'Inter'", + $type: "typography", + $value: "400 0.875rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -2789,13 +2777,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.7 'Inter'", + $type: "typography", + $value: "400 1.3125rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2813,13 +2801,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.7 'Inter'", + $type: "typography", + $value: "400 1.125rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2837,13 +2825,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1rem/1.7 'Inter'", + $type: "typography", + $value: "400 1rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2861,13 +2849,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 0.875rem/1.7 'Inter'", + $type: "typography", + $value: "400 0.875rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2885,13 +2873,13 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.3125rem/1.3 'Inter'", + $type: "typography", + $value: "500 1.3125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2908,13 +2896,13 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.125rem/1.3 'Inter'", + $type: "typography", + $value: "500 1.125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2931,13 +2919,13 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1rem/1.3 'Inter'", + $type: "typography", + $value: "500 1rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2954,13 +2942,13 @@ export const typography = [ ] }, { - type: "typography", - value: "500 0.875rem/1.3 'Inter'", + $type: "typography", + $value: "500 0.875rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2977,13 +2965,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.3 'Inter'", + $type: "typography", + $value: "400 1.3125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -3000,13 +2988,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.3 'Inter'", + $type: "typography", + $value: "400 1.125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -3023,13 +3011,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1rem/1.3 'Inter'", + $type: "typography", + $value: "400 1rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -3046,13 +3034,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 0.875rem/1.3 'Inter'", + $type: "typography", + $value: "400 0.875rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -3072,13 +3060,13 @@ export const typography = [ export const opacity = [ { - type: "opacity", - value: "30%", + $type: "opacity", + $value: "30%", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "opacity", - value: "{opacity.30}" + $type: "opacity", + $value: "{opacity.30}" }, name: "--ds-disabled-opacity", attributes: {}, @@ -3091,13 +3079,13 @@ export const opacity = [ export const dimension = [ { - type: "dimension", - value: "0.125rem", + $type: "dimension", + $value: "0.125rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*0.5" + $type: "dimension", + $value: "{border-radius.base}*0.5" }, name: "--ds-border-radius-sm", attributes: {}, @@ -3107,13 +3095,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.25rem", + $type: "dimension", + $value: "0.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*1" + $type: "dimension", + $value: "{border-radius.base}*1" }, name: "--ds-border-radius-md", attributes: {}, @@ -3123,13 +3111,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.5rem", + $type: "dimension", + $value: "0.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*2" + $type: "dimension", + $value: "{border-radius.base}*2" }, name: "--ds-border-radius-lg", attributes: {}, @@ -3139,13 +3127,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.75rem", + $type: "dimension", + $value: "0.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*3" + $type: "dimension", + $value: "{border-radius.base}*3" }, name: "--ds-border-radius-xl", attributes: {}, @@ -3155,13 +3143,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1rem", + $type: "dimension", + $value: "1rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*4" + $type: "dimension", + $value: "{border-radius.base}*4" }, name: "--ds-border-radius-2xl", attributes: {}, @@ -3171,13 +3159,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.5rem", + $type: "dimension", + $value: "1.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*6" + $type: "dimension", + $value: "{border-radius.base}*6" }, name: "--ds-border-radius-3xl", attributes: {}, @@ -3187,13 +3175,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2rem", + $type: "dimension", + $value: "2rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*8" + $type: "dimension", + $value: "{border-radius.base}*8" }, name: "--ds-border-radius-4xl", attributes: {}, @@ -3203,13 +3191,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "624.9375rem", + $type: "dimension", + $value: "624.9375rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "9999" + $type: "dimension", + $value: "9999" }, name: "--ds-border-radius-full", attributes: {}, @@ -3219,13 +3207,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0rem", + $type: "dimension", + $value: "0rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*0" + $type: "dimension", + $value: "{spacing.base}*0" }, name: "--ds-spacing-0", attributes: {}, @@ -3235,13 +3223,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.25rem", + $type: "dimension", + $value: "0.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*1" + $type: "dimension", + $value: "{spacing.base}*1" }, name: "--ds-spacing-1", attributes: {}, @@ -3251,13 +3239,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.5rem", + $type: "dimension", + $value: "0.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*2" + $type: "dimension", + $value: "{spacing.base}*2" }, name: "--ds-spacing-2", attributes: {}, @@ -3267,13 +3255,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.75rem", + $type: "dimension", + $value: "0.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*3" + $type: "dimension", + $value: "{spacing.base}*3" }, name: "--ds-spacing-3", attributes: {}, @@ -3283,13 +3271,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1rem", + $type: "dimension", + $value: "1rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*4" + $type: "dimension", + $value: "{spacing.base}*4" }, name: "--ds-spacing-4", attributes: {}, @@ -3299,13 +3287,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.25rem", + $type: "dimension", + $value: "1.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*5" + $type: "dimension", + $value: "{spacing.base}*5" }, name: "--ds-spacing-5", attributes: {}, @@ -3315,13 +3303,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.5rem", + $type: "dimension", + $value: "1.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*6" + $type: "dimension", + $value: "{spacing.base}*6" }, name: "--ds-spacing-6", attributes: {}, @@ -3331,13 +3319,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.75rem", + $type: "dimension", + $value: "1.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*7" + $type: "dimension", + $value: "{spacing.base}*7" }, name: "--ds-spacing-7", attributes: {}, @@ -3347,13 +3335,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2rem", + $type: "dimension", + $value: "2rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*8" + $type: "dimension", + $value: "{spacing.base}*8" }, name: "--ds-spacing-8", attributes: {}, @@ -3363,13 +3351,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.25rem", + $type: "dimension", + $value: "2.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*9" + $type: "dimension", + $value: "{spacing.base}*9" }, name: "--ds-spacing-9", attributes: {}, @@ -3379,13 +3367,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.5rem", + $type: "dimension", + $value: "2.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*10" + $type: "dimension", + $value: "{spacing.base}*10" }, name: "--ds-spacing-10", attributes: {}, @@ -3395,13 +3383,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.75rem", + $type: "dimension", + $value: "2.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*11" + $type: "dimension", + $value: "{spacing.base}*11" }, name: "--ds-spacing-11", attributes: {}, @@ -3411,13 +3399,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3rem", + $type: "dimension", + $value: "3rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*12" + $type: "dimension", + $value: "{spacing.base}*12" }, name: "--ds-spacing-12", attributes: {}, @@ -3427,13 +3415,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.25rem", + $type: "dimension", + $value: "3.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*13" + $type: "dimension", + $value: "{spacing.base}*13" }, name: "--ds-spacing-13", attributes: {}, @@ -3443,13 +3431,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.5rem", + $type: "dimension", + $value: "3.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*14" + $type: "dimension", + $value: "{spacing.base}*14" }, name: "--ds-spacing-14", attributes: {}, @@ -3459,13 +3447,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.75rem", + $type: "dimension", + $value: "3.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*15" + $type: "dimension", + $value: "{spacing.base}*15" }, name: "--ds-spacing-15", attributes: {}, @@ -3475,13 +3463,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "4.5rem", + $type: "dimension", + $value: "4.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*18" + $type: "dimension", + $value: "{spacing.base}*18" }, name: "--ds-spacing-18", attributes: {}, @@ -3491,13 +3479,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "5.5rem", + $type: "dimension", + $value: "5.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*22" + $type: "dimension", + $value: "{spacing.base}*22" }, name: "--ds-spacing-22", attributes: {}, @@ -3507,13 +3495,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "6.5rem", + $type: "dimension", + $value: "6.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*26" + $type: "dimension", + $value: "{spacing.base}*26" }, name: "--ds-spacing-26", attributes: {}, @@ -3523,13 +3511,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "7.5rem", + $type: "dimension", + $value: "7.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*30" + $type: "dimension", + $value: "{spacing.base}*30" }, name: "--ds-spacing-30", attributes: {}, @@ -3539,13 +3527,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0rem", + $type: "dimension", + $value: "0rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*0" + $type: "dimension", + $value: "{sizing.base}*0" }, name: "--ds-sizing-0", attributes: {}, @@ -3555,13 +3543,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.25rem", + $type: "dimension", + $value: "0.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*1" + $type: "dimension", + $value: "{sizing.base}*1" }, name: "--ds-sizing-1", attributes: {}, @@ -3571,13 +3559,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.5rem", + $type: "dimension", + $value: "0.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*2" + $type: "dimension", + $value: "{sizing.base}*2" }, name: "--ds-sizing-2", attributes: {}, @@ -3587,13 +3575,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.75rem", + $type: "dimension", + $value: "0.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*3" + $type: "dimension", + $value: "{sizing.base}*3" }, name: "--ds-sizing-3", attributes: {}, @@ -3603,13 +3591,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1rem", + $type: "dimension", + $value: "1rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*4" + $type: "dimension", + $value: "{sizing.base}*4" }, name: "--ds-sizing-4", attributes: {}, @@ -3619,13 +3607,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.25rem", + $type: "dimension", + $value: "1.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*5" + $type: "dimension", + $value: "{sizing.base}*5" }, name: "--ds-sizing-5", attributes: {}, @@ -3635,13 +3623,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.5rem", + $type: "dimension", + $value: "1.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*6" + $type: "dimension", + $value: "{sizing.base}*6" }, name: "--ds-sizing-6", attributes: {}, @@ -3651,13 +3639,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.75rem", + $type: "dimension", + $value: "1.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*7" + $type: "dimension", + $value: "{sizing.base}*7" }, name: "--ds-sizing-7", attributes: {}, @@ -3667,13 +3655,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2rem", + $type: "dimension", + $value: "2rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*8" + $type: "dimension", + $value: "{sizing.base}*8" }, name: "--ds-sizing-8", attributes: {}, @@ -3683,13 +3671,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.25rem", + $type: "dimension", + $value: "2.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*9" + $type: "dimension", + $value: "{sizing.base}*9" }, name: "--ds-sizing-9", attributes: {}, @@ -3699,13 +3687,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.5rem", + $type: "dimension", + $value: "2.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*10" + $type: "dimension", + $value: "{sizing.base}*10" }, name: "--ds-sizing-10", attributes: {}, @@ -3715,13 +3703,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.75rem", + $type: "dimension", + $value: "2.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*11" + $type: "dimension", + $value: "{sizing.base}*11" }, name: "--ds-sizing-11", attributes: {}, @@ -3731,13 +3719,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3rem", + $type: "dimension", + $value: "3rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*12" + $type: "dimension", + $value: "{sizing.base}*12" }, name: "--ds-sizing-12", attributes: {}, @@ -3747,13 +3735,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.25rem", + $type: "dimension", + $value: "3.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*13" + $type: "dimension", + $value: "{sizing.base}*13" }, name: "--ds-sizing-13", attributes: {}, @@ -3763,13 +3751,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.5rem", + $type: "dimension", + $value: "3.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*14" + $type: "dimension", + $value: "{sizing.base}*14" }, name: "--ds-sizing-14", attributes: {}, @@ -3779,13 +3767,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.75rem", + $type: "dimension", + $value: "3.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*15" + $type: "dimension", + $value: "{sizing.base}*15" }, name: "--ds-sizing-15", attributes: {}, @@ -3795,13 +3783,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "4.5rem", + $type: "dimension", + $value: "4.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*18" + $type: "dimension", + $value: "{sizing.base}*18" }, name: "--ds-sizing-18", attributes: {}, @@ -3811,13 +3799,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "5.5rem", + $type: "dimension", + $value: "5.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*22" + $type: "dimension", + $value: "{sizing.base}*22" }, name: "--ds-sizing-22", attributes: {}, @@ -3827,13 +3815,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "6.5rem", + $type: "dimension", + $value: "6.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*26" + $type: "dimension", + $value: "{sizing.base}*26" }, name: "--ds-sizing-26", attributes: {}, @@ -3843,13 +3831,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "7.5rem", + $type: "dimension", + $value: "7.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*30" + $type: "dimension", + $value: "{sizing.base}*30" }, name: "--ds-sizing-30", attributes: {}, @@ -3862,13 +3850,13 @@ export const dimension = [ export const shadow = [ { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.12)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.12)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.100}" + $type: "shadow", + $value: "{shadow.100}" }, name: "--ds-shadow-xs", attributes: {}, @@ -3878,13 +3866,13 @@ export const shadow = [ ] }, { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.15), 0 1px 2px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.1)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.15), 0 1px 2px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.1)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.200}" + $type: "shadow", + $value: "{shadow.200}" }, name: "--ds-shadow-sm", attributes: {}, @@ -3894,13 +3882,13 @@ export const shadow = [ ] }, { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.14), 0 2px 4px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.12)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.14), 0 2px 4px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.12)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.300}" + $type: "shadow", + $value: "{shadow.300}" }, name: "--ds-shadow-md", attributes: {}, @@ -3910,13 +3898,13 @@ export const shadow = [ ] }, { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.13), 0 3px 5px 0 rgba(0,0,0,0.13), 0 6px 12px 0 rgba(0,0,0,0.14)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.13), 0 3px 5px 0 rgba(0,0,0,0.13), 0 6px 12px 0 rgba(0,0,0,0.14)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.400}" + $type: "shadow", + $value: "{shadow.400}" }, name: "--ds-shadow-lg", attributes: {}, @@ -3926,13 +3914,13 @@ export const shadow = [ ] }, { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.16), 0 12px 24px 0 rgba(0,0,0,0.16)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.16), 0 12px 24px 0 rgba(0,0,0,0.16)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.500}" + $type: "shadow", + $value: "{shadow.500}" }, name: "--ds-shadow-xl", attributes: {}, diff --git a/apps/storefront/tokens/uutilsynet/dark.ts b/apps/storefront/tokens/uutilsynet/dark.ts index 59db358821..34f7554f91 100644 --- a/apps/storefront/tokens/uutilsynet/dark.ts +++ b/apps/storefront/tokens/uutilsynet/dark.ts @@ -4,13 +4,13 @@ export const color = [ { - type: "color", - value: "#001c36", + $type: "color", + $value: "#001c36", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.1}" + $type: "color", + $value: "{color.accent.1}" }, name: "--ds-color-accent-background-default", attributes: {}, @@ -21,13 +21,13 @@ export const color = [ ] }, { - type: "color", - value: "#002545", + $type: "color", + $value: "#002545", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.2}" + $type: "color", + $value: "{color.accent.2}" }, name: "--ds-color-accent-background-subtle", attributes: {}, @@ -38,13 +38,13 @@ export const color = [ ] }, { - type: "color", - value: "#00315b", + $type: "color", + $value: "#00315b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.3}" + $type: "color", + $value: "{color.accent.3}" }, name: "--ds-color-accent-surface-default", attributes: {}, @@ -55,13 +55,13 @@ export const color = [ ] }, { - type: "color", - value: "#013f75", + $type: "color", + $value: "#013f75", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.4}" + $type: "color", + $value: "{color.accent.4}" }, name: "--ds-color-accent-surface-hover", attributes: {}, @@ -72,13 +72,13 @@ export const color = [ ] }, { - type: "color", - value: "#014b8e", + $type: "color", + $value: "#014b8e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.5}" + $type: "color", + $value: "{color.accent.5}" }, name: "--ds-color-accent-surface-active", attributes: {}, @@ -89,13 +89,13 @@ export const color = [ ] }, { - type: "color", - value: "#01539b", + $type: "color", + $value: "#01539b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.6}" + $type: "color", + $value: "{color.accent.6}" }, name: "--ds-color-accent-border-subtle", attributes: {}, @@ -106,13 +106,13 @@ export const color = [ ] }, { - type: "color", - value: "#1971c0", + $type: "color", + $value: "#1971c0", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.7}" + $type: "color", + $value: "{color.accent.7}" }, name: "--ds-color-accent-border-default", attributes: {}, @@ -123,13 +123,13 @@ export const color = [ ] }, { - type: "color", - value: "#9bc2e4", + $type: "color", + $value: "#9bc2e4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.8}" + $type: "color", + $value: "{color.accent.8}" }, name: "--ds-color-accent-border-strong", attributes: {}, @@ -140,13 +140,13 @@ export const color = [ ] }, { - type: "color", - value: "#4b90ce", + $type: "color", + $value: "#4b90ce", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.9}" + $type: "color", + $value: "{color.accent.9}" }, name: "--ds-color-accent-base-default", attributes: {}, @@ -157,13 +157,13 @@ export const color = [ ] }, { - type: "color", - value: "#277ac4", + $type: "color", + $value: "#277ac4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.10}" + $type: "color", + $value: "{color.accent.10}" }, name: "--ds-color-accent-base-hover", attributes: {}, @@ -174,13 +174,13 @@ export const color = [ ] }, { - type: "color", - value: "#0163ba", + $type: "color", + $value: "#0163ba", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.11}" + $type: "color", + $value: "{color.accent.11}" }, name: "--ds-color-accent-base-active", attributes: {}, @@ -191,13 +191,13 @@ export const color = [ ] }, { - type: "color", - value: "#72a8d9", + $type: "color", + $value: "#72a8d9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.12}" + $type: "color", + $value: "{color.accent.12}" }, name: "--ds-color-accent-text-subtle", attributes: {}, @@ -208,13 +208,13 @@ export const color = [ ] }, { - type: "color", - value: "#d1e3f3", + $type: "color", + $value: "#d1e3f3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.13}" + $type: "color", + $value: "{color.accent.13}" }, name: "--ds-color-accent-text-default", attributes: {}, @@ -225,13 +225,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.contrast-1}" + $type: "color", + $value: "{color.accent.contrast-1}" }, name: "--ds-color-accent-contrast-default", attributes: {}, @@ -242,13 +242,13 @@ export const color = [ ] }, { - type: "color", - value: "#0d1823", + $type: "color", + $value: "#0d1823", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.contrast-2}" + $type: "color", + $value: "{color.accent.contrast-2}" }, name: "--ds-color-accent-contrast-subtle", attributes: {}, @@ -259,13 +259,13 @@ export const color = [ ] }, { - type: "color", - value: "#131c27", + $type: "color", + $value: "#131c27", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.1}" + $type: "color", + $value: "{color.neutral.1}" }, name: "--ds-color-neutral-background-default", attributes: {}, @@ -276,13 +276,13 @@ export const color = [ ] }, { - type: "color", - value: "#192433", + $type: "color", + $value: "#192433", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.2}" + $type: "color", + $value: "{color.neutral.2}" }, name: "--ds-color-neutral-background-subtle", attributes: {}, @@ -293,13 +293,13 @@ export const color = [ ] }, { - type: "color", - value: "#243142", + $type: "color", + $value: "#243142", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.3}" + $type: "color", + $value: "{color.neutral.3}" }, name: "--ds-color-neutral-surface-default", attributes: {}, @@ -310,13 +310,13 @@ export const color = [ ] }, { - type: "color", - value: "#333e4e", + $type: "color", + $value: "#333e4e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.4}" + $type: "color", + $value: "{color.neutral.4}" }, name: "--ds-color-neutral-surface-hover", attributes: {}, @@ -327,13 +327,13 @@ export const color = [ ] }, { - type: "color", - value: "#424d5b", + $type: "color", + $value: "#424d5b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.5}" + $type: "color", + $value: "{color.neutral.5}" }, name: "--ds-color-neutral-surface-active", attributes: {}, @@ -344,13 +344,13 @@ export const color = [ ] }, { - type: "color", - value: "#495361", + $type: "color", + $value: "#495361", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.6}" + $type: "color", + $value: "{color.neutral.6}" }, name: "--ds-color-neutral-border-subtle", attributes: {}, @@ -361,13 +361,13 @@ export const color = [ ] }, { - type: "color", - value: "#67707c", + $type: "color", + $value: "#67707c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.7}" + $type: "color", + $value: "{color.neutral.7}" }, name: "--ds-color-neutral-border-default", attributes: {}, @@ -378,13 +378,13 @@ export const color = [ ] }, { - type: "color", - value: "#bbbfc4", + $type: "color", + $value: "#bbbfc4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.8}" + $type: "color", + $value: "{color.neutral.8}" }, name: "--ds-color-neutral-border-strong", attributes: {}, @@ -395,13 +395,13 @@ export const color = [ ] }, { - type: "color", - value: "#a6abb2", + $type: "color", + $value: "#a6abb2", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.9}" + $type: "color", + $value: "{color.neutral.9}" }, name: "--ds-color-neutral-base-default", attributes: {}, @@ -412,13 +412,13 @@ export const color = [ ] }, { - type: "color", - value: "#90969e", + $type: "color", + $value: "#90969e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.10}" + $type: "color", + $value: "{color.neutral.10}" }, name: "--ds-color-neutral-base-hover", attributes: {}, @@ -429,13 +429,13 @@ export const color = [ ] }, { - type: "color", - value: "#7a818c", + $type: "color", + $value: "#7a818c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.11}" + $type: "color", + $value: "{color.neutral.11}" }, name: "--ds-color-neutral-base-active", attributes: {}, @@ -446,13 +446,13 @@ export const color = [ ] }, { - type: "color", - value: "#9ea3ab", + $type: "color", + $value: "#9ea3ab", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.12}" + $type: "color", + $value: "{color.neutral.12}" }, name: "--ds-color-neutral-text-subtle", attributes: {}, @@ -463,13 +463,13 @@ export const color = [ ] }, { - type: "color", - value: "#e1e3e5", + $type: "color", + $value: "#e1e3e5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.13}" + $type: "color", + $value: "{color.neutral.13}" }, name: "--ds-color-neutral-text-default", attributes: {}, @@ -480,13 +480,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.contrast-1}" + $type: "color", + $value: "{color.neutral.contrast-1}" }, name: "--ds-color-neutral-contrast-default", attributes: {}, @@ -497,13 +497,13 @@ export const color = [ ] }, { - type: "color", - value: "#1b1b1d", + $type: "color", + $value: "#1b1b1d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.contrast-2}" + $type: "color", + $value: "{color.neutral.contrast-2}" }, name: "--ds-color-neutral-contrast-subtle", attributes: {}, @@ -514,13 +514,13 @@ export const color = [ ] }, { - type: "color", - value: "#171835", + $type: "color", + $value: "#171835", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.1}" + $type: "color", + $value: "{color.brand1.1}" }, name: "--ds-color-brand1-background-default", attributes: {}, @@ -531,13 +531,13 @@ export const color = [ ] }, { - type: "color", - value: "#1e1f45", + $type: "color", + $value: "#1e1f45", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.2}" + $type: "color", + $value: "{color.brand1.2}" }, name: "--ds-color-brand1-background-subtle", attributes: {}, @@ -548,13 +548,13 @@ export const color = [ ] }, { - type: "color", - value: "#292b5e", + $type: "color", + $value: "#292b5e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.3}" + $type: "color", + $value: "{color.brand1.3}" }, name: "--ds-color-brand1-surface-default", attributes: {}, @@ -565,13 +565,13 @@ export const color = [ ] }, { - type: "color", - value: "#343677", + $type: "color", + $value: "#343677", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.4}" + $type: "color", + $value: "{color.brand1.4}" }, name: "--ds-color-brand1-surface-hover", attributes: {}, @@ -582,13 +582,13 @@ export const color = [ ] }, { - type: "color", - value: "#3f4391", + $type: "color", + $value: "#3f4391", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.5}" + $type: "color", + $value: "{color.brand1.5}" }, name: "--ds-color-brand1-surface-active", attributes: {}, @@ -599,13 +599,13 @@ export const color = [ ] }, { - type: "color", - value: "#45499f", + $type: "color", + $value: "#45499f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.6}" + $type: "color", + $value: "{color.brand1.6}" }, name: "--ds-color-brand1-border-subtle", attributes: {}, @@ -616,13 +616,13 @@ export const color = [ ] }, { - type: "color", - value: "#5e63d2", + $type: "color", + $value: "#5e63d2", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.7}" + $type: "color", + $value: "{color.brand1.7}" }, name: "--ds-color-brand1-border-default", attributes: {}, @@ -633,13 +633,13 @@ export const color = [ ] }, { - type: "color", - value: "#b8baeb", + $type: "color", + $value: "#b8baeb", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.8}" + $type: "color", + $value: "{color.brand1.8}" }, name: "--ds-color-brand1-border-strong", attributes: {}, @@ -650,13 +650,13 @@ export const color = [ ] }, { - type: "color", - value: "#7377d8", + $type: "color", + $value: "#7377d8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.9}" + $type: "color", + $value: "{color.brand1.9}" }, name: "--ds-color-brand1-base-default", attributes: {}, @@ -667,13 +667,13 @@ export const color = [ ] }, { - type: "color", - value: "#5b60d1", + $type: "color", + $value: "#5b60d1", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.10}" + $type: "color", + $value: "{color.brand1.10}" }, name: "--ds-color-brand1-base-hover", attributes: {}, @@ -684,13 +684,13 @@ export const color = [ ] }, { - type: "color", - value: "#4b4fad", + $type: "color", + $value: "#4b4fad", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.11}" + $type: "color", + $value: "{color.brand1.11}" }, name: "--ds-color-brand1-base-active", attributes: {}, @@ -701,13 +701,13 @@ export const color = [ ] }, { - type: "color", - value: "#999de3", + $type: "color", + $value: "#999de3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.12}" + $type: "color", + $value: "{color.brand1.12}" }, name: "--ds-color-brand1-text-subtle", attributes: {}, @@ -718,13 +718,13 @@ export const color = [ ] }, { - type: "color", - value: "#dfe0f6", + $type: "color", + $value: "#dfe0f6", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.13}" + $type: "color", + $value: "{color.brand1.13}" }, name: "--ds-color-brand1-text-default", attributes: {}, @@ -735,13 +735,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.contrast-1}" + $type: "color", + $value: "{color.brand1.contrast-1}" }, name: "--ds-color-brand1-contrast-default", attributes: {}, @@ -752,13 +752,13 @@ export const color = [ ] }, { - type: "color", - value: "#0d0d18", + $type: "color", + $value: "#0d0d18", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.contrast-2}" + $type: "color", + $value: "{color.brand1.contrast-2}" }, name: "--ds-color-brand1-contrast-subtle", attributes: {}, @@ -769,13 +769,13 @@ export const color = [ ] }, { - type: "color", - value: "#25190f", + $type: "color", + $value: "#25190f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.1}" + $type: "color", + $value: "{color.brand2.1}" }, name: "--ds-color-brand2-background-default", attributes: {}, @@ -786,13 +786,13 @@ export const color = [ ] }, { - type: "color", - value: "#312014", + $type: "color", + $value: "#312014", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.2}" + $type: "color", + $value: "{color.brand2.2}" }, name: "--ds-color-brand2-background-subtle", attributes: {}, @@ -803,13 +803,13 @@ export const color = [ ] }, { - type: "color", - value: "#422b1b", + $type: "color", + $value: "#422b1b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.3}" + $type: "color", + $value: "{color.brand2.3}" }, name: "--ds-color-brand2-surface-default", attributes: {}, @@ -820,13 +820,13 @@ export const color = [ ] }, { - type: "color", - value: "#543823", + $type: "color", + $value: "#543823", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.4}" + $type: "color", + $value: "{color.brand2.4}" }, name: "--ds-color-brand2-surface-hover", attributes: {}, @@ -837,13 +837,13 @@ export const color = [ ] }, { - type: "color", - value: "#67442a", + $type: "color", + $value: "#67442a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.5}" + $type: "color", + $value: "{color.brand2.5}" }, name: "--ds-color-brand2-surface-active", attributes: {}, @@ -854,13 +854,13 @@ export const color = [ ] }, { - type: "color", - value: "#704a2e", + $type: "color", + $value: "#704a2e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.6}" + $type: "color", + $value: "{color.brand2.6}" }, name: "--ds-color-brand2-border-subtle", attributes: {}, @@ -871,13 +871,13 @@ export const color = [ ] }, { - type: "color", - value: "#97643f", + $type: "color", + $value: "#97643f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.7}" + $type: "color", + $value: "{color.brand2.7}" }, name: "--ds-color-brand2-border-default", attributes: {}, @@ -888,13 +888,13 @@ export const color = [ ] }, { - type: "color", - value: "#feab70", + $type: "color", + $value: "#feab70", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.8}" + $type: "color", + $value: "{color.brand2.8}" }, name: "--ds-color-brand2-border-strong", attributes: {}, @@ -905,13 +905,13 @@ export const color = [ ] }, { - type: "color", - value: "#4e3420", + $type: "color", + $value: "#4e3420", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.9}" + $type: "color", + $value: "{color.brand2.9}" }, name: "--ds-color-brand2-base-default", attributes: {}, @@ -922,13 +922,13 @@ export const color = [ ] }, { - type: "color", - value: "#67442a", + $type: "color", + $value: "#67442a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.10}" + $type: "color", + $value: "{color.brand2.10}" }, name: "--ds-color-brand2-base-hover", attributes: {}, @@ -939,13 +939,13 @@ export const color = [ ] }, { - type: "color", - value: "#815535", + $type: "color", + $value: "#815535", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.11}" + $type: "color", + $value: "{color.brand2.11}" }, name: "--ds-color-brand2-base-active", attributes: {}, @@ -956,13 +956,13 @@ export const color = [ ] }, { - type: "color", - value: "#dd915b", + $type: "color", + $value: "#dd915b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.12}" + $type: "color", + $value: "{color.brand2.12}" }, name: "--ds-color-brand2-text-subtle", attributes: {}, @@ -973,13 +973,13 @@ export const color = [ ] }, { - type: "color", - value: "#ffdac0", + $type: "color", + $value: "#ffdac0", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.13}" + $type: "color", + $value: "{color.brand2.13}" }, name: "--ds-color-brand2-text-default", attributes: {}, @@ -990,13 +990,13 @@ export const color = [ ] }, { - type: "color", - value: "#ffffff", + $type: "color", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.contrast-1}" + $type: "color", + $value: "{color.brand2.contrast-1}" }, name: "--ds-color-brand2-contrast-default", attributes: {}, @@ -1007,13 +1007,13 @@ export const color = [ ] }, { - type: "color", - value: "#d6d0cb", + $type: "color", + $value: "#d6d0cb", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.contrast-2}" + $type: "color", + $value: "{color.brand2.contrast-2}" }, name: "--ds-color-brand2-contrast-subtle", attributes: {}, @@ -1024,13 +1024,13 @@ export const color = [ ] }, { - type: "color", - value: "#121e1b", + $type: "color", + $value: "#121e1b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.1}" + $type: "color", + $value: "{color.brand3.1}" }, name: "--ds-color-brand3-background-default", attributes: {}, @@ -1041,13 +1041,13 @@ export const color = [ ] }, { - type: "color", - value: "#162622", + $type: "color", + $value: "#162622", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.2}" + $type: "color", + $value: "{color.brand3.2}" }, name: "--ds-color-brand3-background-subtle", attributes: {}, @@ -1058,13 +1058,13 @@ export const color = [ ] }, { - type: "color", - value: "#1e342f", + $type: "color", + $value: "#1e342f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.3}" + $type: "color", + $value: "{color.brand3.3}" }, name: "--ds-color-brand3-surface-default", attributes: {}, @@ -1075,13 +1075,13 @@ export const color = [ ] }, { - type: "color", - value: "#26423b", + $type: "color", + $value: "#26423b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.4}" + $type: "color", + $value: "{color.brand3.4}" }, name: "--ds-color-brand3-surface-hover", attributes: {}, @@ -1092,13 +1092,13 @@ export const color = [ ] }, { - type: "color", - value: "#2f5148", + $type: "color", + $value: "#2f5148", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.5}" + $type: "color", + $value: "{color.brand3.5}" }, name: "--ds-color-brand3-surface-active", attributes: {}, @@ -1109,13 +1109,13 @@ export const color = [ ] }, { - type: "color", - value: "#335a50", + $type: "color", + $value: "#335a50", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.6}" + $type: "color", + $value: "{color.brand3.6}" }, name: "--ds-color-brand3-border-subtle", attributes: {}, @@ -1126,13 +1126,13 @@ export const color = [ ] }, { - type: "color", - value: "#45786b", + $type: "color", + $value: "#45786b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.7}" + $type: "color", + $value: "{color.brand3.7}" }, name: "--ds-color-brand3-border-default", attributes: {}, @@ -1143,13 +1143,13 @@ export const color = [ ] }, { - type: "color", - value: "#9cc6bb", + $type: "color", + $value: "#9cc6bb", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.8}" + $type: "color", + $value: "{color.brand3.8}" }, name: "--ds-color-brand3-border-strong", attributes: {}, @@ -1160,13 +1160,13 @@ export const color = [ ] }, { - type: "color", - value: "#376056", + $type: "color", + $value: "#376056", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.9}" + $type: "color", + $value: "{color.brand3.9}" }, name: "--ds-color-brand3-base-default", attributes: {}, @@ -1177,13 +1177,13 @@ export const color = [ ] }, { - type: "color", - value: "#2c4c44", + $type: "color", + $value: "#2c4c44", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.10}" + $type: "color", + $value: "{color.brand3.10}" }, name: "--ds-color-brand3-base-hover", attributes: {}, @@ -1194,13 +1194,13 @@ export const color = [ ] }, { - type: "color", - value: "#213933", + $type: "color", + $value: "#213933", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.11}" + $type: "color", + $value: "{color.brand3.11}" }, name: "--ds-color-brand3-base-active", attributes: {}, @@ -1211,13 +1211,13 @@ export const color = [ ] }, { - type: "color", - value: "#73ae9f", + $type: "color", + $value: "#73ae9f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.12}" + $type: "color", + $value: "{color.brand3.12}" }, name: "--ds-color-brand3-text-subtle", attributes: {}, @@ -1228,13 +1228,13 @@ export const color = [ ] }, { - type: "color", - value: "#d3e6e1", + $type: "color", + $value: "#d3e6e1", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.13}" + $type: "color", + $value: "{color.brand3.13}" }, name: "--ds-color-brand3-text-default", attributes: {}, @@ -1245,13 +1245,13 @@ export const color = [ ] }, { - type: "color", - value: "#ffffff", + $type: "color", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.contrast-1}" + $type: "color", + $value: "{color.brand3.contrast-1}" }, name: "--ds-color-brand3-contrast-default", attributes: {}, @@ -1262,13 +1262,13 @@ export const color = [ ] }, { - type: "color", - value: "#f9fafa", + $type: "color", + $value: "#f9fafa", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.contrast-2}" + $type: "color", + $value: "{color.brand3.contrast-2}" }, name: "--ds-color-brand3-contrast-subtle", attributes: {}, @@ -1279,13 +1279,13 @@ export const color = [ ] }, { - type: "color", - value: "#022106", + $type: "color", + $value: "#022106", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.1}" + $type: "color", + $value: "{global.green.1}" }, name: "--ds-color-success-background-default", attributes: {}, @@ -1296,13 +1296,13 @@ export const color = [ ] }, { - type: "color", - value: "#022b08", + $type: "color", + $value: "#022b08", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.2}" + $type: "color", + $value: "{global.green.2}" }, name: "--ds-color-success-background-subtle", attributes: {}, @@ -1313,13 +1313,13 @@ export const color = [ ] }, { - type: "color", - value: "#03380a", + $type: "color", + $value: "#03380a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.3}" + $type: "color", + $value: "{global.green.3}" }, name: "--ds-color-success-surface-default", attributes: {}, @@ -1330,13 +1330,13 @@ export const color = [ ] }, { - type: "color", - value: "#04480d", + $type: "color", + $value: "#04480d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.4}" + $type: "color", + $value: "{global.green.4}" }, name: "--ds-color-success-surface-hover", attributes: {}, @@ -1347,13 +1347,13 @@ export const color = [ ] }, { - type: "color", - value: "#045810", + $type: "color", + $value: "#045810", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.5}" + $type: "color", + $value: "{global.green.5}" }, name: "--ds-color-success-surface-active", attributes: {}, @@ -1364,13 +1364,13 @@ export const color = [ ] }, { - type: "color", - value: "#056011", + $type: "color", + $value: "#056011", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.6}" + $type: "color", + $value: "{global.green.6}" }, name: "--ds-color-success-border-subtle", attributes: {}, @@ -1381,13 +1381,13 @@ export const color = [ ] }, { - type: "color", - value: "#068117", + $type: "color", + $value: "#068117", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.7}" + $type: "color", + $value: "{global.green.7}" }, name: "--ds-color-success-border-default", attributes: {}, @@ -1398,13 +1398,13 @@ export const color = [ ] }, { - type: "color", - value: "#90cc98", + $type: "color", + $value: "#90cc98", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.8}" + $type: "color", + $value: "{global.green.8}" }, name: "--ds-color-success-border-strong", attributes: {}, @@ -1415,13 +1415,13 @@ export const color = [ ] }, { - type: "color", - value: "#078818", + $type: "color", + $value: "#078818", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.9}" + $type: "color", + $value: "{global.green.9}" }, name: "--ds-color-success-base-default", attributes: {}, @@ -1432,13 +1432,13 @@ export const color = [ ] }, { - type: "color", - value: "#067114", + $type: "color", + $value: "#067114", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.10}" + $type: "color", + $value: "{global.green.10}" }, name: "--ds-color-success-base-hover", attributes: {}, @@ -1449,13 +1449,13 @@ export const color = [ ] }, { - type: "color", - value: "#045a10", + $type: "color", + $value: "#045a10", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.11}" + $type: "color", + $value: "{global.green.11}" }, name: "--ds-color-success-base-active", attributes: {}, @@ -1466,13 +1466,13 @@ export const color = [ ] }, { - type: "color", - value: "#5fb56b", + $type: "color", + $value: "#5fb56b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.12}" + $type: "color", + $value: "{global.green.12}" }, name: "--ds-color-success-text-subtle", attributes: {}, @@ -1483,13 +1483,13 @@ export const color = [ ] }, { - type: "color", - value: "#cfe9d3", + $type: "color", + $value: "#cfe9d3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.13}" + $type: "color", + $value: "{global.green.13}" }, name: "--ds-color-success-text-default", attributes: {}, @@ -1500,13 +1500,13 @@ export const color = [ ] }, { - type: "color", - value: "#ffffff", + $type: "color", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.contrast-1}" + $type: "color", + $value: "{global.green.contrast-1}" }, name: "--ds-color-success-contrast-default", attributes: {}, @@ -1517,13 +1517,13 @@ export const color = [ ] }, { - type: "color", - value: "#f9fcf9", + $type: "color", + $value: "#f9fcf9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.contrast-2}" + $type: "color", + $value: "{global.green.contrast-2}" }, name: "--ds-color-success-contrast-subtle", attributes: {}, @@ -1534,13 +1534,13 @@ export const color = [ ] }, { - type: "color", - value: "#3b0808", + $type: "color", + $value: "#3b0808", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.1}" + $type: "color", + $value: "{global.red.1}" }, name: "--ds-color-danger-background-default", attributes: {}, @@ -1551,13 +1551,13 @@ export const color = [ ] }, { - type: "color", - value: "#4b0a0a", + $type: "color", + $value: "#4b0a0a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.2}" + $type: "color", + $value: "{global.red.2}" }, name: "--ds-color-danger-background-subtle", attributes: {}, @@ -1568,13 +1568,13 @@ export const color = [ ] }, { - type: "color", - value: "#620e0e", + $type: "color", + $value: "#620e0e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.3}" + $type: "color", + $value: "{global.red.3}" }, name: "--ds-color-danger-surface-default", attributes: {}, @@ -1585,13 +1585,13 @@ export const color = [ ] }, { - type: "color", - value: "#7c1212", + $type: "color", + $value: "#7c1212", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.4}" + $type: "color", + $value: "{global.red.4}" }, name: "--ds-color-danger-surface-hover", attributes: {}, @@ -1602,13 +1602,13 @@ export const color = [ ] }, { - type: "color", - value: "#961515", + $type: "color", + $value: "#961515", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.5}" + $type: "color", + $value: "{global.red.5}" }, name: "--ds-color-danger-surface-active", attributes: {}, @@ -1619,13 +1619,13 @@ export const color = [ ] }, { - type: "color", - value: "#a31717", + $type: "color", + $value: "#a31717", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.6}" + $type: "color", + $value: "{global.red.6}" }, name: "--ds-color-danger-border-subtle", attributes: {}, @@ -1636,13 +1636,13 @@ export const color = [ ] }, { - type: "color", - value: "#c93c3c", + $type: "color", + $value: "#c93c3c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.7}" + $type: "color", + $value: "{global.red.7}" }, name: "--ds-color-danger-border-default", attributes: {}, @@ -1653,13 +1653,13 @@ export const color = [ ] }, { - type: "color", - value: "#e9b0b0", + $type: "color", + $value: "#e9b0b0", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.8}" + $type: "color", + $value: "{global.red.8}" }, name: "--ds-color-danger-border-strong", attributes: {}, @@ -1670,13 +1670,13 @@ export const color = [ ] }, { - type: "color", - value: "#d76e6e", + $type: "color", + $value: "#d76e6e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.9}" + $type: "color", + $value: "{global.red.9}" }, name: "--ds-color-danger-base-default", attributes: {}, @@ -1687,13 +1687,13 @@ export const color = [ ] }, { - type: "color", - value: "#ce4e4e", + $type: "color", + $value: "#ce4e4e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.10}" + $type: "color", + $value: "{global.red.10}" }, name: "--ds-color-danger-base-hover", attributes: {}, @@ -1704,13 +1704,13 @@ export const color = [ ] }, { - type: "color", - value: "#c32727", + $type: "color", + $value: "#c32727", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.11}" + $type: "color", + $value: "{global.red.11}" }, name: "--ds-color-danger-base-active", attributes: {}, @@ -1721,13 +1721,13 @@ export const color = [ ] }, { - type: "color", - value: "#df8d8d", + $type: "color", + $value: "#df8d8d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.12}" + $type: "color", + $value: "{global.red.12}" }, name: "--ds-color-danger-text-subtle", attributes: {}, @@ -1738,13 +1738,13 @@ export const color = [ ] }, { - type: "color", - value: "#f5dcdc", + $type: "color", + $value: "#f5dcdc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.13}" + $type: "color", + $value: "{global.red.13}" }, name: "--ds-color-danger-text-default", attributes: {}, @@ -1755,13 +1755,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.contrast-1}" + $type: "color", + $value: "{global.red.contrast-1}" }, name: "--ds-color-danger-contrast-default", attributes: {}, @@ -1772,13 +1772,13 @@ export const color = [ ] }, { - type: "color", - value: "#271414", + $type: "color", + $value: "#271414", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.contrast-2}" + $type: "color", + $value: "{global.red.contrast-2}" }, name: "--ds-color-danger-contrast-subtle", attributes: {}, @@ -1789,13 +1789,13 @@ export const color = [ ] }, { - type: "color", - value: "#031d30", + $type: "color", + $value: "#031d30", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.1}" + $type: "color", + $value: "{global.blue.1}" }, name: "--ds-color-info-background-default", attributes: {}, @@ -1806,13 +1806,13 @@ export const color = [ ] }, { - type: "color", - value: "#032540", + $type: "color", + $value: "#032540", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.2}" + $type: "color", + $value: "{global.blue.2}" }, name: "--ds-color-info-background-subtle", attributes: {}, @@ -1823,13 +1823,13 @@ export const color = [ ] }, { - type: "color", - value: "#043256", + $type: "color", + $value: "#043256", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.3}" + $type: "color", + $value: "{global.blue.3}" }, name: "--ds-color-info-surface-default", attributes: {}, @@ -1840,13 +1840,13 @@ export const color = [ ] }, { - type: "color", - value: "#063f6c", + $type: "color", + $value: "#063f6c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.4}" + $type: "color", + $value: "{global.blue.4}" }, name: "--ds-color-info-surface-hover", attributes: {}, @@ -1857,13 +1857,13 @@ export const color = [ ] }, { - type: "color", - value: "#074d84", + $type: "color", + $value: "#074d84", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.5}" + $type: "color", + $value: "{global.blue.5}" }, name: "--ds-color-info-surface-active", attributes: {}, @@ -1874,13 +1874,13 @@ export const color = [ ] }, { - type: "color", - value: "#075490", + $type: "color", + $value: "#075490", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.6}" + $type: "color", + $value: "{global.blue.6}" }, name: "--ds-color-info-border-subtle", attributes: {}, @@ -1891,13 +1891,13 @@ export const color = [ ] }, { - type: "color", - value: "#0c72c1", + $type: "color", + $value: "#0c72c1", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.7}" + $type: "color", + $value: "{global.blue.7}" }, name: "--ds-color-info-border-default", attributes: {}, @@ -1908,13 +1908,13 @@ export const color = [ ] }, { - type: "color", - value: "#98c3e5", + $type: "color", + $value: "#98c3e5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.8}" + $type: "color", + $value: "{global.blue.8}" }, name: "--ds-color-info-border-strong", attributes: {}, @@ -1925,13 +1925,13 @@ export const color = [ ] }, { - type: "color", - value: "#2a84c8", + $type: "color", + $value: "#2a84c8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.9}" + $type: "color", + $value: "{global.blue.9}" }, name: "--ds-color-info-base-default", attributes: {}, @@ -1942,13 +1942,13 @@ export const color = [ ] }, { - type: "color", - value: "#0a6dba", + $type: "color", + $value: "#0a6dba", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.10}" + $type: "color", + $value: "{global.blue.10}" }, name: "--ds-color-info-base-hover", attributes: {}, @@ -1959,13 +1959,13 @@ export const color = [ ] }, { - type: "color", - value: "#085998", + $type: "color", + $value: "#085998", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.11}" + $type: "color", + $value: "{global.blue.11}" }, name: "--ds-color-info-base-active", attributes: {}, @@ -1976,13 +1976,13 @@ export const color = [ ] }, { - type: "color", - value: "#6ba9d9", + $type: "color", + $value: "#6ba9d9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.12}" + $type: "color", + $value: "{global.blue.12}" }, name: "--ds-color-info-text-subtle", attributes: {}, @@ -1993,13 +1993,13 @@ export const color = [ ] }, { - type: "color", - value: "#d3e5f4", + $type: "color", + $value: "#d3e5f4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.13}" + $type: "color", + $value: "{global.blue.13}" }, name: "--ds-color-info-text-default", attributes: {}, @@ -2010,13 +2010,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.contrast-1}" + $type: "color", + $value: "{global.blue.contrast-1}" }, name: "--ds-color-info-contrast-default", attributes: {}, @@ -2027,13 +2027,13 @@ export const color = [ ] }, { - type: "color", - value: "#040c13", + $type: "color", + $value: "#040c13", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.contrast-2}" + $type: "color", + $value: "{global.blue.contrast-2}" }, name: "--ds-color-info-contrast-subtle", attributes: {}, @@ -2044,13 +2044,13 @@ export const color = [ ] }, { - type: "color", - value: "#221b06", + $type: "color", + $value: "#221b06", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.1}" + $type: "color", + $value: "{global.yellow.1}" }, name: "--ds-color-warning-background-default", attributes: {}, @@ -2061,13 +2061,13 @@ export const color = [ ] }, { - type: "color", - value: "#2b2307", + $type: "color", + $value: "#2b2307", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.2}" + $type: "color", + $value: "{global.yellow.2}" }, name: "--ds-color-warning-background-subtle", attributes: {}, @@ -2078,13 +2078,13 @@ export const color = [ ] }, { - type: "color", - value: "#3a300a", + $type: "color", + $value: "#3a300a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.3}" + $type: "color", + $value: "{global.yellow.3}" }, name: "--ds-color-warning-surface-default", attributes: {}, @@ -2095,13 +2095,13 @@ export const color = [ ] }, { - type: "color", - value: "#4a3d0d", + $type: "color", + $value: "#4a3d0d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.4}" + $type: "color", + $value: "{global.yellow.4}" }, name: "--ds-color-warning-surface-hover", attributes: {}, @@ -2112,13 +2112,13 @@ export const color = [ ] }, { - type: "color", - value: "#5a4a0f", + $type: "color", + $value: "#5a4a0f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.5}" + $type: "color", + $value: "{global.yellow.5}" }, name: "--ds-color-warning-surface-active", attributes: {}, @@ -2129,13 +2129,13 @@ export const color = [ ] }, { - type: "color", - value: "#635011", + $type: "color", + $value: "#635011", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.6}" + $type: "color", + $value: "{global.yellow.6}" }, name: "--ds-color-warning-border-subtle", attributes: {}, @@ -2146,13 +2146,13 @@ export const color = [ ] }, { - type: "color", - value: "#856d17", + $type: "color", + $value: "#856d17", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.7}" + $type: "color", + $value: "{global.yellow.7}" }, name: "--ds-color-warning-border-default", attributes: {}, @@ -2163,13 +2163,13 @@ export const color = [ ] }, { - type: "color", - value: "#e4ba27", + $type: "color", + $value: "#e4ba27", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.8}" + $type: "color", + $value: "{global.yellow.8}" }, name: "--ds-color-warning-border-strong", attributes: {}, @@ -2180,13 +2180,13 @@ export const color = [ ] }, { - type: "color", - value: "#ba541e", + $type: "color", + $value: "#ba541e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.9}" + $type: "color", + $value: "{global.orange.9}" }, name: "--ds-color-warning-base-default", attributes: {}, @@ -2197,13 +2197,13 @@ export const color = [ ] }, { - type: "color", - value: "#994619", + $type: "color", + $value: "#994619", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.10}" + $type: "color", + $value: "{global.orange.10}" }, name: "--ds-color-warning-base-hover", attributes: {}, @@ -2214,13 +2214,13 @@ export const color = [ ] }, { - type: "color", - value: "#7a3814", + $type: "color", + $value: "#7a3814", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.11}" + $type: "color", + $value: "{global.orange.11}" }, name: "--ds-color-warning-base-active", attributes: {}, @@ -2231,13 +2231,13 @@ export const color = [ ] }, { - type: "color", - value: "#db9169", + $type: "color", + $value: "#db9169", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.12}" + $type: "color", + $value: "{global.orange.12}" }, name: "--ds-color-warning-text-subtle", attributes: {}, @@ -2248,13 +2248,13 @@ export const color = [ ] }, { - type: "color", - value: "#f4ddd0", + $type: "color", + $value: "#f4ddd0", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.13}" + $type: "color", + $value: "{global.orange.13}" }, name: "--ds-color-warning-text-default", attributes: {}, @@ -2265,13 +2265,13 @@ export const color = [ ] }, { - type: "color", - value: "#ffffff", + $type: "color", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.contrast-1}" + $type: "color", + $value: "{global.yellow.contrast-1}" }, name: "--ds-color-warning-contrast-default", attributes: {}, @@ -2282,13 +2282,13 @@ export const color = [ ] }, { - type: "color", - value: "#ccc9bf", + $type: "color", + $value: "#ccc9bf", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.contrast-2}" + $type: "color", + $value: "{global.yellow.contrast-2}" }, name: "--ds-color-warning-contrast-subtle", attributes: {}, @@ -2299,13 +2299,13 @@ export const color = [ ] }, { - type: "color", - value: "#131c27", + $type: "color", + $value: "#131c27", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.background-default}" + $type: "color", + $value: "{color.neutral.background-default}" }, name: "--ds-color-focus-inner", attributes: {}, @@ -2316,13 +2316,13 @@ export const color = [ ] }, { - type: "color", - value: "#d1e3f3", + $type: "color", + $value: "#d1e3f3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.text-default}" + $type: "color", + $value: "{color.accent.text-default}" }, name: "--ds-color-focus-outer", attributes: {}, @@ -2336,13 +2336,13 @@ export const color = [ export const typography = [ { - type: "typography", - value: "500 3.75rem/1.3 'Inter'", + $type: "typography", + $value: "500 3.75rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2359,21 +2359,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 3rem/1.3 'Inter'", - description: "H1", + $type: "typography", + $value: "500 3rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.10}", letterSpacing: "{letter-spacing.1}" - }, - description: "H1" + } }, name: "--ds-typography-heading-xl", attributes: {}, @@ -2384,21 +2382,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 2.25rem/1.3 'Inter'", - description: "H2", + $type: "typography", + $value: "500 2.25rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.9}", letterSpacing: "{letter-spacing.2}" - }, - description: "H2" + } }, name: "--ds-typography-heading-lg", attributes: {}, @@ -2409,21 +2405,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.875rem/1.3 'Inter'", - description: "H3", + $type: "typography", + $value: "500 1.875rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.8}", letterSpacing: "{letter-spacing.3}" - }, - description: "H3" + } }, name: "--ds-typography-heading-md", attributes: {}, @@ -2434,21 +2428,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.5rem/1.3 'Inter'", - description: "H4", + $type: "typography", + $value: "500 1.5rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.7}", letterSpacing: "{letter-spacing.5}" - }, - description: "H4" + } }, name: "--ds-typography-heading-sm", attributes: {}, @@ -2459,21 +2451,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.3125rem/1.3 'Inter'", - description: "H5", + $type: "typography", + $value: "500 1.3125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.6}", letterSpacing: "{letter-spacing.6}" - }, - description: "H5" + } }, name: "--ds-typography-heading-xs", attributes: {}, @@ -2484,21 +2474,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.125rem/1.3 'Inter'", - description: "H6", + $type: "typography", + $value: "500 1.125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.5}", letterSpacing: "{letter-spacing.6}" - }, - description: "H6" + } }, name: "--ds-typography-heading-2xs", attributes: {}, @@ -2509,13 +2497,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.875rem/1.7 'Inter'", + $type: "typography", + $value: "400 1.875rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2532,13 +2520,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.5rem/1.7 'Inter'", + $type: "typography", + $value: "400 1.5rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2555,13 +2543,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.7 'Inter'", + $type: "typography", + $value: "400 1.3125rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2578,13 +2566,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.7 'Inter'", + $type: "typography", + $value: "400 1.125rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2601,13 +2589,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.5 'Inter'", + $type: "typography", + $value: "400 1.3125rem/1.5 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.md}", @@ -2624,13 +2612,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.5 'Inter'", + $type: "typography", + $value: "400 1.125rem/1.5 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.md}", @@ -2647,13 +2635,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1rem/1.5 'Inter'", + $type: "typography", + $value: "400 1rem/1.5 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.md}", @@ -2670,13 +2658,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 0.875rem/1.5 'Inter'", + $type: "typography", + $value: "400 0.875rem/1.5 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.md}", @@ -2693,13 +2681,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.3 'Inter'", + $type: "typography", + $value: "400 1.3125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -2717,13 +2705,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.3 'Inter'", + $type: "typography", + $value: "400 1.125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -2741,13 +2729,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1rem/1.3 'Inter'", + $type: "typography", + $value: "400 1rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -2765,13 +2753,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 0.875rem/1.3 'Inter'", + $type: "typography", + $value: "400 0.875rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -2789,13 +2777,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.7 'Inter'", + $type: "typography", + $value: "400 1.3125rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2813,13 +2801,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.7 'Inter'", + $type: "typography", + $value: "400 1.125rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2837,13 +2825,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1rem/1.7 'Inter'", + $type: "typography", + $value: "400 1rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2861,13 +2849,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 0.875rem/1.7 'Inter'", + $type: "typography", + $value: "400 0.875rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2885,13 +2873,13 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.3125rem/1.3 'Inter'", + $type: "typography", + $value: "500 1.3125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2908,13 +2896,13 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.125rem/1.3 'Inter'", + $type: "typography", + $value: "500 1.125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2931,13 +2919,13 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1rem/1.3 'Inter'", + $type: "typography", + $value: "500 1rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2954,13 +2942,13 @@ export const typography = [ ] }, { - type: "typography", - value: "500 0.875rem/1.3 'Inter'", + $type: "typography", + $value: "500 0.875rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2977,13 +2965,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.3 'Inter'", + $type: "typography", + $value: "400 1.3125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -3000,13 +2988,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.3 'Inter'", + $type: "typography", + $value: "400 1.125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -3023,13 +3011,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1rem/1.3 'Inter'", + $type: "typography", + $value: "400 1rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -3046,13 +3034,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 0.875rem/1.3 'Inter'", + $type: "typography", + $value: "400 0.875rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -3072,13 +3060,13 @@ export const typography = [ export const opacity = [ { - type: "opacity", - value: "30%", + $type: "opacity", + $value: "30%", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "opacity", - value: "{opacity.30}" + $type: "opacity", + $value: "{opacity.30}" }, name: "--ds-disabled-opacity", attributes: {}, @@ -3091,13 +3079,13 @@ export const opacity = [ export const dimension = [ { - type: "dimension", - value: "0.125rem", + $type: "dimension", + $value: "0.125rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*0.5" + $type: "dimension", + $value: "{border-radius.base}*0.5" }, name: "--ds-border-radius-sm", attributes: {}, @@ -3107,13 +3095,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.25rem", + $type: "dimension", + $value: "0.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*1" + $type: "dimension", + $value: "{border-radius.base}*1" }, name: "--ds-border-radius-md", attributes: {}, @@ -3123,13 +3111,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.5rem", + $type: "dimension", + $value: "0.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*2" + $type: "dimension", + $value: "{border-radius.base}*2" }, name: "--ds-border-radius-lg", attributes: {}, @@ -3139,13 +3127,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.75rem", + $type: "dimension", + $value: "0.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*3" + $type: "dimension", + $value: "{border-radius.base}*3" }, name: "--ds-border-radius-xl", attributes: {}, @@ -3155,13 +3143,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1rem", + $type: "dimension", + $value: "1rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*4" + $type: "dimension", + $value: "{border-radius.base}*4" }, name: "--ds-border-radius-2xl", attributes: {}, @@ -3171,13 +3159,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.5rem", + $type: "dimension", + $value: "1.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*6" + $type: "dimension", + $value: "{border-radius.base}*6" }, name: "--ds-border-radius-3xl", attributes: {}, @@ -3187,13 +3175,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2rem", + $type: "dimension", + $value: "2rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*8" + $type: "dimension", + $value: "{border-radius.base}*8" }, name: "--ds-border-radius-4xl", attributes: {}, @@ -3203,13 +3191,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "624.9375rem", + $type: "dimension", + $value: "624.9375rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "9999" + $type: "dimension", + $value: "9999" }, name: "--ds-border-radius-full", attributes: {}, @@ -3219,13 +3207,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0rem", + $type: "dimension", + $value: "0rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*0" + $type: "dimension", + $value: "{spacing.base}*0" }, name: "--ds-spacing-0", attributes: {}, @@ -3235,13 +3223,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.25rem", + $type: "dimension", + $value: "0.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*1" + $type: "dimension", + $value: "{spacing.base}*1" }, name: "--ds-spacing-1", attributes: {}, @@ -3251,13 +3239,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.5rem", + $type: "dimension", + $value: "0.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*2" + $type: "dimension", + $value: "{spacing.base}*2" }, name: "--ds-spacing-2", attributes: {}, @@ -3267,13 +3255,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.75rem", + $type: "dimension", + $value: "0.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*3" + $type: "dimension", + $value: "{spacing.base}*3" }, name: "--ds-spacing-3", attributes: {}, @@ -3283,13 +3271,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1rem", + $type: "dimension", + $value: "1rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*4" + $type: "dimension", + $value: "{spacing.base}*4" }, name: "--ds-spacing-4", attributes: {}, @@ -3299,13 +3287,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.25rem", + $type: "dimension", + $value: "1.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*5" + $type: "dimension", + $value: "{spacing.base}*5" }, name: "--ds-spacing-5", attributes: {}, @@ -3315,13 +3303,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.5rem", + $type: "dimension", + $value: "1.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*6" + $type: "dimension", + $value: "{spacing.base}*6" }, name: "--ds-spacing-6", attributes: {}, @@ -3331,13 +3319,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.75rem", + $type: "dimension", + $value: "1.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*7" + $type: "dimension", + $value: "{spacing.base}*7" }, name: "--ds-spacing-7", attributes: {}, @@ -3347,13 +3335,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2rem", + $type: "dimension", + $value: "2rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*8" + $type: "dimension", + $value: "{spacing.base}*8" }, name: "--ds-spacing-8", attributes: {}, @@ -3363,13 +3351,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.25rem", + $type: "dimension", + $value: "2.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*9" + $type: "dimension", + $value: "{spacing.base}*9" }, name: "--ds-spacing-9", attributes: {}, @@ -3379,13 +3367,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.5rem", + $type: "dimension", + $value: "2.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*10" + $type: "dimension", + $value: "{spacing.base}*10" }, name: "--ds-spacing-10", attributes: {}, @@ -3395,13 +3383,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.75rem", + $type: "dimension", + $value: "2.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*11" + $type: "dimension", + $value: "{spacing.base}*11" }, name: "--ds-spacing-11", attributes: {}, @@ -3411,13 +3399,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3rem", + $type: "dimension", + $value: "3rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*12" + $type: "dimension", + $value: "{spacing.base}*12" }, name: "--ds-spacing-12", attributes: {}, @@ -3427,13 +3415,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.25rem", + $type: "dimension", + $value: "3.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*13" + $type: "dimension", + $value: "{spacing.base}*13" }, name: "--ds-spacing-13", attributes: {}, @@ -3443,13 +3431,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.5rem", + $type: "dimension", + $value: "3.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*14" + $type: "dimension", + $value: "{spacing.base}*14" }, name: "--ds-spacing-14", attributes: {}, @@ -3459,13 +3447,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.75rem", + $type: "dimension", + $value: "3.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*15" + $type: "dimension", + $value: "{spacing.base}*15" }, name: "--ds-spacing-15", attributes: {}, @@ -3475,13 +3463,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "4.5rem", + $type: "dimension", + $value: "4.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*18" + $type: "dimension", + $value: "{spacing.base}*18" }, name: "--ds-spacing-18", attributes: {}, @@ -3491,13 +3479,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "5.5rem", + $type: "dimension", + $value: "5.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*22" + $type: "dimension", + $value: "{spacing.base}*22" }, name: "--ds-spacing-22", attributes: {}, @@ -3507,13 +3495,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "6.5rem", + $type: "dimension", + $value: "6.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*26" + $type: "dimension", + $value: "{spacing.base}*26" }, name: "--ds-spacing-26", attributes: {}, @@ -3523,13 +3511,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "7.5rem", + $type: "dimension", + $value: "7.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*30" + $type: "dimension", + $value: "{spacing.base}*30" }, name: "--ds-spacing-30", attributes: {}, @@ -3539,13 +3527,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0rem", + $type: "dimension", + $value: "0rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*0" + $type: "dimension", + $value: "{sizing.base}*0" }, name: "--ds-sizing-0", attributes: {}, @@ -3555,13 +3543,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.25rem", + $type: "dimension", + $value: "0.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*1" + $type: "dimension", + $value: "{sizing.base}*1" }, name: "--ds-sizing-1", attributes: {}, @@ -3571,13 +3559,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.5rem", + $type: "dimension", + $value: "0.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*2" + $type: "dimension", + $value: "{sizing.base}*2" }, name: "--ds-sizing-2", attributes: {}, @@ -3587,13 +3575,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.75rem", + $type: "dimension", + $value: "0.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*3" + $type: "dimension", + $value: "{sizing.base}*3" }, name: "--ds-sizing-3", attributes: {}, @@ -3603,13 +3591,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1rem", + $type: "dimension", + $value: "1rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*4" + $type: "dimension", + $value: "{sizing.base}*4" }, name: "--ds-sizing-4", attributes: {}, @@ -3619,13 +3607,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.25rem", + $type: "dimension", + $value: "1.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*5" + $type: "dimension", + $value: "{sizing.base}*5" }, name: "--ds-sizing-5", attributes: {}, @@ -3635,13 +3623,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.5rem", + $type: "dimension", + $value: "1.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*6" + $type: "dimension", + $value: "{sizing.base}*6" }, name: "--ds-sizing-6", attributes: {}, @@ -3651,13 +3639,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.75rem", + $type: "dimension", + $value: "1.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*7" + $type: "dimension", + $value: "{sizing.base}*7" }, name: "--ds-sizing-7", attributes: {}, @@ -3667,13 +3655,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2rem", + $type: "dimension", + $value: "2rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*8" + $type: "dimension", + $value: "{sizing.base}*8" }, name: "--ds-sizing-8", attributes: {}, @@ -3683,13 +3671,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.25rem", + $type: "dimension", + $value: "2.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*9" + $type: "dimension", + $value: "{sizing.base}*9" }, name: "--ds-sizing-9", attributes: {}, @@ -3699,13 +3687,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.5rem", + $type: "dimension", + $value: "2.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*10" + $type: "dimension", + $value: "{sizing.base}*10" }, name: "--ds-sizing-10", attributes: {}, @@ -3715,13 +3703,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.75rem", + $type: "dimension", + $value: "2.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*11" + $type: "dimension", + $value: "{sizing.base}*11" }, name: "--ds-sizing-11", attributes: {}, @@ -3731,13 +3719,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3rem", + $type: "dimension", + $value: "3rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*12" + $type: "dimension", + $value: "{sizing.base}*12" }, name: "--ds-sizing-12", attributes: {}, @@ -3747,13 +3735,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.25rem", + $type: "dimension", + $value: "3.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*13" + $type: "dimension", + $value: "{sizing.base}*13" }, name: "--ds-sizing-13", attributes: {}, @@ -3763,13 +3751,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.5rem", + $type: "dimension", + $value: "3.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*14" + $type: "dimension", + $value: "{sizing.base}*14" }, name: "--ds-sizing-14", attributes: {}, @@ -3779,13 +3767,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.75rem", + $type: "dimension", + $value: "3.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*15" + $type: "dimension", + $value: "{sizing.base}*15" }, name: "--ds-sizing-15", attributes: {}, @@ -3795,13 +3783,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "4.5rem", + $type: "dimension", + $value: "4.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*18" + $type: "dimension", + $value: "{sizing.base}*18" }, name: "--ds-sizing-18", attributes: {}, @@ -3811,13 +3799,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "5.5rem", + $type: "dimension", + $value: "5.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*22" + $type: "dimension", + $value: "{sizing.base}*22" }, name: "--ds-sizing-22", attributes: {}, @@ -3827,13 +3815,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "6.5rem", + $type: "dimension", + $value: "6.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*26" + $type: "dimension", + $value: "{sizing.base}*26" }, name: "--ds-sizing-26", attributes: {}, @@ -3843,13 +3831,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "7.5rem", + $type: "dimension", + $value: "7.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*30" + $type: "dimension", + $value: "{sizing.base}*30" }, name: "--ds-sizing-30", attributes: {}, @@ -3862,13 +3850,13 @@ export const dimension = [ export const shadow = [ { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.12)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.12)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.100}" + $type: "shadow", + $value: "{shadow.100}" }, name: "--ds-shadow-xs", attributes: {}, @@ -3878,13 +3866,13 @@ export const shadow = [ ] }, { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.15), 0 1px 2px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.1)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.15), 0 1px 2px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.1)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.200}" + $type: "shadow", + $value: "{shadow.200}" }, name: "--ds-shadow-sm", attributes: {}, @@ -3894,13 +3882,13 @@ export const shadow = [ ] }, { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.14), 0 2px 4px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.12)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.14), 0 2px 4px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.12)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.300}" + $type: "shadow", + $value: "{shadow.300}" }, name: "--ds-shadow-md", attributes: {}, @@ -3910,13 +3898,13 @@ export const shadow = [ ] }, { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.13), 0 3px 5px 0 rgba(0,0,0,0.13), 0 6px 12px 0 rgba(0,0,0,0.14)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.13), 0 3px 5px 0 rgba(0,0,0,0.13), 0 6px 12px 0 rgba(0,0,0,0.14)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.400}" + $type: "shadow", + $value: "{shadow.400}" }, name: "--ds-shadow-lg", attributes: {}, @@ -3926,13 +3914,13 @@ export const shadow = [ ] }, { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.16), 0 12px 24px 0 rgba(0,0,0,0.16)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.16), 0 12px 24px 0 rgba(0,0,0,0.16)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.500}" + $type: "shadow", + $value: "{shadow.500}" }, name: "--ds-shadow-xl", attributes: {}, diff --git a/apps/storefront/tokens/uutilsynet/light.ts b/apps/storefront/tokens/uutilsynet/light.ts index e7943f21e1..8363728534 100644 --- a/apps/storefront/tokens/uutilsynet/light.ts +++ b/apps/storefront/tokens/uutilsynet/light.ts @@ -4,13 +4,13 @@ export const color = [ { - type: "color", - value: "#fefeff", + $type: "color", + $value: "#fefeff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.1}" + $type: "color", + $value: "{color.accent.1}" }, name: "--ds-color-accent-background-default", attributes: {}, @@ -21,13 +21,13 @@ export const color = [ ] }, { - type: "color", - value: "#eef4fa", + $type: "color", + $value: "#eef4fa", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.2}" + $type: "color", + $value: "{color.accent.2}" }, name: "--ds-color-accent-background-subtle", attributes: {}, @@ -38,13 +38,13 @@ export const color = [ ] }, { - type: "color", - value: "#d1e3f3", + $type: "color", + $value: "#d1e3f3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.3}" + $type: "color", + $value: "{color.accent.3}" }, name: "--ds-color-accent-surface-default", attributes: {}, @@ -55,13 +55,13 @@ export const color = [ ] }, { - type: "color", - value: "#bad5ec", + $type: "color", + $value: "#bad5ec", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.4}" + $type: "color", + $value: "{color.accent.4}" }, name: "--ds-color-accent-surface-hover", attributes: {}, @@ -72,13 +72,13 @@ export const color = [ ] }, { - type: "color", - value: "#a1c5e5", + $type: "color", + $value: "#a1c5e5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.5}" + $type: "color", + $value: "{color.accent.5}" }, name: "--ds-color-accent-surface-active", attributes: {}, @@ -89,13 +89,13 @@ export const color = [ ] }, { - type: "color", - value: "#97bfe3", + $type: "color", + $value: "#97bfe3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.6}" + $type: "color", + $value: "{color.accent.6}" }, name: "--ds-color-accent-border-subtle", attributes: {}, @@ -106,13 +106,13 @@ export const color = [ ] }, { - type: "color", - value: "#3885c9", + $type: "color", + $value: "#3885c9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.7}" + $type: "color", + $value: "{color.accent.7}" }, name: "--ds-color-accent-border-default", attributes: {}, @@ -123,13 +123,13 @@ export const color = [ ] }, { - type: "color", - value: "#014e93", + $type: "color", + $value: "#014e93", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.8}" + $type: "color", + $value: "{color.accent.8}" }, name: "--ds-color-accent-border-strong", attributes: {}, @@ -140,13 +140,13 @@ export const color = [ ] }, { - type: "color", - value: "#0163ba", + $type: "color", + $value: "#0163ba", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.9}" + $type: "color", + $value: "{color.accent.9}" }, name: "--ds-color-accent-base-default", attributes: {}, @@ -157,13 +157,13 @@ export const color = [ ] }, { - type: "color", - value: "#015097", + $type: "color", + $value: "#015097", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.10}" + $type: "color", + $value: "{color.accent.10}" }, name: "--ds-color-accent-base-hover", attributes: {}, @@ -174,13 +174,13 @@ export const color = [ ] }, { - type: "color", - value: "#013f75", + $type: "color", + $value: "#013f75", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.11}" + $type: "color", + $value: "{color.accent.11}" }, name: "--ds-color-accent-base-active", attributes: {}, @@ -191,13 +191,13 @@ export const color = [ ] }, { - type: "color", - value: "#0163ba", + $type: "color", + $value: "#0163ba", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.12}" + $type: "color", + $value: "{color.accent.12}" }, name: "--ds-color-accent-text-subtle", attributes: {}, @@ -208,13 +208,13 @@ export const color = [ ] }, { - type: "color", - value: "#002d54", + $type: "color", + $value: "#002d54", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.13}" + $type: "color", + $value: "{color.accent.13}" }, name: "--ds-color-accent-text-default", attributes: {}, @@ -225,13 +225,13 @@ export const color = [ ] }, { - type: "color", - value: "#ffffff", + $type: "color", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.contrast-1}" + $type: "color", + $value: "{color.accent.contrast-1}" }, name: "--ds-color-accent-contrast-default", attributes: {}, @@ -242,13 +242,13 @@ export const color = [ ] }, { - type: "color", - value: "#dbe9f5", + $type: "color", + $value: "#dbe9f5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.contrast-2}" + $type: "color", + $value: "{color.accent.contrast-2}" }, name: "--ds-color-accent-contrast-subtle", attributes: {}, @@ -259,13 +259,13 @@ export const color = [ ] }, { - type: "color", - value: "#fefefe", + $type: "color", + $value: "#fefefe", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.1}" + $type: "color", + $value: "{color.neutral.1}" }, name: "--ds-color-neutral-background-default", attributes: {}, @@ -276,13 +276,13 @@ export const color = [ ] }, { - type: "color", - value: "#f3f4f5", + $type: "color", + $value: "#f3f4f5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.2}" + $type: "color", + $value: "{color.neutral.2}" }, name: "--ds-color-neutral-background-subtle", attributes: {}, @@ -293,13 +293,13 @@ export const color = [ ] }, { - type: "color", - value: "#e1e3e5", + $type: "color", + $value: "#e1e3e5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.3}" + $type: "color", + $value: "{color.neutral.3}" }, name: "--ds-color-neutral-surface-default", attributes: {}, @@ -310,13 +310,13 @@ export const color = [ ] }, { - type: "color", - value: "#ced1d4", + $type: "color", + $value: "#ced1d4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.4}" + $type: "color", + $value: "{color.neutral.4}" }, name: "--ds-color-neutral-surface-hover", attributes: {}, @@ -327,13 +327,13 @@ export const color = [ ] }, { - type: "color", - value: "#bdc1c6", + $type: "color", + $value: "#bdc1c6", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.5}" + $type: "color", + $value: "{color.neutral.5}" }, name: "--ds-color-neutral-surface-active", attributes: {}, @@ -344,13 +344,13 @@ export const color = [ ] }, { - type: "color", - value: "#b8bcc1", + $type: "color", + $value: "#b8bcc1", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.6}" + $type: "color", + $value: "{color.neutral.6}" }, name: "--ds-color-neutral-border-subtle", attributes: {}, @@ -361,13 +361,13 @@ export const color = [ ] }, { - type: "color", - value: "#7a818c", + $type: "color", + $value: "#7a818c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.7}" + $type: "color", + $value: "{color.neutral.7}" }, name: "--ds-color-neutral-border-default", attributes: {}, @@ -378,13 +378,13 @@ export const color = [ ] }, { - type: "color", - value: "#444e5d", + $type: "color", + $value: "#444e5d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.8}" + $type: "color", + $value: "{color.neutral.8}" }, name: "--ds-color-neutral-border-strong", attributes: {}, @@ -395,13 +395,13 @@ export const color = [ ] }, { - type: "color", - value: "#1e2b3c", + $type: "color", + $value: "#1e2b3c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.9}" + $type: "color", + $value: "{color.neutral.9}" }, name: "--ds-color-neutral-base-default", attributes: {}, @@ -412,13 +412,13 @@ export const color = [ ] }, { - type: "color", - value: "#303c4b", + $type: "color", + $value: "#303c4b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.10}" + $type: "color", + $value: "{color.neutral.10}" }, name: "--ds-color-neutral-base-hover", attributes: {}, @@ -429,13 +429,13 @@ export const color = [ ] }, { - type: "color", - value: "#444e5d", + $type: "color", + $value: "#444e5d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.11}" + $type: "color", + $value: "{color.neutral.11}" }, name: "--ds-color-neutral-base-active", attributes: {}, @@ -446,13 +446,13 @@ export const color = [ ] }, { - type: "color", - value: "#5b6471", + $type: "color", + $value: "#5b6471", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.12}" + $type: "color", + $value: "{color.neutral.12}" }, name: "--ds-color-neutral-text-subtle", attributes: {}, @@ -463,13 +463,13 @@ export const color = [ ] }, { - type: "color", - value: "#202c3d", + $type: "color", + $value: "#202c3d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.13}" + $type: "color", + $value: "{color.neutral.13}" }, name: "--ds-color-neutral-text-default", attributes: {}, @@ -480,13 +480,13 @@ export const color = [ ] }, { - type: "color", - value: "#ffffff", + $type: "color", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.contrast-1}" + $type: "color", + $value: "{color.neutral.contrast-1}" }, name: "--ds-color-neutral-contrast-default", attributes: {}, @@ -497,13 +497,13 @@ export const color = [ ] }, { - type: "color", - value: "#bbbfc4", + $type: "color", + $value: "#bbbfc4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.contrast-2}" + $type: "color", + $value: "{color.neutral.contrast-2}" }, name: "--ds-color-neutral-contrast-subtle", attributes: {}, @@ -514,13 +514,13 @@ export const color = [ ] }, { - type: "color", - value: "#fefeff", + $type: "color", + $value: "#fefeff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.1}" + $type: "color", + $value: "{color.brand1.1}" }, name: "--ds-color-brand1-background-default", attributes: {}, @@ -531,13 +531,13 @@ export const color = [ ] }, { - type: "color", - value: "#f3f4fc", + $type: "color", + $value: "#f3f4fc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.2}" + $type: "color", + $value: "{color.brand1.2}" }, name: "--ds-color-brand1-background-subtle", attributes: {}, @@ -548,13 +548,13 @@ export const color = [ ] }, { - type: "color", - value: "#dfe0f6", + $type: "color", + $value: "#dfe0f6", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.3}" + $type: "color", + $value: "{color.brand1.3}" }, name: "--ds-color-brand1-surface-default", attributes: {}, @@ -565,13 +565,13 @@ export const color = [ ] }, { - type: "color", - value: "#cecff1", + $type: "color", + $value: "#cecff1", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.4}" + $type: "color", + $value: "{color.brand1.4}" }, name: "--ds-color-brand1-surface-hover", attributes: {}, @@ -582,13 +582,13 @@ export const color = [ ] }, { - type: "color", - value: "#bbbdec", + $type: "color", + $value: "#bbbdec", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.5}" + $type: "color", + $value: "{color.brand1.5}" }, name: "--ds-color-brand1-surface-active", attributes: {}, @@ -599,13 +599,13 @@ export const color = [ ] }, { - type: "color", - value: "#b5b7ea", + $type: "color", + $value: "#b5b7ea", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.6}" + $type: "color", + $value: "{color.brand1.6}" }, name: "--ds-color-brand1-border-subtle", attributes: {}, @@ -616,13 +616,13 @@ export const color = [ ] }, { - type: "color", - value: "#7377d8", + $type: "color", + $value: "#7377d8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.7}" + $type: "color", + $value: "{color.brand1.7}" }, name: "--ds-color-brand1-border-default", attributes: {}, @@ -633,13 +633,13 @@ export const color = [ ] }, { - type: "color", - value: "#414595", + $type: "color", + $value: "#414595", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.8}" + $type: "color", + $value: "{color.brand1.8}" }, name: "--ds-color-brand1-border-strong", attributes: {}, @@ -650,13 +650,13 @@ export const color = [ ] }, { - type: "color", - value: "#5b60d1", + $type: "color", + $value: "#5b60d1", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.9}" + $type: "color", + $value: "{color.brand1.9}" }, name: "--ds-color-brand1-base-default", attributes: {}, @@ -667,13 +667,13 @@ export const color = [ ] }, { - type: "color", - value: "#4b4fad", + $type: "color", + $value: "#4b4fad", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.10}" + $type: "color", + $value: "{color.brand1.10}" }, name: "--ds-color-brand1-base-hover", attributes: {}, @@ -684,13 +684,13 @@ export const color = [ ] }, { - type: "color", - value: "#3b3e88", + $type: "color", + $value: "#3b3e88", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.11}" + $type: "color", + $value: "{color.brand1.11}" }, name: "--ds-color-brand1-base-active", attributes: {}, @@ -701,13 +701,13 @@ export const color = [ ] }, { - type: "color", - value: "#5357be", + $type: "color", + $value: "#5357be", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.12}" + $type: "color", + $value: "{color.brand1.12}" }, name: "--ds-color-brand1-text-subtle", attributes: {}, @@ -718,13 +718,13 @@ export const color = [ ] }, { - type: "color", - value: "#252756", + $type: "color", + $value: "#252756", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.13}" + $type: "color", + $value: "{color.brand1.13}" }, name: "--ds-color-brand1-text-default", attributes: {}, @@ -735,13 +735,13 @@ export const color = [ ] }, { - type: "color", - value: "#ffffff", + $type: "color", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.contrast-1}" + $type: "color", + $value: "{color.brand1.contrast-1}" }, name: "--ds-color-brand1-contrast-default", attributes: {}, @@ -752,13 +752,13 @@ export const color = [ ] }, { - type: "color", - value: "#f3f4fc", + $type: "color", + $value: "#f3f4fc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand1.contrast-2}" + $type: "color", + $value: "{color.brand1.contrast-2}" }, name: "--ds-color-brand1-contrast-subtle", attributes: {}, @@ -769,13 +769,13 @@ export const color = [ ] }, { - type: "color", - value: "#fffdfb", + $type: "color", + $value: "#fffdfb", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.1}" + $type: "color", + $value: "{color.brand2.1}" }, name: "--ds-color-brand2-background-default", attributes: {}, @@ -786,13 +786,13 @@ export const color = [ ] }, { - type: "color", - value: "#fff1e7", + $type: "color", + $value: "#fff1e7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.2}" + $type: "color", + $value: "{color.brand2.2}" }, name: "--ds-color-brand2-background-subtle", attributes: {}, @@ -803,13 +803,13 @@ export const color = [ ] }, { - type: "color", - value: "#ffdac0", + $type: "color", + $value: "#ffdac0", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.3}" + $type: "color", + $value: "{color.brand2.3}" }, name: "--ds-color-brand2-surface-default", attributes: {}, @@ -820,13 +820,13 @@ export const color = [ ] }, { - type: "color", - value: "#fec59c", + $type: "color", + $value: "#fec59c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.4}" + $type: "color", + $value: "{color.brand2.4}" }, name: "--ds-color-brand2-surface-hover", attributes: {}, @@ -837,13 +837,13 @@ export const color = [ ] }, { - type: "color", - value: "#feb078", + $type: "color", + $value: "#feb078", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.5}" + $type: "color", + $value: "{color.brand2.5}" }, name: "--ds-color-brand2-surface-active", attributes: {}, @@ -854,13 +854,13 @@ export const color = [ ] }, { - type: "color", - value: "#fea769", + $type: "color", + $value: "#fea769", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.6}" + $type: "color", + $value: "{color.brand2.6}" }, name: "--ds-color-brand2-border-subtle", attributes: {}, @@ -871,13 +871,13 @@ export const color = [ ] }, { - type: "color", - value: "#b07349", + $type: "color", + $value: "#b07349", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.7}" + $type: "color", + $value: "{color.brand2.7}" }, name: "--ds-color-brand2-border-default", attributes: {}, @@ -888,13 +888,13 @@ export const color = [ ] }, { - type: "color", - value: "#6a452c", + $type: "color", + $value: "#6a452c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.8}" + $type: "color", + $value: "{color.brand2.8}" }, name: "--ds-color-brand2-border-strong", attributes: {}, @@ -905,13 +905,13 @@ export const color = [ ] }, { - type: "color", - value: "#fea769", + $type: "color", + $value: "#fea769", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.9}" + $type: "color", + $value: "{color.brand2.9}" }, name: "--ds-color-brand2-base-default", attributes: {}, @@ -922,13 +922,13 @@ export const color = [ ] }, { - type: "color", - value: "#e0945d", + $type: "color", + $value: "#e0945d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.10}" + $type: "color", + $value: "{color.brand2.10}" }, name: "--ds-color-brand2-base-hover", attributes: {}, @@ -939,13 +939,13 @@ export const color = [ ] }, { - type: "color", - value: "#c48151", + $type: "color", + $value: "#c48151", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.11}" + $type: "color", + $value: "{color.brand2.11}" }, name: "--ds-color-brand2-base-active", attributes: {}, @@ -956,13 +956,13 @@ export const color = [ ] }, { - type: "color", - value: "#875838", + $type: "color", + $value: "#875838", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.12}" + $type: "color", + $value: "{color.brand2.12}" }, name: "--ds-color-brand2-text-subtle", attributes: {}, @@ -973,13 +973,13 @@ export const color = [ ] }, { - type: "color", - value: "#3c2719", + $type: "color", + $value: "#3c2719", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.13}" + $type: "color", + $value: "{color.brand2.13}" }, name: "--ds-color-brand2-text-default", attributes: {}, @@ -990,13 +990,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.contrast-1}" + $type: "color", + $value: "{color.brand2.contrast-1}" }, name: "--ds-color-brand2-contrast-default", attributes: {}, @@ -1007,13 +1007,13 @@ export const color = [ ] }, { - type: "color", - value: "#362316", + $type: "color", + $value: "#362316", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand2.contrast-2}" + $type: "color", + $value: "{color.brand2.contrast-2}" }, name: "--ds-color-brand2-contrast-subtle", attributes: {}, @@ -1024,13 +1024,13 @@ export const color = [ ] }, { - type: "color", - value: "#fcfefd", + $type: "color", + $value: "#fcfefd", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.1}" + $type: "color", + $value: "{color.brand3.1}" }, name: "--ds-color-brand3-background-default", attributes: {}, @@ -1041,13 +1041,13 @@ export const color = [ ] }, { - type: "color", - value: "#edf5f3", + $type: "color", + $value: "#edf5f3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.2}" + $type: "color", + $value: "{color.brand3.2}" }, name: "--ds-color-brand3-background-subtle", attributes: {}, @@ -1058,13 +1058,13 @@ export const color = [ ] }, { - type: "color", - value: "#d3e6e1", + $type: "color", + $value: "#d3e6e1", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.3}" + $type: "color", + $value: "{color.brand3.3}" }, name: "--ds-color-brand3-surface-default", attributes: {}, @@ -1075,13 +1075,13 @@ export const color = [ ] }, { - type: "color", - value: "#bad7cf", + $type: "color", + $value: "#bad7cf", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.4}" + $type: "color", + $value: "{color.brand3.4}" }, name: "--ds-color-brand3-surface-hover", attributes: {}, @@ -1092,13 +1092,13 @@ export const color = [ ] }, { - type: "color", - value: "#a1c9bf", + $type: "color", + $value: "#a1c9bf", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.5}" + $type: "color", + $value: "{color.brand3.5}" }, name: "--ds-color-brand3-surface-active", attributes: {}, @@ -1109,13 +1109,13 @@ export const color = [ ] }, { - type: "color", - value: "#98c4b9", + $type: "color", + $value: "#98c4b9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.6}" + $type: "color", + $value: "{color.brand3.6}" }, name: "--ds-color-brand3-border-subtle", attributes: {}, @@ -1126,13 +1126,13 @@ export const color = [ ] }, { - type: "color", - value: "#508c7c", + $type: "color", + $value: "#508c7c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.7}" + $type: "color", + $value: "{color.brand3.7}" }, name: "--ds-color-brand3-border-default", attributes: {}, @@ -1143,13 +1143,13 @@ export const color = [ ] }, { - type: "color", - value: "#31544b", + $type: "color", + $value: "#31544b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.8}" + $type: "color", + $value: "{color.brand3.8}" }, name: "--ds-color-brand3-border-strong", attributes: {}, @@ -1160,13 +1160,13 @@ export const color = [ ] }, { - type: "color", - value: "#5da290", + $type: "color", + $value: "#5da290", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.9}" + $type: "color", + $value: "{color.brand3.9}" }, name: "--ds-color-brand3-base-default", attributes: {}, @@ -1177,13 +1177,13 @@ export const color = [ ] }, { - type: "color", - value: "#508c7c", + $type: "color", + $value: "#508c7c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.10}" + $type: "color", + $value: "{color.brand3.10}" }, name: "--ds-color-brand3-base-hover", attributes: {}, @@ -1194,13 +1194,13 @@ export const color = [ ] }, { - type: "color", - value: "#437668", + $type: "color", + $value: "#437668", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.11}" + $type: "color", + $value: "{color.brand3.11}" }, name: "--ds-color-brand3-base-active", attributes: {}, @@ -1211,13 +1211,13 @@ export const color = [ ] }, { - type: "color", - value: "#3e6b60", + $type: "color", + $value: "#3e6b60", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.12}" + $type: "color", + $value: "{color.brand3.12}" }, name: "--ds-color-brand3-text-subtle", attributes: {}, @@ -1228,13 +1228,13 @@ export const color = [ ] }, { - type: "color", - value: "#1c302b", + $type: "color", + $value: "#1c302b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.13}" + $type: "color", + $value: "{color.brand3.13}" }, name: "--ds-color-brand3-text-default", attributes: {}, @@ -1245,13 +1245,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.contrast-1}" + $type: "color", + $value: "{color.brand3.contrast-1}" }, name: "--ds-color-brand3-contrast-default", attributes: {}, @@ -1262,13 +1262,13 @@ export const color = [ ] }, { - type: "color", - value: "#050808", + $type: "color", + $value: "#050808", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.brand3.contrast-2}" + $type: "color", + $value: "{color.brand3.contrast-2}" }, name: "--ds-color-brand3-contrast-subtle", attributes: {}, @@ -1279,13 +1279,13 @@ export const color = [ ] }, { - type: "color", - value: "#fcfefc", + $type: "color", + $value: "#fcfefc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.1}" + $type: "color", + $value: "{global.green.1}" }, name: "--ds-color-success-background-default", attributes: {}, @@ -1296,13 +1296,13 @@ export const color = [ ] }, { - type: "color", - value: "#ecf6ed", + $type: "color", + $value: "#ecf6ed", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.2}" + $type: "color", + $value: "{global.green.2}" }, name: "--ds-color-success-background-subtle", attributes: {}, @@ -1313,13 +1313,13 @@ export const color = [ ] }, { - type: "color", - value: "#cfe9d3", + $type: "color", + $value: "#cfe9d3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.3}" + $type: "color", + $value: "{global.green.3}" }, name: "--ds-color-success-surface-default", attributes: {}, @@ -1330,13 +1330,13 @@ export const color = [ ] }, { - type: "color", - value: "#b3dcb8", + $type: "color", + $value: "#b3dcb8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.4}" + $type: "color", + $value: "{global.green.4}" }, name: "--ds-color-success-surface-hover", attributes: {}, @@ -1347,13 +1347,13 @@ export const color = [ ] }, { - type: "color", - value: "#95ce9d", + $type: "color", + $value: "#95ce9d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.5}" + $type: "color", + $value: "{global.green.5}" }, name: "--ds-color-success-surface-active", attributes: {}, @@ -1364,13 +1364,13 @@ export const color = [ ] }, { - type: "color", - value: "#8bca94", + $type: "color", + $value: "#8bca94", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.6}" + $type: "color", + $value: "{global.green.6}" }, name: "--ds-color-success-border-subtle", attributes: {}, @@ -1381,13 +1381,13 @@ export const color = [ ] }, { - type: "color", - value: "#189528", + $type: "color", + $value: "#189528", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.7}" + $type: "color", + $value: "{global.green.7}" }, name: "--ds-color-success-border-default", attributes: {}, @@ -1398,13 +1398,13 @@ export const color = [ ] }, { - type: "color", - value: "#045a10", + $type: "color", + $value: "#045a10", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.8}" + $type: "color", + $value: "{global.green.8}" }, name: "--ds-color-success-border-strong", attributes: {}, @@ -1415,13 +1415,13 @@ export const color = [ ] }, { - type: "color", - value: "#078D19", + $type: "color", + $value: "#078D19", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.9}" + $type: "color", + $value: "{global.green.9}" }, name: "--ds-color-success-base-default", attributes: {}, @@ -1432,13 +1432,13 @@ export const color = [ ] }, { - type: "color", - value: "#067615", + $type: "color", + $value: "#067615", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.10}" + $type: "color", + $value: "{global.green.10}" }, name: "--ds-color-success-base-hover", attributes: {}, @@ -1449,13 +1449,13 @@ export const color = [ ] }, { - type: "color", - value: "#056011", + $type: "color", + $value: "#056011", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.11}" + $type: "color", + $value: "{global.green.11}" }, name: "--ds-color-success-base-active", attributes: {}, @@ -1466,13 +1466,13 @@ export const color = [ ] }, { - type: "color", - value: "#067314", + $type: "color", + $value: "#067314", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.12}" + $type: "color", + $value: "{global.green.12}" }, name: "--ds-color-success-text-subtle", attributes: {}, @@ -1483,13 +1483,13 @@ export const color = [ ] }, { - type: "color", - value: "#033409", + $type: "color", + $value: "#033409", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.13}" + $type: "color", + $value: "{global.green.13}" }, name: "--ds-color-success-text-default", attributes: {}, @@ -1500,13 +1500,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.contrast-1}" + $type: "color", + $value: "{global.green.contrast-1}" }, name: "--ds-color-success-contrast-default", attributes: {}, @@ -1517,13 +1517,13 @@ export const color = [ ] }, { - type: "color", - value: "#000401", + $type: "color", + $value: "#000401", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.green.contrast-2}" + $type: "color", + $value: "{global.green.contrast-2}" }, name: "--ds-color-success-contrast-subtle", attributes: {}, @@ -1534,13 +1534,13 @@ export const color = [ ] }, { - type: "color", - value: "#fffefe", + $type: "color", + $value: "#fffefe", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.1}" + $type: "color", + $value: "{global.red.1}" }, name: "--ds-color-danger-background-default", attributes: {}, @@ -1551,13 +1551,13 @@ export const color = [ ] }, { - type: "color", - value: "#fbf1f1", + $type: "color", + $value: "#fbf1f1", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.2}" + $type: "color", + $value: "{global.red.2}" }, name: "--ds-color-danger-background-subtle", attributes: {}, @@ -1568,13 +1568,13 @@ export const color = [ ] }, { - type: "color", - value: "#f5dcdc", + $type: "color", + $value: "#f5dcdc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.3}" + $type: "color", + $value: "{global.red.3}" }, name: "--ds-color-danger-surface-default", attributes: {}, @@ -1585,13 +1585,13 @@ export const color = [ ] }, { - type: "color", - value: "#f0c7c7", + $type: "color", + $value: "#f0c7c7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.4}" + $type: "color", + $value: "{global.red.4}" }, name: "--ds-color-danger-surface-hover", attributes: {}, @@ -1602,13 +1602,13 @@ export const color = [ ] }, { - type: "color", - value: "#eab3b3", + $type: "color", + $value: "#eab3b3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.5}" + $type: "color", + $value: "{global.red.5}" }, name: "--ds-color-danger-surface-active", attributes: {}, @@ -1619,13 +1619,13 @@ export const color = [ ] }, { - type: "color", - value: "#e8acac", + $type: "color", + $value: "#e8acac", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.6}" + $type: "color", + $value: "{global.red.6}" }, name: "--ds-color-danger-border-subtle", attributes: {}, @@ -1636,13 +1636,13 @@ export const color = [ ] }, { - type: "color", - value: "#d25b5b", + $type: "color", + $value: "#d25b5b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.7}" + $type: "color", + $value: "{global.red.7}" }, name: "--ds-color-danger-border-default", attributes: {}, @@ -1653,13 +1653,13 @@ export const color = [ ] }, { - type: "color", - value: "#9a1616", + $type: "color", + $value: "#9a1616", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.8}" + $type: "color", + $value: "{global.red.8}" }, name: "--ds-color-danger-border-strong", attributes: {}, @@ -1670,13 +1670,13 @@ export const color = [ ] }, { - type: "color", - value: "#C01B1B", + $type: "color", + $value: "#C01B1B", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.9}" + $type: "color", + $value: "{global.red.9}" }, name: "--ds-color-danger-base-default", attributes: {}, @@ -1687,13 +1687,13 @@ export const color = [ ] }, { - type: "color", - value: "#9a1616", + $type: "color", + $value: "#9a1616", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.10}" + $type: "color", + $value: "{global.red.10}" }, name: "--ds-color-danger-base-hover", attributes: {}, @@ -1704,13 +1704,13 @@ export const color = [ ] }, { - type: "color", - value: "#771111", + $type: "color", + $value: "#771111", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.11}" + $type: "color", + $value: "{global.red.11}" }, name: "--ds-color-danger-base-active", attributes: {}, @@ -1721,13 +1721,13 @@ export const color = [ ] }, { - type: "color", - value: "#c22020", + $type: "color", + $value: "#c22020", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.12}" + $type: "color", + $value: "{global.red.12}" }, name: "--ds-color-danger-text-subtle", attributes: {}, @@ -1738,13 +1738,13 @@ export const color = [ ] }, { - type: "color", - value: "#5a0d0d", + $type: "color", + $value: "#5a0d0d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.13}" + $type: "color", + $value: "{global.red.13}" }, name: "--ds-color-danger-text-default", attributes: {}, @@ -1755,13 +1755,13 @@ export const color = [ ] }, { - type: "color", - value: "#ffffff", + $type: "color", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.contrast-1}" + $type: "color", + $value: "{global.red.contrast-1}" }, name: "--ds-color-danger-contrast-default", attributes: {}, @@ -1772,13 +1772,13 @@ export const color = [ ] }, { - type: "color", - value: "#f6dfdf", + $type: "color", + $value: "#f6dfdf", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.red.contrast-2}" + $type: "color", + $value: "{global.red.contrast-2}" }, name: "--ds-color-danger-contrast-subtle", attributes: {}, @@ -1789,13 +1789,13 @@ export const color = [ ] }, { - type: "color", - value: "#fefeff", + $type: "color", + $value: "#fefeff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.1}" + $type: "color", + $value: "{global.blue.1}" }, name: "--ds-color-info-background-default", attributes: {}, @@ -1806,13 +1806,13 @@ export const color = [ ] }, { - type: "color", - value: "#edf5fa", + $type: "color", + $value: "#edf5fa", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.2}" + $type: "color", + $value: "{global.blue.2}" }, name: "--ds-color-info-background-subtle", attributes: {}, @@ -1823,13 +1823,13 @@ export const color = [ ] }, { - type: "color", - value: "#d3e5f4", + $type: "color", + $value: "#d3e5f4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.3}" + $type: "color", + $value: "{global.blue.3}" }, name: "--ds-color-info-surface-default", attributes: {}, @@ -1840,13 +1840,13 @@ export const color = [ ] }, { - type: "color", - value: "#b7d5ed", + $type: "color", + $value: "#b7d5ed", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.4}" + $type: "color", + $value: "{global.blue.4}" }, name: "--ds-color-info-surface-hover", attributes: {}, @@ -1857,13 +1857,13 @@ export const color = [ ] }, { - type: "color", - value: "#9bc5e5", + $type: "color", + $value: "#9bc5e5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.5}" + $type: "color", + $value: "{global.blue.5}" }, name: "--ds-color-info-surface-active", attributes: {}, @@ -1874,13 +1874,13 @@ export const color = [ ] }, { - type: "color", - value: "#94c1e3", + $type: "color", + $value: "#94c1e3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.6}" + $type: "color", + $value: "{global.blue.6}" }, name: "--ds-color-info-border-subtle", attributes: {}, @@ -1891,13 +1891,13 @@ export const color = [ ] }, { - type: "color", - value: "#2f86c9", + $type: "color", + $value: "#2f86c9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.7}" + $type: "color", + $value: "{global.blue.7}" }, name: "--ds-color-info-border-default", attributes: {}, @@ -1908,13 +1908,13 @@ export const color = [ ] }, { - type: "color", - value: "#075089", + $type: "color", + $value: "#075089", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.8}" + $type: "color", + $value: "{global.blue.8}" }, name: "--ds-color-info-border-strong", attributes: {}, @@ -1925,13 +1925,13 @@ export const color = [ ] }, { - type: "color", - value: "#0A71C0", + $type: "color", + $value: "#0A71C0", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.9}" + $type: "color", + $value: "{global.blue.9}" }, name: "--ds-color-info-base-default", attributes: {}, @@ -1942,13 +1942,13 @@ export const color = [ ] }, { - type: "color", - value: "#085ea0", + $type: "color", + $value: "#085ea0", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.10}" + $type: "color", + $value: "{global.blue.10}" }, name: "--ds-color-info-base-hover", attributes: {}, @@ -1959,13 +1959,13 @@ export const color = [ ] }, { - type: "color", - value: "#074b80", + $type: "color", + $value: "#074b80", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.11}" + $type: "color", + $value: "{global.blue.11}" }, name: "--ds-color-info-base-active", attributes: {}, @@ -1976,13 +1976,13 @@ export const color = [ ] }, { - type: "color", - value: "#0966ac", + $type: "color", + $value: "#0966ac", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.12}" + $type: "color", + $value: "{global.blue.12}" }, name: "--ds-color-info-text-subtle", attributes: {}, @@ -1993,13 +1993,13 @@ export const color = [ ] }, { - type: "color", - value: "#042d4d", + $type: "color", + $value: "#042d4d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.13}" + $type: "color", + $value: "{global.blue.13}" }, name: "--ds-color-info-text-default", attributes: {}, @@ -2010,13 +2010,13 @@ export const color = [ ] }, { - type: "color", - value: "#ffffff", + $type: "color", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.contrast-1}" + $type: "color", + $value: "{global.blue.contrast-1}" }, name: "--ds-color-info-contrast-default", attributes: {}, @@ -2027,13 +2027,13 @@ export const color = [ ] }, { - type: "color", - value: "#f3f8fc", + $type: "color", + $value: "#f3f8fc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.blue.contrast-2}" + $type: "color", + $value: "{global.blue.contrast-2}" }, name: "--ds-color-info-contrast-subtle", attributes: {}, @@ -2044,13 +2044,13 @@ export const color = [ ] }, { - type: "color", - value: "#fffefc", + $type: "color", + $value: "#fffefc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.1}" + $type: "color", + $value: "{global.yellow.1}" }, name: "--ds-color-warning-background-default", attributes: {}, @@ -2061,13 +2061,13 @@ export const color = [ ] }, { - type: "color", - value: "#fbf2d3", + $type: "color", + $value: "#fbf2d3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.2}" + $type: "color", + $value: "{global.yellow.2}" }, name: "--ds-color-warning-background-subtle", attributes: {}, @@ -2078,13 +2078,13 @@ export const color = [ ] }, { - type: "color", - value: "#f5e19b", + $type: "color", + $value: "#f5e19b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.3}" + $type: "color", + $value: "{global.yellow.3}" }, name: "--ds-color-warning-surface-default", attributes: {}, @@ -2095,13 +2095,13 @@ export const color = [ ] }, { - type: "color", - value: "#efcf5d", + $type: "color", + $value: "#efcf5d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.4}" + $type: "color", + $value: "{global.yellow.4}" }, name: "--ds-color-warning-surface-hover", attributes: {}, @@ -2112,13 +2112,13 @@ export const color = [ ] }, { - type: "color", - value: "#e6bc27", + $type: "color", + $value: "#e6bc27", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.5}" + $type: "color", + $value: "{global.yellow.5}" }, name: "--ds-color-warning-surface-active", attributes: {}, @@ -2129,13 +2129,13 @@ export const color = [ ] }, { - type: "color", - value: "#e0b726", + $type: "color", + $value: "#e0b726", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.6}" + $type: "color", + $value: "{global.yellow.6}" }, name: "--ds-color-warning-border-subtle", attributes: {}, @@ -2146,13 +2146,13 @@ export const color = [ ] }, { - type: "color", - value: "#9a7e1a", + $type: "color", + $value: "#9a7e1a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.7}" + $type: "color", + $value: "{global.yellow.7}" }, name: "--ds-color-warning-border-default", attributes: {}, @@ -2163,13 +2163,13 @@ export const color = [ ] }, { - type: "color", - value: "#5d4c10", + $type: "color", + $value: "#5d4c10", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.8}" + $type: "color", + $value: "{global.yellow.8}" }, name: "--ds-color-warning-border-strong", attributes: {}, @@ -2180,13 +2180,13 @@ export const color = [ ] }, { - type: "color", - value: "#CA5C21", + $type: "color", + $value: "#CA5C21", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.9}" + $type: "color", + $value: "{global.orange.9}" }, name: "--ds-color-warning-base-default", attributes: {}, @@ -2197,13 +2197,13 @@ export const color = [ ] }, { - type: "color", - value: "#a94d1c", + $type: "color", + $value: "#a94d1c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.10}" + $type: "color", + $value: "{global.orange.10}" }, name: "--ds-color-warning-base-hover", attributes: {}, @@ -2214,13 +2214,13 @@ export const color = [ ] }, { - type: "color", - value: "#8a3f17", + $type: "color", + $value: "#8a3f17", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.11}" + $type: "color", + $value: "{global.orange.11}" }, name: "--ds-color-warning-base-active", attributes: {}, @@ -2231,13 +2231,13 @@ export const color = [ ] }, { - type: "color", - value: "#a1491a", + $type: "color", + $value: "#a1491a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.12}" + $type: "color", + $value: "{global.orange.12}" }, name: "--ds-color-warning-text-subtle", attributes: {}, @@ -2248,13 +2248,13 @@ export const color = [ ] }, { - type: "color", - value: "#47210c", + $type: "color", + $value: "#47210c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.orange.13}" + $type: "color", + $value: "{global.orange.13}" }, name: "--ds-color-warning-text-default", attributes: {}, @@ -2265,13 +2265,13 @@ export const color = [ ] }, { - type: "color", - value: "#000000", + $type: "color", + $value: "#000000", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.contrast-1}" + $type: "color", + $value: "{global.yellow.contrast-1}" }, name: "--ds-color-warning-contrast-default", attributes: {}, @@ -2282,13 +2282,13 @@ export const color = [ ] }, { - type: "color", - value: "#382d0a", + $type: "color", + $value: "#382d0a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{global.yellow.contrast-2}" + $type: "color", + $value: "{global.yellow.contrast-2}" }, name: "--ds-color-warning-contrast-subtle", attributes: {}, @@ -2299,13 +2299,13 @@ export const color = [ ] }, { - type: "color", - value: "#fefefe", + $type: "color", + $value: "#fefefe", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.neutral.background-default}" + $type: "color", + $value: "{color.neutral.background-default}" }, name: "--ds-color-focus-inner", attributes: {}, @@ -2316,13 +2316,13 @@ export const color = [ ] }, { - type: "color", - value: "#002d54", + $type: "color", + $value: "#002d54", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { - type: "color", - value: "{color.accent.text-default}" + $type: "color", + $value: "{color.accent.text-default}" }, name: "--ds-color-focus-outer", attributes: {}, @@ -2336,13 +2336,13 @@ export const color = [ export const typography = [ { - type: "typography", - value: "500 3.75rem/1.3 'Inter'", + $type: "typography", + $value: "500 3.75rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2359,21 +2359,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 3rem/1.3 'Inter'", - description: "H1", + $type: "typography", + $value: "500 3rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.10}", letterSpacing: "{letter-spacing.1}" - }, - description: "H1" + } }, name: "--ds-typography-heading-xl", attributes: {}, @@ -2384,21 +2382,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 2.25rem/1.3 'Inter'", - description: "H2", + $type: "typography", + $value: "500 2.25rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.9}", letterSpacing: "{letter-spacing.2}" - }, - description: "H2" + } }, name: "--ds-typography-heading-lg", attributes: {}, @@ -2409,21 +2405,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.875rem/1.3 'Inter'", - description: "H3", + $type: "typography", + $value: "500 1.875rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.8}", letterSpacing: "{letter-spacing.3}" - }, - description: "H3" + } }, name: "--ds-typography-heading-md", attributes: {}, @@ -2434,21 +2428,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.5rem/1.3 'Inter'", - description: "H4", + $type: "typography", + $value: "500 1.5rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.7}", letterSpacing: "{letter-spacing.5}" - }, - description: "H4" + } }, name: "--ds-typography-heading-sm", attributes: {}, @@ -2459,21 +2451,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.3125rem/1.3 'Inter'", - description: "H5", + $type: "typography", + $value: "500 1.3125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.6}", letterSpacing: "{letter-spacing.6}" - }, - description: "H5" + } }, name: "--ds-typography-heading-xs", attributes: {}, @@ -2484,21 +2474,19 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.125rem/1.3 'Inter'", - description: "H6", + $type: "typography", + $value: "500 1.125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", fontSize: "{font-size.5}", letterSpacing: "{letter-spacing.6}" - }, - description: "H6" + } }, name: "--ds-typography-heading-2xs", attributes: {}, @@ -2509,13 +2497,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.875rem/1.7 'Inter'", + $type: "typography", + $value: "400 1.875rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2532,13 +2520,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.5rem/1.7 'Inter'", + $type: "typography", + $value: "400 1.5rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2555,13 +2543,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.7 'Inter'", + $type: "typography", + $value: "400 1.3125rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2578,13 +2566,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.7 'Inter'", + $type: "typography", + $value: "400 1.125rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2601,13 +2589,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.5 'Inter'", + $type: "typography", + $value: "400 1.3125rem/1.5 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.md}", @@ -2624,13 +2612,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.5 'Inter'", + $type: "typography", + $value: "400 1.125rem/1.5 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.md}", @@ -2647,13 +2635,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1rem/1.5 'Inter'", + $type: "typography", + $value: "400 1rem/1.5 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.md}", @@ -2670,13 +2658,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 0.875rem/1.5 'Inter'", + $type: "typography", + $value: "400 0.875rem/1.5 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.md}", @@ -2693,13 +2681,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.3 'Inter'", + $type: "typography", + $value: "400 1.3125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -2717,13 +2705,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.3 'Inter'", + $type: "typography", + $value: "400 1.125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -2741,13 +2729,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1rem/1.3 'Inter'", + $type: "typography", + $value: "400 1rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -2765,13 +2753,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 0.875rem/1.3 'Inter'", + $type: "typography", + $value: "400 0.875rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -2789,13 +2777,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.7 'Inter'", + $type: "typography", + $value: "400 1.3125rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2813,13 +2801,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.7 'Inter'", + $type: "typography", + $value: "400 1.125rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2837,13 +2825,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1rem/1.7 'Inter'", + $type: "typography", + $value: "400 1rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2861,13 +2849,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 0.875rem/1.7 'Inter'", + $type: "typography", + $value: "400 0.875rem/1.7 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.lg}", @@ -2885,13 +2873,13 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.3125rem/1.3 'Inter'", + $type: "typography", + $value: "500 1.3125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2908,13 +2896,13 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1.125rem/1.3 'Inter'", + $type: "typography", + $value: "500 1.125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2931,13 +2919,13 @@ export const typography = [ ] }, { - type: "typography", - value: "500 1rem/1.3 'Inter'", + $type: "typography", + $value: "500 1rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2954,13 +2942,13 @@ export const typography = [ ] }, { - type: "typography", - value: "500 0.875rem/1.3 'Inter'", + $type: "typography", + $value: "500 0.875rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.medium}", lineHeight: "{line-height.sm}", @@ -2977,13 +2965,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.3125rem/1.3 'Inter'", + $type: "typography", + $value: "400 1.3125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -3000,13 +2988,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1.125rem/1.3 'Inter'", + $type: "typography", + $value: "400 1.125rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -3023,13 +3011,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 1rem/1.3 'Inter'", + $type: "typography", + $value: "400 1rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -3046,13 +3034,13 @@ export const typography = [ ] }, { - type: "typography", - value: "400 0.875rem/1.3 'Inter'", + $type: "typography", + $value: "400 0.875rem/1.3 'Inter'", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "typography", - value: { + $type: "typography", + $value: { fontFamily: "{font.family}", fontWeight: "{font-weight.regular}", lineHeight: "{line-height.sm}", @@ -3072,13 +3060,13 @@ export const typography = [ export const opacity = [ { - type: "opacity", - value: "30%", + $type: "opacity", + $value: "30%", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "opacity", - value: "{opacity.30}" + $type: "opacity", + $value: "{opacity.30}" }, name: "--ds-disabled-opacity", attributes: {}, @@ -3091,13 +3079,13 @@ export const opacity = [ export const dimension = [ { - type: "dimension", - value: "0.125rem", + $type: "dimension", + $value: "0.125rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*0.5" + $type: "dimension", + $value: "{border-radius.base}*0.5" }, name: "--ds-border-radius-sm", attributes: {}, @@ -3107,13 +3095,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.25rem", + $type: "dimension", + $value: "0.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*1" + $type: "dimension", + $value: "{border-radius.base}*1" }, name: "--ds-border-radius-md", attributes: {}, @@ -3123,13 +3111,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.5rem", + $type: "dimension", + $value: "0.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*2" + $type: "dimension", + $value: "{border-radius.base}*2" }, name: "--ds-border-radius-lg", attributes: {}, @@ -3139,13 +3127,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.75rem", + $type: "dimension", + $value: "0.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*3" + $type: "dimension", + $value: "{border-radius.base}*3" }, name: "--ds-border-radius-xl", attributes: {}, @@ -3155,13 +3143,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1rem", + $type: "dimension", + $value: "1rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*4" + $type: "dimension", + $value: "{border-radius.base}*4" }, name: "--ds-border-radius-2xl", attributes: {}, @@ -3171,13 +3159,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.5rem", + $type: "dimension", + $value: "1.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*6" + $type: "dimension", + $value: "{border-radius.base}*6" }, name: "--ds-border-radius-3xl", attributes: {}, @@ -3187,13 +3175,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2rem", + $type: "dimension", + $value: "2rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{border-radius.base}*8" + $type: "dimension", + $value: "{border-radius.base}*8" }, name: "--ds-border-radius-4xl", attributes: {}, @@ -3203,13 +3191,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "624.9375rem", + $type: "dimension", + $value: "624.9375rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "9999" + $type: "dimension", + $value: "9999" }, name: "--ds-border-radius-full", attributes: {}, @@ -3219,13 +3207,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0rem", + $type: "dimension", + $value: "0rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*0" + $type: "dimension", + $value: "{spacing.base}*0" }, name: "--ds-spacing-0", attributes: {}, @@ -3235,13 +3223,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.25rem", + $type: "dimension", + $value: "0.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*1" + $type: "dimension", + $value: "{spacing.base}*1" }, name: "--ds-spacing-1", attributes: {}, @@ -3251,13 +3239,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.5rem", + $type: "dimension", + $value: "0.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*2" + $type: "dimension", + $value: "{spacing.base}*2" }, name: "--ds-spacing-2", attributes: {}, @@ -3267,13 +3255,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.75rem", + $type: "dimension", + $value: "0.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*3" + $type: "dimension", + $value: "{spacing.base}*3" }, name: "--ds-spacing-3", attributes: {}, @@ -3283,13 +3271,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1rem", + $type: "dimension", + $value: "1rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*4" + $type: "dimension", + $value: "{spacing.base}*4" }, name: "--ds-spacing-4", attributes: {}, @@ -3299,13 +3287,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.25rem", + $type: "dimension", + $value: "1.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*5" + $type: "dimension", + $value: "{spacing.base}*5" }, name: "--ds-spacing-5", attributes: {}, @@ -3315,13 +3303,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.5rem", + $type: "dimension", + $value: "1.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*6" + $type: "dimension", + $value: "{spacing.base}*6" }, name: "--ds-spacing-6", attributes: {}, @@ -3331,13 +3319,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.75rem", + $type: "dimension", + $value: "1.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*7" + $type: "dimension", + $value: "{spacing.base}*7" }, name: "--ds-spacing-7", attributes: {}, @@ -3347,13 +3335,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2rem", + $type: "dimension", + $value: "2rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*8" + $type: "dimension", + $value: "{spacing.base}*8" }, name: "--ds-spacing-8", attributes: {}, @@ -3363,13 +3351,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.25rem", + $type: "dimension", + $value: "2.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*9" + $type: "dimension", + $value: "{spacing.base}*9" }, name: "--ds-spacing-9", attributes: {}, @@ -3379,13 +3367,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.5rem", + $type: "dimension", + $value: "2.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*10" + $type: "dimension", + $value: "{spacing.base}*10" }, name: "--ds-spacing-10", attributes: {}, @@ -3395,13 +3383,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.75rem", + $type: "dimension", + $value: "2.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*11" + $type: "dimension", + $value: "{spacing.base}*11" }, name: "--ds-spacing-11", attributes: {}, @@ -3411,13 +3399,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3rem", + $type: "dimension", + $value: "3rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*12" + $type: "dimension", + $value: "{spacing.base}*12" }, name: "--ds-spacing-12", attributes: {}, @@ -3427,13 +3415,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.25rem", + $type: "dimension", + $value: "3.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*13" + $type: "dimension", + $value: "{spacing.base}*13" }, name: "--ds-spacing-13", attributes: {}, @@ -3443,13 +3431,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.5rem", + $type: "dimension", + $value: "3.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*14" + $type: "dimension", + $value: "{spacing.base}*14" }, name: "--ds-spacing-14", attributes: {}, @@ -3459,13 +3447,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.75rem", + $type: "dimension", + $value: "3.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*15" + $type: "dimension", + $value: "{spacing.base}*15" }, name: "--ds-spacing-15", attributes: {}, @@ -3475,13 +3463,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "4.5rem", + $type: "dimension", + $value: "4.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*18" + $type: "dimension", + $value: "{spacing.base}*18" }, name: "--ds-spacing-18", attributes: {}, @@ -3491,13 +3479,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "5.5rem", + $type: "dimension", + $value: "5.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*22" + $type: "dimension", + $value: "{spacing.base}*22" }, name: "--ds-spacing-22", attributes: {}, @@ -3507,13 +3495,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "6.5rem", + $type: "dimension", + $value: "6.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*26" + $type: "dimension", + $value: "{spacing.base}*26" }, name: "--ds-spacing-26", attributes: {}, @@ -3523,13 +3511,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "7.5rem", + $type: "dimension", + $value: "7.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{spacing.base}*30" + $type: "dimension", + $value: "{spacing.base}*30" }, name: "--ds-spacing-30", attributes: {}, @@ -3539,13 +3527,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0rem", + $type: "dimension", + $value: "0rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*0" + $type: "dimension", + $value: "{sizing.base}*0" }, name: "--ds-sizing-0", attributes: {}, @@ -3555,13 +3543,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.25rem", + $type: "dimension", + $value: "0.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*1" + $type: "dimension", + $value: "{sizing.base}*1" }, name: "--ds-sizing-1", attributes: {}, @@ -3571,13 +3559,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.5rem", + $type: "dimension", + $value: "0.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*2" + $type: "dimension", + $value: "{sizing.base}*2" }, name: "--ds-sizing-2", attributes: {}, @@ -3587,13 +3575,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "0.75rem", + $type: "dimension", + $value: "0.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*3" + $type: "dimension", + $value: "{sizing.base}*3" }, name: "--ds-sizing-3", attributes: {}, @@ -3603,13 +3591,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1rem", + $type: "dimension", + $value: "1rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*4" + $type: "dimension", + $value: "{sizing.base}*4" }, name: "--ds-sizing-4", attributes: {}, @@ -3619,13 +3607,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.25rem", + $type: "dimension", + $value: "1.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*5" + $type: "dimension", + $value: "{sizing.base}*5" }, name: "--ds-sizing-5", attributes: {}, @@ -3635,13 +3623,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.5rem", + $type: "dimension", + $value: "1.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*6" + $type: "dimension", + $value: "{sizing.base}*6" }, name: "--ds-sizing-6", attributes: {}, @@ -3651,13 +3639,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "1.75rem", + $type: "dimension", + $value: "1.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*7" + $type: "dimension", + $value: "{sizing.base}*7" }, name: "--ds-sizing-7", attributes: {}, @@ -3667,13 +3655,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2rem", + $type: "dimension", + $value: "2rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*8" + $type: "dimension", + $value: "{sizing.base}*8" }, name: "--ds-sizing-8", attributes: {}, @@ -3683,13 +3671,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.25rem", + $type: "dimension", + $value: "2.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*9" + $type: "dimension", + $value: "{sizing.base}*9" }, name: "--ds-sizing-9", attributes: {}, @@ -3699,13 +3687,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.5rem", + $type: "dimension", + $value: "2.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*10" + $type: "dimension", + $value: "{sizing.base}*10" }, name: "--ds-sizing-10", attributes: {}, @@ -3715,13 +3703,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "2.75rem", + $type: "dimension", + $value: "2.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*11" + $type: "dimension", + $value: "{sizing.base}*11" }, name: "--ds-sizing-11", attributes: {}, @@ -3731,13 +3719,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3rem", + $type: "dimension", + $value: "3rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*12" + $type: "dimension", + $value: "{sizing.base}*12" }, name: "--ds-sizing-12", attributes: {}, @@ -3747,13 +3735,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.25rem", + $type: "dimension", + $value: "3.25rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*13" + $type: "dimension", + $value: "{sizing.base}*13" }, name: "--ds-sizing-13", attributes: {}, @@ -3763,13 +3751,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.5rem", + $type: "dimension", + $value: "3.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*14" + $type: "dimension", + $value: "{sizing.base}*14" }, name: "--ds-sizing-14", attributes: {}, @@ -3779,13 +3767,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "3.75rem", + $type: "dimension", + $value: "3.75rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*15" + $type: "dimension", + $value: "{sizing.base}*15" }, name: "--ds-sizing-15", attributes: {}, @@ -3795,13 +3783,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "4.5rem", + $type: "dimension", + $value: "4.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*18" + $type: "dimension", + $value: "{sizing.base}*18" }, name: "--ds-sizing-18", attributes: {}, @@ -3811,13 +3799,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "5.5rem", + $type: "dimension", + $value: "5.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*22" + $type: "dimension", + $value: "{sizing.base}*22" }, name: "--ds-sizing-22", attributes: {}, @@ -3827,13 +3815,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "6.5rem", + $type: "dimension", + $value: "6.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*26" + $type: "dimension", + $value: "{sizing.base}*26" }, name: "--ds-sizing-26", attributes: {}, @@ -3843,13 +3831,13 @@ export const dimension = [ ] }, { - type: "dimension", - value: "7.5rem", + $type: "dimension", + $value: "7.5rem", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "dimension", - value: "{sizing.base}*30" + $type: "dimension", + $value: "{sizing.base}*30" }, name: "--ds-sizing-30", attributes: {}, @@ -3862,13 +3850,13 @@ export const dimension = [ export const shadow = [ { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.12)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.12)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.100}" + $type: "shadow", + $value: "{shadow.100}" }, name: "--ds-shadow-xs", attributes: {}, @@ -3878,13 +3866,13 @@ export const shadow = [ ] }, { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.15), 0 1px 2px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.1)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.15), 0 1px 2px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.1)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.200}" + $type: "shadow", + $value: "{shadow.200}" }, name: "--ds-shadow-sm", attributes: {}, @@ -3894,13 +3882,13 @@ export const shadow = [ ] }, { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.14), 0 2px 4px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.12)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.14), 0 2px 4px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.12)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.300}" + $type: "shadow", + $value: "{shadow.300}" }, name: "--ds-shadow-md", attributes: {}, @@ -3910,13 +3898,13 @@ export const shadow = [ ] }, { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.13), 0 3px 5px 0 rgba(0,0,0,0.13), 0 6px 12px 0 rgba(0,0,0,0.14)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.13), 0 3px 5px 0 rgba(0,0,0,0.13), 0 6px 12px 0 rgba(0,0,0,0.14)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.400}" + $type: "shadow", + $value: "{shadow.400}" }, name: "--ds-shadow-lg", attributes: {}, @@ -3926,13 +3914,13 @@ export const shadow = [ ] }, { - type: "shadow", - value: "0 0 1px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.16), 0 12px 24px 0 rgba(0,0,0,0.16)", + $type: "shadow", + $value: "0 0 1px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.16), 0 12px 24px 0 rgba(0,0,0,0.16)", filePath: "../../design-tokens/semantic/style.json", isSource: false, original: { - type: "shadow", - value: "{shadow.500}" + $type: "shadow", + $value: "{shadow.500}" }, name: "--ds-shadow-xl", attributes: {}, diff --git a/design-tokens/$metadata.json b/design-tokens/$metadata.json index 5855f92c19..997e4be267 100644 --- a/design-tokens/$metadata.json +++ b/design-tokens/$metadata.json @@ -29,4 +29,4 @@ "semantic/style", "Figma/components" ] -} +} \ No newline at end of file diff --git a/design-tokens/$themes.json b/design-tokens/$themes.json index db3f30645f..c49affe254 100644 --- a/design-tokens/$themes.json +++ b/design-tokens/$themes.json @@ -1867,4 +1867,4 @@ }, "group": "Semantic" } -] +] \ No newline at end of file diff --git a/design-tokens/Figma/components.json b/design-tokens/Figma/components.json index 1d72c905f3..1a98c25a31 100644 --- a/design-tokens/Figma/components.json +++ b/design-tokens/Figma/components.json @@ -2,21 +2,21 @@ "switch": { "circle": { "small": { - "type": "sizing", - "value": "{sizing.5} - {switch.border}" + "$type": "sizing", + "$value": "{sizing.5} - {switch.border}" }, "medium": { - "type": "sizing", - "value": "{sizing.6} - {switch.border}" + "$type": "sizing", + "$value": "{sizing.6} - {switch.border}" }, "large": { - "type": "sizing", - "value": "{sizing.7} - {switch.border}" + "$type": "sizing", + "$value": "{sizing.7} - {switch.border}" } }, "border": { - "type": "sizing", - "value": "4" + "$type": "sizing", + "$value": "4" } } } \ No newline at end of file diff --git a/design-tokens/primitives/globals.json b/design-tokens/primitives/globals.json index 4f2eb59bf8..4c0f4347fc 100644 --- a/design-tokens/primitives/globals.json +++ b/design-tokens/primitives/globals.json @@ -1,18 +1,18 @@ { "border-width": { "1": { - "type": "borderWidth", - "value": "1px" + "$type": "borderWidth", + "$value": "1px" }, "2": { - "type": "borderWidth", - "value": "2px" + "$type": "borderWidth", + "$value": "2px" } }, "shadow": { "100": { - "type": "boxShadow", - "value": [ + "$type": "boxShadow", + "$value": [ { "color": "rgba(0,0,0,0.16)", "x": "0", @@ -30,8 +30,8 @@ ] }, "200": { - "type": "boxShadow", - "value": [ + "$type": "boxShadow", + "$value": [ { "color": "rgba(0,0,0,0.15)", "x": "0", @@ -56,8 +56,8 @@ ] }, "300": { - "type": "boxShadow", - "value": [ + "$type": "boxShadow", + "$value": [ { "color": "rgba(0,0,0,0.14)", "x": "0", @@ -82,8 +82,8 @@ ] }, "400": { - "type": "boxShadow", - "value": [ + "$type": "boxShadow", + "$value": [ { "color": "rgba(0,0,0,0.13)", "x": "0", @@ -108,8 +108,8 @@ ] }, "500": { - "type": "boxShadow", - "value": [ + "$type": "boxShadow", + "$value": [ { "color": "rgba(0,0,0,0.12)", "x": "0", @@ -136,26 +136,26 @@ }, "border-radius": { "base": { - "type": "borderRadius", - "value": "4" + "$type": "borderRadius", + "$value": "4" } }, "opacity": { "30": { - "type": "opacity", - "value": "30%" + "$type": "opacity", + "$value": "30%" } }, "sizing": { "base": { - "type": "sizing", - "value": "4" + "$type": "sizing", + "$value": "4" } }, "spacing": { "base": { - "type": "spacing", - "value": "4" + "$type": "spacing", + "$value": "4" } } -} +} \ No newline at end of file diff --git a/design-tokens/primitives/modes/colors/dark/global.json b/design-tokens/primitives/modes/colors/dark/global.json index f008f871ae..1659c25913 100644 --- a/design-tokens/primitives/modes/colors/dark/global.json +++ b/design-tokens/primitives/modes/colors/dark/global.json @@ -2,374 +2,374 @@ "global": { "blue": { "1": { - "type": "color", - "value": "#031d30" + "$type": "color", + "$value": "#031d30" }, "2": { - "type": "color", - "value": "#032540" + "$type": "color", + "$value": "#032540" }, "3": { - "type": "color", - "value": "#043256" + "$type": "color", + "$value": "#043256" }, "4": { - "type": "color", - "value": "#063f6c" + "$type": "color", + "$value": "#063f6c" }, "5": { - "type": "color", - "value": "#074d84" + "$type": "color", + "$value": "#074d84" }, "6": { - "type": "color", - "value": "#075490" + "$type": "color", + "$value": "#075490" }, "7": { - "type": "color", - "value": "#0c72c1" + "$type": "color", + "$value": "#0c72c1" }, "8": { - "type": "color", - "value": "#98c3e5" + "$type": "color", + "$value": "#98c3e5" }, "9": { - "type": "color", - "value": "#2a84c8" + "$type": "color", + "$value": "#2a84c8" }, "10": { - "type": "color", - "value": "#0a6dba" + "$type": "color", + "$value": "#0a6dba" }, "11": { - "type": "color", - "value": "#085998" + "$type": "color", + "$value": "#085998" }, "12": { - "type": "color", - "value": "#6ba9d9" + "$type": "color", + "$value": "#6ba9d9" }, "13": { - "type": "color", - "value": "#d3e5f4" + "$type": "color", + "$value": "#d3e5f4" }, "contrast-1": { - "type": "color", - "value": "#000000" + "$type": "color", + "$value": "#000000" }, "contrast-2": { - "type": "color", - "value": "#040c13" + "$type": "color", + "$value": "#040c13" } }, "green": { "1": { - "type": "color", - "value": "#022106" + "$type": "color", + "$value": "#022106" }, "2": { - "type": "color", - "value": "#022b08" + "$type": "color", + "$value": "#022b08" }, "3": { - "type": "color", - "value": "#03380a" + "$type": "color", + "$value": "#03380a" }, "4": { - "type": "color", - "value": "#04480d" + "$type": "color", + "$value": "#04480d" }, "5": { - "type": "color", - "value": "#045810" + "$type": "color", + "$value": "#045810" }, "6": { - "type": "color", - "value": "#056011" + "$type": "color", + "$value": "#056011" }, "7": { - "type": "color", - "value": "#068117" + "$type": "color", + "$value": "#068117" }, "8": { - "type": "color", - "value": "#90cc98" + "$type": "color", + "$value": "#90cc98" }, "9": { - "type": "color", - "value": "#078818" + "$type": "color", + "$value": "#078818" }, "10": { - "type": "color", - "value": "#067114" + "$type": "color", + "$value": "#067114" }, "11": { - "type": "color", - "value": "#045a10" + "$type": "color", + "$value": "#045a10" }, "12": { - "type": "color", - "value": "#5fb56b" + "$type": "color", + "$value": "#5fb56b" }, "13": { - "type": "color", - "value": "#cfe9d3" + "$type": "color", + "$value": "#cfe9d3" }, "contrast-1": { - "type": "color", - "value": "#ffffff" + "$type": "color", + "$value": "#ffffff" }, "contrast-2": { - "type": "color", - "value": "#f9fcf9" + "$type": "color", + "$value": "#f9fcf9" } }, "orange": { "1": { - "type": "color", - "value": "#2e1508" + "$type": "color", + "$value": "#2e1508" }, "2": { - "type": "color", - "value": "#3a1b0a" + "$type": "color", + "$value": "#3a1b0a" }, "3": { - "type": "color", - "value": "#50240d" + "$type": "color", + "$value": "#50240d" }, "4": { - "type": "color", - "value": "#652e10" + "$type": "color", + "$value": "#652e10" }, "5": { - "type": "color", - "value": "#7a3814" + "$type": "color", + "$value": "#7a3814" }, "6": { - "type": "color", - "value": "#863d16" + "$type": "color", + "$value": "#863d16" }, "7": { - "type": "color", - "value": "#b5531e" + "$type": "color", + "$value": "#b5531e" }, "8": { - "type": "color", - "value": "#e6b398" + "$type": "color", + "$value": "#e6b398" }, "9": { - "type": "color", - "value": "#ba541e" + "$type": "color", + "$value": "#ba541e" }, "10": { - "type": "color", - "value": "#994619" + "$type": "color", + "$value": "#994619" }, "11": { - "type": "color", - "value": "#7a3814" + "$type": "color", + "$value": "#7a3814" }, "12": { - "type": "color", - "value": "#db9169" + "$type": "color", + "$value": "#db9169" }, "13": { - "type": "color", - "value": "#f4ddd0" + "$type": "color", + "$value": "#f4ddd0" }, "contrast-1": { - "type": "color", - "value": "#ffffff" + "$type": "color", + "$value": "#ffffff" }, "contrast-2": { - "type": "color", - "value": "#fcf8f6" + "$type": "color", + "$value": "#fcf8f6" } }, "purple": { "1": { - "type": "color", - "value": "#251238" + "$type": "color", + "$value": "#251238" }, "2": { - "type": "color", - "value": "#301748" + "$type": "color", + "$value": "#301748" }, "3": { - "type": "color", - "value": "#402060" + "$type": "color", + "$value": "#402060" }, "4": { - "type": "color", - "value": "#52287a" + "$type": "color", + "$value": "#52287a" }, "5": { - "type": "color", - "value": "#643196" + "$type": "color", + "$value": "#643196" }, "6": { - "type": "color", - "value": "#6b399d" + "$type": "color", + "$value": "#6b399d" }, "7": { - "type": "color", - "value": "#865daf" + "$type": "color", + "$value": "#865daf" }, "8": { - "type": "color", - "value": "#c9b7db" + "$type": "color", + "$value": "#c9b7db" }, "9": { - "type": "color", - "value": "#b298cc" + "$type": "color", + "$value": "#b298cc" }, "10": { - "type": "color", - "value": "#a181c0" + "$type": "color", + "$value": "#a181c0" }, "11": { - "type": "color", - "value": "#8f69b5" + "$type": "color", + "$value": "#8f69b5" }, "12": { - "type": "color", - "value": "#b298cc" + "$type": "color", + "$value": "#b298cc" }, "13": { - "type": "color", - "value": "#e7dfef" + "$type": "color", + "$value": "#e7dfef" }, "contrast-1": { - "type": "color", - "value": "#000000" + "$type": "color", + "$value": "#000000" }, "contrast-2": { - "type": "color", - "value": "#18141b" + "$type": "color", + "$value": "#18141b" } }, "red": { "1": { - "type": "color", - "value": "#3b0808" + "$type": "color", + "$value": "#3b0808" }, "2": { - "type": "color", - "value": "#4b0a0a" + "$type": "color", + "$value": "#4b0a0a" }, "3": { - "type": "color", - "value": "#620e0e" + "$type": "color", + "$value": "#620e0e" }, "4": { - "type": "color", - "value": "#7c1212" + "$type": "color", + "$value": "#7c1212" }, "5": { - "type": "color", - "value": "#961515" + "$type": "color", + "$value": "#961515" }, "6": { - "type": "color", - "value": "#a31717" + "$type": "color", + "$value": "#a31717" }, "7": { - "type": "color", - "value": "#c93c3c" + "$type": "color", + "$value": "#c93c3c" }, "8": { - "type": "color", - "value": "#e9b0b0" + "$type": "color", + "$value": "#e9b0b0" }, "9": { - "type": "color", - "value": "#d76e6e" + "$type": "color", + "$value": "#d76e6e" }, "10": { - "type": "color", - "value": "#ce4e4e" + "$type": "color", + "$value": "#ce4e4e" }, "11": { - "type": "color", - "value": "#c32727" + "$type": "color", + "$value": "#c32727" }, "12": { - "type": "color", - "value": "#df8d8d" + "$type": "color", + "$value": "#df8d8d" }, "13": { - "type": "color", - "value": "#f5dcdc" + "$type": "color", + "$value": "#f5dcdc" }, "contrast-1": { - "type": "color", - "value": "#000000" + "$type": "color", + "$value": "#000000" }, "contrast-2": { - "type": "color", - "value": "#271414" + "$type": "color", + "$value": "#271414" } }, "yellow": { "1": { - "type": "color", - "value": "#221b06" + "$type": "color", + "$value": "#221b06" }, "2": { - "type": "color", - "value": "#2b2307" + "$type": "color", + "$value": "#2b2307" }, "3": { - "type": "color", - "value": "#3a300a" + "$type": "color", + "$value": "#3a300a" }, "4": { - "type": "color", - "value": "#4a3d0d" + "$type": "color", + "$value": "#4a3d0d" }, "5": { - "type": "color", - "value": "#5a4a0f" + "$type": "color", + "$value": "#5a4a0f" }, "6": { - "type": "color", - "value": "#635011" + "$type": "color", + "$value": "#635011" }, "7": { - "type": "color", - "value": "#856d17" + "$type": "color", + "$value": "#856d17" }, "8": { - "type": "color", - "value": "#e4ba27" + "$type": "color", + "$value": "#e4ba27" }, "9": { - "type": "color", - "value": "#3d310a" + "$type": "color", + "$value": "#3d310a" }, "10": { - "type": "color", - "value": "#52430e" + "$type": "color", + "$value": "#52430e" }, "11": { - "type": "color", - "value": "#695512" + "$type": "color", + "$value": "#695512" }, "12": { - "type": "color", - "value": "#c39f21" + "$type": "color", + "$value": "#c39f21" }, "13": { - "type": "color", - "value": "#f5e19b" + "$type": "color", + "$value": "#f5e19b" }, "contrast-1": { - "type": "color", - "value": "#ffffff" + "$type": "color", + "$value": "#ffffff" }, "contrast-2": { - "type": "color", - "value": "#ccc9bf" + "$type": "color", + "$value": "#ccc9bf" } } } diff --git a/design-tokens/primitives/modes/colors/dark/theme.json b/design-tokens/primitives/modes/colors/dark/theme.json index 99561399cf..a4cc9bdbbc 100644 --- a/design-tokens/primitives/modes/colors/dark/theme.json +++ b/design-tokens/primitives/modes/colors/dark/theme.json @@ -2,312 +2,312 @@ "theme": { "accent": { "1": { - "type": "color", - "value": "#001c36" + "$type": "color", + "$value": "#001c36" }, "2": { - "type": "color", - "value": "#002545" + "$type": "color", + "$value": "#002545" }, "3": { - "type": "color", - "value": "#00315b" + "$type": "color", + "$value": "#00315b" }, "4": { - "type": "color", - "value": "#013f75" + "$type": "color", + "$value": "#013f75" }, "5": { - "type": "color", - "value": "#014b8e" + "$type": "color", + "$value": "#014b8e" }, "6": { - "type": "color", - "value": "#01539b" + "$type": "color", + "$value": "#01539b" }, "7": { - "type": "color", - "value": "#1971c0" + "$type": "color", + "$value": "#1971c0" }, "8": { - "type": "color", - "value": "#9bc2e4" + "$type": "color", + "$value": "#9bc2e4" }, "9": { - "type": "color", - "value": "#4b90ce" + "$type": "color", + "$value": "#4b90ce" }, "10": { - "type": "color", - "value": "#277ac4" + "$type": "color", + "$value": "#277ac4" }, "11": { - "type": "color", - "value": "#0163ba" + "$type": "color", + "$value": "#0163ba" }, "12": { - "type": "color", - "value": "#72a8d9" + "$type": "color", + "$value": "#72a8d9" }, "13": { - "type": "color", - "value": "#d1e3f3" + "$type": "color", + "$value": "#d1e3f3" }, "contrast-1": { - "type": "color", - "value": "#000000" + "$type": "color", + "$value": "#000000" }, "contrast-2": { - "type": "color", - "value": "#0d1823" + "$type": "color", + "$value": "#0d1823" } }, "neutral": { "1": { - "type": "color", - "value": "#131c27" + "$type": "color", + "$value": "#131c27" }, "2": { - "type": "color", - "value": "#192433" + "$type": "color", + "$value": "#192433" }, "3": { - "type": "color", - "value": "#243142" + "$type": "color", + "$value": "#243142" }, "4": { - "type": "color", - "value": "#333e4e" + "$type": "color", + "$value": "#333e4e" }, "5": { - "type": "color", - "value": "#424d5b" + "$type": "color", + "$value": "#424d5b" }, "6": { - "type": "color", - "value": "#495361" + "$type": "color", + "$value": "#495361" }, "7": { - "type": "color", - "value": "#67707c" + "$type": "color", + "$value": "#67707c" }, "8": { - "type": "color", - "value": "#bbbfc4" + "$type": "color", + "$value": "#bbbfc4" }, "9": { - "type": "color", - "value": "#a6abb2" + "$type": "color", + "$value": "#a6abb2" }, "10": { - "type": "color", - "value": "#90969e" + "$type": "color", + "$value": "#90969e" }, "11": { - "type": "color", - "value": "#7a818c" + "$type": "color", + "$value": "#7a818c" }, "12": { - "type": "color", - "value": "#9ea3ab" + "$type": "color", + "$value": "#9ea3ab" }, "13": { - "type": "color", - "value": "#e1e3e5" + "$type": "color", + "$value": "#e1e3e5" }, "contrast-1": { - "type": "color", - "value": "#000000" + "$type": "color", + "$value": "#000000" }, "contrast-2": { - "type": "color", - "value": "#1b1b1d" + "$type": "color", + "$value": "#1b1b1d" } }, "brand1": { "1": { - "type": "color", - "value": "#2f1213" + "$type": "color", + "$value": "#2f1213" }, "2": { - "type": "color", - "value": "#3e1819" + "$type": "color", + "$value": "#3e1819" }, "3": { - "type": "color", - "value": "#522022" + "$type": "color", + "$value": "#522022" }, "4": { - "type": "color", - "value": "#68292b" + "$type": "color", + "$value": "#68292b" }, "5": { - "type": "color", - "value": "#7f3234" + "$type": "color", + "$value": "#7f3234" }, "6": { - "type": "color", - "value": "#8b3639" + "$type": "color", + "$value": "#8b3639" }, "7": { - "type": "color", - "value": "#bc494c" + "$type": "color", + "$value": "#bc494c" }, "8": { - "type": "color", - "value": "#f9a9ab" + "$type": "color", + "$value": "#f9a9ab" }, "9": { - "type": "color", - "value": "#9f3e41" + "$type": "color", + "$value": "#9f3e41" }, "10": { - "type": "color", - "value": "#7f3234" + "$type": "color", + "$value": "#7f3234" }, "11": { - "type": "color", - "value": "#612628" + "$type": "color", + "$value": "#612628" }, "12": { - "type": "color", - "value": "#f58083" + "$type": "color", + "$value": "#f58083" }, "13": { - "type": "color", - "value": "#fcdbdc" + "$type": "color", + "$value": "#fcdbdc" }, "contrast-1": { - "type": "color", - "value": "#ffffff" + "$type": "color", + "$value": "#ffffff" }, "contrast-2": { - "type": "color", - "value": "#fefefe" + "$type": "color", + "$value": "#fefefe" } }, "brand2": { "1": { - "type": "color", - "value": "#231a05" + "$type": "color", + "$value": "#231a05" }, "2": { - "type": "color", - "value": "#2d2206" + "$type": "color", + "$value": "#2d2206" }, "3": { - "type": "color", - "value": "#3d2e09" + "$type": "color", + "$value": "#3d2e09" }, "4": { - "type": "color", - "value": "#4f3a0b" + "$type": "color", + "$value": "#4f3a0b" }, "5": { - "type": "color", - "value": "#60470e" + "$type": "color", + "$value": "#60470e" }, "6": { - "type": "color", - "value": "#694d0f" + "$type": "color", + "$value": "#694d0f" }, "7": { - "type": "color", - "value": "#8e6914" + "$type": "color", + "$value": "#8e6914" }, "8": { - "type": "color", - "value": "#e8b744" + "$type": "color", + "$value": "#e8b744" }, "9": { - "type": "color", - "value": "#523c0b" + "$type": "color", + "$value": "#523c0b" }, "10": { - "type": "color", - "value": "#694d0f" + "$type": "color", + "$value": "#694d0f" }, "11": { - "type": "color", - "value": "#826112" + "$type": "color", + "$value": "#826112" }, "12": { - "type": "color", - "value": "#d09a1d" + "$type": "color", + "$value": "#d09a1d" }, "13": { - "type": "color", - "value": "#f5dfad" + "$type": "color", + "$value": "#f5dfad" }, "contrast-1": { - "type": "color", - "value": "#ffffff" + "$type": "color", + "$value": "#ffffff" }, "contrast-2": { - "type": "color", - "value": "#ddd9cf" + "$type": "color", + "$value": "#ddd9cf" } }, "brand3": { "1": { - "type": "color", - "value": "#061d30" + "$type": "color", + "$value": "#061d30" }, "2": { - "type": "color", - "value": "#07253c" + "$type": "color", + "$value": "#07253c" }, "3": { - "type": "color", - "value": "#0a3251" + "$type": "color", + "$value": "#0a3251" }, "4": { - "type": "color", - "value": "#0d4068" + "$type": "color", + "$value": "#0d4068" }, "5": { - "type": "color", - "value": "#0f4e7f" + "$type": "color", + "$value": "#0f4e7f" }, "6": { - "type": "color", - "value": "#11558a" + "$type": "color", + "$value": "#11558a" }, "7": { - "type": "color", - "value": "#1773b9" + "$type": "color", + "$value": "#1773b9" }, "8": { - "type": "color", - "value": "#81c5f9" + "$type": "color", + "$value": "#81c5f9" }, "9": { - "type": "color", - "value": "#13609a" + "$type": "color", + "$value": "#13609a" }, "10": { - "type": "color", - "value": "#0f4c7a" + "$type": "color", + "$value": "#0f4c7a" }, "11": { - "type": "color", - "value": "#0b3a5d" + "$type": "color", + "$value": "#0b3a5d" }, "12": { - "type": "color", - "value": "#44aaf7" + "$type": "color", + "$value": "#44aaf7" }, "13": { - "type": "color", - "value": "#c8e6fd" + "$type": "color", + "$value": "#c8e6fd" }, "contrast-1": { - "type": "color", - "value": "#ffffff" + "$type": "color", + "$value": "#ffffff" }, "contrast-2": { - "type": "color", - "value": "#fafcfd" + "$type": "color", + "$value": "#fafcfd" } } } diff --git a/design-tokens/primitives/modes/colors/dark/theme2.json b/design-tokens/primitives/modes/colors/dark/theme2.json index 599f2495fc..4567ceab3d 100644 --- a/design-tokens/primitives/modes/colors/dark/theme2.json +++ b/design-tokens/primitives/modes/colors/dark/theme2.json @@ -2,312 +2,312 @@ "theme2": { "accent": { "1": { - "type": "color", - "value": "#001c36" + "$type": "color", + "$value": "#001c36" }, "2": { - "type": "color", - "value": "#002545" + "$type": "color", + "$value": "#002545" }, "3": { - "type": "color", - "value": "#00315b" + "$type": "color", + "$value": "#00315b" }, "4": { - "type": "color", - "value": "#013f75" + "$type": "color", + "$value": "#013f75" }, "5": { - "type": "color", - "value": "#014b8e" + "$type": "color", + "$value": "#014b8e" }, "6": { - "type": "color", - "value": "#01539b" + "$type": "color", + "$value": "#01539b" }, "7": { - "type": "color", - "value": "#1971c0" + "$type": "color", + "$value": "#1971c0" }, "8": { - "type": "color", - "value": "#9bc2e4" + "$type": "color", + "$value": "#9bc2e4" }, "9": { - "type": "color", - "value": "#4b90ce" + "$type": "color", + "$value": "#4b90ce" }, "10": { - "type": "color", - "value": "#277ac4" + "$type": "color", + "$value": "#277ac4" }, "11": { - "type": "color", - "value": "#0163ba" + "$type": "color", + "$value": "#0163ba" }, "12": { - "type": "color", - "value": "#72a8d9" + "$type": "color", + "$value": "#72a8d9" }, "13": { - "type": "color", - "value": "#d1e3f3" + "$type": "color", + "$value": "#d1e3f3" }, "contrast-1": { - "type": "color", - "value": "#000000" + "$type": "color", + "$value": "#000000" }, "contrast-2": { - "type": "color", - "value": "#0d1823" + "$type": "color", + "$value": "#0d1823" } }, "neutral": { "1": { - "type": "color", - "value": "#131c27" + "$type": "color", + "$value": "#131c27" }, "2": { - "type": "color", - "value": "#192433" + "$type": "color", + "$value": "#192433" }, "3": { - "type": "color", - "value": "#243142" + "$type": "color", + "$value": "#243142" }, "4": { - "type": "color", - "value": "#333e4e" + "$type": "color", + "$value": "#333e4e" }, "5": { - "type": "color", - "value": "#424d5b" + "$type": "color", + "$value": "#424d5b" }, "6": { - "type": "color", - "value": "#495361" + "$type": "color", + "$value": "#495361" }, "7": { - "type": "color", - "value": "#67707c" + "$type": "color", + "$value": "#67707c" }, "8": { - "type": "color", - "value": "#bbbfc4" + "$type": "color", + "$value": "#bbbfc4" }, "9": { - "type": "color", - "value": "#a6abb2" + "$type": "color", + "$value": "#a6abb2" }, "10": { - "type": "color", - "value": "#90969e" + "$type": "color", + "$value": "#90969e" }, "11": { - "type": "color", - "value": "#7a818c" + "$type": "color", + "$value": "#7a818c" }, "12": { - "type": "color", - "value": "#9ea3ab" + "$type": "color", + "$value": "#9ea3ab" }, "13": { - "type": "color", - "value": "#e1e3e5" + "$type": "color", + "$value": "#e1e3e5" }, "contrast-1": { - "type": "color", - "value": "#000000" + "$type": "color", + "$value": "#000000" }, "contrast-2": { - "type": "color", - "value": "#1b1b1d" + "$type": "color", + "$value": "#1b1b1d" } }, "brand1": { "1": { - "type": "color", - "value": "#001c36" + "$type": "color", + "$value": "#001c36" }, "2": { - "type": "color", - "value": "#002545" + "$type": "color", + "$value": "#002545" }, "3": { - "type": "color", - "value": "#00315b" + "$type": "color", + "$value": "#00315b" }, "4": { - "type": "color", - "value": "#013f75" + "$type": "color", + "$value": "#013f75" }, "5": { - "type": "color", - "value": "#014b8e" + "$type": "color", + "$value": "#014b8e" }, "6": { - "type": "color", - "value": "#01539b" + "$type": "color", + "$value": "#01539b" }, "7": { - "type": "color", - "value": "#1971c0" + "$type": "color", + "$value": "#1971c0" }, "8": { - "type": "color", - "value": "#9bc2e4" + "$type": "color", + "$value": "#9bc2e4" }, "9": { - "type": "color", - "value": "#4b90ce" + "$type": "color", + "$value": "#4b90ce" }, "10": { - "type": "color", - "value": "#277ac4" + "$type": "color", + "$value": "#277ac4" }, "11": { - "type": "color", - "value": "#0163ba" + "$type": "color", + "$value": "#0163ba" }, "12": { - "type": "color", - "value": "#72a8d9" + "$type": "color", + "$value": "#72a8d9" }, "13": { - "type": "color", - "value": "#d1e3f3" + "$type": "color", + "$value": "#d1e3f3" }, "contrast-1": { - "type": "color", - "value": "#000000" + "$type": "color", + "$value": "#000000" }, "contrast-2": { - "type": "color", - "value": "#0d1823" + "$type": "color", + "$value": "#0d1823" } }, "brand2": { "1": { - "type": "color", - "value": "#1e182f" + "$type": "color", + "$value": "#1e182f" }, "2": { - "type": "color", - "value": "#271f3c" + "$type": "color", + "$value": "#271f3c" }, "3": { - "type": "color", - "value": "#352952" + "$type": "color", + "$value": "#352952" }, "4": { - "type": "color", - "value": "#433665" + "$type": "color", + "$value": "#433665" }, "5": { - "type": "color", - "value": "#514570" + "$type": "color", + "$value": "#514570" }, "6": { - "type": "color", - "value": "#584b75" + "$type": "color", + "$value": "#584b75" }, "7": { - "type": "color", - "value": "#746a8d" + "$type": "color", + "$value": "#746a8d" }, "8": { - "type": "color", - "value": "#c0bccb" + "$type": "color", + "$value": "#c0bccb" }, "9": { - "type": "color", - "value": "#aea8bc" + "$type": "color", + "$value": "#aea8bc" }, "10": { - "type": "color", - "value": "#9992ab" + "$type": "color", + "$value": "#9992ab" }, "11": { - "type": "color", - "value": "#857d9b" + "$type": "color", + "$value": "#857d9b" }, "12": { - "type": "color", - "value": "#a6a0b6" + "$type": "color", + "$value": "#a6a0b6" }, "13": { - "type": "color", - "value": "#e3e1e8" + "$type": "color", + "$value": "#e3e1e8" }, "contrast-1": { - "type": "color", - "value": "#000000" + "$type": "color", + "$value": "#000000" }, "contrast-2": { - "type": "color", - "value": "#1c1b1f" + "$type": "color", + "$value": "#1c1b1f" } }, "brand3": { "1": { - "type": "color", - "value": "#370c12" + "$type": "color", + "$value": "#370c12" }, "2": { - "type": "color", - "value": "#460f17" + "$type": "color", + "$value": "#460f17" }, "3": { - "type": "color", - "value": "#5f141f" + "$type": "color", + "$value": "#5f141f" }, "4": { - "type": "color", - "value": "#761927" + "$type": "color", + "$value": "#761927" }, "5": { - "type": "color", - "value": "#901e30" + "$type": "color", + "$value": "#901e30" }, "6": { - "type": "color", - "value": "#9d2134" + "$type": "color", + "$value": "#9d2134" }, "7": { - "type": "color", - "value": "#d32c46" + "$type": "color", + "$value": "#d32c46" }, "8": { - "type": "color", - "value": "#f2abb6" + "$type": "color", + "$value": "#f2abb6" }, "9": { - "type": "color", - "value": "#e02f4a" + "$type": "color", + "$value": "#e02f4a" }, "10": { - "type": "color", - "value": "#bc273e" + "$type": "color", + "$value": "#bc273e" }, "11": { - "type": "color", - "value": "#982032" + "$type": "color", + "$value": "#982032" }, "12": { - "type": "color", - "value": "#ed8494" + "$type": "color", + "$value": "#ed8494" }, "13": { - "type": "color", - "value": "#f9dadf" + "$type": "color", + "$value": "#f9dadf" }, "contrast-1": { - "type": "color", - "value": "#000000" + "$type": "color", + "$value": "#000000" }, "contrast-2": { - "type": "color", - "value": "#000000" + "$type": "color", + "$value": "#000000" } } } diff --git a/design-tokens/primitives/modes/colors/dark/theme3.json b/design-tokens/primitives/modes/colors/dark/theme3.json index 38ae599c61..29e3914476 100644 --- a/design-tokens/primitives/modes/colors/dark/theme3.json +++ b/design-tokens/primitives/modes/colors/dark/theme3.json @@ -2,312 +2,312 @@ "theme3": { "accent": { "1": { - "type": "color", - "value": "#001c36" + "$type": "color", + "$value": "#001c36" }, "2": { - "type": "color", - "value": "#002545" + "$type": "color", + "$value": "#002545" }, "3": { - "type": "color", - "value": "#00315b" + "$type": "color", + "$value": "#00315b" }, "4": { - "type": "color", - "value": "#013f75" + "$type": "color", + "$value": "#013f75" }, "5": { - "type": "color", - "value": "#014b8e" + "$type": "color", + "$value": "#014b8e" }, "6": { - "type": "color", - "value": "#01539b" + "$type": "color", + "$value": "#01539b" }, "7": { - "type": "color", - "value": "#1971c0" + "$type": "color", + "$value": "#1971c0" }, "8": { - "type": "color", - "value": "#9bc2e4" + "$type": "color", + "$value": "#9bc2e4" }, "9": { - "type": "color", - "value": "#4b90ce" + "$type": "color", + "$value": "#4b90ce" }, "10": { - "type": "color", - "value": "#277ac4" + "$type": "color", + "$value": "#277ac4" }, "11": { - "type": "color", - "value": "#0163ba" + "$type": "color", + "$value": "#0163ba" }, "12": { - "type": "color", - "value": "#72a8d9" + "$type": "color", + "$value": "#72a8d9" }, "13": { - "type": "color", - "value": "#d1e3f3" + "$type": "color", + "$value": "#d1e3f3" }, "contrast-1": { - "type": "color", - "value": "#000000" + "$type": "color", + "$value": "#000000" }, "contrast-2": { - "type": "color", - "value": "#0d1823" + "$type": "color", + "$value": "#0d1823" } }, "neutral": { "1": { - "type": "color", - "value": "#131c27" + "$type": "color", + "$value": "#131c27" }, "2": { - "type": "color", - "value": "#192433" + "$type": "color", + "$value": "#192433" }, "3": { - "type": "color", - "value": "#243142" + "$type": "color", + "$value": "#243142" }, "4": { - "type": "color", - "value": "#333e4e" + "$type": "color", + "$value": "#333e4e" }, "5": { - "type": "color", - "value": "#424d5b" + "$type": "color", + "$value": "#424d5b" }, "6": { - "type": "color", - "value": "#495361" + "$type": "color", + "$value": "#495361" }, "7": { - "type": "color", - "value": "#67707c" + "$type": "color", + "$value": "#67707c" }, "8": { - "type": "color", - "value": "#bbbfc4" + "$type": "color", + "$value": "#bbbfc4" }, "9": { - "type": "color", - "value": "#a6abb2" + "$type": "color", + "$value": "#a6abb2" }, "10": { - "type": "color", - "value": "#90969e" + "$type": "color", + "$value": "#90969e" }, "11": { - "type": "color", - "value": "#7a818c" + "$type": "color", + "$value": "#7a818c" }, "12": { - "type": "color", - "value": "#9ea3ab" + "$type": "color", + "$value": "#9ea3ab" }, "13": { - "type": "color", - "value": "#e1e3e5" + "$type": "color", + "$value": "#e1e3e5" }, "contrast-1": { - "type": "color", - "value": "#000000" + "$type": "color", + "$value": "#000000" }, "contrast-2": { - "type": "color", - "value": "#1b1b1d" + "$type": "color", + "$value": "#1b1b1d" } }, "brand1": { "1": { - "type": "color", - "value": "#171835" + "$type": "color", + "$value": "#171835" }, "2": { - "type": "color", - "value": "#1e1f45" + "$type": "color", + "$value": "#1e1f45" }, "3": { - "type": "color", - "value": "#292b5e" + "$type": "color", + "$value": "#292b5e" }, "4": { - "type": "color", - "value": "#343677" + "$type": "color", + "$value": "#343677" }, "5": { - "type": "color", - "value": "#3f4391" + "$type": "color", + "$value": "#3f4391" }, "6": { - "type": "color", - "value": "#45499f" + "$type": "color", + "$value": "#45499f" }, "7": { - "type": "color", - "value": "#5e63d2" + "$type": "color", + "$value": "#5e63d2" }, "8": { - "type": "color", - "value": "#b8baeb" + "$type": "color", + "$value": "#b8baeb" }, "9": { - "type": "color", - "value": "#7377d8" + "$type": "color", + "$value": "#7377d8" }, "10": { - "type": "color", - "value": "#5b60d1" + "$type": "color", + "$value": "#5b60d1" }, "11": { - "type": "color", - "value": "#4b4fad" + "$type": "color", + "$value": "#4b4fad" }, "12": { - "type": "color", - "value": "#999de3" + "$type": "color", + "$value": "#999de3" }, "13": { - "type": "color", - "value": "#dfe0f6" + "$type": "color", + "$value": "#dfe0f6" }, "contrast-1": { - "type": "color", - "value": "#000000" + "$type": "color", + "$value": "#000000" }, "contrast-2": { - "type": "color", - "value": "#0d0d18" + "$type": "color", + "$value": "#0d0d18" } }, "brand2": { "1": { - "type": "color", - "value": "#25190f" + "$type": "color", + "$value": "#25190f" }, "2": { - "type": "color", - "value": "#312014" + "$type": "color", + "$value": "#312014" }, "3": { - "type": "color", - "value": "#422b1b" + "$type": "color", + "$value": "#422b1b" }, "4": { - "type": "color", - "value": "#543823" + "$type": "color", + "$value": "#543823" }, "5": { - "type": "color", - "value": "#67442a" + "$type": "color", + "$value": "#67442a" }, "6": { - "type": "color", - "value": "#704a2e" + "$type": "color", + "$value": "#704a2e" }, "7": { - "type": "color", - "value": "#97643f" + "$type": "color", + "$value": "#97643f" }, "8": { - "type": "color", - "value": "#feab70" + "$type": "color", + "$value": "#feab70" }, "9": { - "type": "color", - "value": "#4e3420" + "$type": "color", + "$value": "#4e3420" }, "10": { - "type": "color", - "value": "#67442a" + "$type": "color", + "$value": "#67442a" }, "11": { - "type": "color", - "value": "#815535" + "$type": "color", + "$value": "#815535" }, "12": { - "type": "color", - "value": "#dd915b" + "$type": "color", + "$value": "#dd915b" }, "13": { - "type": "color", - "value": "#ffdac0" + "$type": "color", + "$value": "#ffdac0" }, "contrast-1": { - "type": "color", - "value": "#ffffff" + "$type": "color", + "$value": "#ffffff" }, "contrast-2": { - "type": "color", - "value": "#d6d0cb" + "$type": "color", + "$value": "#d6d0cb" } }, "brand3": { "1": { - "type": "color", - "value": "#121e1b" + "$type": "color", + "$value": "#121e1b" }, "2": { - "type": "color", - "value": "#162622" + "$type": "color", + "$value": "#162622" }, "3": { - "type": "color", - "value": "#1e342f" + "$type": "color", + "$value": "#1e342f" }, "4": { - "type": "color", - "value": "#26423b" + "$type": "color", + "$value": "#26423b" }, "5": { - "type": "color", - "value": "#2f5148" + "$type": "color", + "$value": "#2f5148" }, "6": { - "type": "color", - "value": "#335a50" + "$type": "color", + "$value": "#335a50" }, "7": { - "type": "color", - "value": "#45786b" + "$type": "color", + "$value": "#45786b" }, "8": { - "type": "color", - "value": "#9cc6bb" + "$type": "color", + "$value": "#9cc6bb" }, "9": { - "type": "color", - "value": "#376056" + "$type": "color", + "$value": "#376056" }, "10": { - "type": "color", - "value": "#2c4c44" + "$type": "color", + "$value": "#2c4c44" }, "11": { - "type": "color", - "value": "#213933" + "$type": "color", + "$value": "#213933" }, "12": { - "type": "color", - "value": "#73ae9f" + "$type": "color", + "$value": "#73ae9f" }, "13": { - "type": "color", - "value": "#d3e6e1" + "$type": "color", + "$value": "#d3e6e1" }, "contrast-1": { - "type": "color", - "value": "#ffffff" + "$type": "color", + "$value": "#ffffff" }, "contrast-2": { - "type": "color", - "value": "#f9fafa" + "$type": "color", + "$value": "#f9fafa" } } } diff --git a/design-tokens/primitives/modes/colors/dark/theme4.json b/design-tokens/primitives/modes/colors/dark/theme4.json index 07f32d1e1c..34b1ec102e 100644 --- a/design-tokens/primitives/modes/colors/dark/theme4.json +++ b/design-tokens/primitives/modes/colors/dark/theme4.json @@ -2,312 +2,312 @@ "theme4": { "accent": { "1": { - "type": "color", - "value": "#2a0945" + "$type": "color", + "$value": "#2a0945" }, "2": { - "type": "color", - "value": "#360b58" + "$type": "color", + "$value": "#360b58" }, "3": { - "type": "color", - "value": "#480f74" + "$type": "color", + "$value": "#480f74" }, "4": { - "type": "color", - "value": "#581f85" + "$type": "color", + "$value": "#581f85" }, "5": { - "type": "color", - "value": "#66328f" + "$type": "color", + "$value": "#66328f" }, "6": { - "type": "color", - "value": "#6d3b94" + "$type": "color", + "$value": "#6d3b94" }, "7": { - "type": "color", - "value": "#875ea8" + "$type": "color", + "$value": "#875ea8" }, "8": { - "type": "color", - "value": "#c9b7d8" + "$type": "color", + "$value": "#c9b7d8" }, "9": { - "type": "color", - "value": "#baa2cc" + "$type": "color", + "$value": "#baa2cc" }, "10": { - "type": "color", - "value": "#a88abf" + "$type": "color", + "$value": "#a88abf" }, "11": { - "type": "color", - "value": "#9773b3" + "$type": "color", + "$value": "#9773b3" }, "12": { - "type": "color", - "value": "#b399c7" + "$type": "color", + "$value": "#b399c7" }, "13": { - "type": "color", - "value": "#e8e0ee" + "$type": "color", + "$value": "#e8e0ee" }, "contrast-1": { - "type": "color", - "value": "#000000" + "$type": "color", + "$value": "#000000" }, "contrast-2": { - "type": "color", - "value": "#1d1a20" + "$type": "color", + "$value": "#1d1a20" } }, "neutral": { "1": { - "type": "color", - "value": "#131c27" + "$type": "color", + "$value": "#131c27" }, "2": { - "type": "color", - "value": "#192433" + "$type": "color", + "$value": "#192433" }, "3": { - "type": "color", - "value": "#243142" + "$type": "color", + "$value": "#243142" }, "4": { - "type": "color", - "value": "#333e4e" + "$type": "color", + "$value": "#333e4e" }, "5": { - "type": "color", - "value": "#424d5b" + "$type": "color", + "$value": "#424d5b" }, "6": { - "type": "color", - "value": "#495361" + "$type": "color", + "$value": "#495361" }, "7": { - "type": "color", - "value": "#67707c" + "$type": "color", + "$value": "#67707c" }, "8": { - "type": "color", - "value": "#bbbfc4" + "$type": "color", + "$value": "#bbbfc4" }, "9": { - "type": "color", - "value": "#a6abb2" + "$type": "color", + "$value": "#a6abb2" }, "10": { - "type": "color", - "value": "#90969e" + "$type": "color", + "$value": "#90969e" }, "11": { - "type": "color", - "value": "#7a818c" + "$type": "color", + "$value": "#7a818c" }, "12": { - "type": "color", - "value": "#9ea3ab" + "$type": "color", + "$value": "#9ea3ab" }, "13": { - "type": "color", - "value": "#e1e3e5" + "$type": "color", + "$value": "#e1e3e5" }, "contrast-1": { - "type": "color", - "value": "#000000" + "$type": "color", + "$value": "#000000" }, "contrast-2": { - "type": "color", - "value": "#1b1b1d" + "$type": "color", + "$value": "#1b1b1d" } }, "brand1": { "1": { - "type": "color", - "value": "#251432" + "$type": "color", + "$value": "#251432" }, "2": { - "type": "color", - "value": "#2f1a40" + "$type": "color", + "$value": "#2f1a40" }, "3": { - "type": "color", - "value": "#402358" + "$type": "color", + "$value": "#402358" }, "4": { - "type": "color", - "value": "#512c6e" + "$type": "color", + "$value": "#512c6e" }, "5": { - "type": "color", - "value": "#633687" + "$type": "color", + "$value": "#633687" }, "6": { - "type": "color", - "value": "#6c3b93" + "$type": "color", + "$value": "#6c3b93" }, "7": { - "type": "color", - "value": "#9250c7" + "$type": "color", + "$value": "#9250c7" }, "8": { - "type": "color", - "value": "#d3b0ee" + "$type": "color", + "$value": "#d3b0ee" }, "9": { - "type": "color", - "value": "#9552cb" + "$type": "color", + "$value": "#9552cb" }, "10": { - "type": "color", - "value": "#7b44a8" + "$type": "color", + "$value": "#7b44a8" }, "11": { - "type": "color", - "value": "#633687" + "$type": "color", + "$value": "#633687" }, "12": { - "type": "color", - "value": "#c08ee7" + "$type": "color", + "$value": "#c08ee7" }, "13": { - "type": "color", - "value": "#ecddf8" + "$type": "color", + "$value": "#ecddf8" }, "contrast-1": { - "type": "color", - "value": "#ffffff" + "$type": "color", + "$value": "#ffffff" }, "contrast-2": { - "type": "color", - "value": "#fbf8fd" + "$type": "color", + "$value": "#fbf8fd" } }, "brand2": { "1": { - "type": "color", - "value": "#281429" + "$type": "color", + "$value": "#281429" }, "2": { - "type": "color", - "value": "#331a35" + "$type": "color", + "$value": "#331a35" }, "3": { - "type": "color", - "value": "#462447" + "$type": "color", + "$value": "#462447" }, "4": { - "type": "color", - "value": "#582d5a" + "$type": "color", + "$value": "#582d5a" }, "5": { - "type": "color", - "value": "#6c376e" + "$type": "color", + "$value": "#6c376e" }, "6": { - "type": "color", - "value": "#753d78" + "$type": "color", + "$value": "#753d78" }, "7": { - "type": "color", - "value": "#9f52a2" + "$type": "color", + "$value": "#9f52a2" }, "8": { - "type": "color", - "value": "#eba8ee" + "$type": "color", + "$value": "#eba8ee" }, "9": { - "type": "color", - "value": "#753d78" + "$type": "color", + "$value": "#753d78" }, "10": { - "type": "color", - "value": "#5b2f5e" + "$type": "color", + "$value": "#5b2f5e" }, "11": { - "type": "color", - "value": "#422244" + "$type": "color", + "$value": "#422244" }, "12": { - "type": "color", - "value": "#e17ee6" + "$type": "color", + "$value": "#e17ee6" }, "13": { - "type": "color", - "value": "#f6d9f8" + "$type": "color", + "$value": "#f6d9f8" }, "contrast-1": { - "type": "color", - "value": "#ffffff" + "$type": "color", + "$value": "#ffffff" }, "contrast-2": { - "type": "color", - "value": "#f4eff4" + "$type": "color", + "$value": "#f4eff4" } }, "brand3": { "1": { - "type": "color", - "value": "#2b1323" + "$type": "color", + "$value": "#2b1323" }, "2": { - "type": "color", - "value": "#38192e" + "$type": "color", + "$value": "#38192e" }, "3": { - "type": "color", - "value": "#4b223e" + "$type": "color", + "$value": "#4b223e" }, "4": { - "type": "color", - "value": "#5f2b4e" + "$type": "color", + "$value": "#5f2b4e" }, "5": { - "type": "color", - "value": "#74355f" + "$type": "color", + "$value": "#74355f" }, "6": { - "type": "color", - "value": "#7f3a68" + "$type": "color", + "$value": "#7f3a68" }, "7": { - "type": "color", - "value": "#ab4e8d" + "$type": "color", + "$value": "#ab4e8d" }, "8": { - "type": "color", - "value": "#f1a7d9" + "$type": "color", + "$value": "#f1a7d9" }, "9": { - "type": "color", - "value": "#863d6e" + "$type": "color", + "$value": "#863d6e" }, "10": { - "type": "color", - "value": "#693057" + "$type": "color", + "$value": "#693057" }, "11": { - "type": "color", - "value": "#4e2440" + "$type": "color", + "$value": "#4e2440" }, "12": { - "type": "color", - "value": "#eb7dc7" + "$type": "color", + "$value": "#eb7dc7" }, "13": { - "type": "color", - "value": "#f9daef" + "$type": "color", + "$value": "#f9daef" }, "contrast-1": { - "type": "color", - "value": "#ffffff" + "$type": "color", + "$value": "#ffffff" }, "contrast-2": { - "type": "color", - "value": "#f8f4f7" + "$type": "color", + "$value": "#f8f4f7" } } } diff --git a/design-tokens/primitives/modes/colors/light/global.json b/design-tokens/primitives/modes/colors/light/global.json index cbafa843cd..b44b9287b2 100644 --- a/design-tokens/primitives/modes/colors/light/global.json +++ b/design-tokens/primitives/modes/colors/light/global.json @@ -2,374 +2,374 @@ "global": { "blue": { "1": { - "type": "color", - "value": "#fefeff" + "$type": "color", + "$value": "#fefeff" }, "2": { - "type": "color", - "value": "#edf5fa" + "$type": "color", + "$value": "#edf5fa" }, "3": { - "type": "color", - "value": "#d3e5f4" + "$type": "color", + "$value": "#d3e5f4" }, "4": { - "type": "color", - "value": "#b7d5ed" + "$type": "color", + "$value": "#b7d5ed" }, "5": { - "type": "color", - "value": "#9bc5e5" + "$type": "color", + "$value": "#9bc5e5" }, "6": { - "type": "color", - "value": "#94c1e3" + "$type": "color", + "$value": "#94c1e3" }, "7": { - "type": "color", - "value": "#2f86c9" + "$type": "color", + "$value": "#2f86c9" }, "8": { - "type": "color", - "value": "#075089" + "$type": "color", + "$value": "#075089" }, "9": { - "type": "color", - "value": "#0A71C0" + "$type": "color", + "$value": "#0A71C0" }, "10": { - "type": "color", - "value": "#085ea0" + "$type": "color", + "$value": "#085ea0" }, "11": { - "type": "color", - "value": "#074b80" + "$type": "color", + "$value": "#074b80" }, "12": { - "type": "color", - "value": "#0966ac" + "$type": "color", + "$value": "#0966ac" }, "13": { - "type": "color", - "value": "#042d4d" + "$type": "color", + "$value": "#042d4d" }, "contrast-1": { - "type": "color", - "value": "#ffffff" + "$type": "color", + "$value": "#ffffff" }, "contrast-2": { - "type": "color", - "value": "#f3f8fc" + "$type": "color", + "$value": "#f3f8fc" } }, "green": { "1": { - "type": "color", - "value": "#fcfefc" + "$type": "color", + "$value": "#fcfefc" }, "2": { - "type": "color", - "value": "#ecf6ed" + "$type": "color", + "$value": "#ecf6ed" }, "3": { - "type": "color", - "value": "#cfe9d3" + "$type": "color", + "$value": "#cfe9d3" }, "4": { - "type": "color", - "value": "#b3dcb8" + "$type": "color", + "$value": "#b3dcb8" }, "5": { - "type": "color", - "value": "#95ce9d" + "$type": "color", + "$value": "#95ce9d" }, "6": { - "type": "color", - "value": "#8bca94" + "$type": "color", + "$value": "#8bca94" }, "7": { - "type": "color", - "value": "#189528" + "$type": "color", + "$value": "#189528" }, "8": { - "type": "color", - "value": "#045a10" + "$type": "color", + "$value": "#045a10" }, "9": { - "type": "color", - "value": "#078D19" + "$type": "color", + "$value": "#078D19" }, "10": { - "type": "color", - "value": "#067615" + "$type": "color", + "$value": "#067615" }, "11": { - "type": "color", - "value": "#056011" + "$type": "color", + "$value": "#056011" }, "12": { - "type": "color", - "value": "#067314" + "$type": "color", + "$value": "#067314" }, "13": { - "type": "color", - "value": "#033409" + "$type": "color", + "$value": "#033409" }, "contrast-1": { - "type": "color", - "value": "#000000" + "$type": "color", + "$value": "#000000" }, "contrast-2": { - "type": "color", - "value": "#000401" + "$type": "color", + "$value": "#000401" } }, "orange": { "1": { - "type": "color", - "value": "#fffefd" + "$type": "color", + "$value": "#fffefd" }, "2": { - "type": "color", - "value": "#fbf1ec" + "$type": "color", + "$value": "#fbf1ec" }, "3": { - "type": "color", - "value": "#f4ddd0" + "$type": "color", + "$value": "#f4ddd0" }, "4": { - "type": "color", - "value": "#eecab7" + "$type": "color", + "$value": "#eecab7" }, "5": { - "type": "color", - "value": "#e7b69c" + "$type": "color", + "$value": "#e7b69c" }, "6": { - "type": "color", - "value": "#e5b094" + "$type": "color", + "$value": "#e5b094" }, "7": { - "type": "color", - "value": "#cc632b" + "$type": "color", + "$value": "#cc632b" }, "8": { - "type": "color", - "value": "#7e3a15" + "$type": "color", + "$value": "#7e3a15" }, "9": { - "type": "color", - "value": "#CA5C21" + "$type": "color", + "$value": "#CA5C21" }, "10": { - "type": "color", - "value": "#a94d1c" + "$type": "color", + "$value": "#a94d1c" }, "11": { - "type": "color", - "value": "#8a3f17" + "$type": "color", + "$value": "#8a3f17" }, "12": { - "type": "color", - "value": "#a1491a" + "$type": "color", + "$value": "#a1491a" }, "13": { - "type": "color", - "value": "#47210c" + "$type": "color", + "$value": "#47210c" }, "contrast-1": { - "type": "color", - "value": "#000000" + "$type": "color", + "$value": "#000000" }, "contrast-2": { - "type": "color", - "value": "#0d0602" + "$type": "color", + "$value": "#0d0602" } }, "purple": { "1": { - "type": "color", - "value": "#fefefe" + "$type": "color", + "$value": "#fefefe" }, "2": { - "type": "color", - "value": "#f5f2f9" + "$type": "color", + "$value": "#f5f2f9" }, "3": { - "type": "color", - "value": "#e7dfef" + "$type": "color", + "$value": "#e7dfef" }, "4": { - "type": "color", - "value": "#d9cce6" + "$type": "color", + "$value": "#d9cce6" }, "5": { - "type": "color", - "value": "#ccbadd" + "$type": "color", + "$value": "#ccbadd" }, "6": { - "type": "color", - "value": "#c7b4da" + "$type": "color", + "$value": "#c7b4da" }, "7": { - "type": "color", - "value": "#9572b9" + "$type": "color", + "$value": "#9572b9" }, "8": { - "type": "color", - "value": "#663399" + "$type": "color", + "$value": "#663399" }, "9": { - "type": "color", - "value": "#663299" + "$type": "color", + "$value": "#663299" }, "10": { - "type": "color", - "value": "#4f2777" + "$type": "color", + "$value": "#4f2777" }, "11": { - "type": "color", - "value": "#381b54" + "$type": "color", + "$value": "#381b54" }, "12": { - "type": "color", - "value": "#7b4ea7" + "$type": "color", + "$value": "#7b4ea7" }, "13": { - "type": "color", - "value": "#3b1d59" + "$type": "color", + "$value": "#3b1d59" }, "contrast-1": { - "type": "color", - "value": "#ffffff" + "$type": "color", + "$value": "#ffffff" }, "contrast-2": { - "type": "color", - "value": "#eee8f3" + "$type": "color", + "$value": "#eee8f3" } }, "red": { "1": { - "type": "color", - "value": "#fffefe" + "$type": "color", + "$value": "#fffefe" }, "2": { - "type": "color", - "value": "#fbf1f1" + "$type": "color", + "$value": "#fbf1f1" }, "3": { - "type": "color", - "value": "#f5dcdc" + "$type": "color", + "$value": "#f5dcdc" }, "4": { - "type": "color", - "value": "#f0c7c7" + "$type": "color", + "$value": "#f0c7c7" }, "5": { - "type": "color", - "value": "#eab3b3" + "$type": "color", + "$value": "#eab3b3" }, "6": { - "type": "color", - "value": "#e8acac" + "$type": "color", + "$value": "#e8acac" }, "7": { - "type": "color", - "value": "#d25b5b" + "$type": "color", + "$value": "#d25b5b" }, "8": { - "type": "color", - "value": "#9a1616" + "$type": "color", + "$value": "#9a1616" }, "9": { - "type": "color", - "value": "#C01B1B" + "$type": "color", + "$value": "#C01B1B" }, "10": { - "type": "color", - "value": "#9a1616" + "$type": "color", + "$value": "#9a1616" }, "11": { - "type": "color", - "value": "#771111" + "$type": "color", + "$value": "#771111" }, "12": { - "type": "color", - "value": "#c22020" + "$type": "color", + "$value": "#c22020" }, "13": { - "type": "color", - "value": "#5a0d0d" + "$type": "color", + "$value": "#5a0d0d" }, "contrast-1": { - "type": "color", - "value": "#ffffff" + "$type": "color", + "$value": "#ffffff" }, "contrast-2": { - "type": "color", - "value": "#f6dfdf" + "$type": "color", + "$value": "#f6dfdf" } }, "yellow": { "1": { - "type": "color", - "value": "#fffefc" + "$type": "color", + "$value": "#fffefc" }, "2": { - "type": "color", - "value": "#fbf2d3" + "$type": "color", + "$value": "#fbf2d3" }, "3": { - "type": "color", - "value": "#f5e19b" + "$type": "color", + "$value": "#f5e19b" }, "4": { - "type": "color", - "value": "#efcf5d" + "$type": "color", + "$value": "#efcf5d" }, "5": { - "type": "color", - "value": "#e6bc27" + "$type": "color", + "$value": "#e6bc27" }, "6": { - "type": "color", - "value": "#e0b726" + "$type": "color", + "$value": "#e0b726" }, "7": { - "type": "color", - "value": "#9a7e1a" + "$type": "color", + "$value": "#9a7e1a" }, "8": { - "type": "color", - "value": "#5d4c10" + "$type": "color", + "$value": "#5d4c10" }, "9": { - "type": "color", - "value": "#EABF28" + "$type": "color", + "$value": "#EABF28" }, "10": { - "type": "color", - "value": "#d0aa24" + "$type": "color", + "$value": "#d0aa24" }, "11": { - "type": "color", - "value": "#b7951f" + "$type": "color", + "$value": "#b7951f" }, "12": { - "type": "color", - "value": "#776114" + "$type": "color", + "$value": "#776114" }, "13": { - "type": "color", - "value": "#352b09" + "$type": "color", + "$value": "#352b09" }, "contrast-1": { - "type": "color", - "value": "#000000" + "$type": "color", + "$value": "#000000" }, "contrast-2": { - "type": "color", - "value": "#382d0a" + "$type": "color", + "$value": "#382d0a" } } } diff --git a/design-tokens/primitives/modes/colors/light/theme.json b/design-tokens/primitives/modes/colors/light/theme.json index df4fa2faf3..33452fbda2 100644 --- a/design-tokens/primitives/modes/colors/light/theme.json +++ b/design-tokens/primitives/modes/colors/light/theme.json @@ -2,312 +2,312 @@ "theme": { "accent": { "1": { - "type": "color", - "value": "#fefeff" + "$type": "color", + "$value": "#fefeff" }, "2": { - "type": "color", - "value": "#eef4fa" + "$type": "color", + "$value": "#eef4fa" }, "3": { - "type": "color", - "value": "#d1e3f3" + "$type": "color", + "$value": "#d1e3f3" }, "4": { - "type": "color", - "value": "#bad5ec" + "$type": "color", + "$value": "#bad5ec" }, "5": { - "type": "color", - "value": "#a1c5e5" + "$type": "color", + "$value": "#a1c5e5" }, "6": { - "type": "color", - "value": "#97bfe3" + "$type": "color", + "$value": "#97bfe3" }, "7": { - "type": "color", - "value": "#3885c9" + "$type": "color", + "$value": "#3885c9" }, "8": { - "type": "color", - "value": "#014e93" + "$type": "color", + "$value": "#014e93" }, "9": { - "type": "color", - "value": "#0163ba" + "$type": "color", + "$value": "#0163ba" }, "10": { - "type": "color", - "value": "#015097" + "$type": "color", + "$value": "#015097" }, "11": { - "type": "color", - "value": "#013f75" + "$type": "color", + "$value": "#013f75" }, "12": { - "type": "color", - "value": "#0163ba" + "$type": "color", + "$value": "#0163ba" }, "13": { - "type": "color", - "value": "#002d54" + "$type": "color", + "$value": "#002d54" }, "contrast-1": { - "type": "color", - "value": "#ffffff" + "$type": "color", + "$value": "#ffffff" }, "contrast-2": { - "type": "color", - "value": "#dbe9f5" + "$type": "color", + "$value": "#dbe9f5" } }, "neutral": { "1": { - "type": "color", - "value": "#fefefe" + "$type": "color", + "$value": "#fefefe" }, "2": { - "type": "color", - "value": "#f3f4f5" + "$type": "color", + "$value": "#f3f4f5" }, "3": { - "type": "color", - "value": "#e1e3e5" + "$type": "color", + "$value": "#e1e3e5" }, "4": { - "type": "color", - "value": "#ced1d4" + "$type": "color", + "$value": "#ced1d4" }, "5": { - "type": "color", - "value": "#bdc1c6" + "$type": "color", + "$value": "#bdc1c6" }, "6": { - "type": "color", - "value": "#b8bcc1" + "$type": "color", + "$value": "#b8bcc1" }, "7": { - "type": "color", - "value": "#7a818c" + "$type": "color", + "$value": "#7a818c" }, "8": { - "type": "color", - "value": "#444e5d" + "$type": "color", + "$value": "#444e5d" }, "9": { - "type": "color", - "value": "#1e2b3c" + "$type": "color", + "$value": "#1e2b3c" }, "10": { - "type": "color", - "value": "#303c4b" + "$type": "color", + "$value": "#303c4b" }, "11": { - "type": "color", - "value": "#444e5d" + "$type": "color", + "$value": "#444e5d" }, "12": { - "type": "color", - "value": "#5b6471" + "$type": "color", + "$value": "#5b6471" }, "13": { - "type": "color", - "value": "#202c3d" + "$type": "color", + "$value": "#202c3d" }, "contrast-1": { - "type": "color", - "value": "#ffffff" + "$type": "color", + "$value": "#ffffff" }, "contrast-2": { - "type": "color", - "value": "#bbbfc4" + "$type": "color", + "$value": "#bbbfc4" } }, "brand1": { "1": { - "type": "color", - "value": "#fffefe" + "$type": "color", + "$value": "#fffefe" }, "2": { - "type": "color", - "value": "#fef0f1" + "$type": "color", + "$value": "#fef0f1" }, "3": { - "type": "color", - "value": "#fcdbdc" + "$type": "color", + "$value": "#fcdbdc" }, "4": { - "type": "color", - "value": "#fbc4c5" + "$type": "color", + "$value": "#fbc4c5" }, "5": { - "type": "color", - "value": "#f9acae" + "$type": "color", + "$value": "#f9acae" }, "6": { - "type": "color", - "value": "#f8a5a7" + "$type": "color", + "$value": "#f8a5a7" }, "7": { - "type": "color", - "value": "#d95558" + "$type": "color", + "$value": "#d95558" }, "8": { - "type": "color", - "value": "#833336" + "$type": "color", + "$value": "#833336" }, "9": { - "type": "color", - "value": "#f35f63" + "$type": "color", + "$value": "#f35f63" }, "10": { - "type": "color", - "value": "#d05255" + "$type": "color", + "$value": "#d05255" }, "11": { - "type": "color", - "value": "#af4547" + "$type": "color", + "$value": "#af4547" }, "12": { - "type": "color", - "value": "#a74144" + "$type": "color", + "$value": "#a74144" }, "13": { - "type": "color", - "value": "#4b1e1f" + "$type": "color", + "$value": "#4b1e1f" }, "contrast-1": { - "type": "color", - "value": "#000000" + "$type": "color", + "$value": "#000000" }, "contrast-2": { - "type": "color", - "value": "#000000" + "$type": "color", + "$value": "#000000" } }, "brand2": { "1": { - "type": "color", - "value": "#fffefc" + "$type": "color", + "$value": "#fffefc" }, "2": { - "type": "color", - "value": "#fbf3e0" + "$type": "color", + "$value": "#fbf3e0" }, "3": { - "type": "color", - "value": "#f5dfad" + "$type": "color", + "$value": "#f5dfad" }, "4": { - "type": "color", - "value": "#f0ce7f" + "$type": "color", + "$value": "#f0ce7f" }, "5": { - "type": "color", - "value": "#e9ba4c" + "$type": "color", + "$value": "#e9ba4c" }, "6": { - "type": "color", - "value": "#e7b43d" + "$type": "color", + "$value": "#e7b43d" }, "7": { - "type": "color", - "value": "#a57a17" + "$type": "color", + "$value": "#a57a17" }, "8": { - "type": "color", - "value": "#63490e" + "$type": "color", + "$value": "#63490e" }, "9": { - "type": "color", - "value": "#e4a920" + "$type": "color", + "$value": "#e4a920" }, "10": { - "type": "color", - "value": "#c9951c" + "$type": "color", + "$value": "#c9951c" }, "11": { - "type": "color", - "value": "#af8119" + "$type": "color", + "$value": "#af8119" }, "12": { - "type": "color", - "value": "#7e5d12" + "$type": "color", + "$value": "#7e5d12" }, "13": { - "type": "color", - "value": "#382a08" + "$type": "color", + "$value": "#382a08" }, "contrast-1": { - "type": "color", - "value": "#000000" + "$type": "color", + "$value": "#000000" }, "contrast-2": { - "type": "color", - "value": "#2b2006" + "$type": "color", + "$value": "#2b2006" } }, "brand3": { "1": { - "type": "color", - "value": "#fdfeff" + "$type": "color", + "$value": "#fdfeff" }, "2": { - "type": "color", - "value": "#eaf6fe" + "$type": "color", + "$value": "#eaf6fe" }, "3": { - "type": "color", - "value": "#c8e6fd" + "$type": "color", + "$value": "#c8e6fd" }, "4": { - "type": "color", - "value": "#a9d7fb" + "$type": "color", + "$value": "#a9d7fb" }, "5": { - "type": "color", - "value": "#84c7fa" + "$type": "color", + "$value": "#84c7fa" }, "6": { - "type": "color", - "value": "#7ac2f9" + "$type": "color", + "$value": "#7ac2f9" }, "7": { - "type": "color", - "value": "#1a85d6" + "$type": "color", + "$value": "#1a85d6" }, "8": { - "type": "color", - "value": "#105082" + "$type": "color", + "$value": "#105082" }, "9": { - "type": "color", - "value": "#1e98f5" + "$type": "color", + "$value": "#1e98f5" }, "10": { - "type": "color", - "value": "#1a83d3" + "$type": "color", + "$value": "#1a83d3" }, "11": { - "type": "color", - "value": "#166eb2" + "$type": "color", + "$value": "#166eb2" }, "12": { - "type": "color", - "value": "#1466a5" + "$type": "color", + "$value": "#1466a5" }, "13": { - "type": "color", - "value": "#092e4b" + "$type": "color", + "$value": "#092e4b" }, "contrast-1": { - "type": "color", - "value": "#000000" + "$type": "color", + "$value": "#000000" }, "contrast-2": { - "type": "color", - "value": "#010407" + "$type": "color", + "$value": "#010407" } } } diff --git a/design-tokens/primitives/modes/colors/light/theme2.json b/design-tokens/primitives/modes/colors/light/theme2.json index 18c70342b4..750f7f96e3 100644 --- a/design-tokens/primitives/modes/colors/light/theme2.json +++ b/design-tokens/primitives/modes/colors/light/theme2.json @@ -2,312 +2,312 @@ "theme2": { "accent": { "1": { - "type": "color", - "value": "#fefeff" + "$type": "color", + "$value": "#fefeff" }, "2": { - "type": "color", - "value": "#eef4fa" + "$type": "color", + "$value": "#eef4fa" }, "3": { - "type": "color", - "value": "#d1e3f3" + "$type": "color", + "$value": "#d1e3f3" }, "4": { - "type": "color", - "value": "#bad5ec" + "$type": "color", + "$value": "#bad5ec" }, "5": { - "type": "color", - "value": "#a1c5e5" + "$type": "color", + "$value": "#a1c5e5" }, "6": { - "type": "color", - "value": "#97bfe3" + "$type": "color", + "$value": "#97bfe3" }, "7": { - "type": "color", - "value": "#3885c9" + "$type": "color", + "$value": "#3885c9" }, "8": { - "type": "color", - "value": "#014e93" + "$type": "color", + "$value": "#014e93" }, "9": { - "type": "color", - "value": "#0163ba" + "$type": "color", + "$value": "#0163ba" }, "10": { - "type": "color", - "value": "#015097" + "$type": "color", + "$value": "#015097" }, "11": { - "type": "color", - "value": "#013f75" + "$type": "color", + "$value": "#013f75" }, "12": { - "type": "color", - "value": "#0163ba" + "$type": "color", + "$value": "#0163ba" }, "13": { - "type": "color", - "value": "#002d54" + "$type": "color", + "$value": "#002d54" }, "contrast-1": { - "type": "color", - "value": "#ffffff" + "$type": "color", + "$value": "#ffffff" }, "contrast-2": { - "type": "color", - "value": "#dbe9f5" + "$type": "color", + "$value": "#dbe9f5" } }, "neutral": { "1": { - "type": "color", - "value": "#fefefe" + "$type": "color", + "$value": "#fefefe" }, "2": { - "type": "color", - "value": "#f3f4f5" + "$type": "color", + "$value": "#f3f4f5" }, "3": { - "type": "color", - "value": "#e1e3e5" + "$type": "color", + "$value": "#e1e3e5" }, "4": { - "type": "color", - "value": "#ced1d4" + "$type": "color", + "$value": "#ced1d4" }, "5": { - "type": "color", - "value": "#bdc1c6" + "$type": "color", + "$value": "#bdc1c6" }, "6": { - "type": "color", - "value": "#b8bcc1" + "$type": "color", + "$value": "#b8bcc1" }, "7": { - "type": "color", - "value": "#7a818c" + "$type": "color", + "$value": "#7a818c" }, "8": { - "type": "color", - "value": "#444e5d" + "$type": "color", + "$value": "#444e5d" }, "9": { - "type": "color", - "value": "#1e2b3c" + "$type": "color", + "$value": "#1e2b3c" }, "10": { - "type": "color", - "value": "#303c4b" + "$type": "color", + "$value": "#303c4b" }, "11": { - "type": "color", - "value": "#444e5d" + "$type": "color", + "$value": "#444e5d" }, "12": { - "type": "color", - "value": "#5b6471" + "$type": "color", + "$value": "#5b6471" }, "13": { - "type": "color", - "value": "#202c3d" + "$type": "color", + "$value": "#202c3d" }, "contrast-1": { - "type": "color", - "value": "#ffffff" + "$type": "color", + "$value": "#ffffff" }, "contrast-2": { - "type": "color", - "value": "#bbbfc4" + "$type": "color", + "$value": "#bbbfc4" } }, "brand1": { "1": { - "type": "color", - "value": "#fefeff" + "$type": "color", + "$value": "#fefeff" }, "2": { - "type": "color", - "value": "#eef4fa" + "$type": "color", + "$value": "#eef4fa" }, "3": { - "type": "color", - "value": "#d1e3f3" + "$type": "color", + "$value": "#d1e3f3" }, "4": { - "type": "color", - "value": "#bad5ec" + "$type": "color", + "$value": "#bad5ec" }, "5": { - "type": "color", - "value": "#a1c5e5" + "$type": "color", + "$value": "#a1c5e5" }, "6": { - "type": "color", - "value": "#97bfe3" + "$type": "color", + "$value": "#97bfe3" }, "7": { - "type": "color", - "value": "#3885c9" + "$type": "color", + "$value": "#3885c9" }, "8": { - "type": "color", - "value": "#014e93" + "$type": "color", + "$value": "#014e93" }, "9": { - "type": "color", - "value": "#0163ba" + "$type": "color", + "$value": "#0163ba" }, "10": { - "type": "color", - "value": "#015097" + "$type": "color", + "$value": "#015097" }, "11": { - "type": "color", - "value": "#013f75" + "$type": "color", + "$value": "#013f75" }, "12": { - "type": "color", - "value": "#0163ba" + "$type": "color", + "$value": "#0163ba" }, "13": { - "type": "color", - "value": "#002d54" + "$type": "color", + "$value": "#002d54" }, "contrast-1": { - "type": "color", - "value": "#ffffff" + "$type": "color", + "$value": "#ffffff" }, "contrast-2": { - "type": "color", - "value": "#dbe9f5" + "$type": "color", + "$value": "#dbe9f5" } }, "brand2": { "1": { - "type": "color", - "value": "#fefefe" + "$type": "color", + "$value": "#fefefe" }, "2": { - "type": "color", - "value": "#f4f3f6" + "$type": "color", + "$value": "#f4f3f6" }, "3": { - "type": "color", - "value": "#e3e1e8" + "$type": "color", + "$value": "#e3e1e8" }, "4": { - "type": "color", - "value": "#d3d0db" + "$type": "color", + "$value": "#d3d0db" }, "5": { - "type": "color", - "value": "#c3bfce" + "$type": "color", + "$value": "#c3bfce" }, "6": { - "type": "color", - "value": "#beb9c9" + "$type": "color", + "$value": "#beb9c9" }, "7": { - "type": "color", - "value": "#857d9b" + "$type": "color", + "$value": "#857d9b" }, "8": { - "type": "color", - "value": "#534671" + "$type": "color", + "$value": "#534671" }, "9": { - "type": "color", - "value": "#3f3161" + "$type": "color", + "$value": "#3f3161" }, "10": { - "type": "color", - "value": "#514570" + "$type": "color", + "$value": "#514570" }, "11": { - "type": "color", - "value": "#64587f" + "$type": "color", + "$value": "#64587f" }, "12": { - "type": "color", - "value": "#685d83" + "$type": "color", + "$value": "#685d83" }, "13": { - "type": "color", - "value": "#30254a" + "$type": "color", + "$value": "#30254a" }, "contrast-1": { - "type": "color", - "value": "#ffffff" + "$type": "color", + "$value": "#ffffff" }, "contrast-2": { - "type": "color", - "value": "#d3d0db" + "$type": "color", + "$value": "#d3d0db" } }, "brand3": { "1": { - "type": "color", - "value": "#fffefe" + "$type": "color", + "$value": "#fffefe" }, "2": { - "type": "color", - "value": "#fdf1f3" + "$type": "color", + "$value": "#fdf1f3" }, "3": { - "type": "color", - "value": "#f9dadf" + "$type": "color", + "$value": "#f9dadf" }, "4": { - "type": "color", - "value": "#f6c4cc" + "$type": "color", + "$value": "#f6c4cc" }, "5": { - "type": "color", - "value": "#f3aeb8" + "$type": "color", + "$value": "#f3aeb8" }, "6": { - "type": "color", - "value": "#f2a7b3" + "$type": "color", + "$value": "#f2a7b3" }, "7": { - "type": "color", - "value": "#e4475f" + "$type": "color", + "$value": "#e4475f" }, "8": { - "type": "color", - "value": "#941f31" + "$type": "color", + "$value": "#941f31" }, "9": { - "type": "color", - "value": "#e02f4a" + "$type": "color", + "$value": "#e02f4a" }, "10": { - "type": "color", - "value": "#bc273e" + "$type": "color", + "$value": "#bc273e" }, "11": { - "type": "color", - "value": "#982032" + "$type": "color", + "$value": "#982032" }, "12": { - "type": "color", - "value": "#bc273e" + "$type": "color", + "$value": "#bc273e" }, "13": { - "type": "color", - "value": "#56121d" + "$type": "color", + "$value": "#56121d" }, "contrast-1": { - "type": "color", - "value": "#000000" + "$type": "color", + "$value": "#000000" }, "contrast-2": { - "type": "color", - "value": "#000000" + "$type": "color", + "$value": "#000000" } } } diff --git a/design-tokens/primitives/modes/colors/light/theme3.json b/design-tokens/primitives/modes/colors/light/theme3.json index 7f16ba3662..608aea1881 100644 --- a/design-tokens/primitives/modes/colors/light/theme3.json +++ b/design-tokens/primitives/modes/colors/light/theme3.json @@ -2,312 +2,312 @@ "theme3": { "accent": { "1": { - "type": "color", - "value": "#fefeff" + "$type": "color", + "$value": "#fefeff" }, "2": { - "type": "color", - "value": "#eef4fa" + "$type": "color", + "$value": "#eef4fa" }, "3": { - "type": "color", - "value": "#d1e3f3" + "$type": "color", + "$value": "#d1e3f3" }, "4": { - "type": "color", - "value": "#bad5ec" + "$type": "color", + "$value": "#bad5ec" }, "5": { - "type": "color", - "value": "#a1c5e5" + "$type": "color", + "$value": "#a1c5e5" }, "6": { - "type": "color", - "value": "#97bfe3" + "$type": "color", + "$value": "#97bfe3" }, "7": { - "type": "color", - "value": "#3885c9" + "$type": "color", + "$value": "#3885c9" }, "8": { - "type": "color", - "value": "#014e93" + "$type": "color", + "$value": "#014e93" }, "9": { - "type": "color", - "value": "#0163ba" + "$type": "color", + "$value": "#0163ba" }, "10": { - "type": "color", - "value": "#015097" + "$type": "color", + "$value": "#015097" }, "11": { - "type": "color", - "value": "#013f75" + "$type": "color", + "$value": "#013f75" }, "12": { - "type": "color", - "value": "#0163ba" + "$type": "color", + "$value": "#0163ba" }, "13": { - "type": "color", - "value": "#002d54" + "$type": "color", + "$value": "#002d54" }, "contrast-1": { - "type": "color", - "value": "#ffffff" + "$type": "color", + "$value": "#ffffff" }, "contrast-2": { - "type": "color", - "value": "#dbe9f5" + "$type": "color", + "$value": "#dbe9f5" } }, "neutral": { "1": { - "type": "color", - "value": "#fefefe" + "$type": "color", + "$value": "#fefefe" }, "2": { - "type": "color", - "value": "#f3f4f5" + "$type": "color", + "$value": "#f3f4f5" }, "3": { - "type": "color", - "value": "#e1e3e5" + "$type": "color", + "$value": "#e1e3e5" }, "4": { - "type": "color", - "value": "#ced1d4" + "$type": "color", + "$value": "#ced1d4" }, "5": { - "type": "color", - "value": "#bdc1c6" + "$type": "color", + "$value": "#bdc1c6" }, "6": { - "type": "color", - "value": "#b8bcc1" + "$type": "color", + "$value": "#b8bcc1" }, "7": { - "type": "color", - "value": "#7a818c" + "$type": "color", + "$value": "#7a818c" }, "8": { - "type": "color", - "value": "#444e5d" + "$type": "color", + "$value": "#444e5d" }, "9": { - "type": "color", - "value": "#1e2b3c" + "$type": "color", + "$value": "#1e2b3c" }, "10": { - "type": "color", - "value": "#303c4b" + "$type": "color", + "$value": "#303c4b" }, "11": { - "type": "color", - "value": "#444e5d" + "$type": "color", + "$value": "#444e5d" }, "12": { - "type": "color", - "value": "#5b6471" + "$type": "color", + "$value": "#5b6471" }, "13": { - "type": "color", - "value": "#202c3d" + "$type": "color", + "$value": "#202c3d" }, "contrast-1": { - "type": "color", - "value": "#ffffff" + "$type": "color", + "$value": "#ffffff" }, "contrast-2": { - "type": "color", - "value": "#bbbfc4" + "$type": "color", + "$value": "#bbbfc4" } }, "brand1": { "1": { - "type": "color", - "value": "#fefeff" + "$type": "color", + "$value": "#fefeff" }, "2": { - "type": "color", - "value": "#f3f4fc" + "$type": "color", + "$value": "#f3f4fc" }, "3": { - "type": "color", - "value": "#dfe0f6" + "$type": "color", + "$value": "#dfe0f6" }, "4": { - "type": "color", - "value": "#cecff1" + "$type": "color", + "$value": "#cecff1" }, "5": { - "type": "color", - "value": "#bbbdec" + "$type": "color", + "$value": "#bbbdec" }, "6": { - "type": "color", - "value": "#b5b7ea" + "$type": "color", + "$value": "#b5b7ea" }, "7": { - "type": "color", - "value": "#7377d8" + "$type": "color", + "$value": "#7377d8" }, "8": { - "type": "color", - "value": "#414595" + "$type": "color", + "$value": "#414595" }, "9": { - "type": "color", - "value": "#5b60d1" + "$type": "color", + "$value": "#5b60d1" }, "10": { - "type": "color", - "value": "#4b4fad" + "$type": "color", + "$value": "#4b4fad" }, "11": { - "type": "color", - "value": "#3b3e88" + "$type": "color", + "$value": "#3b3e88" }, "12": { - "type": "color", - "value": "#5357be" + "$type": "color", + "$value": "#5357be" }, "13": { - "type": "color", - "value": "#252756" + "$type": "color", + "$value": "#252756" }, "contrast-1": { - "type": "color", - "value": "#ffffff" + "$type": "color", + "$value": "#ffffff" }, "contrast-2": { - "type": "color", - "value": "#f3f4fc" + "$type": "color", + "$value": "#f3f4fc" } }, "brand2": { "1": { - "type": "color", - "value": "#fffdfb" + "$type": "color", + "$value": "#fffdfb" }, "2": { - "type": "color", - "value": "#fff1e7" + "$type": "color", + "$value": "#fff1e7" }, "3": { - "type": "color", - "value": "#ffdac0" + "$type": "color", + "$value": "#ffdac0" }, "4": { - "type": "color", - "value": "#fec59c" + "$type": "color", + "$value": "#fec59c" }, "5": { - "type": "color", - "value": "#feb078" + "$type": "color", + "$value": "#feb078" }, "6": { - "type": "color", - "value": "#fea769" + "$type": "color", + "$value": "#fea769" }, "7": { - "type": "color", - "value": "#b07349" + "$type": "color", + "$value": "#b07349" }, "8": { - "type": "color", - "value": "#6a452c" + "$type": "color", + "$value": "#6a452c" }, "9": { - "type": "color", - "value": "#fea769" + "$type": "color", + "$value": "#fea769" }, "10": { - "type": "color", - "value": "#e0945d" + "$type": "color", + "$value": "#e0945d" }, "11": { - "type": "color", - "value": "#c48151" + "$type": "color", + "$value": "#c48151" }, "12": { - "type": "color", - "value": "#875838" + "$type": "color", + "$value": "#875838" }, "13": { - "type": "color", - "value": "#3c2719" + "$type": "color", + "$value": "#3c2719" }, "contrast-1": { - "type": "color", - "value": "#000000" + "$type": "color", + "$value": "#000000" }, "contrast-2": { - "type": "color", - "value": "#362316" + "$type": "color", + "$value": "#362316" } }, "brand3": { "1": { - "type": "color", - "value": "#fcfefd" + "$type": "color", + "$value": "#fcfefd" }, "2": { - "type": "color", - "value": "#edf5f3" + "$type": "color", + "$value": "#edf5f3" }, "3": { - "type": "color", - "value": "#d3e6e1" + "$type": "color", + "$value": "#d3e6e1" }, "4": { - "type": "color", - "value": "#bad7cf" + "$type": "color", + "$value": "#bad7cf" }, "5": { - "type": "color", - "value": "#a1c9bf" + "$type": "color", + "$value": "#a1c9bf" }, "6": { - "type": "color", - "value": "#98c4b9" + "$type": "color", + "$value": "#98c4b9" }, "7": { - "type": "color", - "value": "#508c7c" + "$type": "color", + "$value": "#508c7c" }, "8": { - "type": "color", - "value": "#31544b" + "$type": "color", + "$value": "#31544b" }, "9": { - "type": "color", - "value": "#5da290" + "$type": "color", + "$value": "#5da290" }, "10": { - "type": "color", - "value": "#508c7c" + "$type": "color", + "$value": "#508c7c" }, "11": { - "type": "color", - "value": "#437668" + "$type": "color", + "$value": "#437668" }, "12": { - "type": "color", - "value": "#3e6b60" + "$type": "color", + "$value": "#3e6b60" }, "13": { - "type": "color", - "value": "#1c302b" + "$type": "color", + "$value": "#1c302b" }, "contrast-1": { - "type": "color", - "value": "#000000" + "$type": "color", + "$value": "#000000" }, "contrast-2": { - "type": "color", - "value": "#050808" + "$type": "color", + "$value": "#050808" } } } diff --git a/design-tokens/primitives/modes/colors/light/theme4.json b/design-tokens/primitives/modes/colors/light/theme4.json index 4ffbcd3bb5..0fbc1a2b36 100644 --- a/design-tokens/primitives/modes/colors/light/theme4.json +++ b/design-tokens/primitives/modes/colors/light/theme4.json @@ -2,312 +2,312 @@ "theme4": { "accent": { "1": { - "type": "color", - "value": "#fefefe" + "$type": "color", + "$value": "#fefefe" }, "2": { - "type": "color", - "value": "#f5f2f8" + "$type": "color", + "$value": "#f5f2f8" }, "3": { - "type": "color", - "value": "#e8e0ee" + "$type": "color", + "$value": "#e8e0ee" }, "4": { - "type": "color", - "value": "#d9cce3" + "$type": "color", + "$value": "#d9cce3" }, "5": { - "type": "color", - "value": "#ccbad9" + "$type": "color", + "$value": "#ccbad9" }, "6": { - "type": "color", - "value": "#c7b4d6" + "$type": "color", + "$value": "#c7b4d6" }, "7": { - "type": "color", - "value": "#9773b3" + "$type": "color", + "$value": "#9773b3" }, "8": { - "type": "color", - "value": "#683591" + "$type": "color", + "$value": "#683591" }, "9": { - "type": "color", - "value": "#4d107d" + "$type": "color", + "$value": "#4d107d" }, "10": { - "type": "color", - "value": "#612c8c" + "$type": "color", + "$value": "#612c8c" }, "11": { - "type": "color", - "value": "#734499" + "$type": "color", + "$value": "#734499" }, "12": { - "type": "color", - "value": "#7c4fa0" + "$type": "color", + "$value": "#7c4fa0" }, "13": { - "type": "color", - "value": "#420e6a" + "$type": "color", + "$value": "#420e6a" }, "contrast-1": { - "type": "color", - "value": "#ffffff" + "$type": "color", + "$value": "#ffffff" }, "contrast-2": { - "type": "color", - "value": "#d5c6e0" + "$type": "color", + "$value": "#d5c6e0" } }, "neutral": { "1": { - "type": "color", - "value": "#fefefe" + "$type": "color", + "$value": "#fefefe" }, "2": { - "type": "color", - "value": "#f3f4f5" + "$type": "color", + "$value": "#f3f4f5" }, "3": { - "type": "color", - "value": "#e1e3e5" + "$type": "color", + "$value": "#e1e3e5" }, "4": { - "type": "color", - "value": "#ced1d4" + "$type": "color", + "$value": "#ced1d4" }, "5": { - "type": "color", - "value": "#bdc1c6" + "$type": "color", + "$value": "#bdc1c6" }, "6": { - "type": "color", - "value": "#b8bcc1" + "$type": "color", + "$value": "#b8bcc1" }, "7": { - "type": "color", - "value": "#7a818c" + "$type": "color", + "$value": "#7a818c" }, "8": { - "type": "color", - "value": "#444e5d" + "$type": "color", + "$value": "#444e5d" }, "9": { - "type": "color", - "value": "#1E2B3C" + "$type": "color", + "$value": "#1E2B3C" }, "10": { - "type": "color", - "value": "#303c4b" + "$type": "color", + "$value": "#303c4b" }, "11": { - "type": "color", - "value": "#444e5d" + "$type": "color", + "$value": "#444e5d" }, "12": { - "type": "color", - "value": "#5b6471" + "$type": "color", + "$value": "#5b6471" }, "13": { - "type": "color", - "value": "#202c3d" + "$type": "color", + "$value": "#202c3d" }, "contrast-1": { - "type": "color", - "value": "#ffffff" + "$type": "color", + "$value": "#ffffff" }, "contrast-2": { - "type": "color", - "value": "#bbbfc4" + "$type": "color", + "$value": "#bbbfc4" } }, "brand1": { "1": { - "type": "color", - "value": "#fefdff" + "$type": "color", + "$value": "#fefdff" }, "2": { - "type": "color", - "value": "#f7f1fc" + "$type": "color", + "$value": "#f7f1fc" }, "3": { - "type": "color", - "value": "#ecddf8" + "$type": "color", + "$value": "#ecddf8" }, "4": { - "type": "color", - "value": "#e0c8f3" + "$type": "color", + "$value": "#e0c8f3" }, "5": { - "type": "color", - "value": "#d5b5ef" + "$type": "color", + "$value": "#d5b5ef" }, "6": { - "type": "color", - "value": "#d1adee" + "$type": "color", + "$value": "#d1adee" }, "7": { - "type": "color", - "value": "#a661de" + "$type": "color", + "$value": "#a661de" }, "8": { - "type": "color", - "value": "#66388b" + "$type": "color", + "$value": "#66388b" }, "9": { - "type": "color", - "value": "#a259dc" + "$type": "color", + "$value": "#a259dc" }, "10": { - "type": "color", - "value": "#884bb9" + "$type": "color", + "$value": "#884bb9" }, "11": { - "type": "color", - "value": "#703d97" + "$type": "color", + "$value": "#703d97" }, "12": { - "type": "color", - "value": "#8248b1" + "$type": "color", + "$value": "#8248b1" }, "13": { - "type": "color", - "value": "#3a204f" + "$type": "color", + "$value": "#3a204f" }, "contrast-1": { - "type": "color", - "value": "#000000" + "$type": "color", + "$value": "#000000" }, "contrast-2": { - "type": "color", - "value": "#0a060d" + "$type": "color", + "$value": "#0a060d" } }, "brand2": { "1": { - "type": "color", - "value": "#fffeff" + "$type": "color", + "$value": "#fffeff" }, "2": { - "type": "color", - "value": "#fbf0fc" + "$type": "color", + "$value": "#fbf0fc" }, "3": { - "type": "color", - "value": "#f6d9f8" + "$type": "color", + "$value": "#f6d9f8" }, "4": { - "type": "color", - "value": "#f1c2f3" + "$type": "color", + "$value": "#f1c2f3" }, "5": { - "type": "color", - "value": "#ecabef" + "$type": "color", + "$value": "#ecabef" }, "6": { - "type": "color", - "value": "#eaa3ed" + "$type": "color", + "$value": "#eaa3ed" }, "7": { - "type": "color", - "value": "#b75fbb" + "$type": "color", + "$value": "#b75fbb" }, "8": { - "type": "color", - "value": "#6f3972" + "$type": "color", + "$value": "#6f3972" }, "9": { - "type": "color", - "value": "#df73e4" + "$type": "color", + "$value": "#df73e4" }, "10": { - "type": "color", - "value": "#c364c7" + "$type": "color", + "$value": "#c364c7" }, "11": { - "type": "color", - "value": "#a656aa" + "$type": "color", + "$value": "#a656aa" }, "12": { - "type": "color", - "value": "#8e4991" + "$type": "color", + "$value": "#8e4991" }, "13": { - "type": "color", - "value": "#3f2141" + "$type": "color", + "$value": "#3f2141" }, "contrast-1": { - "type": "color", - "value": "#000000" + "$type": "color", + "$value": "#000000" }, "contrast-2": { - "type": "color", - "value": "#190d1a" + "$type": "color", + "$value": "#190d1a" } }, "brand3": { "1": { - "type": "color", - "value": "#fffefe" + "$type": "color", + "$value": "#fffefe" }, "2": { - "type": "color", - "value": "#fdeff8" + "$type": "color", + "$value": "#fdeff8" }, "3": { - "type": "color", - "value": "#f9daef" + "$type": "color", + "$value": "#f9daef" }, "4": { - "type": "color", - "value": "#f6c3e5" + "$type": "color", + "$value": "#f6c3e5" }, "5": { - "type": "color", - "value": "#f2abdb" + "$type": "color", + "$value": "#f2abdb" }, "6": { - "type": "color", - "value": "#f1a3d7" + "$type": "color", + "$value": "#f1a3d7" }, "7": { - "type": "color", - "value": "#c55aa3" + "$type": "color", + "$value": "#c55aa3" }, "8": { - "type": "color", - "value": "#773762" + "$type": "color", + "$value": "#773762" }, "9": { - "type": "color", - "value": "#e86abf" + "$type": "color", + "$value": "#e86abf" }, "10": { - "type": "color", - "value": "#c95ca6" + "$type": "color", + "$value": "#c95ca6" }, "11": { - "type": "color", - "value": "#ab4e8d" + "$type": "color", + "$value": "#ab4e8d" }, "12": { - "type": "color", - "value": "#98467d" + "$type": "color", + "$value": "#98467d" }, "13": { - "type": "color", - "value": "#451f38" + "$type": "color", + "$value": "#451f38" }, "contrast-1": { - "type": "color", - "value": "#000000" + "$type": "color", + "$value": "#000000" }, "contrast-2": { - "type": "color", - "value": "#11080e" + "$type": "color", + "$value": "#11080e" } } } diff --git a/design-tokens/primitives/modes/typography/primary/theme.json b/design-tokens/primitives/modes/typography/primary/theme.json index a5f2197384..7dd9a7e461 100644 --- a/design-tokens/primitives/modes/typography/primary/theme.json +++ b/design-tokens/primitives/modes/typography/primary/theme.json @@ -1,8 +1,8 @@ { "theme": { "main": { - "type": "fontFamilies", - "value": "Inter" + "$type": "fontFamilies", + "$value": "Inter" }, "bold": { "$extensions": { @@ -10,8 +10,8 @@ "modify": {} } }, - "type": "fontWeights", - "value": "Medium" + "$type": "fontWeights", + "$value": "Medium" }, "extra-bold": { "$extensions": { @@ -19,12 +19,12 @@ "modify": {} } }, - "type": "fontWeights", - "value": "Semi bold" + "$type": "fontWeights", + "$value": "Semi bold" }, "regular": { - "type": "fontWeights", - "value": "Regular" + "$type": "fontWeights", + "$value": "Regular" } } } \ No newline at end of file diff --git a/design-tokens/primitives/modes/typography/primary/theme2.json b/design-tokens/primitives/modes/typography/primary/theme2.json index 2d1b5ddc0c..bc25fc628c 100644 --- a/design-tokens/primitives/modes/typography/primary/theme2.json +++ b/design-tokens/primitives/modes/typography/primary/theme2.json @@ -1,8 +1,8 @@ { "theme2": { "main": { - "type": "fontFamilies", - "value": "Helvetica Neue" + "$type": "fontFamilies", + "$value": "Helvetica Neue" }, "bold": { "$extensions": { @@ -10,8 +10,8 @@ "modify": {} } }, - "type": "fontWeights", - "value": "Medium" + "$type": "fontWeights", + "$value": "Medium" }, "extra-bold": { "$extensions": { @@ -19,12 +19,12 @@ "modify": {} } }, - "type": "fontWeights", - "value": "Bold" + "$type": "fontWeights", + "$value": "Bold" }, "regular": { - "type": "fontWeights", - "value": "Regular" + "$type": "fontWeights", + "$value": "Regular" } } } \ No newline at end of file diff --git a/design-tokens/primitives/modes/typography/primary/theme3.json b/design-tokens/primitives/modes/typography/primary/theme3.json index 2b3d49a627..bc253aeb8c 100644 --- a/design-tokens/primitives/modes/typography/primary/theme3.json +++ b/design-tokens/primitives/modes/typography/primary/theme3.json @@ -1,8 +1,8 @@ { "theme3": { "main": { - "type": "fontFamilies", - "value": "Inter" + "$type": "fontFamilies", + "$value": "Inter" }, "bold": { "$extensions": { @@ -10,8 +10,8 @@ "modify": {} } }, - "type": "fontWeights", - "value": "Medium" + "$type": "fontWeights", + "$value": "Medium" }, "extra-bold": { "$extensions": { @@ -19,12 +19,12 @@ "modify": {} } }, - "type": "fontWeights", - "value": "Semi bold" + "$type": "fontWeights", + "$value": "Semi bold" }, "regular": { - "type": "fontWeights", - "value": "Regular" + "$type": "fontWeights", + "$value": "Regular" } } } \ No newline at end of file diff --git a/design-tokens/primitives/modes/typography/primary/theme4.json b/design-tokens/primitives/modes/typography/primary/theme4.json index d28dfd12ca..f31185a84b 100644 --- a/design-tokens/primitives/modes/typography/primary/theme4.json +++ b/design-tokens/primitives/modes/typography/primary/theme4.json @@ -1,8 +1,8 @@ { "theme4": { "main": { - "type": "fontFamilies", - "value": "Inter" + "$type": "fontFamilies", + "$value": "Inter" }, "bold": { "$extensions": { @@ -10,8 +10,8 @@ "modify": {} } }, - "type": "fontWeights", - "value": "Medium" + "$type": "fontWeights", + "$value": "Medium" }, "extra-bold": { "$extensions": { @@ -19,12 +19,12 @@ "modify": {} } }, - "type": "fontWeights", - "value": "Semi bold" + "$type": "fontWeights", + "$value": "Semi bold" }, "regular": { - "type": "fontWeights", - "value": "Regular" + "$type": "fontWeights", + "$value": "Regular" } } } \ No newline at end of file diff --git a/design-tokens/primitives/modes/typography/secondary/theme.json b/design-tokens/primitives/modes/typography/secondary/theme.json index 1aba1c4205..bd8df19503 100644 --- a/design-tokens/primitives/modes/typography/secondary/theme.json +++ b/design-tokens/primitives/modes/typography/secondary/theme.json @@ -1,8 +1,8 @@ { "theme": { "main": { - "type": "fontFamilies", - "value": "IBM Plex Mono" + "$type": "fontFamilies", + "$value": "IBM Plex Mono" }, "bold": { "$extensions": { @@ -10,8 +10,8 @@ "modify": {} } }, - "type": "fontWeights", - "value": "Medium" + "$type": "fontWeights", + "$value": "Medium" }, "extra-bold": { "$extensions": { @@ -19,12 +19,12 @@ "modify": {} } }, - "type": "fontWeights", - "value": "SemiBold" + "$type": "fontWeights", + "$value": "SemiBold" }, "regular": { - "type": "fontWeights", - "value": "Regular" + "$type": "fontWeights", + "$value": "Regular" } } } \ No newline at end of file diff --git a/design-tokens/primitives/modes/typography/secondary/theme2.json b/design-tokens/primitives/modes/typography/secondary/theme2.json index 347b36a9e5..6ca6a13bc2 100644 --- a/design-tokens/primitives/modes/typography/secondary/theme2.json +++ b/design-tokens/primitives/modes/typography/secondary/theme2.json @@ -1,8 +1,8 @@ { "theme2": { "main": { - "type": "fontFamilies", - "value": "IBM Plex Mono" + "$type": "fontFamilies", + "$value": "IBM Plex Mono" }, "bold": { "$extensions": { @@ -10,8 +10,8 @@ "modify": {} } }, - "type": "fontWeights", - "value": "Regular" + "$type": "fontWeights", + "$value": "Regular" }, "extra-bold": { "$extensions": { @@ -19,12 +19,12 @@ "modify": {} } }, - "type": "fontWeights", - "value": "Bold" + "$type": "fontWeights", + "$value": "Bold" }, "regular": { - "type": "fontWeights", - "value": "Regular" + "$type": "fontWeights", + "$value": "Regular" } } } \ No newline at end of file diff --git a/design-tokens/primitives/modes/typography/secondary/theme3.json b/design-tokens/primitives/modes/typography/secondary/theme3.json index c2b3f8a275..538d3de961 100644 --- a/design-tokens/primitives/modes/typography/secondary/theme3.json +++ b/design-tokens/primitives/modes/typography/secondary/theme3.json @@ -1,8 +1,8 @@ { "theme3": { "main": { - "type": "fontFamilies", - "value": "IBM Plex Mono" + "$type": "fontFamilies", + "$value": "IBM Plex Mono" }, "bold": { "$extensions": { @@ -10,8 +10,8 @@ "modify": {} } }, - "type": "fontWeights", - "value": "Regular" + "$type": "fontWeights", + "$value": "Regular" }, "extra-bold": { "$extensions": { @@ -19,12 +19,12 @@ "modify": {} } }, - "type": "fontWeights", - "value": "Bold" + "$type": "fontWeights", + "$value": "Bold" }, "regular": { - "type": "fontWeights", - "value": "Regular" + "$type": "fontWeights", + "$value": "Regular" } } } \ No newline at end of file diff --git a/design-tokens/primitives/modes/typography/secondary/theme4.json b/design-tokens/primitives/modes/typography/secondary/theme4.json index 6e90e32b9a..5bd555dee8 100644 --- a/design-tokens/primitives/modes/typography/secondary/theme4.json +++ b/design-tokens/primitives/modes/typography/secondary/theme4.json @@ -1,8 +1,8 @@ { "theme4": { "main": { - "type": "fontFamilies", - "value": "IBM Plex Mono" + "$type": "fontFamilies", + "$value": "IBM Plex Mono" }, "bold": { "$extensions": { @@ -10,8 +10,8 @@ "modify": {} } }, - "type": "fontWeights", - "value": "Regular" + "$type": "fontWeights", + "$value": "Regular" }, "extra-bold": { "$extensions": { @@ -19,12 +19,12 @@ "modify": {} } }, - "type": "fontWeights", - "value": "Bold" + "$type": "fontWeights", + "$value": "Bold" }, "regular": { - "type": "fontWeights", - "value": "Regular" + "$type": "fontWeights", + "$value": "Regular" } } } \ No newline at end of file diff --git a/design-tokens/primitives/size/compact.json b/design-tokens/primitives/size/compact.json index a8c7f2020a..ed04ab5a6c 100644 --- a/design-tokens/primitives/size/compact.json +++ b/design-tokens/primitives/size/compact.json @@ -6,8 +6,8 @@ "modify": {} } }, - "type": "lineHeights", - "value": "130%" + "$type": "lineHeights", + "$value": "130%" }, "md": { "$extensions": { @@ -15,8 +15,8 @@ "modify": {} } }, - "type": "lineHeights", - "value": "150%" + "$type": "lineHeights", + "$value": "150%" }, "lg": { "$extensions": { @@ -24,8 +24,8 @@ "modify": {} } }, - "type": "lineHeights", - "value": "170%" + "$type": "lineHeights", + "$value": "170%" } }, "font-size": { @@ -35,8 +35,8 @@ "modify": {} } }, - "type": "fontSizes", - "value": "12" + "$type": "fontSizes", + "$value": "12" }, "2": { "$extensions": { @@ -44,8 +44,8 @@ "modify": {} } }, - "type": "fontSizes", - "value": "13" + "$type": "fontSizes", + "$value": "13" }, "3": { "$extensions": { @@ -53,8 +53,8 @@ "modify": {} } }, - "type": "fontSizes", - "value": "14" + "$type": "fontSizes", + "$value": "14" }, "4": { "$extensions": { @@ -62,8 +62,8 @@ "modify": {} } }, - "type": "fontSizes", - "value": "16" + "$type": "fontSizes", + "$value": "16" }, "5": { "$extensions": { @@ -71,8 +71,8 @@ "modify": {} } }, - "type": "fontSizes", - "value": "18" + "$type": "fontSizes", + "$value": "18" }, "6": { "$extensions": { @@ -80,8 +80,8 @@ "modify": {} } }, - "type": "fontSizes", - "value": "20" + "$type": "fontSizes", + "$value": "20" }, "7": { "$extensions": { @@ -89,8 +89,8 @@ "modify": {} } }, - "type": "fontSizes", - "value": "22" + "$type": "fontSizes", + "$value": "22" }, "8": { "$extensions": { @@ -98,8 +98,8 @@ "modify": {} } }, - "type": "fontSizes", - "value": "26" + "$type": "fontSizes", + "$value": "26" }, "9": { "$extensions": { @@ -107,8 +107,8 @@ "modify": {} } }, - "type": "fontSizes", - "value": "32" + "$type": "fontSizes", + "$value": "32" }, "10": { "$extensions": { @@ -116,8 +116,8 @@ "modify": {} } }, - "type": "fontSizes", - "value": "40" + "$type": "fontSizes", + "$value": "40" }, "11": { "$extensions": { @@ -125,42 +125,42 @@ "modify": {} } }, - "type": "fontSizes", - "value": "48" + "$type": "fontSizes", + "$value": "48" } }, "letter-spacing": { "1": { - "type": "letterSpacing", - "value": "-1%" + "$type": "letterSpacing", + "$value": "-1%" }, "2": { - "type": "letterSpacing", - "value": "-0.5%" + "$type": "letterSpacing", + "$value": "-0.5%" }, "3": { - "type": "letterSpacing", - "value": "-0.25%" + "$type": "letterSpacing", + "$value": "-0.25%" }, "4": { - "type": "letterSpacing", - "value": "-0.15%" + "$type": "letterSpacing", + "$value": "-0.15%" }, "5": { - "type": "letterSpacing", - "value": "0%" + "$type": "letterSpacing", + "$value": "0%" }, "6": { - "type": "letterSpacing", - "value": "0.15%" + "$type": "letterSpacing", + "$value": "0.15%" }, "7": { - "type": "letterSpacing", - "value": "0.25%" + "$type": "letterSpacing", + "$value": "0.25%" }, "8": { - "type": "letterSpacing", - "value": "0.5%" + "$type": "letterSpacing", + "$value": "0.5%" }, "9": { "$extensions": { @@ -168,8 +168,8 @@ "modify": {} } }, - "type": "letterSpacing", - "value": "1.5%" + "$type": "letterSpacing", + "$value": "1.5%" } } } \ No newline at end of file diff --git a/design-tokens/primitives/size/default.json b/design-tokens/primitives/size/default.json index e582620684..4af117ff8b 100644 --- a/design-tokens/primitives/size/default.json +++ b/design-tokens/primitives/size/default.json @@ -6,8 +6,8 @@ "modify": {} } }, - "type": "lineHeights", - "value": "130%" + "$type": "lineHeights", + "$value": "130%" }, "md": { "$extensions": { @@ -15,8 +15,8 @@ "modify": {} } }, - "type": "lineHeights", - "value": "150%" + "$type": "lineHeights", + "$value": "150%" }, "lg": { "$extensions": { @@ -24,8 +24,8 @@ "modify": {} } }, - "type": "lineHeights", - "value": "170%" + "$type": "lineHeights", + "$value": "170%" } }, "font-size": { @@ -35,8 +35,8 @@ "modify": {} } }, - "type": "fontSizes", - "value": "12" + "$type": "fontSizes", + "$value": "12" }, "2": { "$extensions": { @@ -44,8 +44,8 @@ "modify": {} } }, - "type": "fontSizes", - "value": "13" + "$type": "fontSizes", + "$value": "13" }, "3": { "$extensions": { @@ -53,8 +53,8 @@ "modify": {} } }, - "type": "fontSizes", - "value": "14" + "$type": "fontSizes", + "$value": "14" }, "4": { "$extensions": { @@ -62,8 +62,8 @@ "modify": {} } }, - "type": "fontSizes", - "value": "16" + "$type": "fontSizes", + "$value": "16" }, "5": { "$extensions": { @@ -71,8 +71,8 @@ "modify": {} } }, - "type": "fontSizes", - "value": "18" + "$type": "fontSizes", + "$value": "18" }, "6": { "$extensions": { @@ -80,8 +80,8 @@ "modify": {} } }, - "type": "fontSizes", - "value": "21" + "$type": "fontSizes", + "$value": "21" }, "7": { "$extensions": { @@ -89,8 +89,8 @@ "modify": {} } }, - "type": "fontSizes", - "value": "24" + "$type": "fontSizes", + "$value": "24" }, "8": { "$extensions": { @@ -98,8 +98,8 @@ "modify": {} } }, - "type": "fontSizes", - "value": "30" + "$type": "fontSizes", + "$value": "30" }, "9": { "$extensions": { @@ -107,8 +107,8 @@ "modify": {} } }, - "type": "fontSizes", - "value": "36" + "$type": "fontSizes", + "$value": "36" }, "10": { "$extensions": { @@ -116,8 +116,8 @@ "modify": {} } }, - "type": "fontSizes", - "value": "48" + "$type": "fontSizes", + "$value": "48" }, "11": { "$extensions": { @@ -125,42 +125,42 @@ "modify": {} } }, - "type": "fontSizes", - "value": "60" + "$type": "fontSizes", + "$value": "60" } }, "letter-spacing": { "1": { - "type": "letterSpacing", - "value": "-1%" + "$type": "letterSpacing", + "$value": "-1%" }, "2": { - "type": "letterSpacing", - "value": "-0.5%" + "$type": "letterSpacing", + "$value": "-0.5%" }, "3": { - "type": "letterSpacing", - "value": "-0.25%" + "$type": "letterSpacing", + "$value": "-0.25%" }, "4": { - "type": "letterSpacing", - "value": "-0.15%" + "$type": "letterSpacing", + "$value": "-0.15%" }, "5": { - "type": "letterSpacing", - "value": "0%" + "$type": "letterSpacing", + "$value": "0%" }, "6": { - "type": "letterSpacing", - "value": "0.15%" + "$type": "letterSpacing", + "$value": "0.15%" }, "7": { - "type": "letterSpacing", - "value": "0.25%" + "$type": "letterSpacing", + "$value": "0.25%" }, "8": { - "type": "letterSpacing", - "value": "0.5%" + "$type": "letterSpacing", + "$value": "0.5%" }, "9": { "$extensions": { @@ -168,8 +168,8 @@ "modify": {} } }, - "type": "letterSpacing", - "value": "1.5%" + "$type": "letterSpacing", + "$value": "1.5%" } } } \ No newline at end of file diff --git a/design-tokens/semantic/color.json b/design-tokens/semantic/color.json index 46e614b31b..0c8157fb5b 100644 --- a/design-tokens/semantic/color.json +++ b/design-tokens/semantic/color.json @@ -2,570 +2,570 @@ "color": { "accent": { "background-default": { - "type": "color", - "value": "{color.accent.1}" + "$type": "color", + "$value": "{color.accent.1}" }, "background-subtle": { - "type": "color", - "value": "{color.accent.2}" + "$type": "color", + "$value": "{color.accent.2}" }, "surface-default": { - "type": "color", - "value": "{color.accent.3}" + "$type": "color", + "$value": "{color.accent.3}" }, "surface-hover": { - "type": "color", - "value": "{color.accent.4}" + "$type": "color", + "$value": "{color.accent.4}" }, "surface-active": { - "type": "color", - "value": "{color.accent.5}" + "$type": "color", + "$value": "{color.accent.5}" }, "border-subtle": { - "type": "color", - "value": "{color.accent.6}" + "$type": "color", + "$value": "{color.accent.6}" }, "border-default": { - "type": "color", - "value": "{color.accent.7}" + "$type": "color", + "$value": "{color.accent.7}" }, "border-strong": { - "type": "color", - "value": "{color.accent.8}" + "$type": "color", + "$value": "{color.accent.8}" }, "base-default": { - "type": "color", - "value": "{color.accent.9}" + "$type": "color", + "$value": "{color.accent.9}" }, "base-hover": { - "type": "color", - "value": "{color.accent.10}" + "$type": "color", + "$value": "{color.accent.10}" }, "base-active": { - "type": "color", - "value": "{color.accent.11}" + "$type": "color", + "$value": "{color.accent.11}" }, "text-subtle": { - "type": "color", - "value": "{color.accent.12}" + "$type": "color", + "$value": "{color.accent.12}" }, "text-default": { - "type": "color", - "value": "{color.accent.13}" + "$type": "color", + "$value": "{color.accent.13}" }, "contrast-default": { - "type": "color", - "value": "{color.accent.contrast-1}" + "$type": "color", + "$value": "{color.accent.contrast-1}" }, "contrast-subtle": { - "type": "color", - "value": "{color.accent.contrast-2}" + "$type": "color", + "$value": "{color.accent.contrast-2}" } }, "neutral": { "background-default": { - "type": "color", - "value": "{color.neutral.1}" + "$type": "color", + "$value": "{color.neutral.1}" }, "background-subtle": { - "type": "color", - "value": "{color.neutral.2}" + "$type": "color", + "$value": "{color.neutral.2}" }, "surface-default": { - "type": "color", - "value": "{color.neutral.3}" + "$type": "color", + "$value": "{color.neutral.3}" }, "surface-hover": { - "type": "color", - "value": "{color.neutral.4}" + "$type": "color", + "$value": "{color.neutral.4}" }, "surface-active": { - "type": "color", - "value": "{color.neutral.5}" + "$type": "color", + "$value": "{color.neutral.5}" }, "border-subtle": { - "type": "color", - "value": "{color.neutral.6}" + "$type": "color", + "$value": "{color.neutral.6}" }, "border-default": { - "type": "color", - "value": "{color.neutral.7}" + "$type": "color", + "$value": "{color.neutral.7}" }, "border-strong": { - "type": "color", - "value": "{color.neutral.8}" + "$type": "color", + "$value": "{color.neutral.8}" }, "base-default": { - "type": "color", - "value": "{color.neutral.9}" + "$type": "color", + "$value": "{color.neutral.9}" }, "base-hover": { - "type": "color", - "value": "{color.neutral.10}" + "$type": "color", + "$value": "{color.neutral.10}" }, "base-active": { - "type": "color", - "value": "{color.neutral.11}" + "$type": "color", + "$value": "{color.neutral.11}" }, "text-subtle": { - "type": "color", - "value": "{color.neutral.12}" + "$type": "color", + "$value": "{color.neutral.12}" }, "text-default": { - "type": "color", - "value": "{color.neutral.13}" + "$type": "color", + "$value": "{color.neutral.13}" }, "contrast-default": { - "type": "color", - "value": "{color.neutral.contrast-1}" + "$type": "color", + "$value": "{color.neutral.contrast-1}" }, "contrast-subtle": { - "type": "color", - "value": "{color.neutral.contrast-2}" + "$type": "color", + "$value": "{color.neutral.contrast-2}" } }, "brand1": { "background-default": { - "type": "color", - "value": "{color.brand1.1}" + "$type": "color", + "$value": "{color.brand1.1}" }, "background-subtle": { - "type": "color", - "value": "{color.brand1.2}" + "$type": "color", + "$value": "{color.brand1.2}" }, "surface-default": { - "type": "color", - "value": "{color.brand1.3}" + "$type": "color", + "$value": "{color.brand1.3}" }, "surface-hover": { - "type": "color", - "value": "{color.brand1.4}" + "$type": "color", + "$value": "{color.brand1.4}" }, "surface-active": { - "type": "color", - "value": "{color.brand1.5}" + "$type": "color", + "$value": "{color.brand1.5}" }, "border-subtle": { - "type": "color", - "value": "{color.brand1.6}" + "$type": "color", + "$value": "{color.brand1.6}" }, "border-default": { - "type": "color", - "value": "{color.brand1.7}" + "$type": "color", + "$value": "{color.brand1.7}" }, "border-strong": { - "type": "color", - "value": "{color.brand1.8}" + "$type": "color", + "$value": "{color.brand1.8}" }, "base-default": { - "type": "color", - "value": "{color.brand1.9}" + "$type": "color", + "$value": "{color.brand1.9}" }, "base-hover": { - "type": "color", - "value": "{color.brand1.10}" + "$type": "color", + "$value": "{color.brand1.10}" }, "base-active": { - "type": "color", - "value": "{color.brand1.11}" + "$type": "color", + "$value": "{color.brand1.11}" }, "text-subtle": { - "type": "color", - "value": "{color.brand1.12}" + "$type": "color", + "$value": "{color.brand1.12}" }, "text-default": { - "type": "color", - "value": "{color.brand1.13}" + "$type": "color", + "$value": "{color.brand1.13}" }, "contrast-default": { - "type": "color", - "value": "{color.brand1.contrast-1}" + "$type": "color", + "$value": "{color.brand1.contrast-1}" }, "contrast-subtle": { - "type": "color", - "value": "{color.brand1.contrast-2}" + "$type": "color", + "$value": "{color.brand1.contrast-2}" } }, "brand2": { "background-default": { - "type": "color", - "value": "{color.brand2.1}" + "$type": "color", + "$value": "{color.brand2.1}" }, "background-subtle": { - "type": "color", - "value": "{color.brand2.2}" + "$type": "color", + "$value": "{color.brand2.2}" }, "surface-default": { - "type": "color", - "value": "{color.brand2.3}" + "$type": "color", + "$value": "{color.brand2.3}" }, "surface-hover": { - "type": "color", - "value": "{color.brand2.4}" + "$type": "color", + "$value": "{color.brand2.4}" }, "surface-active": { - "type": "color", - "value": "{color.brand2.5}" + "$type": "color", + "$value": "{color.brand2.5}" }, "border-subtle": { - "type": "color", - "value": "{color.brand2.6}" + "$type": "color", + "$value": "{color.brand2.6}" }, "border-default": { - "type": "color", - "value": "{color.brand2.7}" + "$type": "color", + "$value": "{color.brand2.7}" }, "border-strong": { - "type": "color", - "value": "{color.brand2.8}" + "$type": "color", + "$value": "{color.brand2.8}" }, "base-default": { - "type": "color", - "value": "{color.brand2.9}" + "$type": "color", + "$value": "{color.brand2.9}" }, "base-hover": { - "type": "color", - "value": "{color.brand2.10}" + "$type": "color", + "$value": "{color.brand2.10}" }, "base-active": { - "type": "color", - "value": "{color.brand2.11}" + "$type": "color", + "$value": "{color.brand2.11}" }, "text-subtle": { - "type": "color", - "value": "{color.brand2.12}" + "$type": "color", + "$value": "{color.brand2.12}" }, "text-default": { - "type": "color", - "value": "{color.brand2.13}" + "$type": "color", + "$value": "{color.brand2.13}" }, "contrast-default": { - "type": "color", - "value": "{color.brand2.contrast-1}" + "$type": "color", + "$value": "{color.brand2.contrast-1}" }, "contrast-subtle": { - "type": "color", - "value": "{color.brand2.contrast-2}" + "$type": "color", + "$value": "{color.brand2.contrast-2}" } }, "brand3": { "background-default": { - "type": "color", - "value": "{color.brand3.1}" + "$type": "color", + "$value": "{color.brand3.1}" }, "background-subtle": { - "type": "color", - "value": "{color.brand3.2}" + "$type": "color", + "$value": "{color.brand3.2}" }, "surface-default": { - "type": "color", - "value": "{color.brand3.3}" + "$type": "color", + "$value": "{color.brand3.3}" }, "surface-hover": { - "type": "color", - "value": "{color.brand3.4}" + "$type": "color", + "$value": "{color.brand3.4}" }, "surface-active": { - "type": "color", - "value": "{color.brand3.5}" + "$type": "color", + "$value": "{color.brand3.5}" }, "border-subtle": { - "type": "color", - "value": "{color.brand3.6}" + "$type": "color", + "$value": "{color.brand3.6}" }, "border-default": { - "type": "color", - "value": "{color.brand3.7}" + "$type": "color", + "$value": "{color.brand3.7}" }, "border-strong": { - "type": "color", - "value": "{color.brand3.8}" + "$type": "color", + "$value": "{color.brand3.8}" }, "base-default": { - "type": "color", - "value": "{color.brand3.9}" + "$type": "color", + "$value": "{color.brand3.9}" }, "base-hover": { - "type": "color", - "value": "{color.brand3.10}" + "$type": "color", + "$value": "{color.brand3.10}" }, "base-active": { - "type": "color", - "value": "{color.brand3.11}" + "$type": "color", + "$value": "{color.brand3.11}" }, "text-subtle": { - "type": "color", - "value": "{color.brand3.12}" + "$type": "color", + "$value": "{color.brand3.12}" }, "text-default": { - "type": "color", - "value": "{color.brand3.13}" + "$type": "color", + "$value": "{color.brand3.13}" }, "contrast-default": { - "type": "color", - "value": "{color.brand3.contrast-1}" + "$type": "color", + "$value": "{color.brand3.contrast-1}" }, "contrast-subtle": { - "type": "color", - "value": "{color.brand3.contrast-2}" + "$type": "color", + "$value": "{color.brand3.contrast-2}" } }, "success": { "background-default": { - "type": "color", - "value": "{global.green.1}" + "$type": "color", + "$value": "{global.green.1}" }, "background-subtle": { - "type": "color", - "value": "{global.green.2}" + "$type": "color", + "$value": "{global.green.2}" }, "surface-default": { - "type": "color", - "value": "{global.green.3}" + "$type": "color", + "$value": "{global.green.3}" }, "surface-hover": { - "type": "color", - "value": "{global.green.4}" + "$type": "color", + "$value": "{global.green.4}" }, "surface-active": { - "type": "color", - "value": "{global.green.5}" + "$type": "color", + "$value": "{global.green.5}" }, "border-subtle": { - "type": "color", - "value": "{global.green.6}" + "$type": "color", + "$value": "{global.green.6}" }, "border-default": { - "type": "color", - "value": "{global.green.7}" + "$type": "color", + "$value": "{global.green.7}" }, "border-strong": { - "type": "color", - "value": "{global.green.8}" + "$type": "color", + "$value": "{global.green.8}" }, "base-default": { - "type": "color", - "value": "{global.green.9}" + "$type": "color", + "$value": "{global.green.9}" }, "base-hover": { - "type": "color", - "value": "{global.green.10}" + "$type": "color", + "$value": "{global.green.10}" }, "base-active": { - "type": "color", - "value": "{global.green.11}" + "$type": "color", + "$value": "{global.green.11}" }, "text-subtle": { - "type": "color", - "value": "{global.green.12}" + "$type": "color", + "$value": "{global.green.12}" }, "text-default": { - "type": "color", - "value": "{global.green.13}" + "$type": "color", + "$value": "{global.green.13}" }, "contrast-default": { - "type": "color", - "value": "{global.green.contrast-1}" + "$type": "color", + "$value": "{global.green.contrast-1}" }, "contrast-subtle": { - "type": "color", - "value": "{global.green.contrast-2}" + "$type": "color", + "$value": "{global.green.contrast-2}" } }, "danger": { "background-default": { - "type": "color", - "value": "{global.red.1}" + "$type": "color", + "$value": "{global.red.1}" }, "background-subtle": { - "type": "color", - "value": "{global.red.2}" + "$type": "color", + "$value": "{global.red.2}" }, "surface-default": { - "type": "color", - "value": "{global.red.3}" + "$type": "color", + "$value": "{global.red.3}" }, "surface-hover": { - "type": "color", - "value": "{global.red.4}" + "$type": "color", + "$value": "{global.red.4}" }, "surface-active": { - "type": "color", - "value": "{global.red.5}" + "$type": "color", + "$value": "{global.red.5}" }, "border-subtle": { - "type": "color", - "value": "{global.red.6}" + "$type": "color", + "$value": "{global.red.6}" }, "border-default": { - "type": "color", - "value": "{global.red.7}" + "$type": "color", + "$value": "{global.red.7}" }, "border-strong": { - "type": "color", - "value": "{global.red.8}" + "$type": "color", + "$value": "{global.red.8}" }, "base-default": { - "type": "color", - "value": "{global.red.9}" + "$type": "color", + "$value": "{global.red.9}" }, "base-hover": { - "type": "color", - "value": "{global.red.10}" + "$type": "color", + "$value": "{global.red.10}" }, "base-active": { - "type": "color", - "value": "{global.red.11}" + "$type": "color", + "$value": "{global.red.11}" }, "text-subtle": { - "type": "color", - "value": "{global.red.12}" + "$type": "color", + "$value": "{global.red.12}" }, "text-default": { - "type": "color", - "value": "{global.red.13}" + "$type": "color", + "$value": "{global.red.13}" }, "contrast-default": { - "type": "color", - "value": "{global.red.contrast-1}" + "$type": "color", + "$value": "{global.red.contrast-1}" }, "contrast-subtle": { - "type": "color", - "value": "{global.red.contrast-2}" + "$type": "color", + "$value": "{global.red.contrast-2}" } }, "info": { "background-default": { - "type": "color", - "value": "{global.blue.1}" + "$type": "color", + "$value": "{global.blue.1}" }, "background-subtle": { - "type": "color", - "value": "{global.blue.2}" + "$type": "color", + "$value": "{global.blue.2}" }, "surface-default": { - "type": "color", - "value": "{global.blue.3}" + "$type": "color", + "$value": "{global.blue.3}" }, "surface-hover": { - "type": "color", - "value": "{global.blue.4}" + "$type": "color", + "$value": "{global.blue.4}" }, "surface-active": { - "type": "color", - "value": "{global.blue.5}" + "$type": "color", + "$value": "{global.blue.5}" }, "border-subtle": { - "type": "color", - "value": "{global.blue.6}" + "$type": "color", + "$value": "{global.blue.6}" }, "border-default": { - "type": "color", - "value": "{global.blue.7}" + "$type": "color", + "$value": "{global.blue.7}" }, "border-strong": { - "type": "color", - "value": "{global.blue.8}" + "$type": "color", + "$value": "{global.blue.8}" }, "base-default": { - "type": "color", - "value": "{global.blue.9}" + "$type": "color", + "$value": "{global.blue.9}" }, "base-hover": { - "type": "color", - "value": "{global.blue.10}" + "$type": "color", + "$value": "{global.blue.10}" }, "base-active": { - "type": "color", - "value": "{global.blue.11}" + "$type": "color", + "$value": "{global.blue.11}" }, "text-subtle": { - "type": "color", - "value": "{global.blue.12}" + "$type": "color", + "$value": "{global.blue.12}" }, "text-default": { - "type": "color", - "value": "{global.blue.13}" + "$type": "color", + "$value": "{global.blue.13}" }, "contrast-default": { - "type": "color", - "value": "{global.blue.contrast-1}" + "$type": "color", + "$value": "{global.blue.contrast-1}" }, "contrast-subtle": { - "type": "color", - "value": "{global.blue.contrast-2}" + "$type": "color", + "$value": "{global.blue.contrast-2}" } }, "warning": { "background-default": { - "type": "color", - "value": "{global.yellow.1}" + "$type": "color", + "$value": "{global.yellow.1}" }, "background-subtle": { - "type": "color", - "value": "{global.yellow.2}" + "$type": "color", + "$value": "{global.yellow.2}" }, "surface-default": { - "type": "color", - "value": "{global.yellow.3}" + "$type": "color", + "$value": "{global.yellow.3}" }, "surface-hover": { - "type": "color", - "value": "{global.yellow.4}" + "$type": "color", + "$value": "{global.yellow.4}" }, "surface-active": { - "type": "color", - "value": "{global.yellow.5}" + "$type": "color", + "$value": "{global.yellow.5}" }, "border-subtle": { - "type": "color", - "value": "{global.yellow.6}" + "$type": "color", + "$value": "{global.yellow.6}" }, "border-default": { - "type": "color", - "value": "{global.yellow.7}" + "$type": "color", + "$value": "{global.yellow.7}" }, "border-strong": { - "type": "color", - "value": "{global.yellow.8}" + "$type": "color", + "$value": "{global.yellow.8}" }, "base-default": { - "type": "color", - "value": "{global.orange.9}" + "$type": "color", + "$value": "{global.orange.9}" }, "base-hover": { - "type": "color", - "value": "{global.orange.10}" + "$type": "color", + "$value": "{global.orange.10}" }, "base-active": { - "type": "color", - "value": "{global.orange.11}" + "$type": "color", + "$value": "{global.orange.11}" }, "text-subtle": { - "type": "color", - "value": "{global.orange.12}" + "$type": "color", + "$value": "{global.orange.12}" }, "text-default": { - "type": "color", - "value": "{global.orange.13}" + "$type": "color", + "$value": "{global.orange.13}" }, "contrast-default": { - "type": "color", - "value": "{global.yellow.contrast-1}" + "$type": "color", + "$value": "{global.yellow.contrast-1}" }, "contrast-subtle": { - "type": "color", - "value": "{global.yellow.contrast-2}" + "$type": "color", + "$value": "{global.yellow.contrast-2}" } }, "focus": { "inner": { - "type": "color", - "value": "{color.neutral.background-default}" + "$type": "color", + "$value": "{color.neutral.background-default}" }, "outer": { - "type": "color", - "value": "{color.accent.text-default}" + "$type": "color", + "$value": "{color.accent.text-default}" } } } diff --git a/design-tokens/semantic/style.json b/design-tokens/semantic/style.json index 6d03a4c68b..56a30a39ac 100644 --- a/design-tokens/semantic/style.json +++ b/design-tokens/semantic/style.json @@ -2,8 +2,8 @@ "typography": { "heading": { "2xl": { - "type": "typography", - "value": { + "$type": "typography", + "$value": { "fontFamily": "{font.family}", "fontWeight": "{font-weight.medium}", "lineHeight": "{line-height.sm}", @@ -12,76 +12,70 @@ } }, "xl": { - "type": "typography", - "value": { + "$type": "typography", + "$value": { "fontFamily": "{font.family}", "fontWeight": "{font-weight.medium}", "lineHeight": "{line-height.sm}", "fontSize": "{font-size.10}", "letterSpacing": "{letter-spacing.1}" - }, - "description": "H1" + } }, "lg": { - "type": "typography", - "value": { + "$type": "typography", + "$value": { "fontFamily": "{font.family}", "fontWeight": "{font-weight.medium}", "lineHeight": "{line-height.sm}", "fontSize": "{font-size.9}", "letterSpacing": "{letter-spacing.2}" - }, - "description": "H2" + } }, "md": { - "type": "typography", - "value": { + "$type": "typography", + "$value": { "fontFamily": "{font.family}", "fontWeight": "{font-weight.medium}", "lineHeight": "{line-height.sm}", "fontSize": "{font-size.8}", "letterSpacing": "{letter-spacing.3}" - }, - "description": "H3" + } }, "sm": { - "type": "typography", - "value": { + "$type": "typography", + "$value": { "fontFamily": "{font.family}", "fontWeight": "{font-weight.medium}", "lineHeight": "{line-height.sm}", "fontSize": "{font-size.7}", "letterSpacing": "{letter-spacing.5}" - }, - "description": "H4" + } }, "xs": { - "type": "typography", - "value": { + "$type": "typography", + "$value": { "fontFamily": "{font.family}", "fontWeight": "{font-weight.medium}", "lineHeight": "{line-height.sm}", "fontSize": "{font-size.6}", "letterSpacing": "{letter-spacing.6}" - }, - "description": "H5" + } }, "2xs": { - "type": "typography", - "value": { + "$type": "typography", + "$value": { "fontFamily": "{font.family}", "fontWeight": "{font-weight.medium}", "lineHeight": "{line-height.sm}", "fontSize": "{font-size.5}", "letterSpacing": "{letter-spacing.6}" - }, - "description": "H6" + } } }, "ingress": { "lg": { - "type": "typography", - "value": { + "$type": "typography", + "$value": { "fontFamily": "{font.family}", "fontWeight": "{font-weight.regular}", "lineHeight": "{line-height.lg}", @@ -90,8 +84,8 @@ } }, "md": { - "type": "typography", - "value": { + "$type": "typography", + "$value": { "fontFamily": "{font.family}", "fontWeight": "{font-weight.regular}", "lineHeight": "{line-height.lg}", @@ -100,8 +94,8 @@ } }, "sm": { - "type": "typography", - "value": { + "$type": "typography", + "$value": { "fontFamily": "{font.family}", "fontWeight": "{font-weight.regular}", "lineHeight": "{line-height.lg}", @@ -110,8 +104,8 @@ } }, "xs": { - "type": "typography", - "value": { + "$type": "typography", + "$value": { "fontFamily": "{font.family}", "fontWeight": "{font-weight.regular}", "lineHeight": "{line-height.lg}", @@ -122,8 +116,8 @@ }, "paragraph": { "lg": { - "type": "typography", - "value": { + "$type": "typography", + "$value": { "fontFamily": "{font.family}", "fontWeight": "{font-weight.regular}", "lineHeight": "{line-height.md}", @@ -132,8 +126,8 @@ } }, "md": { - "type": "typography", - "value": { + "$type": "typography", + "$value": { "fontFamily": "{font.family}", "fontWeight": "{font-weight.regular}", "lineHeight": "{line-height.md}", @@ -142,8 +136,8 @@ } }, "sm": { - "type": "typography", - "value": { + "$type": "typography", + "$value": { "fontFamily": "{font.family}", "fontWeight": "{font-weight.regular}", "lineHeight": "{line-height.md}", @@ -152,8 +146,8 @@ } }, "xs": { - "type": "typography", - "value": { + "$type": "typography", + "$value": { "fontFamily": "{font.family}", "fontWeight": "{font-weight.regular}", "lineHeight": "{line-height.md}", @@ -163,8 +157,8 @@ }, "short": { "lg": { - "type": "typography", - "value": { + "$type": "typography", + "$value": { "fontFamily": "{font.family}", "fontWeight": "{font-weight.regular}", "lineHeight": "{line-height.sm}", @@ -173,8 +167,8 @@ } }, "md": { - "type": "typography", - "value": { + "$type": "typography", + "$value": { "fontFamily": "{font.family}", "fontWeight": "{font-weight.regular}", "lineHeight": "{line-height.sm}", @@ -183,8 +177,8 @@ } }, "sm": { - "type": "typography", - "value": { + "$type": "typography", + "$value": { "fontFamily": "{font.family}", "fontWeight": "{font-weight.regular}", "lineHeight": "{line-height.sm}", @@ -193,8 +187,8 @@ } }, "xs": { - "type": "typography", - "value": { + "$type": "typography", + "$value": { "fontFamily": "{font.family}", "fontWeight": "{font-weight.regular}", "lineHeight": "{line-height.sm}", @@ -205,8 +199,8 @@ }, "long": { "lg": { - "type": "typography", - "value": { + "$type": "typography", + "$value": { "fontFamily": "{font.family}", "fontWeight": "{font-weight.regular}", "lineHeight": "{line-height.lg}", @@ -215,8 +209,8 @@ } }, "md": { - "type": "typography", - "value": { + "$type": "typography", + "$value": { "fontFamily": "{font.family}", "fontWeight": "{font-weight.regular}", "lineHeight": "{line-height.lg}", @@ -225,8 +219,8 @@ } }, "sm": { - "type": "typography", - "value": { + "$type": "typography", + "$value": { "fontFamily": "{font.family}", "fontWeight": "{font-weight.regular}", "lineHeight": "{line-height.lg}", @@ -235,8 +229,8 @@ } }, "xs": { - "type": "typography", - "value": { + "$type": "typography", + "$value": { "fontFamily": "{font.family}", "fontWeight": "{font-weight.regular}", "lineHeight": "{line-height.lg}", @@ -248,8 +242,8 @@ }, "label": { "lg": { - "type": "typography", - "value": { + "$type": "typography", + "$value": { "fontFamily": "{font.family}", "fontWeight": "{font-weight.medium}", "lineHeight": "{line-height.sm}", @@ -258,8 +252,8 @@ } }, "md": { - "type": "typography", - "value": { + "$type": "typography", + "$value": { "fontFamily": "{font.family}", "fontWeight": "{font-weight.medium}", "lineHeight": "{line-height.sm}", @@ -268,8 +262,8 @@ } }, "sm": { - "type": "typography", - "value": { + "$type": "typography", + "$value": { "fontFamily": "{font.family}", "fontWeight": "{font-weight.medium}", "lineHeight": "{line-height.sm}", @@ -278,8 +272,8 @@ } }, "xs": { - "type": "typography", - "value": { + "$type": "typography", + "$value": { "fontFamily": "{font.family}", "fontWeight": "{font-weight.medium}", "lineHeight": "{line-height.sm}", @@ -290,8 +284,8 @@ }, "error_message": { "lg": { - "type": "typography", - "value": { + "$type": "typography", + "$value": { "fontFamily": "{font.family}", "fontWeight": "{font-weight.regular}", "lineHeight": "{line-height.sm}", @@ -300,8 +294,8 @@ } }, "md": { - "type": "typography", - "value": { + "$type": "typography", + "$value": { "fontFamily": "{font.family}", "fontWeight": "{font-weight.regular}", "lineHeight": "{line-height.sm}", @@ -310,8 +304,8 @@ } }, "sm": { - "type": "typography", - "value": { + "$type": "typography", + "$value": { "fontFamily": "{font.family}", "fontWeight": "{font-weight.regular}", "lineHeight": "{line-height.sm}", @@ -320,8 +314,8 @@ } }, "xs": { - "type": "typography", - "value": { + "$type": "typography", + "$value": { "fontFamily": "{font.family}", "fontWeight": "{font-weight.regular}", "lineHeight": "{line-height.sm}", @@ -333,238 +327,238 @@ }, "disabled": { "opacity": { - "type": "opacity", - "value": "{opacity.30}" + "$type": "opacity", + "$value": "{opacity.30}" } }, "border-radius": { "sm": { - "type": "borderRadius", - "value": "{border-radius.base}*0.5" + "$type": "borderRadius", + "$value": "{border-radius.base}*0.5" }, "md": { - "type": "borderRadius", - "value": "{border-radius.base}*1" + "$type": "borderRadius", + "$value": "{border-radius.base}*1" }, "lg": { - "type": "borderRadius", - "value": "{border-radius.base}*2" + "$type": "borderRadius", + "$value": "{border-radius.base}*2" }, "xl": { - "type": "borderRadius", - "value": "{border-radius.base}*3" + "$type": "borderRadius", + "$value": "{border-radius.base}*3" }, "2xl": { - "type": "borderRadius", - "value": "{border-radius.base}*4" + "$type": "borderRadius", + "$value": "{border-radius.base}*4" }, "3xl": { - "type": "borderRadius", - "value": "{border-radius.base}*6" + "$type": "borderRadius", + "$value": "{border-radius.base}*6" }, "4xl": { - "type": "borderRadius", - "value": "{border-radius.base}*8" + "$type": "borderRadius", + "$value": "{border-radius.base}*8" }, "full": { - "type": "borderRadius", - "value": "9999" + "$type": "borderRadius", + "$value": "9999" } }, "spacing": { "0": { - "type": "spacing", - "value": "{spacing.base}*0" + "$type": "spacing", + "$value": "{spacing.base}*0" }, "1": { - "type": "spacing", - "value": "{spacing.base}*1" + "$type": "spacing", + "$value": "{spacing.base}*1" }, "2": { - "type": "spacing", - "value": "{spacing.base}*2" + "$type": "spacing", + "$value": "{spacing.base}*2" }, "3": { - "type": "spacing", - "value": "{spacing.base}*3" + "$type": "spacing", + "$value": "{spacing.base}*3" }, "4": { - "type": "spacing", - "value": "{spacing.base}*4" + "$type": "spacing", + "$value": "{spacing.base}*4" }, "5": { - "type": "spacing", - "value": "{spacing.base}*5" + "$type": "spacing", + "$value": "{spacing.base}*5" }, "6": { - "type": "spacing", - "value": "{spacing.base}*6" + "$type": "spacing", + "$value": "{spacing.base}*6" }, "7": { - "type": "spacing", - "value": "{spacing.base}*7" + "$type": "spacing", + "$value": "{spacing.base}*7" }, "8": { - "type": "spacing", - "value": "{spacing.base}*8" + "$type": "spacing", + "$value": "{spacing.base}*8" }, "9": { - "type": "spacing", - "value": "{spacing.base}*9" + "$type": "spacing", + "$value": "{spacing.base}*9" }, "10": { - "type": "spacing", - "value": "{spacing.base}*10" + "$type": "spacing", + "$value": "{spacing.base}*10" }, "11": { - "type": "spacing", - "value": "{spacing.base}*11" + "$type": "spacing", + "$value": "{spacing.base}*11" }, "12": { - "type": "spacing", - "value": "{spacing.base}*12" + "$type": "spacing", + "$value": "{spacing.base}*12" }, "13": { - "type": "spacing", - "value": "{spacing.base}*13" + "$type": "spacing", + "$value": "{spacing.base}*13" }, "14": { - "type": "spacing", - "value": "{spacing.base}*14" + "$type": "spacing", + "$value": "{spacing.base}*14" }, "15": { - "type": "spacing", - "value": "{spacing.base}*15" + "$type": "spacing", + "$value": "{spacing.base}*15" }, "18": { - "type": "spacing", - "value": "{spacing.base}*18" + "$type": "spacing", + "$value": "{spacing.base}*18" }, "22": { - "type": "spacing", - "value": "{spacing.base}*22" + "$type": "spacing", + "$value": "{spacing.base}*22" }, "26": { - "type": "spacing", - "value": "{spacing.base}*26" + "$type": "spacing", + "$value": "{spacing.base}*26" }, "30": { - "type": "spacing", - "value": "{spacing.base}*30" + "$type": "spacing", + "$value": "{spacing.base}*30" } }, "sizing": { "0": { - "type": "sizing", - "value": "{sizing.base}*0" + "$type": "sizing", + "$value": "{sizing.base}*0" }, "1": { - "type": "sizing", - "value": "{sizing.base}*1" + "$type": "sizing", + "$value": "{sizing.base}*1" }, "2": { - "type": "sizing", - "value": "{sizing.base}*2" + "$type": "sizing", + "$value": "{sizing.base}*2" }, "3": { - "type": "sizing", - "value": "{sizing.base}*3" + "$type": "sizing", + "$value": "{sizing.base}*3" }, "4": { - "type": "sizing", - "value": "{sizing.base}*4" + "$type": "sizing", + "$value": "{sizing.base}*4" }, "5": { - "type": "sizing", - "value": "{sizing.base}*5" + "$type": "sizing", + "$value": "{sizing.base}*5" }, "6": { - "type": "sizing", - "value": "{sizing.base}*6" + "$type": "sizing", + "$value": "{sizing.base}*6" }, "7": { - "type": "sizing", - "value": "{sizing.base}*7" + "$type": "sizing", + "$value": "{sizing.base}*7" }, "8": { - "type": "sizing", - "value": "{sizing.base}*8" + "$type": "sizing", + "$value": "{sizing.base}*8" }, "9": { - "type": "sizing", - "value": "{sizing.base}*9" + "$type": "sizing", + "$value": "{sizing.base}*9" }, "10": { - "type": "sizing", - "value": "{sizing.base}*10" + "$type": "sizing", + "$value": "{sizing.base}*10" }, "11": { - "type": "sizing", - "value": "{sizing.base}*11" + "$type": "sizing", + "$value": "{sizing.base}*11" }, "12": { - "type": "sizing", - "value": "{sizing.base}*12" + "$type": "sizing", + "$value": "{sizing.base}*12" }, "13": { - "type": "sizing", - "value": "{sizing.base}*13" + "$type": "sizing", + "$value": "{sizing.base}*13" }, "14": { - "type": "sizing", - "value": "{sizing.base}*14" + "$type": "sizing", + "$value": "{sizing.base}*14" }, "15": { - "type": "sizing", - "value": "{sizing.base}*15" + "$type": "sizing", + "$value": "{sizing.base}*15" }, "18": { - "type": "sizing", - "value": "{sizing.base}*18" + "$type": "sizing", + "$value": "{sizing.base}*18" }, "22": { - "type": "sizing", - "value": "{sizing.base}*22" + "$type": "sizing", + "$value": "{sizing.base}*22" }, "26": { - "type": "sizing", - "value": "{sizing.base}*26" + "$type": "sizing", + "$value": "{sizing.base}*26" }, "30": { - "type": "sizing", - "value": "{sizing.base}*30" + "$type": "sizing", + "$value": "{sizing.base}*30" } }, "border-width": { "default": { - "type": "borderWidth", - "value": "{border-width.1}" + "$type": "borderWidth", + "$value": "{border-width.1}" }, "highlight": { - "type": "borderWidth", - "value": "{border-width.2}" + "$type": "borderWidth", + "$value": "{border-width.2}" } }, "shadow": { "xs": { - "type": "boxShadow", - "value": "{shadow.100}" + "$type": "boxShadow", + "$value": "{shadow.100}" }, "sm": { - "type": "boxShadow", - "value": "{shadow.200}" + "$type": "boxShadow", + "$value": "{shadow.200}" }, "md": { - "type": "boxShadow", - "value": "{shadow.300}" + "$type": "boxShadow", + "$value": "{shadow.300}" }, "lg": { - "type": "boxShadow", - "value": "{shadow.400}" + "$type": "boxShadow", + "$value": "{shadow.400}" }, "xl": { - "type": "boxShadow", - "value": "{shadow.500}" + "$type": "boxShadow", + "$value": "{shadow.500}" } } -} \ No newline at end of file +} diff --git a/design-tokens/themes/theme.json b/design-tokens/themes/theme.json index 31c674a05b..0bb526a0f7 100644 --- a/design-tokens/themes/theme.json +++ b/design-tokens/themes/theme.json @@ -2,333 +2,333 @@ "color": { "accent": { "1": { - "type": "color", - "value": "{theme.accent.1}" + "$type": "color", + "$value": "{theme.accent.1}" }, "2": { - "type": "color", - "value": "{theme.accent.2}" + "$type": "color", + "$value": "{theme.accent.2}" }, "3": { - "type": "color", - "value": "{theme.accent.3}" + "$type": "color", + "$value": "{theme.accent.3}" }, "4": { - "type": "color", - "value": "{theme.accent.4}" + "$type": "color", + "$value": "{theme.accent.4}" }, "5": { - "type": "color", - "value": "{theme.accent.5}" + "$type": "color", + "$value": "{theme.accent.5}" }, "6": { - "type": "color", - "value": "{theme.accent.6}" + "$type": "color", + "$value": "{theme.accent.6}" }, "7": { - "type": "color", - "value": "{theme.accent.7}" + "$type": "color", + "$value": "{theme.accent.7}" }, "8": { - "type": "color", - "value": "{theme.accent.8}" + "$type": "color", + "$value": "{theme.accent.8}" }, "9": { - "type": "color", - "value": "{theme.accent.9}" + "$type": "color", + "$value": "{theme.accent.9}" }, "10": { - "type": "color", - "value": "{theme.accent.10}" + "$type": "color", + "$value": "{theme.accent.10}" }, "11": { - "type": "color", - "value": "{theme.accent.11}" + "$type": "color", + "$value": "{theme.accent.11}" }, "12": { - "type": "color", - "value": "{theme.accent.12}" + "$type": "color", + "$value": "{theme.accent.12}" }, "13": { - "type": "color", - "value": "{theme.accent.13}" + "$type": "color", + "$value": "{theme.accent.13}" }, "contrast-1": { - "type": "color", - "value": "{theme.accent.contrast-1}" + "$type": "color", + "$value": "{theme.accent.contrast-1}" }, "contrast-2": { - "type": "color", - "value": "{theme.accent.contrast-2}" + "$type": "color", + "$value": "{theme.accent.contrast-2}" } }, "neutral": { "1": { - "type": "color", - "value": "{theme.neutral.1}" + "$type": "color", + "$value": "{theme.neutral.1}" }, "2": { - "type": "color", - "value": "{theme.neutral.2}" + "$type": "color", + "$value": "{theme.neutral.2}" }, "3": { - "type": "color", - "value": "{theme.neutral.3}" + "$type": "color", + "$value": "{theme.neutral.3}" }, "4": { - "type": "color", - "value": "{theme.neutral.4}" + "$type": "color", + "$value": "{theme.neutral.4}" }, "5": { - "type": "color", - "value": "{theme.neutral.5}" + "$type": "color", + "$value": "{theme.neutral.5}" }, "6": { - "type": "color", - "value": "{theme.neutral.6}" + "$type": "color", + "$value": "{theme.neutral.6}" }, "7": { - "type": "color", - "value": "{theme.neutral.7}" + "$type": "color", + "$value": "{theme.neutral.7}" }, "8": { - "type": "color", - "value": "{theme.neutral.8}" + "$type": "color", + "$value": "{theme.neutral.8}" }, "9": { - "type": "color", - "value": "{theme.neutral.9}" + "$type": "color", + "$value": "{theme.neutral.9}" }, "10": { - "type": "color", - "value": "{theme.neutral.10}" + "$type": "color", + "$value": "{theme.neutral.10}" }, "11": { - "type": "color", - "value": "{theme.neutral.11}" + "$type": "color", + "$value": "{theme.neutral.11}" }, "12": { - "type": "color", - "value": "{theme.neutral.12}" + "$type": "color", + "$value": "{theme.neutral.12}" }, "13": { - "type": "color", - "value": "{theme.neutral.13}" + "$type": "color", + "$value": "{theme.neutral.13}" }, "contrast-1": { - "type": "color", - "value": "{theme.neutral.contrast-1}" + "$type": "color", + "$value": "{theme.neutral.contrast-1}" }, "contrast-2": { - "type": "color", - "value": "{theme.neutral.contrast-2}" + "$type": "color", + "$value": "{theme.neutral.contrast-2}" } }, "brand1": { "1": { - "type": "color", - "value": "{theme.brand1.1}" + "$type": "color", + "$value": "{theme.brand1.1}" }, "2": { - "type": "color", - "value": "{theme.brand1.2}" + "$type": "color", + "$value": "{theme.brand1.2}" }, "3": { - "type": "color", - "value": "{theme.brand1.3}" + "$type": "color", + "$value": "{theme.brand1.3}" }, "4": { - "type": "color", - "value": "{theme.brand1.4}" + "$type": "color", + "$value": "{theme.brand1.4}" }, "5": { - "type": "color", - "value": "{theme.brand1.5}" + "$type": "color", + "$value": "{theme.brand1.5}" }, "6": { - "type": "color", - "value": "{theme.brand1.6}" + "$type": "color", + "$value": "{theme.brand1.6}" }, "7": { - "type": "color", - "value": "{theme.brand1.7}" + "$type": "color", + "$value": "{theme.brand1.7}" }, "8": { - "type": "color", - "value": "{theme.brand1.8}" + "$type": "color", + "$value": "{theme.brand1.8}" }, "9": { - "type": "color", - "value": "{theme.brand1.9}" + "$type": "color", + "$value": "{theme.brand1.9}" }, "10": { - "type": "color", - "value": "{theme.brand1.10}" + "$type": "color", + "$value": "{theme.brand1.10}" }, "11": { - "type": "color", - "value": "{theme.brand1.11}" + "$type": "color", + "$value": "{theme.brand1.11}" }, "12": { - "type": "color", - "value": "{theme.brand1.12}" + "$type": "color", + "$value": "{theme.brand1.12}" }, "13": { - "type": "color", - "value": "{theme.brand1.13}" + "$type": "color", + "$value": "{theme.brand1.13}" }, "contrast-1": { - "type": "color", - "value": "{theme.brand1.contrast-1}" + "$type": "color", + "$value": "{theme.brand1.contrast-1}" }, "contrast-2": { - "type": "color", - "value": "{theme.brand1.contrast-2}" + "$type": "color", + "$value": "{theme.brand1.contrast-2}" } }, "brand2": { "1": { - "type": "color", - "value": "{theme.brand2.1}" + "$type": "color", + "$value": "{theme.brand2.1}" }, "2": { - "type": "color", - "value": "{theme.brand2.2}" + "$type": "color", + "$value": "{theme.brand2.2}" }, "3": { - "type": "color", - "value": "{theme.brand2.3}" + "$type": "color", + "$value": "{theme.brand2.3}" }, "4": { - "type": "color", - "value": "{theme.brand2.4}" + "$type": "color", + "$value": "{theme.brand2.4}" }, "5": { - "type": "color", - "value": "{theme.brand2.5}" + "$type": "color", + "$value": "{theme.brand2.5}" }, "6": { - "type": "color", - "value": "{theme.brand2.6}" + "$type": "color", + "$value": "{theme.brand2.6}" }, "7": { - "type": "color", - "value": "{theme.brand2.7}" + "$type": "color", + "$value": "{theme.brand2.7}" }, "8": { - "type": "color", - "value": "{theme.brand2.8}" + "$type": "color", + "$value": "{theme.brand2.8}" }, "9": { - "type": "color", - "value": "{theme.brand2.9}" + "$type": "color", + "$value": "{theme.brand2.9}" }, "10": { - "type": "color", - "value": "{theme.brand2.10}" + "$type": "color", + "$value": "{theme.brand2.10}" }, "11": { - "type": "color", - "value": "{theme.brand2.11}" + "$type": "color", + "$value": "{theme.brand2.11}" }, "12": { - "type": "color", - "value": "{theme.brand2.12}" + "$type": "color", + "$value": "{theme.brand2.12}" }, "13": { - "type": "color", - "value": "{theme.brand2.13}" + "$type": "color", + "$value": "{theme.brand2.13}" }, "contrast-1": { - "type": "color", - "value": "{theme.brand2.contrast-1}" + "$type": "color", + "$value": "{theme.brand2.contrast-1}" }, "contrast-2": { - "type": "color", - "value": "{theme.brand2.contrast-2}" + "$type": "color", + "$value": "{theme.brand2.contrast-2}" } }, "brand3": { "1": { - "type": "color", - "value": "{theme.brand3.1}" + "$type": "color", + "$value": "{theme.brand3.1}" }, "2": { - "type": "color", - "value": "{theme.brand3.2}" + "$type": "color", + "$value": "{theme.brand3.2}" }, "3": { - "type": "color", - "value": "{theme.brand3.3}" + "$type": "color", + "$value": "{theme.brand3.3}" }, "4": { - "type": "color", - "value": "{theme.brand3.4}" + "$type": "color", + "$value": "{theme.brand3.4}" }, "5": { - "type": "color", - "value": "{theme.brand3.5}" + "$type": "color", + "$value": "{theme.brand3.5}" }, "6": { - "type": "color", - "value": "{theme.brand3.6}" + "$type": "color", + "$value": "{theme.brand3.6}" }, "7": { - "type": "color", - "value": "{theme.brand3.7}" + "$type": "color", + "$value": "{theme.brand3.7}" }, "8": { - "type": "color", - "value": "{theme.brand3.8}" + "$type": "color", + "$value": "{theme.brand3.8}" }, "9": { - "type": "color", - "value": "{theme.brand3.9}" + "$type": "color", + "$value": "{theme.brand3.9}" }, "10": { - "type": "color", - "value": "{theme.brand3.10}" + "$type": "color", + "$value": "{theme.brand3.10}" }, "11": { - "type": "color", - "value": "{theme.brand3.11}" + "$type": "color", + "$value": "{theme.brand3.11}" }, "12": { - "type": "color", - "value": "{theme.brand3.12}" + "$type": "color", + "$value": "{theme.brand3.12}" }, "13": { - "type": "color", - "value": "{theme.brand3.13}" + "$type": "color", + "$value": "{theme.brand3.13}" }, "contrast-1": { - "type": "color", - "value": "{theme.brand3.contrast-1}" + "$type": "color", + "$value": "{theme.brand3.contrast-1}" }, "contrast-2": { - "type": "color", - "value": "{theme.brand3.contrast-2}" + "$type": "color", + "$value": "{theme.brand3.contrast-2}" } } }, "font": { "family": { - "type": "fontFamilies", - "value": "{theme.main}" + "$type": "fontFamilies", + "$value": "{theme.main}" } }, "font-weight": { "medium": { - "type": "fontWeights", - "value": "{theme.bold}" + "$type": "fontWeights", + "$value": "{theme.bold}" }, "semibold": { - "type": "fontWeights", - "value": "{theme.extra-bold}" + "$type": "fontWeights", + "$value": "{theme.extra-bold}" }, "regular": { - "type": "fontWeights", - "value": "{theme.regular}" + "$type": "fontWeights", + "$value": "{theme.regular}" } } } \ No newline at end of file diff --git a/design-tokens/themes/theme2.json b/design-tokens/themes/theme2.json index 5cd3e41898..2bf977be95 100644 --- a/design-tokens/themes/theme2.json +++ b/design-tokens/themes/theme2.json @@ -2,333 +2,333 @@ "color": { "accent": { "1": { - "type": "color", - "value": "{theme2.accent.1}" + "$type": "color", + "$value": "{theme2.accent.1}" }, "2": { - "type": "color", - "value": "{theme2.accent.2}" + "$type": "color", + "$value": "{theme2.accent.2}" }, "3": { - "type": "color", - "value": "{theme2.accent.3}" + "$type": "color", + "$value": "{theme2.accent.3}" }, "4": { - "type": "color", - "value": "{theme2.accent.4}" + "$type": "color", + "$value": "{theme2.accent.4}" }, "5": { - "type": "color", - "value": "{theme2.accent.5}" + "$type": "color", + "$value": "{theme2.accent.5}" }, "6": { - "type": "color", - "value": "{theme2.accent.6}" + "$type": "color", + "$value": "{theme2.accent.6}" }, "7": { - "type": "color", - "value": "{theme2.accent.7}" + "$type": "color", + "$value": "{theme2.accent.7}" }, "8": { - "type": "color", - "value": "{theme2.accent.8}" + "$type": "color", + "$value": "{theme2.accent.8}" }, "9": { - "type": "color", - "value": "{theme2.accent.9}" + "$type": "color", + "$value": "{theme2.accent.9}" }, "10": { - "type": "color", - "value": "{theme2.accent.10}" + "$type": "color", + "$value": "{theme2.accent.10}" }, "11": { - "type": "color", - "value": "{theme2.accent.11}" + "$type": "color", + "$value": "{theme2.accent.11}" }, "12": { - "type": "color", - "value": "{theme2.accent.12}" + "$type": "color", + "$value": "{theme2.accent.12}" }, "13": { - "type": "color", - "value": "{theme2.accent.13}" + "$type": "color", + "$value": "{theme2.accent.13}" }, "contrast-1": { - "type": "color", - "value": "{theme2.accent.contrast-1}" + "$type": "color", + "$value": "{theme2.accent.contrast-1}" }, "contrast-2": { - "type": "color", - "value": "{theme2.accent.contrast-2}" + "$type": "color", + "$value": "{theme2.accent.contrast-2}" } }, "neutral": { "1": { - "type": "color", - "value": "{theme2.neutral.1}" + "$type": "color", + "$value": "{theme2.neutral.1}" }, "2": { - "type": "color", - "value": "{theme2.neutral.2}" + "$type": "color", + "$value": "{theme2.neutral.2}" }, "3": { - "type": "color", - "value": "{theme2.neutral.3}" + "$type": "color", + "$value": "{theme2.neutral.3}" }, "4": { - "type": "color", - "value": "{theme2.neutral.4}" + "$type": "color", + "$value": "{theme2.neutral.4}" }, "5": { - "type": "color", - "value": "{theme2.neutral.5}" + "$type": "color", + "$value": "{theme2.neutral.5}" }, "6": { - "type": "color", - "value": "{theme2.neutral.6}" + "$type": "color", + "$value": "{theme2.neutral.6}" }, "7": { - "type": "color", - "value": "{theme2.neutral.7}" + "$type": "color", + "$value": "{theme2.neutral.7}" }, "8": { - "type": "color", - "value": "{theme2.neutral.8}" + "$type": "color", + "$value": "{theme2.neutral.8}" }, "9": { - "type": "color", - "value": "{theme2.neutral.9}" + "$type": "color", + "$value": "{theme2.neutral.9}" }, "10": { - "type": "color", - "value": "{theme2.neutral.10}" + "$type": "color", + "$value": "{theme2.neutral.10}" }, "11": { - "type": "color", - "value": "{theme2.neutral.11}" + "$type": "color", + "$value": "{theme2.neutral.11}" }, "12": { - "type": "color", - "value": "{theme2.neutral.12}" + "$type": "color", + "$value": "{theme2.neutral.12}" }, "13": { - "type": "color", - "value": "{theme2.neutral.13}" + "$type": "color", + "$value": "{theme2.neutral.13}" }, "contrast-1": { - "type": "color", - "value": "{theme2.neutral.contrast-1}" + "$type": "color", + "$value": "{theme2.neutral.contrast-1}" }, "contrast-2": { - "type": "color", - "value": "{theme2.neutral.contrast-2}" + "$type": "color", + "$value": "{theme2.neutral.contrast-2}" } }, "brand1": { "1": { - "type": "color", - "value": "{theme2.brand1.1}" + "$type": "color", + "$value": "{theme2.brand1.1}" }, "2": { - "type": "color", - "value": "{theme2.brand1.2}" + "$type": "color", + "$value": "{theme2.brand1.2}" }, "3": { - "type": "color", - "value": "{theme2.brand1.3}" + "$type": "color", + "$value": "{theme2.brand1.3}" }, "4": { - "type": "color", - "value": "{theme2.brand1.4}" + "$type": "color", + "$value": "{theme2.brand1.4}" }, "5": { - "type": "color", - "value": "{theme2.brand1.5}" + "$type": "color", + "$value": "{theme2.brand1.5}" }, "6": { - "type": "color", - "value": "{theme2.brand1.6}" + "$type": "color", + "$value": "{theme2.brand1.6}" }, "7": { - "type": "color", - "value": "{theme2.brand1.7}" + "$type": "color", + "$value": "{theme2.brand1.7}" }, "8": { - "type": "color", - "value": "{theme2.brand1.8}" + "$type": "color", + "$value": "{theme2.brand1.8}" }, "9": { - "type": "color", - "value": "{theme2.brand1.9}" + "$type": "color", + "$value": "{theme2.brand1.9}" }, "10": { - "type": "color", - "value": "{theme2.brand1.10}" + "$type": "color", + "$value": "{theme2.brand1.10}" }, "11": { - "type": "color", - "value": "{theme2.brand1.11}" + "$type": "color", + "$value": "{theme2.brand1.11}" }, "12": { - "type": "color", - "value": "{theme2.brand1.12}" + "$type": "color", + "$value": "{theme2.brand1.12}" }, "13": { - "type": "color", - "value": "{theme2.brand1.13}" + "$type": "color", + "$value": "{theme2.brand1.13}" }, "contrast-1": { - "type": "color", - "value": "{theme2.brand1.contrast-1}" + "$type": "color", + "$value": "{theme2.brand1.contrast-1}" }, "contrast-2": { - "type": "color", - "value": "{theme2.brand1.contrast-2}" + "$type": "color", + "$value": "{theme2.brand1.contrast-2}" } }, "brand2": { "1": { - "type": "color", - "value": "{theme2.brand2.1}" + "$type": "color", + "$value": "{theme2.brand2.1}" }, "2": { - "type": "color", - "value": "{theme2.brand2.2}" + "$type": "color", + "$value": "{theme2.brand2.2}" }, "3": { - "type": "color", - "value": "{theme2.brand2.3}" + "$type": "color", + "$value": "{theme2.brand2.3}" }, "4": { - "type": "color", - "value": "{theme2.brand2.4}" + "$type": "color", + "$value": "{theme2.brand2.4}" }, "5": { - "type": "color", - "value": "{theme2.brand2.5}" + "$type": "color", + "$value": "{theme2.brand2.5}" }, "6": { - "type": "color", - "value": "{theme2.brand2.6}" + "$type": "color", + "$value": "{theme2.brand2.6}" }, "7": { - "type": "color", - "value": "{theme2.brand2.7}" + "$type": "color", + "$value": "{theme2.brand2.7}" }, "8": { - "type": "color", - "value": "{theme2.brand2.8}" + "$type": "color", + "$value": "{theme2.brand2.8}" }, "9": { - "type": "color", - "value": "{theme2.brand2.9}" + "$type": "color", + "$value": "{theme2.brand2.9}" }, "10": { - "type": "color", - "value": "{theme2.brand2.10}" + "$type": "color", + "$value": "{theme2.brand2.10}" }, "11": { - "type": "color", - "value": "{theme2.brand2.11}" + "$type": "color", + "$value": "{theme2.brand2.11}" }, "12": { - "type": "color", - "value": "{theme2.brand2.12}" + "$type": "color", + "$value": "{theme2.brand2.12}" }, "13": { - "type": "color", - "value": "{theme2.brand2.13}" + "$type": "color", + "$value": "{theme2.brand2.13}" }, "contrast-1": { - "type": "color", - "value": "{theme2.brand2.contrast-1}" + "$type": "color", + "$value": "{theme2.brand2.contrast-1}" }, "contrast-2": { - "type": "color", - "value": "{theme2.brand2.contrast-2}" + "$type": "color", + "$value": "{theme2.brand2.contrast-2}" } }, "brand3": { "1": { - "type": "color", - "value": "{theme2.brand3.1}" + "$type": "color", + "$value": "{theme2.brand3.1}" }, "2": { - "type": "color", - "value": "{theme2.brand3.2}" + "$type": "color", + "$value": "{theme2.brand3.2}" }, "3": { - "type": "color", - "value": "{theme2.brand3.3}" + "$type": "color", + "$value": "{theme2.brand3.3}" }, "4": { - "type": "color", - "value": "{theme2.brand3.4}" + "$type": "color", + "$value": "{theme2.brand3.4}" }, "5": { - "type": "color", - "value": "{theme2.brand3.5}" + "$type": "color", + "$value": "{theme2.brand3.5}" }, "6": { - "type": "color", - "value": "{theme2.brand3.6}" + "$type": "color", + "$value": "{theme2.brand3.6}" }, "7": { - "type": "color", - "value": "{theme2.brand3.7}" + "$type": "color", + "$value": "{theme2.brand3.7}" }, "8": { - "type": "color", - "value": "{theme2.brand3.8}" + "$type": "color", + "$value": "{theme2.brand3.8}" }, "9": { - "type": "color", - "value": "{theme2.brand3.9}" + "$type": "color", + "$value": "{theme2.brand3.9}" }, "10": { - "type": "color", - "value": "{theme2.brand3.10}" + "$type": "color", + "$value": "{theme2.brand3.10}" }, "11": { - "type": "color", - "value": "{theme2.brand3.11}" + "$type": "color", + "$value": "{theme2.brand3.11}" }, "12": { - "type": "color", - "value": "{theme2.brand3.12}" + "$type": "color", + "$value": "{theme2.brand3.12}" }, "13": { - "type": "color", - "value": "{theme2.brand3.13}" + "$type": "color", + "$value": "{theme2.brand3.13}" }, "contrast-1": { - "type": "color", - "value": "{theme2.brand3.contrast-1}" + "$type": "color", + "$value": "{theme2.brand3.contrast-1}" }, "contrast-2": { - "type": "color", - "value": "{theme2.brand3.contrast-2}" + "$type": "color", + "$value": "{theme2.brand3.contrast-2}" } } }, "font": { "family": { - "type": "fontFamilies", - "value": "{theme2.main}" + "$type": "fontFamilies", + "$value": "{theme2.main}" } }, "font-weight": { "medium": { - "type": "fontWeights", - "value": "{theme2.bold}" + "$type": "fontWeights", + "$value": "{theme2.bold}" }, "semibold": { - "type": "fontWeights", - "value": "{theme2.extra-bold}" + "$type": "fontWeights", + "$value": "{theme2.extra-bold}" }, "regular": { - "type": "fontWeights", - "value": "{theme2.regular}" + "$type": "fontWeights", + "$value": "{theme2.regular}" } } } \ No newline at end of file diff --git a/design-tokens/themes/theme3.json b/design-tokens/themes/theme3.json index 4d2d2b59ad..547bd196f8 100644 --- a/design-tokens/themes/theme3.json +++ b/design-tokens/themes/theme3.json @@ -2,333 +2,333 @@ "color": { "accent": { "1": { - "type": "color", - "value": "{theme3.accent.1}" + "$type": "color", + "$value": "{theme3.accent.1}" }, "2": { - "type": "color", - "value": "{theme3.accent.2}" + "$type": "color", + "$value": "{theme3.accent.2}" }, "3": { - "type": "color", - "value": "{theme3.accent.3}" + "$type": "color", + "$value": "{theme3.accent.3}" }, "4": { - "type": "color", - "value": "{theme3.accent.4}" + "$type": "color", + "$value": "{theme3.accent.4}" }, "5": { - "type": "color", - "value": "{theme3.accent.5}" + "$type": "color", + "$value": "{theme3.accent.5}" }, "6": { - "type": "color", - "value": "{theme3.accent.6}" + "$type": "color", + "$value": "{theme3.accent.6}" }, "7": { - "type": "color", - "value": "{theme3.accent.7}" + "$type": "color", + "$value": "{theme3.accent.7}" }, "8": { - "type": "color", - "value": "{theme3.accent.8}" + "$type": "color", + "$value": "{theme3.accent.8}" }, "9": { - "type": "color", - "value": "{theme3.accent.9}" + "$type": "color", + "$value": "{theme3.accent.9}" }, "10": { - "type": "color", - "value": "{theme3.accent.10}" + "$type": "color", + "$value": "{theme3.accent.10}" }, "11": { - "type": "color", - "value": "{theme3.accent.11}" + "$type": "color", + "$value": "{theme3.accent.11}" }, "12": { - "type": "color", - "value": "{theme3.accent.12}" + "$type": "color", + "$value": "{theme3.accent.12}" }, "13": { - "type": "color", - "value": "{theme3.accent.13}" + "$type": "color", + "$value": "{theme3.accent.13}" }, "contrast-1": { - "type": "color", - "value": "{theme3.accent.contrast-1}" + "$type": "color", + "$value": "{theme3.accent.contrast-1}" }, "contrast-2": { - "type": "color", - "value": "{theme3.accent.contrast-2}" + "$type": "color", + "$value": "{theme3.accent.contrast-2}" } }, "neutral": { "1": { - "type": "color", - "value": "{theme3.neutral.1}" + "$type": "color", + "$value": "{theme3.neutral.1}" }, "2": { - "type": "color", - "value": "{theme3.neutral.2}" + "$type": "color", + "$value": "{theme3.neutral.2}" }, "3": { - "type": "color", - "value": "{theme3.neutral.3}" + "$type": "color", + "$value": "{theme3.neutral.3}" }, "4": { - "type": "color", - "value": "{theme3.neutral.4}" + "$type": "color", + "$value": "{theme3.neutral.4}" }, "5": { - "type": "color", - "value": "{theme3.neutral.5}" + "$type": "color", + "$value": "{theme3.neutral.5}" }, "6": { - "type": "color", - "value": "{theme3.neutral.6}" + "$type": "color", + "$value": "{theme3.neutral.6}" }, "7": { - "type": "color", - "value": "{theme3.neutral.7}" + "$type": "color", + "$value": "{theme3.neutral.7}" }, "8": { - "type": "color", - "value": "{theme3.neutral.8}" + "$type": "color", + "$value": "{theme3.neutral.8}" }, "9": { - "type": "color", - "value": "{theme3.neutral.9}" + "$type": "color", + "$value": "{theme3.neutral.9}" }, "10": { - "type": "color", - "value": "{theme3.neutral.10}" + "$type": "color", + "$value": "{theme3.neutral.10}" }, "11": { - "type": "color", - "value": "{theme3.neutral.11}" + "$type": "color", + "$value": "{theme3.neutral.11}" }, "12": { - "type": "color", - "value": "{theme3.neutral.12}" + "$type": "color", + "$value": "{theme3.neutral.12}" }, "13": { - "type": "color", - "value": "{theme3.neutral.13}" + "$type": "color", + "$value": "{theme3.neutral.13}" }, "contrast-1": { - "type": "color", - "value": "{theme3.neutral.contrast-1}" + "$type": "color", + "$value": "{theme3.neutral.contrast-1}" }, "contrast-2": { - "type": "color", - "value": "{theme3.neutral.contrast-2}" + "$type": "color", + "$value": "{theme3.neutral.contrast-2}" } }, "brand1": { "1": { - "type": "color", - "value": "{theme3.brand1.1}" + "$type": "color", + "$value": "{theme3.brand1.1}" }, "2": { - "type": "color", - "value": "{theme3.brand1.2}" + "$type": "color", + "$value": "{theme3.brand1.2}" }, "3": { - "type": "color", - "value": "{theme3.brand1.3}" + "$type": "color", + "$value": "{theme3.brand1.3}" }, "4": { - "type": "color", - "value": "{theme3.brand1.4}" + "$type": "color", + "$value": "{theme3.brand1.4}" }, "5": { - "type": "color", - "value": "{theme3.brand1.5}" + "$type": "color", + "$value": "{theme3.brand1.5}" }, "6": { - "type": "color", - "value": "{theme3.brand1.6}" + "$type": "color", + "$value": "{theme3.brand1.6}" }, "7": { - "type": "color", - "value": "{theme3.brand1.7}" + "$type": "color", + "$value": "{theme3.brand1.7}" }, "8": { - "type": "color", - "value": "{theme3.brand1.8}" + "$type": "color", + "$value": "{theme3.brand1.8}" }, "9": { - "type": "color", - "value": "{theme3.brand1.9}" + "$type": "color", + "$value": "{theme3.brand1.9}" }, "10": { - "type": "color", - "value": "{theme3.brand1.10}" + "$type": "color", + "$value": "{theme3.brand1.10}" }, "11": { - "type": "color", - "value": "{theme3.brand1.11}" + "$type": "color", + "$value": "{theme3.brand1.11}" }, "12": { - "type": "color", - "value": "{theme3.brand1.12}" + "$type": "color", + "$value": "{theme3.brand1.12}" }, "13": { - "type": "color", - "value": "{theme3.brand1.13}" + "$type": "color", + "$value": "{theme3.brand1.13}" }, "contrast-1": { - "type": "color", - "value": "{theme3.brand1.contrast-1}" + "$type": "color", + "$value": "{theme3.brand1.contrast-1}" }, "contrast-2": { - "type": "color", - "value": "{theme3.brand1.contrast-2}" + "$type": "color", + "$value": "{theme3.brand1.contrast-2}" } }, "brand2": { "1": { - "type": "color", - "value": "{theme3.brand2.1}" + "$type": "color", + "$value": "{theme3.brand2.1}" }, "2": { - "type": "color", - "value": "{theme3.brand2.2}" + "$type": "color", + "$value": "{theme3.brand2.2}" }, "3": { - "type": "color", - "value": "{theme3.brand2.3}" + "$type": "color", + "$value": "{theme3.brand2.3}" }, "4": { - "type": "color", - "value": "{theme3.brand2.4}" + "$type": "color", + "$value": "{theme3.brand2.4}" }, "5": { - "type": "color", - "value": "{theme3.brand2.5}" + "$type": "color", + "$value": "{theme3.brand2.5}" }, "6": { - "type": "color", - "value": "{theme3.brand2.6}" + "$type": "color", + "$value": "{theme3.brand2.6}" }, "7": { - "type": "color", - "value": "{theme3.brand2.7}" + "$type": "color", + "$value": "{theme3.brand2.7}" }, "8": { - "type": "color", - "value": "{theme3.brand2.8}" + "$type": "color", + "$value": "{theme3.brand2.8}" }, "9": { - "type": "color", - "value": "{theme3.brand2.9}" + "$type": "color", + "$value": "{theme3.brand2.9}" }, "10": { - "type": "color", - "value": "{theme3.brand2.10}" + "$type": "color", + "$value": "{theme3.brand2.10}" }, "11": { - "type": "color", - "value": "{theme3.brand2.11}" + "$type": "color", + "$value": "{theme3.brand2.11}" }, "12": { - "type": "color", - "value": "{theme3.brand2.12}" + "$type": "color", + "$value": "{theme3.brand2.12}" }, "13": { - "type": "color", - "value": "{theme3.brand2.13}" + "$type": "color", + "$value": "{theme3.brand2.13}" }, "contrast-1": { - "type": "color", - "value": "{theme3.brand2.contrast-1}" + "$type": "color", + "$value": "{theme3.brand2.contrast-1}" }, "contrast-2": { - "type": "color", - "value": "{theme3.brand2.contrast-2}" + "$type": "color", + "$value": "{theme3.brand2.contrast-2}" } }, "brand3": { "1": { - "type": "color", - "value": "{theme3.brand3.1}" + "$type": "color", + "$value": "{theme3.brand3.1}" }, "2": { - "type": "color", - "value": "{theme3.brand3.2}" + "$type": "color", + "$value": "{theme3.brand3.2}" }, "3": { - "type": "color", - "value": "{theme3.brand3.3}" + "$type": "color", + "$value": "{theme3.brand3.3}" }, "4": { - "type": "color", - "value": "{theme3.brand3.4}" + "$type": "color", + "$value": "{theme3.brand3.4}" }, "5": { - "type": "color", - "value": "{theme3.brand3.5}" + "$type": "color", + "$value": "{theme3.brand3.5}" }, "6": { - "type": "color", - "value": "{theme3.brand3.6}" + "$type": "color", + "$value": "{theme3.brand3.6}" }, "7": { - "type": "color", - "value": "{theme3.brand3.7}" + "$type": "color", + "$value": "{theme3.brand3.7}" }, "8": { - "type": "color", - "value": "{theme3.brand3.8}" + "$type": "color", + "$value": "{theme3.brand3.8}" }, "9": { - "type": "color", - "value": "{theme3.brand3.9}" + "$type": "color", + "$value": "{theme3.brand3.9}" }, "10": { - "type": "color", - "value": "{theme3.brand3.10}" + "$type": "color", + "$value": "{theme3.brand3.10}" }, "11": { - "type": "color", - "value": "{theme3.brand3.11}" + "$type": "color", + "$value": "{theme3.brand3.11}" }, "12": { - "type": "color", - "value": "{theme3.brand3.12}" + "$type": "color", + "$value": "{theme3.brand3.12}" }, "13": { - "type": "color", - "value": "{theme3.brand3.13}" + "$type": "color", + "$value": "{theme3.brand3.13}" }, "contrast-1": { - "type": "color", - "value": "{theme3.brand3.contrast-1}" + "$type": "color", + "$value": "{theme3.brand3.contrast-1}" }, "contrast-2": { - "type": "color", - "value": "{theme3.brand3.contrast-2}" + "$type": "color", + "$value": "{theme3.brand3.contrast-2}" } } }, "font": { "family": { - "type": "fontFamilies", - "value": "{theme3.main}" + "$type": "fontFamilies", + "$value": "{theme3.main}" } }, "font-weight": { "medium": { - "type": "fontWeights", - "value": "{theme3.bold}" + "$type": "fontWeights", + "$value": "{theme3.bold}" }, "semibold": { - "type": "fontWeights", - "value": "{theme3.extra-bold}" + "$type": "fontWeights", + "$value": "{theme3.extra-bold}" }, "regular": { - "type": "fontWeights", - "value": "{theme3.regular}" + "$type": "fontWeights", + "$value": "{theme3.regular}" } } } \ No newline at end of file diff --git a/design-tokens/themes/theme4.json b/design-tokens/themes/theme4.json index 7c65869cdf..a5042e7f69 100644 --- a/design-tokens/themes/theme4.json +++ b/design-tokens/themes/theme4.json @@ -2,333 +2,333 @@ "color": { "accent": { "1": { - "type": "color", - "value": "{theme4.accent.1}" + "$type": "color", + "$value": "{theme4.accent.1}" }, "2": { - "type": "color", - "value": "{theme4.accent.2}" + "$type": "color", + "$value": "{theme4.accent.2}" }, "3": { - "type": "color", - "value": "{theme4.accent.3}" + "$type": "color", + "$value": "{theme4.accent.3}" }, "4": { - "type": "color", - "value": "{theme4.accent.4}" + "$type": "color", + "$value": "{theme4.accent.4}" }, "5": { - "type": "color", - "value": "{theme4.accent.5}" + "$type": "color", + "$value": "{theme4.accent.5}" }, "6": { - "type": "color", - "value": "{theme4.accent.6}" + "$type": "color", + "$value": "{theme4.accent.6}" }, "7": { - "type": "color", - "value": "{theme4.accent.7}" + "$type": "color", + "$value": "{theme4.accent.7}" }, "8": { - "type": "color", - "value": "{theme4.accent.8}" + "$type": "color", + "$value": "{theme4.accent.8}" }, "9": { - "type": "color", - "value": "{theme4.accent.9}" + "$type": "color", + "$value": "{theme4.accent.9}" }, "10": { - "type": "color", - "value": "{theme4.accent.10}" + "$type": "color", + "$value": "{theme4.accent.10}" }, "11": { - "type": "color", - "value": "{theme4.accent.11}" + "$type": "color", + "$value": "{theme4.accent.11}" }, "12": { - "type": "color", - "value": "{theme4.accent.12}" + "$type": "color", + "$value": "{theme4.accent.12}" }, "13": { - "type": "color", - "value": "{theme4.accent.13}" + "$type": "color", + "$value": "{theme4.accent.13}" }, "contrast-1": { - "type": "color", - "value": "{theme4.accent.contrast-1}" + "$type": "color", + "$value": "{theme4.accent.contrast-1}" }, "contrast-2": { - "type": "color", - "value": "{theme4.accent.contrast-2}" + "$type": "color", + "$value": "{theme4.accent.contrast-2}" } }, "neutral": { "1": { - "type": "color", - "value": "{theme4.neutral.1}" + "$type": "color", + "$value": "{theme4.neutral.1}" }, "2": { - "type": "color", - "value": "{theme4.neutral.2}" + "$type": "color", + "$value": "{theme4.neutral.2}" }, "3": { - "type": "color", - "value": "{theme4.neutral.3}" + "$type": "color", + "$value": "{theme4.neutral.3}" }, "4": { - "type": "color", - "value": "{theme4.neutral.4}" + "$type": "color", + "$value": "{theme4.neutral.4}" }, "5": { - "type": "color", - "value": "{theme4.neutral.5}" + "$type": "color", + "$value": "{theme4.neutral.5}" }, "6": { - "type": "color", - "value": "{theme4.neutral.6}" + "$type": "color", + "$value": "{theme4.neutral.6}" }, "7": { - "type": "color", - "value": "{theme4.neutral.7}" + "$type": "color", + "$value": "{theme4.neutral.7}" }, "8": { - "type": "color", - "value": "{theme4.neutral.8}" + "$type": "color", + "$value": "{theme4.neutral.8}" }, "9": { - "type": "color", - "value": "{theme4.neutral.9}" + "$type": "color", + "$value": "{theme4.neutral.9}" }, "10": { - "type": "color", - "value": "{theme4.neutral.10}" + "$type": "color", + "$value": "{theme4.neutral.10}" }, "11": { - "type": "color", - "value": "{theme4.neutral.11}" + "$type": "color", + "$value": "{theme4.neutral.11}" }, "12": { - "type": "color", - "value": "{theme4.neutral.12}" + "$type": "color", + "$value": "{theme4.neutral.12}" }, "13": { - "type": "color", - "value": "{theme4.neutral.13}" + "$type": "color", + "$value": "{theme4.neutral.13}" }, "contrast-1": { - "type": "color", - "value": "{theme4.neutral.contrast-1}" + "$type": "color", + "$value": "{theme4.neutral.contrast-1}" }, "contrast-2": { - "type": "color", - "value": "{theme4.neutral.contrast-2}" + "$type": "color", + "$value": "{theme4.neutral.contrast-2}" } }, "brand1": { "1": { - "type": "color", - "value": "{theme4.brand1.1}" + "$type": "color", + "$value": "{theme4.brand1.1}" }, "2": { - "type": "color", - "value": "{theme4.brand1.2}" + "$type": "color", + "$value": "{theme4.brand1.2}" }, "3": { - "type": "color", - "value": "{theme4.brand1.3}" + "$type": "color", + "$value": "{theme4.brand1.3}" }, "4": { - "type": "color", - "value": "{theme4.brand1.4}" + "$type": "color", + "$value": "{theme4.brand1.4}" }, "5": { - "type": "color", - "value": "{theme4.brand1.5}" + "$type": "color", + "$value": "{theme4.brand1.5}" }, "6": { - "type": "color", - "value": "{theme4.brand1.6}" + "$type": "color", + "$value": "{theme4.brand1.6}" }, "7": { - "type": "color", - "value": "{theme4.brand1.7}" + "$type": "color", + "$value": "{theme4.brand1.7}" }, "8": { - "type": "color", - "value": "{theme4.brand1.8}" + "$type": "color", + "$value": "{theme4.brand1.8}" }, "9": { - "type": "color", - "value": "{theme4.brand1.9}" + "$type": "color", + "$value": "{theme4.brand1.9}" }, "10": { - "type": "color", - "value": "{theme4.brand1.10}" + "$type": "color", + "$value": "{theme4.brand1.10}" }, "11": { - "type": "color", - "value": "{theme4.brand1.11}" + "$type": "color", + "$value": "{theme4.brand1.11}" }, "12": { - "type": "color", - "value": "{theme4.brand1.12}" + "$type": "color", + "$value": "{theme4.brand1.12}" }, "13": { - "type": "color", - "value": "{theme4.brand1.13}" + "$type": "color", + "$value": "{theme4.brand1.13}" }, "contrast-1": { - "type": "color", - "value": "{theme4.brand1.contrast-1}" + "$type": "color", + "$value": "{theme4.brand1.contrast-1}" }, "contrast-2": { - "type": "color", - "value": "{theme4.brand1.contrast-2}" + "$type": "color", + "$value": "{theme4.brand1.contrast-2}" } }, "brand2": { "1": { - "type": "color", - "value": "{theme4.brand2.1}" + "$type": "color", + "$value": "{theme4.brand2.1}" }, "2": { - "type": "color", - "value": "{theme4.brand2.2}" + "$type": "color", + "$value": "{theme4.brand2.2}" }, "3": { - "type": "color", - "value": "{theme4.brand2.3}" + "$type": "color", + "$value": "{theme4.brand2.3}" }, "4": { - "type": "color", - "value": "{theme4.brand2.4}" + "$type": "color", + "$value": "{theme4.brand2.4}" }, "5": { - "type": "color", - "value": "{theme4.brand2.5}" + "$type": "color", + "$value": "{theme4.brand2.5}" }, "6": { - "type": "color", - "value": "{theme4.brand2.6}" + "$type": "color", + "$value": "{theme4.brand2.6}" }, "7": { - "type": "color", - "value": "{theme4.brand2.7}" + "$type": "color", + "$value": "{theme4.brand2.7}" }, "8": { - "type": "color", - "value": "{theme4.brand2.8}" + "$type": "color", + "$value": "{theme4.brand2.8}" }, "9": { - "type": "color", - "value": "{theme4.brand2.9}" + "$type": "color", + "$value": "{theme4.brand2.9}" }, "10": { - "type": "color", - "value": "{theme4.brand2.10}" + "$type": "color", + "$value": "{theme4.brand2.10}" }, "11": { - "type": "color", - "value": "{theme4.brand2.11}" + "$type": "color", + "$value": "{theme4.brand2.11}" }, "12": { - "type": "color", - "value": "{theme4.brand2.12}" + "$type": "color", + "$value": "{theme4.brand2.12}" }, "13": { - "type": "color", - "value": "{theme4.brand2.13}" + "$type": "color", + "$value": "{theme4.brand2.13}" }, "contrast-1": { - "type": "color", - "value": "{theme4.brand2.contrast-1}" + "$type": "color", + "$value": "{theme4.brand2.contrast-1}" }, "contrast-2": { - "type": "color", - "value": "{theme4.brand2.contrast-2}" + "$type": "color", + "$value": "{theme4.brand2.contrast-2}" } }, "brand3": { "1": { - "type": "color", - "value": "{theme4.brand3.1}" + "$type": "color", + "$value": "{theme4.brand3.1}" }, "2": { - "type": "color", - "value": "{theme4.brand3.2}" + "$type": "color", + "$value": "{theme4.brand3.2}" }, "3": { - "type": "color", - "value": "{theme4.brand3.3}" + "$type": "color", + "$value": "{theme4.brand3.3}" }, "4": { - "type": "color", - "value": "{theme4.brand3.4}" + "$type": "color", + "$value": "{theme4.brand3.4}" }, "5": { - "type": "color", - "value": "{theme4.brand3.5}" + "$type": "color", + "$value": "{theme4.brand3.5}" }, "6": { - "type": "color", - "value": "{theme4.brand3.6}" + "$type": "color", + "$value": "{theme4.brand3.6}" }, "7": { - "type": "color", - "value": "{theme4.brand3.7}" + "$type": "color", + "$value": "{theme4.brand3.7}" }, "8": { - "type": "color", - "value": "{theme4.brand3.8}" + "$type": "color", + "$value": "{theme4.brand3.8}" }, "9": { - "type": "color", - "value": "{theme4.brand3.9}" + "$type": "color", + "$value": "{theme4.brand3.9}" }, "10": { - "type": "color", - "value": "{theme4.brand3.10}" + "$type": "color", + "$value": "{theme4.brand3.10}" }, "11": { - "type": "color", - "value": "{theme4.brand3.11}" + "$type": "color", + "$value": "{theme4.brand3.11}" }, "12": { - "type": "color", - "value": "{theme4.brand3.12}" + "$type": "color", + "$value": "{theme4.brand3.12}" }, "13": { - "type": "color", - "value": "{theme4.brand3.13}" + "$type": "color", + "$value": "{theme4.brand3.13}" }, "contrast-1": { - "type": "color", - "value": "{theme4.brand3.contrast-1}" + "$type": "color", + "$value": "{theme4.brand3.contrast-1}" }, "contrast-2": { - "type": "color", - "value": "{theme4.brand3.contrast-2}" + "$type": "color", + "$value": "{theme4.brand3.contrast-2}" } } }, "font": { "family": { - "type": "fontFamilies", - "value": "{theme4.main}" + "$type": "fontFamilies", + "$value": "{theme4.main}" } }, "font-weight": { "medium": { - "type": "fontWeights", - "value": "{theme4.bold}" + "$type": "fontWeights", + "$value": "{theme4.bold}" }, "semibold": { - "type": "fontWeights", - "value": "{theme4.extra-bold}" + "$type": "fontWeights", + "$value": "{theme4.extra-bold}" }, "regular": { - "type": "fontWeights", - "value": "{theme4.regular}" + "$type": "fontWeights", + "$value": "{theme4.regular}" } } } \ No newline at end of file diff --git a/packages/cli/src/tokens/configs.ts b/packages/cli/src/tokens/configs.ts index 1b051e50f0..ff87dfffb3 100644 --- a/packages/cli/src/tokens/configs.ts +++ b/packages/cli/src/tokens/configs.ts @@ -13,7 +13,10 @@ import type { PermutatedThemes } from './utils/permutateThemes.js'; import { pathStartsWithOneOf, typeEquals } from './utils/utils.js'; void register(StyleDictionary, { withSDBuiltins: false }); - +/** Use official W3C design token format + @see https://v4.styledictionary.com/info/dtcg/ + @see https://design-tokens.github.io/community-group/format/ */ +const usesDtcg = true; export const prefix = 'ds'; export const basePxFontSize = 16; export const separator = '_'; @@ -78,6 +81,7 @@ export const colorModeVariables: GetConfig = ({ mode = 'light', outPath, theme } const layer = `ds.theme.color-mode.${mode}`; return { + usesDtcg, log: { verbosity: 'silent' }, preprocessors: ['tokens-studio'], platforms: { @@ -123,6 +127,7 @@ export const semanticVariables: GetConfig = ({ outPath, theme }) => { pathStartsWithOneOf(['spacing', 'sizing', 'border-radius'], token); return { + usesDtcg, log: { verbosity: 'silent' }, preprocessors: ['tokens-studio'], platforms: { @@ -158,6 +163,7 @@ export const semanticVariables: GetConfig = ({ outPath, theme }) => { export const typescriptTokens: GetConfig = ({ mode = 'unknown', outPath, theme }) => { return { + usesDtcg, log: { verbosity: 'silent' }, preprocessors: ['tokens-studio'], platforms: { @@ -199,6 +205,7 @@ export const typographyCSS: GetConfig = ({ outPath, theme, typography }) => { const layer = `ds.theme.typography.${typography}`; return { + usesDtcg: true, log: { verbosity: 'silent' }, preprocessors: ['tokens-studio'], platforms: { diff --git a/packages/cli/src/tokens/formats/css.ts b/packages/cli/src/tokens/formats/css.ts index f4d0466f42..0312ff2054 100644 --- a/packages/cli/src/tokens/formats/css.ts +++ b/packages/cli/src/tokens/formats/css.ts @@ -17,7 +17,7 @@ export const colormode: Format = { name: 'ds/css-colormode', format: async ({ dictionary, file, options, platform }) => { const { allTokens } = dictionary; - const { outputReferences } = options; + const { outputReferences, usesDtcg } = options; const { selector, mode, layer } = platform; const mode_ = mode as string; @@ -28,6 +28,7 @@ export const colormode: Format = { outputReferences, dictionary, format: 'css', + usesDtcg, }); const colorSchemeProperty = mode_ === 'dark' || mode_ === 'light' ? `color-scheme: ${mode_};\n` : ''; @@ -48,7 +49,7 @@ export const semantic: Format = { name: 'ds/css-semantic', format: async ({ dictionary, file, options, platform }) => { const { allTokens } = dictionary; - const { outputReferences } = options; + const { outputReferences, usesDtcg } = options; const { selector, isCalculatedToken, layer } = platform; const header = await fileHeader({ file }); @@ -57,6 +58,7 @@ export const semantic: Format = { outputReferences, dictionary, format: 'css', + usesDtcg, }); const formatTokens = R.map((token: TransformedToken) => { @@ -92,7 +94,7 @@ type Typgraphy = { type ProcessedTokens = { variables: string[]; classes: string[] }; -const sortByType = R.sortBy((token) => token?.type === 'typography'); +const sortByType = R.sortBy((token) => token?.$type === 'typography'); const getVariableName = R.pipe( R.split(':'), R.head, @@ -122,7 +124,7 @@ const sortTypographyLast = R.sortWith([ export const typography: Format = { name: 'ds/css-typography', format: async ({ dictionary, file, options, platform }) => { - const { outputReferences } = options; + const { outputReferences, usesDtcg } = options; const { selector, layer } = platform; const header = await fileHeader({ file }); @@ -131,6 +133,7 @@ export const typography: Format = { outputReferences, dictionary, format: 'css', + usesDtcg, }); const sortedTokens = sortTypographyLast(dictionary.allTokens); diff --git a/packages/cli/src/tokens/formats/js-tokens.ts b/packages/cli/src/tokens/formats/js-tokens.ts index 0a01355305..972ff41239 100644 --- a/packages/cli/src/tokens/formats/js-tokens.ts +++ b/packages/cli/src/tokens/formats/js-tokens.ts @@ -22,10 +22,12 @@ const toCssVarName = R.pipe(R.split(':'), R.head, R.trim); */ export const jsTokens: Format = { name: 'ds/js-tokens', - format: async ({ dictionary, file }) => { + format: async ({ dictionary, file, options }) => { + const { usesDtcg } = options; const format = createPropertyFormatter({ dictionary, format: 'css', + usesDtcg, }); const formatTokens = R.map((token: TransformedToken) => ({ diff --git a/packages/cli/src/tokens/transformers.ts b/packages/cli/src/tokens/transformers.ts index 869b5deef2..f98b05a2c3 100644 --- a/packages/cli/src/tokens/transformers.ts +++ b/packages/cli/src/tokens/transformers.ts @@ -55,7 +55,7 @@ export const typographyShorthand: Transform = { name: 'typography/shorthand', type: 'value', transitive: true, - filter: (token) => token.type === 'typography', + filter: (token) => typeEquals('typography', token), transform: (token) => { const typography = getValue(token); return `${typography.fontWeight} ${typography.fontSize}/${typography.lineHeight} '${typography.fontFamily}'`;