@atlaskit/tokens 0.13.5 → 1.1.0

package/dist/types/types.d.ts

@@ -696,9 +696,8 @@ export interface ChartColorTokenSchema<BaseToken> {
     };
 }
 export interface UtilTokenSchema<BaseToken> {
-    UNSAFE_util: {
+    UNSAFE: {
         transparent: RawToken;
-        MISSING_TOKEN: RawToken;
     };
 }
 export interface SurfaceTokenSchema<BaseToken> {
@@ -742,184 +741,6 @@ export interface OpacityTokenSchema {
         disabled: OpacityToken;
     };
 }
-export interface DeprecatedTokenSchema<BaseToken> {
-    color: {
-        accent: {
-            boldBlue: PaintToken<BaseToken>;
-            boldGreen: PaintToken<BaseToken>;
-            boldOrange: PaintToken<BaseToken>;
-            boldPurple: PaintToken<BaseToken>;
-            boldRed: PaintToken<BaseToken>;
-            boldTeal: PaintToken<BaseToken>;
-            subtleBlue: PaintToken<BaseToken>;
-            subtleRed: PaintToken<BaseToken>;
-            subtleGreen: PaintToken<BaseToken>;
-            subtleOrange: PaintToken<BaseToken>;
-            subtleTeal: PaintToken<BaseToken>;
-            subtlePurple: PaintToken<BaseToken>;
-            subtleMagenta: PaintToken<BaseToken>;
-        };
-        background: {
-            accent: {
-                blue: {
-                    '[default]': PaintToken<BaseToken>;
-                    bold: PaintToken<BaseToken>;
-                };
-                red: {
-                    '[default]': PaintToken<BaseToken>;
-                    bold: PaintToken<BaseToken>;
-                };
-                orange: {
-                    '[default]': PaintToken<BaseToken>;
-                    bold: PaintToken<BaseToken>;
-                };
-                yellow: {
-                    '[default]': PaintToken<BaseToken>;
-                    bold: PaintToken<BaseToken>;
-                };
-                green: {
-                    '[default]': PaintToken<BaseToken>;
-                    bold: PaintToken<BaseToken>;
-                };
-                teal: {
-                    '[default]': PaintToken<BaseToken>;
-                    bold: PaintToken<BaseToken>;
-                };
-                purple: {
-                    '[default]': PaintToken<BaseToken>;
-                    bold: PaintToken<BaseToken>;
-                };
-                magenta: {
-                    '[default]': PaintToken<BaseToken>;
-                    bold: PaintToken<BaseToken>;
-                };
-            };
-            default: PaintToken<BaseToken>;
-            sunken: PaintToken<BaseToken>;
-            card: PaintToken<BaseToken>;
-            inverse: {
-                '[default]': PaintToken<BaseToken>;
-            };
-            overlay: PaintToken<BaseToken>;
-            selected: {
-                resting: PaintToken<BaseToken>;
-                hover: PaintToken<BaseToken>;
-            };
-            blanket: PaintToken<BaseToken>;
-            brand: {
-                '[default]': {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                    pressed: PaintToken<BaseToken>;
-                };
-            };
-            boldBrand: {
-                resting: PaintToken<BaseToken>;
-                hover: PaintToken<BaseToken>;
-                pressed: PaintToken<BaseToken>;
-            };
-            subtleBrand: {
-                resting: PaintToken<BaseToken>;
-                hover: PaintToken<BaseToken>;
-                pressed: PaintToken<BaseToken>;
-            };
-            boldDanger: {
-                resting: PaintToken<BaseToken>;
-                hover: PaintToken<BaseToken>;
-                pressed: PaintToken<BaseToken>;
-            };
-            subtleDanger: {
-                resting: PaintToken<BaseToken>;
-                hover: PaintToken<BaseToken>;
-                pressed: PaintToken<BaseToken>;
-            };
-            boldWarning: {
-                resting: PaintToken<BaseToken>;
-                hover: PaintToken<BaseToken>;
-                pressed: PaintToken<BaseToken>;
-            };
-            subtleWarning: {
-                resting: PaintToken<BaseToken>;
-                hover: PaintToken<BaseToken>;
-                pressed: PaintToken<BaseToken>;
-            };
-            boldSuccess: {
-                resting: PaintToken<BaseToken>;
-                hover: PaintToken<BaseToken>;
-                pressed: PaintToken<BaseToken>;
-            };
-            subtleSuccess: {
-                resting: PaintToken<BaseToken>;
-                hover: PaintToken<BaseToken>;
-                pressed: PaintToken<BaseToken>;
-            };
-            boldDiscovery: {
-                resting: PaintToken<BaseToken>;
-                hover: PaintToken<BaseToken>;
-                pressed: PaintToken<BaseToken>;
-            };
-            subtleDiscovery: {
-                resting: PaintToken<BaseToken>;
-                hover: PaintToken<BaseToken>;
-                pressed: PaintToken<BaseToken>;
-            };
-            boldNeutral: {
-                resting: PaintToken<BaseToken>;
-                hover: PaintToken<BaseToken>;
-                pressed: PaintToken<BaseToken>;
-            };
-            transparentNeutral: {
-                hover: PaintToken<BaseToken>;
-                pressed: PaintToken<BaseToken>;
-            };
-            subtleNeutral: {
-                resting: PaintToken<BaseToken>;
-                hover: PaintToken<BaseToken>;
-                pressed: PaintToken<BaseToken>;
-            };
-            subtleBorderedNeutral: {
-                resting: PaintToken<BaseToken>;
-                pressed: PaintToken<BaseToken>;
-            };
-        };
-        border: {
-            focus: PaintToken<BaseToken>;
-            neutral: PaintToken<BaseToken>;
-        };
-        iconBorder: {
-            brand: PaintToken<BaseToken>;
-            danger: PaintToken<BaseToken>;
-            warning: PaintToken<BaseToken>;
-            success: PaintToken<BaseToken>;
-            discovery: PaintToken<BaseToken>;
-        };
-        text: {
-            highEmphasis: PaintToken<BaseToken>;
-            mediumEmphasis: PaintToken<BaseToken>;
-            lowEmphasis: PaintToken<BaseToken>;
-            onBold: PaintToken<BaseToken>;
-            onBoldWarning: PaintToken<BaseToken>;
-            link: {
-                resting: PaintToken<BaseToken>;
-                pressed: PaintToken<BaseToken>;
-            };
-        };
-        overlay: {
-            pressed: PaintToken<BaseToken>;
-            hover: PaintToken<BaseToken>;
-        };
-        interaction: {
-            inverse: {
-                hovered: PaintToken<BaseToken>;
-                pressed: PaintToken<BaseToken>;
-            };
-        };
-    };
-    shadow: {
-        card: ShadowToken<BaseToken>;
-        overlay: ShadowToken<BaseToken>;
-    };
-}
 export declare type ElevationTokenSchema<BaseToken> = SurfaceTokenSchema<BaseToken> & ShadowTokenSchema<BaseToken>;
 export declare type ColorTokenSchema<BaseToken> = BackgroundColorTokenSchema<BaseToken> & BorderColorTokenSchema<BaseToken> & IconColorTokenSchema<BaseToken> & TextColorTokenSchema<BaseToken> & AccentColorTokenSchema<BaseToken> & UtilTokenSchema<BaseToken>;
 export declare type TokenSchema<BaseToken> = ColorTokenSchema<BaseToken> & ElevationTokenSchema<BaseToken>;
@@ -940,112 +761,6 @@ export interface SpacingTokenSchema {
         '800': SpacingToken;
         '1000': SpacingToken;
     };
-    spacing: {
-        scale: {
-            '0': SpacingToken;
-            '025': SpacingToken;
-            '050': SpacingToken;
-            '075': SpacingToken;
-            '100': SpacingToken;
-            '150': SpacingToken;
-            '200': SpacingToken;
-            '250': SpacingToken;
-            '300': SpacingToken;
-            '400': SpacingToken;
-            '500': SpacingToken;
-            '600': SpacingToken;
-            '800': SpacingToken;
-            '1000': SpacingToken;
-        };
-        scaleLinear: {
-            '0': SpacingToken;
-            '100': SpacingToken;
-            '200': SpacingToken;
-            '300': SpacingToken;
-            '400': SpacingToken;
-            '500': SpacingToken;
-            '600': SpacingToken;
-            '700': SpacingToken;
-            '800': SpacingToken;
-            '900': SpacingToken;
-            '1000': SpacingToken;
-            '1100': SpacingToken;
-        };
-        size: {
-            none: SpacingToken;
-            xxxxSmall: SpacingToken;
-            xxxSmall: SpacingToken;
-            xxSmall: SpacingToken;
-            xsmall: SpacingToken;
-            small: SpacingToken;
-            medium: SpacingToken;
-            large: SpacingToken;
-            xlarge: SpacingToken;
-            xxlarge: SpacingToken;
-            xxxlarge: SpacingToken;
-            xxxxlarge: SpacingToken;
-        };
-        ecl: {
-            element: {
-                '2': SpacingToken;
-                '4': SpacingToken;
-                '6': SpacingToken;
-                '8': SpacingToken;
-            };
-            container: {
-                '12': SpacingToken;
-                '16': SpacingToken;
-                '20': SpacingToken;
-                '24': SpacingToken;
-            };
-            layout: {
-                '32': SpacingToken;
-                '40': SpacingToken;
-                '64': SpacingToken;
-            };
-        };
-        ccc: {
-            component: {
-                '2': SpacingToken;
-                '4': SpacingToken;
-                '6': SpacingToken;
-                '8': SpacingToken;
-            };
-            content: {
-                '12': SpacingToken;
-                '16': SpacingToken;
-                '20': SpacingToken;
-                '24': SpacingToken;
-            };
-            container: {
-                '32': SpacingToken;
-                '40': SpacingToken;
-                '48': SpacingToken;
-            };
-        };
-        gap: {
-            '100': {
-                value: 'Space100';
-            };
-            '200': {
-                value: 'Space200';
-            };
-            '300': {
-                value: 'Space300';
-            };
-        };
-        inset: {
-            '100': {
-                value: 'Space100';
-            };
-            '200': {
-                value: 'Space200';
-            };
-            '300': {
-                value: 'Space300';
-            };
-        };
-    };
 }
 export interface FontSizeTokenSchema<BaseToken> {
     font: {

package/dist/types/use-theme-observer.d.ts

@@ -0,0 +1,15 @@
+import { ThemeState } from './set-global-theme';
+/**
+ * A React hook which returns the current themes and color-mode set on `<html>`.
+ *
+ * @example
+ * ```
+ * const { colorMode, dark, light, spacing, typography } = useThemeObserver();
+ *
+ * // Performing side effects when it changes
+ * useEffect(() => {
+ *   console.log(`The color mode has changed to ${theme.colorMode}`);
+ * }, [theme.colorMode]);
+ * ```
+ */
+export declare const useThemeObserver: () => Partial<ThemeState>;

package/dist/types/utils/theme-loading.d.ts

@@ -0,0 +1,3 @@
+import { ThemeIds } from '../theme-config';
+export declare const loadAndAppendThemeCss: (themeId: ThemeIds) => Promise<void>;
+export declare const loadThemeCss: (themeId: ThemeIds) => Promise<string>;

package/dist/types/utils/theme-state-transformer.d.ts

@@ -0,0 +1,26 @@
+import type { ThemeState } from '../set-global-theme';
+/**
+ * Converts a string that is formatted for the `data-theme` HTML attribute
+ * to an object that can be passed to `setGlobalTheme`.
+ *
+ * @param {string} themes The themes that should be applied.
+ *
+ * @example
+ * ```
+ * themeStringToObject('dark:dark light:legacy-light spacing:spacing');
+ * // returns { dark: 'dark', light: 'legacy-light', spacing: 'spacing' }
+ * ```
+ */
+export declare const themeStringToObject: (themeState: string) => Partial<ThemeState>;
+/**
+ * Converts a theme object to a string formatted for the `data-theme` HTML attribute.
+ *
+ * @param {object} themes The themes that should be applied.
+ *
+ * @example
+ * ```
+ * themeObjectToString({ dark: 'dark', light: 'legacy-light', spacing: 'spacing' });
+ * // returns 'dark:dark light:legacy-light spacing:spacing'
+ * ```
+ */
+export declare const themeObjectToString: (themeState: Partial<ThemeState>) => string;

package/figma/atlassian-dark.json

@@ -2628,106 +2628,5 @@
       ]
     }
   },
