@atlaskit/tokens 0.10.34 → 0.11.0

package/tmp/api-report-tmp.d.ts

@@ -8,7 +8,7 @@
 export type CSSToken = CSSTokenMap[keyof CSSTokenMap];
 
 // @public (undocumented)
-type CSSTokenMap = CSSTokenMap_2 & CSSTokenMap_3;
+type CSSTokenMap = CSSTokenMap_2 & CSSTokenMap_3 & CSSTokenMap_4;
 
 // @public (undocumented)
 type CSSTokenMap_2 = {
@@ -387,8 +387,32 @@ type CSSTokenMap_3 = {
     'spacing.inset.300': 'var(--ds-inset-300)';
 };
 
+// @public (undocumented)
+type CSSTokenMap_4 = {
+    'font.family.sans': 'var(--ds-font-family-sans)';
+    'font.family.monospace': 'var(--ds-font-family-monospace)';
+    'font.size.100': 'var(--ds-font-size-100)';
+    'font.size.200': 'var(--ds-font-size-200)';
+    'font.size.300': 'var(--ds-font-size-300)';
+    'font.size.400': 'var(--ds-font-size-400)';
+    'font.size.500': 'var(--ds-font-size-500)';
+    'font.size.600': 'var(--ds-font-size-600)';
+    'font.size.050': 'var(--ds-font-size-050)';
+    'font.size.075': 'var(--ds-font-size-075)';
+    'font.weight.regular': 'var(--ds-font-weight-regular)';
+    'font.weight.medium': 'var(--ds-font-weight-medium)';
+    'font.weight.semibold': 'var(--ds-font-weight-semibold)';
+    'font.weight.bold': 'var(--ds-font-weight-bold)';
+    'font.lineHeight.100': 'var(--ds-font-lineHeight-100)';
+    'font.lineHeight.200': 'var(--ds-font-lineHeight-200)';
+    'font.lineHeight.300': 'var(--ds-font-lineHeight-300)';
+    'font.lineHeight.400': 'var(--ds-font-lineHeight-400)';
+    'font.lineHeight.500': 'var(--ds-font-lineHeight-500)';
+    'font.lineHeight.600': 'var(--ds-font-lineHeight-600)';
+};
+
 // @public
-type Palettes = 'defaultPalette' | 'legacyPalette' | 'spacingScale';
+type Palettes = 'defaultPalette' | 'legacyPalette' | 'spacingScale' | 'typographyPalette';
 
 // @public
 export const setGlobalTheme: (themeId: ThemeIds, shouldMatchSystem?: boolean) => void;
@@ -404,6 +428,8 @@ interface ThemeConfig {
         mode: ThemeColorModes;
     } | {
         type: 'spacing';
+    } | {
+        type: 'typography';
     };
     // (undocumented)
     displayName: string;
@@ -417,7 +443,7 @@ interface ThemeConfig {
 export const themeConfig: Record<Themes, ThemeConfig>;
 
 // @public
-export type ThemeIds = 'dark' | 'legacy-dark' | 'legacy-light' | 'light' | 'spacing';
+export type ThemeIds = 'dark' | 'legacy-dark' | 'legacy-light' | 'light' | 'spacing' | 'typography';
 
 // @public
 export class ThemeMutationObserver {
@@ -433,7 +459,7 @@ export class ThemeMutationObserver {
 }
 
 // @public
-export type Themes = 'atlassian-dark' | 'atlassian-legacy-dark' | 'atlassian-legacy-light' | 'atlassian-light' | 'atlassian-spacing';
+export type Themes = 'atlassian-dark' | 'atlassian-legacy-dark' | 'atlassian-legacy-light' | 'atlassian-light' | 'atlassian-spacing' | 'atlassian-typography';
 
 // @public
 export function token<T extends keyof Tokens>(path: T, fallback?: string): CSSTokenMap[T];
@@ -443,6 +469,26 @@ type Tokens = typeof tokens;
 
 // @public (undocumented)
 const tokens: {
+    readonly 'font.family.sans': "--ds-font-family-sans";
+    readonly 'font.family.monospace': "--ds-font-family-monospace";
+    readonly 'font.size.100': "--ds-font-size-100";
+    readonly 'font.size.200': "--ds-font-size-200";
+    readonly 'font.size.300': "--ds-font-size-300";
+    readonly 'font.size.400': "--ds-font-size-400";
+    readonly 'font.size.500': "--ds-font-size-500";
+    readonly 'font.size.600': "--ds-font-size-600";
+    readonly 'font.size.050': "--ds-font-size-050";
+    readonly 'font.size.075': "--ds-font-size-075";
+    readonly 'font.weight.regular': "--ds-font-weight-regular";
+    readonly 'font.weight.medium': "--ds-font-weight-medium";
+    readonly 'font.weight.semibold': "--ds-font-weight-semibold";
+    readonly 'font.weight.bold': "--ds-font-weight-bold";
+    readonly 'font.lineHeight.100': "--ds-font-lineHeight-100";
+    readonly 'font.lineHeight.200': "--ds-font-lineHeight-200";
+    readonly 'font.lineHeight.300': "--ds-font-lineHeight-300";
+    readonly 'font.lineHeight.400': "--ds-font-lineHeight-400";
+    readonly 'font.lineHeight.500': "--ds-font-lineHeight-500";
+    readonly 'font.lineHeight.600': "--ds-font-lineHeight-600";
     readonly 'spacing.scale.0': "--ds-scale-0";
     readonly 'spacing.scale.100': "--ds-scale-100";
     readonly 'spacing.scale.150': "--ds-scale-150";

package/dist/types-ts4.0/artifacts/palettes-raw/legacy-palette.d.ts

@@ -1,41 +0,0 @@
-/**
- * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::4413d3bf5e16367be3a572667916731e>>
- * @codegenCommand yarn build tokens
- */
-declare const tokens: ({
-    value: number;
-    attributes: {
-        group: string;
-        category: string;
-    };
-    filePath: string;
-    isSource: boolean;
-    original: {
-        value: number;
-        attributes: {
-            group: string;
-            category: string;
-        };
-    };
-    name: string;
-    path: string[];
-} | {
-    value: string;
-    attributes: {
-        group: string;
-        category: string;
-    };
-    filePath: string;
-    isSource: boolean;
-    original: {
-        value: string;
-        attributes: {
-            group: string;
-            category: string;
-        };
-    };
-    name: string;
-    path: string[];
-})[];
-export default tokens;

package/dist/types-ts4.0/artifacts/palettes-raw/palette.d.ts

@@ -1,41 +0,0 @@
-/**
- * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::6a8bee72650af744db4926f40106688a>>
- * @codegenCommand yarn build tokens
- */
-declare const tokens: ({
-    value: number;
-    attributes: {
-        group: string;
-        category: string;
-    };
-    filePath: string;
-    isSource: boolean;
-    original: {
-        value: number;
-        attributes: {
-            group: string;
-            category: string;
-        };
-    };
-    name: string;
-    path: string[];
-} | {
-    value: string;
-    attributes: {
-        group: string;
-        category: string;
-    };
-    filePath: string;
-    isSource: boolean;
-    original: {
-        value: string;
-        attributes: {
-            group: string;
-            category: string;
-        };
-    };
-    name: string;
-    path: string[];
-})[];
-export default tokens;

package/dist/types-ts4.0/artifacts/rename-mapping/atlassian-spacing.d.ts

@@ -1,26 +0,0 @@
-/**
- * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- *
- * This file is intended to help automate renaming of tokens.
- *
- * 1. Mark the old token's 'state' as deprecated
- * 2. Add a 'replacement' attribute to the token with the value 'my.new.token'
- * 3. Create a new token matching the token above: 'my.new.token'
- * 4. Run 'yarn build tokens' to have you changes reflected in this map
- * 5. ESLint and other tools will now use this to automate replacing tokens
- *
- * These changes will then be picked up by our tooling which will attempt to
- * migrate as many of these renames as possible.
- *
- * @codegen <<SignedSource::96edd04d9850fc284b2e4b66f4c91d07>>
- * @codegenCommand yarn build tokens
- */
-import tokens from '../token-names';
-declare type Token = keyof typeof tokens | string;
-declare type RenameMap = {
-    path: string;
-    state: 'experimental' | 'deprecated' | 'deleted';
-    replacement: Token;
-};
-declare const renameMapper: RenameMap[];
-export default renameMapper;

package/dist/types-ts4.0/artifacts/rename-mapping.d.ts

@@ -1,6 +0,0 @@
-declare const renameMapper: {
-    path: string;
-    state: "deprecated" | "deleted" | "experimental";
-    replacement: string;
-}[];
-export default renameMapper;

package/dist/types-ts4.0/artifacts/token-default-values.d.ts

@@ -1,372 +0,0 @@
-declare const defaultTokens: {
-    'spacing.scale.0': "0";
-    'spacing.scale.100': "0.5rem";
-    'spacing.scale.150': "0.75rem";
-    'spacing.scale.200': "1rem";
-    'spacing.scale.250': "1.25rem";
-    'spacing.scale.300': "1.5rem";
-    'spacing.scale.400': "2rem";
-    'spacing.scale.500': "2.5rem";
-    'spacing.scale.600': "3rem";
-    'spacing.scale.025': "0.125rem";
-    'spacing.scale.050': "0.25rem";
-    'spacing.scale.075': "0.375rem";
-    'spacing.scaleLinear.0': "0";
-    'spacing.scaleLinear.100': "0.125rem";
-    'spacing.scaleLinear.200': "0.25rem";
-    'spacing.scaleLinear.300': "0.375rem";
-    'spacing.scaleLinear.400': "0.5rem";
-    'spacing.scaleLinear.500': "0.75rem";
-    'spacing.scaleLinear.600': "1rem";
-    'spacing.scaleLinear.700': "1.25rem";
-    'spacing.scaleLinear.800': "1.5rem";
-    'spacing.scaleLinear.900': "2rem";
-    'spacing.scaleLinear.1000': "2.5rem";
-    'spacing.scaleLinear.1100': "3rem";
-    'spacing.pixel.0': "0";
-    'spacing.pixel.2': "0.125rem";
-    'spacing.pixel.4': "0.25rem";
-    'spacing.pixel.6': "0.375rem";
-    'spacing.pixel.8': "0.5rem";
-    'spacing.pixel.12': "0.75rem";
-    'spacing.pixel.16': "1rem";
-    'spacing.pixel.20': "1.25rem";
-    'spacing.pixel.24': "1.5rem";
-    'spacing.pixel.32': "2rem";
-    'spacing.pixel.40': "2.5rem";
-    'spacing.pixel.48': "3rem";
-    'spacing.size.none': "0";
-    'spacing.size.xxxxSmall': "0.125rem";
-    'spacing.size.xxxSmall': "0.25rem";
-    'spacing.size.xxSmall': "0.375rem";
-    'spacing.size.xsmall': "0.5rem";
-    'spacing.size.small': "0.75rem";
-    'spacing.size.medium': "1rem";
-    'spacing.size.large': "1.25rem";
-    'spacing.size.xlarge': "1.5rem";
-    'spacing.size.xxlarge': "2rem";
-    'spacing.size.xxxlarge': "2.5rem";
-    'spacing.size.xxxxlarge': "3rem";
-    'spacing.ecl.element.2': "0.125rem";
-    'spacing.ecl.element.4': "0.25rem";
-    'spacing.ecl.element.6': "0.375rem";
-    'spacing.ecl.element.8': "0.5rem";
-    'spacing.ecl.container.12': "0.75rem";
-    'spacing.ecl.container.16': "1rem";
-    'spacing.ecl.container.20': "1.25rem";
-    'spacing.ecl.container.24': "1.5rem";
-    'spacing.ecl.layout.32': "2rem";
-    'spacing.ecl.layout.40': "2.5rem";
-    'spacing.ecl.layout.64': "3rem";
-    'spacing.ccc.component.2': "0.125rem";
-    'spacing.ccc.component.4': "0.25rem";
-    'spacing.ccc.component.6': "0.375rem";
-    'spacing.ccc.component.8': "0.5rem";
-    'spacing.ccc.content.12': "0.75rem";
-    'spacing.ccc.content.16': "1rem";
-    'spacing.ccc.content.20': "1.25rem";
-    'spacing.ccc.content.24': "1.5rem";
-    'spacing.ccc.container.32': "2rem";
-    'spacing.ccc.container.40': "2.5rem";
-    'spacing.ccc.container.48': "3rem";
-    'spacing.gap.100': "0.5rem";
-    'spacing.gap.200': "1rem";
-    'spacing.gap.300': "1.5rem";
-    'spacing.inset.100': "0.5rem";
-    'spacing.inset.200': "1rem";
-    'spacing.inset.300': "1.5rem";
-    'color.text.accent.blue': "#0055CC";
-    'color.text.accent.blue.bolder': "#09326C";
-    'color.text.accent.red': "#AE2A19";
-    'color.text.accent.red.bolder': "#601E16";
-    'color.text.accent.orange': "#974F0C";
-    'color.text.accent.orange.bolder': "#5F3811";
-    'color.text.accent.yellow': "#7F5F01";
-    'color.text.accent.yellow.bolder': "#533F04";
-    'color.text.accent.green': "#216E4E";
-    'color.text.accent.green.bolder': "#164B35";
-    'color.text.accent.purple': "#5E4DB2";
-    'color.text.accent.purple.bolder': "#352C63";
-    'color.text.accent.teal': "#206B74";
-    'color.text.accent.teal.bolder': "#1D474C";
-    'color.text.accent.magenta': "#943D73";
-    'color.text.accent.magenta.bolder': "#50253F";
-    'color.text.accent.gray': "#44546F";
-    'color.text.accent.gray.bolder': "#172B4D";
-    'color.text': "#172B4D";
-    'color.text.subtle': "#44546F";
-    'color.text.subtlest': "#626F86";
-    'color.text.disabled': "#091E424F";
-    'color.text.inverse': "#FFFFFF";
-    'color.text.brand': "#0C66E4";
-    'color.text.selected': "#0C66E4";
-    'color.text.danger': "#AE2A19";
-    'color.text.warning': "#974F0C";
-    'color.text.warning.inverse': "#172B4D";
-    'color.text.success': "#216E4E";
-    'color.text.discovery': "#5E4DB2";
-    'color.text.information': "#0055CC";
-    'color.text.highEmphasis': "#172B4D";
-    'color.text.link.pressed': "#0055CC";
-    'color.text.link.resting': "#0C66E4";
-    'color.text.lowEmphasis': "#626F86";
-    'color.text.mediumEmphasis': "#44546F";
-    'color.text.onBold': "#FFFFFF";
-    'color.text.onBoldWarning': "#172B4D";
-    'color.icon.accent.blue': "#1D7AFC";
-    'color.icon.accent.red': "#E34935";
-    'color.icon.accent.orange': "#D97008";
-    'color.icon.accent.yellow': "#B38600";
-    'color.icon.accent.green': "#22A06B";
-    'color.icon.accent.purple': "#8270DB";
-    'color.icon.accent.teal': "#1D9AAA";
-    'color.icon.accent.magenta': "#CD519D";
-    'color.icon.accent.gray': "#758195";
-    'color.icon': "#44546F";
-    'color.icon.subtle': "#626F86";
-    'color.icon.inverse': "#FFFFFF";
-    'color.icon.disabled': "#091E424F";
-    'color.icon.brand': "#0C66E4";
-    'color.icon.selected': "#0C66E4";
-    'color.icon.danger': "#E34935";
-    'color.icon.warning': "#D97008";
-    'color.icon.warning.inverse': "#172B4D";
-    'color.icon.success': "#22A06B";
-    'color.icon.discovery': "#8270DB";
-    'color.icon.information': "#1D7AFC";
-    'color.border.accent.blue': "#1D7AFC";
-    'color.border.accent.red': "#E34935";
-    'color.border.accent.orange': "#D97008";
-    'color.border.accent.yellow': "#B38600";
-    'color.border.accent.green': "#22A06B";
-    'color.border.accent.purple': "#8270DB";
-    'color.border.accent.teal': "#1D9AAA";
-    'color.border.accent.magenta': "#CD519D";
-    'color.border.accent.gray': "#758195";
-    'color.border': "#091E4224";
-    'color.border.bold': "#758195";
-    'color.border.inverse': "#FFFFFF";
-    'color.border.focused': "#388BFF";
-    'color.border.input': "#091E4224";
-    'color.border.disabled': "#091E420F";
-    'color.border.brand': "#0C66E4";
-    'color.border.selected': "#0C66E4";
-    'color.border.danger': "#E34935";
-    'color.border.warning': "#D97008";
-    'color.border.success': "#22A06B";
-    'color.border.discovery': "#8270DB";
-    'color.border.information': "#1D7AFC";
-    'color.border.focus': "#388BFF";
-    'color.border.neutral': "#091E4224";
-    'color.background.accent.blue.subtlest': "#E9F2FF";
-    'color.background.accent.blue.subtler': "#CCE0FF";
-    'color.background.accent.blue.subtle': "#579DFF";
-    'color.background.accent.blue.bolder': "#0C66E4";
-    'color.background.accent.blue': "#CCE0FF";
-    'color.background.accent.blue.bold': "#579DFF";
-    'color.background.accent.red.subtlest': "#FFEDEB";
-    'color.background.accent.red.subtler': "#FFD2CC";
-    'color.background.accent.red.subtle': "#F87462";
-    'color.background.accent.red.bolder': "#CA3521";
-    'color.background.accent.red': "#FFD2CC";
-    'color.background.accent.red.bold': "#F87462";
-    'color.background.accent.orange.subtlest': "#FFF4E5";
-    'color.background.accent.orange.subtler': "#FFE2BD";
-    'color.background.accent.orange.subtle': "#FAA53D";
-    'color.background.accent.orange.bolder': "#B65C02";
-    'color.background.accent.orange': "#FFE2BD";
-    'color.background.accent.orange.bold': "#FAA53D";
-    'color.background.accent.yellow.subtlest': "#FFF7D6";
-    'color.background.accent.yellow.subtler': "#F8E6A0";
-    'color.background.accent.yellow.subtle': "#E2B203";
-    'color.background.accent.yellow.bolder': "#946F00";
-    'color.background.accent.yellow': "#F8E6A0";
-    'color.background.accent.yellow.bold': "#E2B203";
-    'color.background.accent.green.subtlest': "#DFFCF0";
-    'color.background.accent.green.subtler': "#BAF3DB";
-    'color.background.accent.green.subtle': "#4BCE97";
-    'color.background.accent.green.bolder': "#1F845A";
-    'color.background.accent.green': "#BAF3DB";
-    'color.background.accent.green.bold': "#4BCE97";
-    'color.background.accent.teal.subtlest': "#E3FAFC";
-    'color.background.accent.teal.subtler': "#C1F0F5";
-    'color.background.accent.teal.subtle': "#60C6D2";
-    'color.background.accent.teal.bolder': "#1D7F8C";
-    'color.background.accent.teal': "#C1F0F5";
-    'color.background.accent.teal.bold': "#60C6D2";
-    'color.background.accent.purple.subtlest': "#F3F0FF";
-    'color.background.accent.purple.subtler': "#DFD8FD";
-    'color.background.accent.purple.subtle': "#9F8FEF";
-    'color.background.accent.purple.bolder': "#6E5DC6";
-    'color.background.accent.purple': "#DFD8FD";
-    'color.background.accent.purple.bold': "#9F8FEF";
-    'color.background.accent.magenta.subtlest': "#FFECF8";
-    'color.background.accent.magenta.subtler': "#FDD0EC";
-    'color.background.accent.magenta.subtle': "#E774BB";
-    'color.background.accent.magenta.bolder': "#AE4787";
-    'color.background.accent.magenta': "#FDD0EC";
-    'color.background.accent.magenta.bold': "#E774BB";
-    'color.background.accent.gray.subtlest': "#F1F2F4";
-    'color.background.accent.gray.subtler': "#DCDFE4";
-    'color.background.accent.gray.subtle': "#8993A5";
-    'color.background.accent.gray.bolder': "#626F86";
-    'color.background.disabled': "#091E4208";
-    'color.background.inverse.subtle': "#00000029";
-    'color.background.inverse.subtle.hovered': "#0000003D";
-    'color.background.inverse.subtle.pressed': "#00000052";
-    'color.background.inverse': "#FFFFFF29";
-    'color.background.input': "#FFFFFF";
-    'color.background.input.hovered': "#F7F8F9";
-    'color.background.input.pressed': "#FFFFFF";
-    'color.background.neutral': "#091E420F";
-    'color.background.neutral.hovered': "#091E4224";
-    'color.background.neutral.pressed': "#091E424F";
-    'color.background.neutral.subtle': "#00000000";
-    'color.background.neutral.subtle.hovered': "#091E420F";
-    'color.background.neutral.subtle.pressed': "#091E4224";
-    'color.background.neutral.bold': "#44546F";
-    'color.background.neutral.bold.hovered': "#2C3E5D";
-    'color.background.neutral.bold.pressed': "#172B4D";
-    'color.background.brand.bold': "#0C66E4";
-    'color.background.brand.bold.hovered': "#0055CC";
-    'color.background.brand.bold.pressed': "#09326C";
-    'color.background.brand': "#E9F2FF";
-    'color.background.brand.hovered': "#CCE0FF";
-    'color.background.brand.pressed': "#85B8FF";
-    'color.background.selected': "#E9F2FF";
-    'color.background.selected.hovered': "#CCE0FF";
-    'color.background.selected.pressed': "#85B8FF";
-    'color.background.selected.bold': "#0C66E4";
-    'color.background.selected.bold.hovered': "#0055CC";
-    'color.background.selected.bold.pressed': "#09326C";
-    'color.background.selected.resting': "#E9F2FF";
-    'color.background.selected.hover': "#CCE0FF";
-    'color.background.danger': "#FFEDEB";
-    'color.background.danger.hovered': "#FFD2CC";
-    'color.background.danger.pressed': "#FF9C8F";
-    'color.background.danger.bold': "#CA3521";
-    'color.background.danger.bold.hovered': "#AE2A19";
-    'color.background.danger.bold.pressed': "#601E16";
-    'color.background.warning': "#FFF7D6";
-    'color.background.warning.hovered': "#F8E6A0";
-    'color.background.warning.pressed': "#F5CD47";
-    'color.background.warning.bold': "#E2B203";
-    'color.background.warning.bold.hovered': "#CF9F02";
-    'color.background.warning.bold.pressed': "#B38600";
-    'color.background.success': "#DFFCF0";
-    'color.background.success.hovered': "#BAF3DB";
-    'color.background.success.pressed': "#7EE2B8";
-    'color.background.success.bold': "#1F845A";
-    'color.background.success.bold.hovered': "#216E4E";
-    'color.background.success.bold.pressed': "#164B35";
-    'color.background.discovery': "#F3F0FF";
-    'color.background.discovery.hovered': "#DFD8FD";
-    'color.background.discovery.pressed': "#B8ACF6";
-    'color.background.discovery.bold': "#6E5DC6";
-    'color.background.discovery.bold.hovered': "#5E4DB2";
-    'color.background.discovery.bold.pressed': "#352C63";
-    'color.background.information': "#E9F2FF";
-    'color.background.information.hovered': "#CCE0FF";
-    'color.background.information.pressed': "#85B8FF";
-    'color.background.information.bold': "#0C66E4";
-    'color.background.information.bold.hovered': "#0055CC";
-    'color.background.information.bold.pressed': "#09326C";
-    'color.background.blanket': "#091E427A";
-    'color.background.boldBrand.hover': "#0055CC";
-    'color.background.boldBrand.pressed': "#09326C";
-    'color.background.boldBrand.resting': "#0C66E4";
-    'color.background.boldDanger.hover': "#AE2A19";
-    'color.background.boldDanger.pressed': "#601E16";
-    'color.background.boldDanger.resting': "#CA3521";
-    'color.background.boldDiscovery.hover': "#5E4DB2";
-    'color.background.boldDiscovery.pressed': "#352C63";
-    'color.background.boldDiscovery.resting': "#6E5DC6";
-    'color.background.boldNeutral.hover': "#2C3E5D";
-    'color.background.boldNeutral.pressed': "#172B4D";
-    'color.background.boldNeutral.resting': "#44546F";
-    'color.background.boldSuccess.hover': "#216E4E";
-    'color.background.boldSuccess.pressed': "#164B35";
-    'color.background.boldSuccess.resting': "#1F845A";
-    'color.background.boldWarning.hover': "#CF9F02";
-    'color.background.boldWarning.pressed': "#B38600";
-    'color.background.boldWarning.resting': "#E2B203";
-    'color.background.card': "#FFFFFF";
-    'color.background.default': "#FFFFFF";
-    'color.background.overlay': "#FFFFFF";
-    'color.background.subtleBorderedNeutral.pressed': "#091E420F";
-    'color.background.subtleBorderedNeutral.resting': "#091E4208";
-    'color.background.subtleBrand.hover': "#CCE0FF";
-    'color.background.subtleBrand.pressed': "#85B8FF";
-    'color.background.subtleBrand.resting': "#E9F2FF";
-    'color.background.subtleDanger.hover': "#FFD2CC";
-    'color.background.subtleDanger.pressed': "#FF9C8F";
-    'color.background.subtleDanger.resting': "#FFEDEB";
-    'color.background.subtleDiscovery.hover': "#DFD8FD";
-    'color.background.subtleDiscovery.pressed': "#B8ACF6";
-    'color.background.subtleDiscovery.resting': "#F3F0FF";
-    'color.background.subtleNeutral.hover': "#091E4224";
-    'color.background.subtleNeutral.pressed': "#091E424F";
-    'color.background.subtleNeutral.resting': "#091E420F";
-    'color.background.subtleSuccess.hover': "#BAF3DB";
-    'color.background.subtleSuccess.pressed': "#7EE2B8";
-    'color.background.subtleSuccess.resting': "#DFFCF0";
-    'color.background.subtleWarning.hover': "#F8E6A0";
-    'color.background.subtleWarning.pressed': "#F5CD47";
-    'color.background.subtleWarning.resting': "#FFF7D6";
-    'color.background.sunken': "#091E4208";
-    'color.background.transparentNeutral.hover': "#091E420F";
-    'color.background.transparentNeutral.pressed': "#091E4224";
-    'color.blanket': "#091E427A";
-    'color.blanket.selected': "#388BFF14";
-    'color.blanket.danger': "#EF5C4814";
-    'color.interaction.hovered': "#00000029";
-    'color.interaction.pressed': "#00000052";
-    'color.interaction.inverse.hovered': "#00000029";
-    'color.interaction.inverse.pressed': "#00000052";
-    'color.skeleton': "#091E420F";
-    'color.skeleton.subtle': "#091E4208";
-    'color.link': "#0C66E4";
-    'color.link.pressed': "#0055CC";
-    'color.accent.boldBlue': "#579DFF";
-    'color.accent.boldGreen': "#4BCE97";
-    'color.accent.boldOrange': "#FAA53D";
-    'color.accent.boldPurple': "#9F8FEF";
-    'color.accent.boldRed': "#F87462";
-    'color.accent.boldTeal': "#60C6D2";
-    'color.accent.subtleBlue': "#CCE0FF";
-    'color.accent.subtleGreen': "#BAF3DB";
-    'color.accent.subtleMagenta': "#FDD0EC";
-    'color.accent.subtleOrange': "#FFE2BD";
-    'color.accent.subtlePurple': "#DFD8FD";
-    'color.accent.subtleRed': "#FFD2CC";
-    'color.accent.subtleTeal': "#C1F0F5";
-    'color.iconBorder.brand': "#1D7AFC";
-    'color.iconBorder.danger': "#E34935";
-    'color.iconBorder.discovery': "#8270DB";
-    'color.iconBorder.success': "#22A06B";
-    'color.iconBorder.warning': "#D97008";
-    'color.overlay.hover': "#091E424F";
-    'color.overlay.pressed': "#091E427A";
-    'shadow.card': "0px 1px 1px #091E4240, 0px 0px 1px #091E424F";
-    'shadow.overlay': "0px 8px 12px #091E4226, 0px 0px 1px #091E424F";
-    'elevation.shadow.raised': "0px 1px 1px #091E4240, 0px 0px 1px #091E424F";
-    'elevation.shadow.overflow': "0px 0px 8px #091E4229, 0px 0px 1px #091E421F";
-    'elevation.shadow.overflow.spread': "#091e4229";
-    'elevation.shadow.overflow.perimeter': "#091e421f";
-    'elevation.shadow.overlay': "0px 8px 12px #091E4226, 0px 0px 1px #091E424F";
-    'elevation.surface': "#FFFFFF";
-    'elevation.surface.hovered': "#F1F2F4";
-    'elevation.surface.pressed': "#DCDFE4";
-    'elevation.surface.sunken': "#F7F8F9";
-    'elevation.surface.raised': "#FFFFFF";
-    'elevation.surface.raised.hovered': "#F1F2F4";
-    'elevation.surface.raised.pressed': "#DCDFE4";
-    'elevation.surface.overlay': "#FFFFFF";
-    'elevation.surface.overlay.hovered': "#F1F2F4";
-    'elevation.surface.overlay.pressed': "#DCDFE4";
-    'opacity.disabled': "0.4";
-    'opacity.loading': "0.2";
-    'utility.UNSAFE_util.transparent': "transparent";
-    'utility.UNSAFE_util.MISSING_TOKEN': "#FA11F2";
-};
-export default defaultTokens;