-  "renameMap": {
-    "Dark/color.text.highEmphasis": "Dark/color.text",
-    "Dark/color.text.link.pressed": "Dark/color.link.pressed",
-    "Dark/color.text.link.resting": "Dark/color.link",
-    "Dark/color.text.lowEmphasis": "Dark/color.text.subtlest",
-    "Dark/color.text.mediumEmphasis": "Dark/color.text.subtle",
-    "Dark/color.text.onBold": "Dark/color.text.inverse",
-    "Dark/color.text.onBoldWarning": "Dark/color.text.warning.inverse",
-    "Dark/color.border.focus": "Dark/color.border.focused",
-    "Dark/color.border.neutral": "Dark/color.border",
-    "Dark/color.background.accent.blue": "Dark/color.background.accent.blue.subtler",
-    "Dark/color.background.accent.blue.bold": "Dark/color.background.accent.blue.subtle",
-    "Dark/color.background.accent.red": "Dark/color.background.accent.red.subtler",
-    "Dark/color.background.accent.red.bold": "Dark/color.background.accent.red.subtle",
-    "Dark/color.background.accent.orange": "Dark/color.background.accent.orange.subtler",
-    "Dark/color.background.accent.orange.bold": "Dark/color.background.accent.orange.subtle",
-    "Dark/color.background.accent.yellow": "Dark/color.background.accent.yellow.subtler",
-    "Dark/color.background.accent.yellow.bold": "Dark/color.background.accent.yellow.subtle",
-    "Dark/color.background.accent.green": "Dark/color.background.accent.green.subtler",
-    "Dark/color.background.accent.green.bold": "Dark/color.background.accent.green.subtle",
-    "Dark/color.background.accent.teal": "Dark/color.background.accent.teal.subtler",
-    "Dark/color.background.accent.teal.bold": "Dark/color.background.accent.teal.subtle",
-    "Dark/color.background.accent.purple": "Dark/color.background.accent.purple.subtler",
-    "Dark/color.background.accent.purple.bold": "Dark/color.background.accent.purple.subtle",
-    "Dark/color.background.accent.magenta": "Dark/color.background.accent.magenta.subtler",
-    "Dark/color.background.accent.magenta.bold": "Dark/color.background.accent.magenta.subtle",
-    "Dark/color.background.inverse": "Dark/color.background.inverse.subtle",
-    "Dark/color.background.brand": "Dark/color.background.selected",
-    "Dark/color.background.brand.hovered": "Dark/color.background.selected.hovered",
-    "Dark/color.background.brand.pressed": "Dark/color.background.selected.pressed",
-    "Dark/color.background.selected.resting": "Dark/color.background.selected",
-    "Dark/color.background.selected.hover": "Dark/color.background.selected.hovered",
-    "Dark/color.background.blanket": "Dark/color.blanket",
-    "Dark/color.background.boldBrand.hover": "Dark/color.background.brand.bold.hovered",
-    "Dark/color.background.boldBrand.pressed": "Dark/color.background.brand.bold.pressed",
-    "Dark/color.background.boldBrand.resting": "Dark/color.background.brand.bold",
-    "Dark/color.background.boldDanger.hover": "Dark/color.background.danger.bold.hovered",
-    "Dark/color.background.boldDanger.pressed": "Dark/color.background.danger.bold.pressed",
-    "Dark/color.background.boldDanger.resting": "Dark/color.background.danger.bold",
-    "Dark/color.background.boldDiscovery.hover": "Dark/color.background.discovery.bold.hovered",
-    "Dark/color.background.boldDiscovery.pressed": "Dark/color.background.discovery.bold.pressed",
-    "Dark/color.background.boldDiscovery.resting": "Dark/color.background.discovery.bold",
-    "Dark/color.background.boldNeutral.hover": "Dark/color.background.neutral.bold.hovered",
-    "Dark/color.background.boldNeutral.pressed": "Dark/color.background.neutral.bold.pressed",
-    "Dark/color.background.boldNeutral.resting": "Dark/color.background.neutral.bold",
-    "Dark/color.background.boldSuccess.hover": "Dark/color.background.success.bold.hovered",
-    "Dark/color.background.boldSuccess.pressed": "Dark/color.background.success.bold.pressed",
-    "Dark/color.background.boldSuccess.resting": "Dark/color.background.success.bold",
-    "Dark/color.background.boldWarning.hover": "Dark/color.background.warning.bold.hovered",
-    "Dark/color.background.boldWarning.pressed": "Dark/color.background.warning.bold.pressed",
-    "Dark/color.background.boldWarning.resting": "Dark/color.background.warning.bold",
-    "Dark/color.background.card": "Dark/elevation.surface.raised",
-    "Dark/color.background.default": "Dark/elevation.surface",
-    "Dark/color.background.overlay": "Dark/elevation.surface.overlay",
-    "Dark/color.background.subtleBorderedNeutral.pressed": "Dark/color.background.input.pressed",
-    "Dark/color.background.subtleBorderedNeutral.resting": "Dark/color.background.input",
-    "Dark/color.background.subtleBrand.hover": "Dark/color.background.selected.hovered",
-    "Dark/color.background.subtleBrand.pressed": "Dark/color.background.selected.pressed",
-    "Dark/color.background.subtleBrand.resting": "Dark/color.background.selected",
-    "Dark/color.background.subtleDanger.hover": "Dark/color.background.danger.hovered",
-    "Dark/color.background.subtleDanger.pressed": "Dark/color.background.danger.pressed",
-    "Dark/color.background.subtleDanger.resting": "Dark/color.background.danger",
-    "Dark/color.background.subtleDiscovery.hover": "Dark/color.background.discovery.hovered",
-    "Dark/color.background.subtleDiscovery.pressed": "Dark/color.background.discovery.pressed",
-    "Dark/color.background.subtleDiscovery.resting": "Dark/color.background.discovery",
-    "Dark/color.background.subtleNeutral.hover": "Dark/color.background.neutral.hovered",
-    "Dark/color.background.subtleNeutral.pressed": "Dark/color.background.neutral.pressed",
-    "Dark/color.background.subtleNeutral.resting": "Dark/color.background.neutral",
-    "Dark/color.background.subtleSuccess.hover": "Dark/color.background.success.hovered",
-    "Dark/color.background.subtleSuccess.pressed": "Dark/color.background.success.pressed",
-    "Dark/color.background.subtleSuccess.resting": "Dark/color.background.success",
-    "Dark/color.background.subtleWarning.hover": "Dark/color.background.warning.hovered",
-    "Dark/color.background.subtleWarning.pressed": "Dark/color.background.warning.pressed",
-    "Dark/color.background.subtleWarning.resting": "Dark/color.background.warning",
-    "Dark/color.background.sunken": "Dark/elevation.surface.sunken",
-    "Dark/color.background.transparentNeutral.hover": "Dark/color.background.neutral.subtle.hovered",
-    "Dark/color.background.transparentNeutral.pressed": "Dark/color.background.neutral.subtle.pressed",
-    "Dark/color.interaction.inverse.hovered": "Dark/color.background.inverse.subtle.hovered",
-    "Dark/color.interaction.inverse.pressed": "Dark/color.background.inverse.subtle.pressed",
-    "Dark/color.accent.boldBlue": "Dark/color.background.accent.blue.bolder",
-    "Dark/color.accent.boldGreen": "Dark/color.background.accent.green.bolder",
-    "Dark/color.accent.boldOrange": "Dark/color.background.accent.orange.bolder",
-    "Dark/color.accent.boldPurple": "Dark/color.background.accent.purple.bolder",
-    "Dark/color.accent.boldRed": "Dark/color.background.accent.red.bolder",
-    "Dark/color.accent.boldTeal": "Dark/color.background.accent.teal.bolder",
-    "Dark/color.accent.subtleBlue": "Dark/color.background.accent.blue.subtler",
-    "Dark/color.accent.subtleGreen": "Dark/color.background.accent.green.subtler",
-    "Dark/color.accent.subtleMagenta": "Dark/color.background.accent.magenta.subtler",
-    "Dark/color.accent.subtleOrange": "Dark/color.background.accent.orange.subtler",
-    "Dark/color.accent.subtlePurple": "Dark/color.background.accent.purple.subtler",
-    "Dark/color.accent.subtleRed": "Dark/color.background.accent.red.subtler",
-    "Dark/color.accent.subtleTeal": "Dark/color.background.accent.teal.subtler",
-    "Dark/color.iconBorder.brand": "Dark/color.icon.brand",
-    "Dark/color.iconBorder.danger": "Dark/color.icon.danger",
-    "Dark/color.iconBorder.discovery": "Dark/color.icon.discovery",
-    "Dark/color.iconBorder.success": "Dark/color.icon.success",
-    "Dark/color.iconBorder.warning": "Dark/color.icon.warning",
-    "Dark/color.overlay.hover": "Dark/color.interaction.hovered",
-    "Dark/color.overlay.pressed": "Dark/color.interaction.pressed",
-    "Dark/shadow.card": "Dark/elevation.shadow.raised",
-    "Dark/shadow.overlay": "Dark/elevation.shadow.overlay"
-  }
+  "renameMap": {}
 }

package/figma/atlassian-legacy-dark.json

@@ -2628,106 +2628,5 @@
       ]
     }
   },
-  "renameMap": {
-    "Legacy dark/color.text.highEmphasis": "Legacy dark/color.text",
-    "Legacy dark/color.text.link.pressed": "Legacy dark/color.link.pressed",
-    "Legacy dark/color.text.link.resting": "Legacy dark/color.link",
-    "Legacy dark/color.text.lowEmphasis": "Legacy dark/color.text.subtlest",
-    "Legacy dark/color.text.mediumEmphasis": "Legacy dark/color.text.subtle",
-    "Legacy dark/color.text.onBold": "Legacy dark/color.text.inverse",
-    "Legacy dark/color.text.onBoldWarning": "Legacy dark/color.text.warning.inverse",
-    "Legacy dark/color.border.focus": "Legacy dark/color.border.focused",
-    "Legacy dark/color.border.neutral": "Legacy dark/color.border",
-    "Legacy dark/color.background.accent.blue": "Legacy dark/color.background.accent.blue.subtler",
-    "Legacy dark/color.background.accent.blue.bold": "Legacy dark/color.background.accent.blue.subtle",
-    "Legacy dark/color.background.accent.red": "Legacy dark/color.background.accent.red.subtler",
-    "Legacy dark/color.background.accent.red.bold": "Legacy dark/color.background.accent.red.subtle",
-    "Legacy dark/color.background.accent.orange": "Legacy dark/color.background.accent.orange.subtler",
-    "Legacy dark/color.background.accent.orange.bold": "Legacy dark/color.background.accent.orange.subtle",
-    "Legacy dark/color.background.accent.yellow": "Legacy dark/color.background.accent.yellow.subtler",
-    "Legacy dark/color.background.accent.yellow.bold": "Legacy dark/color.background.accent.yellow.subtle",
-    "Legacy dark/color.background.accent.green": "Legacy dark/color.background.accent.green.subtler",
-    "Legacy dark/color.background.accent.green.bold": "Legacy dark/color.background.accent.green.subtle",
-    "Legacy dark/color.background.accent.teal": "Legacy dark/color.background.accent.teal.subtler",
-    "Legacy dark/color.background.accent.teal.bold": "Legacy dark/color.background.accent.teal.subtle",
-    "Legacy dark/color.background.accent.purple": "Legacy dark/color.background.accent.purple.subtler",
-    "Legacy dark/color.background.accent.purple.bold": "Legacy dark/color.background.accent.purple.subtle",
-    "Legacy dark/color.background.accent.magenta": "Legacy dark/color.background.accent.magenta.subtler",
-    "Legacy dark/color.background.accent.magenta.bold": "Legacy dark/color.background.accent.magenta.subtle",
-    "Legacy dark/color.background.inverse": "Legacy dark/color.background.inverse.subtle",
-    "Legacy dark/color.background.brand": "Legacy dark/color.background.selected",
-    "Legacy dark/color.background.brand.hovered": "Legacy dark/color.background.selected.hovered",
-    "Legacy dark/color.background.brand.pressed": "Legacy dark/color.background.selected.pressed",
-    "Legacy dark/color.background.selected.resting": "Legacy dark/color.background.selected",
-    "Legacy dark/color.background.selected.hover": "Legacy dark/color.background.selected.hovered",
-    "Legacy dark/color.background.blanket": "Legacy dark/color.blanket",
-    "Legacy dark/color.background.boldBrand.hover": "Legacy dark/color.background.brand.bold.hovered",
-    "Legacy dark/color.background.boldBrand.pressed": "Legacy dark/color.background.brand.bold.pressed",
-    "Legacy dark/color.background.boldBrand.resting": "Legacy dark/color.background.brand.bold",
-    "Legacy dark/color.background.boldDanger.hover": "Legacy dark/color.background.danger.bold.hovered",
-    "Legacy dark/color.background.boldDanger.pressed": "Legacy dark/color.background.danger.bold.pressed",
-    "Legacy dark/color.background.boldDanger.resting": "Legacy dark/color.background.danger.bold",
-    "Legacy dark/color.background.boldDiscovery.hover": "Legacy dark/color.background.discovery.bold.hovered",
-    "Legacy dark/color.background.boldDiscovery.pressed": "Legacy dark/color.background.discovery.bold.pressed",
-    "Legacy dark/color.background.boldDiscovery.resting": "Legacy dark/color.background.discovery.bold",
-    "Legacy dark/color.background.boldNeutral.hover": "Legacy dark/color.background.neutral.bold.hovered",
-    "Legacy dark/color.background.boldNeutral.pressed": "Legacy dark/color.background.neutral.bold.pressed",
-    "Legacy dark/color.background.boldNeutral.resting": "Legacy dark/color.background.neutral.bold",
-    "Legacy dark/color.background.boldSuccess.hover": "Legacy dark/color.background.success.bold.hovered",
-    "Legacy dark/color.background.boldSuccess.pressed": "Legacy dark/color.background.success.bold.pressed",
-    "Legacy dark/color.background.boldSuccess.resting": "Legacy dark/color.background.success.bold",
-    "Legacy dark/color.background.boldWarning.hover": "Legacy dark/color.background.warning.bold.hovered",
-    "Legacy dark/color.background.boldWarning.pressed": "Legacy dark/color.background.warning.bold.pressed",
-    "Legacy dark/color.background.boldWarning.resting": "Legacy dark/color.background.warning.bold",
-    "Legacy dark/color.background.card": "Legacy dark/elevation.surface.raised",
-    "Legacy dark/color.background.default": "Legacy dark/elevation.surface",
-    "Legacy dark/color.background.overlay": "Legacy dark/elevation.surface.overlay",
-    "Legacy dark/color.background.subtleBorderedNeutral.pressed": "Legacy dark/color.background.input.pressed",
-    "Legacy dark/color.background.subtleBorderedNeutral.resting": "Legacy dark/color.background.input",
-    "Legacy dark/color.background.subtleBrand.hover": "Legacy dark/color.background.selected.hovered",
-    "Legacy dark/color.background.subtleBrand.pressed": "Legacy dark/color.background.selected.pressed",
-    "Legacy dark/color.background.subtleBrand.resting": "Legacy dark/color.background.selected",
-    "Legacy dark/color.background.subtleDanger.hover": "Legacy dark/color.background.danger.hovered",
-    "Legacy dark/color.background.subtleDanger.pressed": "Legacy dark/color.background.danger.pressed",
-    "Legacy dark/color.background.subtleDanger.resting": "Legacy dark/color.background.danger",
-    "Legacy dark/color.background.subtleDiscovery.hover": "Legacy dark/color.background.discovery.hovered",
-    "Legacy dark/color.background.subtleDiscovery.pressed": "Legacy dark/color.background.discovery.pressed",
-    "Legacy dark/color.background.subtleDiscovery.resting": "Legacy dark/color.background.discovery",
-    "Legacy dark/color.background.subtleNeutral.hover": "Legacy dark/color.background.neutral.hovered",
-    "Legacy dark/color.background.subtleNeutral.pressed": "Legacy dark/color.background.neutral.pressed",
-    "Legacy dark/color.background.subtleNeutral.resting": "Legacy dark/color.background.neutral",
-    "Legacy dark/color.background.subtleSuccess.hover": "Legacy dark/color.background.success.hovered",
-    "Legacy dark/color.background.subtleSuccess.pressed": "Legacy dark/color.background.success.pressed",
-    "Legacy dark/color.background.subtleSuccess.resting": "Legacy dark/color.background.success",
-    "Legacy dark/color.background.subtleWarning.hover": "Legacy dark/color.background.warning.hovered",
-    "Legacy dark/color.background.subtleWarning.pressed": "Legacy dark/color.background.warning.pressed",
-    "Legacy dark/color.background.subtleWarning.resting": "Legacy dark/color.background.warning",
-    "Legacy dark/color.background.sunken": "Legacy dark/elevation.surface.sunken",
-    "Legacy dark/color.background.transparentNeutral.hover": "Legacy dark/color.background.neutral.subtle.hovered",
-    "Legacy dark/color.background.transparentNeutral.pressed": "Legacy dark/color.background.neutral.subtle.pressed",
-    "Legacy dark/color.interaction.inverse.hovered": "Legacy dark/color.background.inverse.subtle.hovered",
-    "Legacy dark/color.interaction.inverse.pressed": "Legacy dark/color.background.inverse.subtle.pressed",
-    "Legacy dark/color.accent.boldBlue": "Legacy dark/color.background.accent.blue.bolder",
-    "Legacy dark/color.accent.boldGreen": "Legacy dark/color.background.accent.green.bolder",
-    "Legacy dark/color.accent.boldOrange": "Legacy dark/color.background.accent.orange.bolder",
-    "Legacy dark/color.accent.boldPurple": "Legacy dark/color.background.accent.purple.bolder",
-    "Legacy dark/color.accent.boldRed": "Legacy dark/color.background.accent.red.bolder",
-    "Legacy dark/color.accent.boldTeal": "Legacy dark/color.background.accent.teal.bolder",
-    "Legacy dark/color.accent.subtleBlue": "Legacy dark/color.background.accent.blue.subtler",
-    "Legacy dark/color.accent.subtleGreen": "Legacy dark/color.background.accent.green.subtler",
-    "Legacy dark/color.accent.subtleMagenta": "Legacy dark/color.background.accent.magenta.subtler",
-    "Legacy dark/color.accent.subtleOrange": "Legacy dark/color.background.accent.orange.subtler",
-    "Legacy dark/color.accent.subtlePurple": "Legacy dark/color.background.accent.purple.subtler",
-    "Legacy dark/color.accent.subtleRed": "Legacy dark/color.background.accent.red.subtler",
-    "Legacy dark/color.accent.subtleTeal": "Legacy dark/color.background.accent.teal.subtler",
-    "Legacy dark/color.iconBorder.brand": "Legacy dark/color.icon.brand",
-    "Legacy dark/color.iconBorder.danger": "Legacy dark/color.icon.danger",
-    "Legacy dark/color.iconBorder.discovery": "Legacy dark/color.icon.discovery",
-    "Legacy dark/color.iconBorder.success": "Legacy dark/color.icon.success",
-    "Legacy dark/color.iconBorder.warning": "Legacy dark/color.icon.warning",
-    "Legacy dark/color.overlay.hover": "Legacy dark/color.interaction.hovered",
-    "Legacy dark/color.overlay.pressed": "Legacy dark/color.interaction.pressed",
-    "Legacy dark/shadow.card": "Legacy dark/elevation.shadow.raised",
-    "Legacy dark/shadow.overlay": "Legacy dark/elevation.shadow.overlay"
-  }
+  "renameMap": {}
 }