@atlaskit/tokens 1.21.1 → 1.22.1

package/dist/types/tokens/atlassian-typography-minor3/theme.d.ts

@@ -1,10 +1,145 @@
-import type { FontFamilyBaseToken, FontSizeBaseToken, FontWeightBaseToken, LetterSpacingBaseToken, LineHeightBaseToken } from '../../palettes/typography-palette';
-import type { TypographyTokenSchema, ValueSchema } from '../../types';
-declare const typography: ValueSchema<TypographyTokenSchema<{
-    fontWeight: FontWeightBaseToken;
-    fontFamily: FontFamilyBaseToken;
-    fontSize: FontSizeBaseToken;
-    lineHeight: LineHeightBaseToken;
-    letterSpacing: LetterSpacingBaseToken;
-}>>;
-export default typography;
+import type { UtilTokenSchema, ValueSchema } from '../../types';
+declare const _default: {
+    font: {
+        body: {
+            '[default]': {
+                value: {
+                    fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
+                    fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
+                    fontFamily: "font.family.body" | "font.family.code" | "font.family.heading" | "font.family.monospace" | "font.family.sans" | "font.family.brand";
+                    lineHeight: import("../../palettes/typography-palette").LineHeightScaleValues;
+                    letterSpacing: import("../../palettes/typography-palette").LetterSpacingScaleValues;
+                    fontStyle: "normal";
+                };
+            };
+            lg: {
+                value: {
+                    fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
+                    fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
+                    fontFamily: "font.family.body" | "font.family.code" | "font.family.heading" | "font.family.monospace" | "font.family.sans" | "font.family.brand";
+                    lineHeight: import("../../palettes/typography-palette").LineHeightScaleValues;
+                    letterSpacing: import("../../palettes/typography-palette").LetterSpacingScaleValues;
+                    fontStyle: "normal";
+                };
+            };
+            sm: {
+                value: {
+                    fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
+                    fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
+                    fontFamily: "font.family.body" | "font.family.code" | "font.family.heading" | "font.family.monospace" | "font.family.sans" | "font.family.brand";
+                    lineHeight: import("../../palettes/typography-palette").LineHeightScaleValues;
+                    letterSpacing: import("../../palettes/typography-palette").LetterSpacingScaleValues;
+                    fontStyle: "normal";
+                };
+            };
+        };
+        code: {
+            '[default]': {
+                value: {
+                    fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
+                    fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
+                    fontFamily: "font.family.body" | "font.family.code" | "font.family.heading" | "font.family.monospace" | "font.family.sans" | "font.family.brand";
+                    lineHeight: import("../../palettes/typography-palette").LineHeightScaleValues;
+                    letterSpacing: import("../../palettes/typography-palette").LetterSpacingScaleValues;
+                    fontStyle: "normal";
+                };
+            };
+        };
+        heading: {
+            lg: {
+                value: {
+                    fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
+                    fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
+                    fontFamily: "font.family.body" | "font.family.code" | "font.family.heading" | "font.family.monospace" | "font.family.sans" | "font.family.brand";
+                    lineHeight: import("../../palettes/typography-palette").LineHeightScaleValues;
+                    letterSpacing: import("../../palettes/typography-palette").LetterSpacingScaleValues;
+                    fontStyle: "normal";
+                };
+            };
+            sm: {
+                value: {
+                    fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
+                    fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
+                    fontFamily: "font.family.body" | "font.family.code" | "font.family.heading" | "font.family.monospace" | "font.family.sans" | "font.family.brand";
+                    lineHeight: import("../../palettes/typography-palette").LineHeightScaleValues;
+                    letterSpacing: import("../../palettes/typography-palette").LetterSpacingScaleValues;
+                    fontStyle: "normal";
+                };
+            };
+            md: {
+                value: {
+                    fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
+                    fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
+                    fontFamily: "font.family.body" | "font.family.code" | "font.family.heading" | "font.family.monospace" | "font.family.sans" | "font.family.brand";
+                    lineHeight: import("../../palettes/typography-palette").LineHeightScaleValues;
+                    letterSpacing: import("../../palettes/typography-palette").LetterSpacingScaleValues;
+                    fontStyle: "normal";
+                };
+            };
+            xl: {
+                value: {
+                    fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
+                    fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
+                    fontFamily: "font.family.body" | "font.family.code" | "font.family.heading" | "font.family.monospace" | "font.family.sans" | "font.family.brand";
+                    lineHeight: import("../../palettes/typography-palette").LineHeightScaleValues;
+                    letterSpacing: import("../../palettes/typography-palette").LetterSpacingScaleValues;
+                    fontStyle: "normal";
+                };
+            };
+            xs: {
+                value: {
+                    fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
+                    fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
+                    fontFamily: "font.family.body" | "font.family.code" | "font.family.heading" | "font.family.monospace" | "font.family.sans" | "font.family.brand";
+                    lineHeight: import("../../palettes/typography-palette").LineHeightScaleValues;
+                    letterSpacing: import("../../palettes/typography-palette").LetterSpacingScaleValues;
+                    fontStyle: "normal";
+                };
+            };
+            xxl: {
+                value: {
+                    fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
+                    fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
+                    fontFamily: "font.family.body" | "font.family.code" | "font.family.heading" | "font.family.monospace" | "font.family.sans" | "font.family.brand";
+                    lineHeight: import("../../palettes/typography-palette").LineHeightScaleValues;
+                    letterSpacing: import("../../palettes/typography-palette").LetterSpacingScaleValues;
+                    fontStyle: "normal";
+                };
+            };
+            xxs: {
+                value: {
+                    fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
+                    fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
+                    fontFamily: "font.family.body" | "font.family.code" | "font.family.heading" | "font.family.monospace" | "font.family.sans" | "font.family.brand";
+                    lineHeight: import("../../palettes/typography-palette").LineHeightScaleValues;
+                    letterSpacing: import("../../palettes/typography-palette").LetterSpacingScaleValues;
+                    fontStyle: "normal";
+                };
+            };
+        };
+        ui: {
+            '[default]': {
+                value: {
+                    fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
+                    fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
+                    fontFamily: "font.family.body" | "font.family.code" | "font.family.heading" | "font.family.monospace" | "font.family.sans" | "font.family.brand";
+                    lineHeight: import("../../palettes/typography-palette").LineHeightScaleValues;
+                    letterSpacing: import("../../palettes/typography-palette").LetterSpacingScaleValues;
+                    fontStyle: "normal";
+                };
+            };
+            sm: {
+                value: {
+                    fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
+                    fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
+                    fontFamily: "font.family.body" | "font.family.code" | "font.family.heading" | "font.family.monospace" | "font.family.sans" | "font.family.brand";
+                    lineHeight: import("../../palettes/typography-palette").LineHeightScaleValues;
+                    letterSpacing: import("../../palettes/typography-palette").LetterSpacingScaleValues;
+                    fontStyle: "normal";
+                };
+            };
+        };
+    };
+    utility: ValueSchema<UtilTokenSchema<"Lime100" | "Lime200" | "Lime300" | "Lime400" | "Lime500" | "Lime600" | "Lime700" | "Lime800" | "Lime900" | "Lime1000" | "Red100" | "Red200" | "Red300" | "Red400" | "Red500" | "Red600" | "Red700" | "Red800" | "Red900" | "Red1000" | "Orange100" | "Orange200" | "Orange300" | "Orange400" | "Orange500" | "Orange600" | "Orange700" | "Orange800" | "Orange900" | "Orange1000" | "Yellow100" | "Yellow200" | "Yellow300" | "Yellow400" | "Yellow500" | "Yellow600" | "Yellow700" | "Yellow800" | "Yellow900" | "Yellow1000" | "Green100" | "Green200" | "Green300" | "Green400" | "Green500" | "Green600" | "Green700" | "Green800" | "Green900" | "Green1000" | "Teal100" | "Teal200" | "Teal300" | "Teal400" | "Teal500" | "Teal600" | "Teal700" | "Teal800" | "Teal900" | "Teal1000" | "Blue100" | "Blue200" | "Blue300" | "Blue400" | "Blue500" | "Blue600" | "Blue700" | "Blue800" | "Blue900" | "Blue1000" | "Purple100" | "Purple200" | "Purple300" | "Purple400" | "Purple500" | "Purple600" | "Purple700" | "Purple800" | "Purple900" | "Purple1000" | "Magenta100" | "Magenta200" | "Magenta300" | "Magenta400" | "Magenta500" | "Magenta600" | "Magenta700" | "Magenta800" | "Magenta900" | "Magenta1000" | "Neutral0" | "Neutral100" | "Neutral200" | "Neutral300" | "Neutral400" | "Neutral500" | "Neutral600" | "Neutral700" | "Neutral800" | "Neutral900" | "Neutral1000" | "Neutral1100" | "Neutral100A" | "Neutral200A" | "Neutral300A" | "Neutral400A" | "Neutral500A" | "DarkNeutral-100" | "DarkNeutral0" | "DarkNeutral100" | "DarkNeutral200" | "DarkNeutral250" | "DarkNeutral300" | "DarkNeutral350" | "DarkNeutral400" | "DarkNeutral500" | "DarkNeutral600" | "DarkNeutral700" | "DarkNeutral800" | "DarkNeutral900" | "DarkNeutral1000" | "DarkNeutral1100" | "DarkNeutral-100A" | "DarkNeutral100A" | "DarkNeutral200A" | "DarkNeutral250A" | "DarkNeutral300A" | "DarkNeutral350A" | "DarkNeutral400A" | "DarkNeutral500A">>;
+};
+export default _default;

package/dist/types/types.d.ts

@@ -64,6 +64,18 @@ export interface DesignToken<TValue, Group extends Groups> extends Token<TValue,
         suggest?: string[];
     };
 }
+/**
+ * @example
+ * ```ts
+ * const object = { font: { heading: { h900: { value: 'hello' } }}}
+ * // -> `font.heading.h900`
+ * ```
+ */
+type FlattenKeys<T, Prefix extends string = ''> = {
+    [Key in keyof T]: T[Key] extends object ? T[Key] extends {
+        value: string;
+    } ? `${Prefix}${Key & string}` : `${Prefix}${Key & string}.${FlattenKeys<T[Key]>}` : `${Prefix}.${Key & string}`;
+}[keyof T];
 type OmitDistributive<T, K extends PropertyKey> = T extends any ? T extends object ? Id<DeepOmit<T, K>> : T : never;
 type Id<T> = {} & {
     [P in keyof T]: T[P];
@@ -904,6 +916,7 @@ export interface UtilTokenSchema<BaseToken> {
     };
     UNSAFE: {
         transparent: RawToken;
+        textTransformUppercase?: RawToken;
     };
 }
 export interface SurfaceTokenSchema<BaseToken> {
@@ -991,7 +1004,7 @@ export type TypographyToken<TPalette extends {
 }> = DesignToken<{
     fontStyle: 'normal';
     fontWeight: TPalette['fontWeight'];
-    fontFamily: TPalette['fontFamily'];
+    fontFamily: FlattenKeys<FontFamilyTokenSchema<any>>;
     fontSize: TPalette['fontSize'];
     lineHeight: TPalette['lineHeight'];
     letterSpacing: TPalette['letterSpacing'];
@@ -1094,7 +1107,8 @@ export interface FontFamilyTokenSchema<BaseToken> {
              * @deprecated
              */
             monospace: DeprecatedTypographyToken<BaseToken>;
-            product: DeprecatedTypographyToken<BaseToken>;
+            body: DeprecatedTypographyToken<BaseToken>;
+            heading: DeprecatedTypographyToken<BaseToken>;
             brand: DeprecatedTypographyToken<BaseToken>;
             code: DeprecatedTypographyToken<BaseToken>;
         };

package/dist/types-ts4.5/artifacts/themes/atlassian-typography-adg3.d.ts

@@ -1,7 +1,7 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::40ab79b49a385a9644c0830bb643054e>>
+ * @codegen <<SignedSource::86a1df1a5baba529610e15ed684ea4b8>>
  * @codegenCommand yarn build tokens
  */
-declare const _default: "\nhtml[data-theme~=\"typography:typography-adg3\"] {\n  --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-product);\n  --ds-font-body-lg: normal 400 1rem/1.5rem var(--ds-font-family-product);\n  --ds-font-body-sm: normal 400 0.6875rem/1.25rem var(--ds-font-family-product);\n  --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-monospace);\n  --ds-font-heading-lg: normal 500 1.5rem/1.75rem var(--ds-font-family-product);\n  --ds-font-heading-md: normal 500 1.25rem/1.5rem var(--ds-font-family-product);\n  --ds-font-heading-sm: normal 600 1rem/1.25rem var(--ds-font-family-product);\n  --ds-font-heading-xl: normal 600 1.8125rem/2rem var(--ds-font-family-product);\n  --ds-font-heading-xs: normal 600 0.875rem/1rem var(--ds-font-family-product);\n  --ds-font-heading-xxl: normal 500 2.1875rem/2.5rem var(--ds-font-family-product);\n  --ds-font-heading-xxs: normal 600 0.75rem/1rem var(--ds-font-family-product);\n  --ds-font-letterSpacing-0: 0;\n  --ds-font-letterSpacing-100: -0.003em;\n  --ds-font-letterSpacing-200: -0.006em;\n  --ds-font-letterSpacing-300: -0.008em;\n  --ds-font-letterSpacing-400: -0.01em;\n  --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-product);\n  --ds-font-ui-sm: normal 400 0.6875rem/1 var(--ds-font-family-product);\n  --ds-font-family-code: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n  --ds-font-family-monospace: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n  --ds-font-family-product: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  --ds-font-family-brand: Charlie Sans;\n  --ds-font-size-050: 0.6875rem;\n  --ds-font-size-075: 0.75rem;\n  --ds-font-size-100: 0.875rem;\n  --ds-font-size-200: 1rem;\n  --ds-font-size-300: 1.25rem;\n  --ds-font-size-400: 1.5rem;\n  --ds-font-size-500: 1.8125rem;\n  --ds-font-size-600: 2.1875rem;\n  --ds-font-weight-bold: 700;\n  --ds-font-weight-medium: 500;\n  --ds-font-weight-regular: 400;\n  --ds-font-weight-semibold: 600;\n  --ds-font-lineHeight-1: 1;\n  --ds-font-lineHeight-100: 1rem;\n  --ds-font-lineHeight-200: 1.25rem;\n  --ds-font-lineHeight-300: 1.5rem;\n  --ds-font-lineHeight-400: 1.75rem;\n  --ds-font-lineHeight-500: 2rem;\n  --ds-font-lineHeight-600: 2.5rem;\n}\n";
+declare const _default: "\nhtml[data-theme~=\"typography:typography-adg3\"] {\n  --ds-UNSAFE-textTransformUppercase: uppercase;\n  --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-body);\n  --ds-font-body-lg: normal 400 1rem/1.5rem var(--ds-font-family-body);\n  --ds-font-body-sm: normal 400 0.6875rem/1.25rem var(--ds-font-family-body);\n  --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-code);\n  --ds-font-heading-lg: normal 500 1.5rem/1.75rem var(--ds-font-family-heading);\n  --ds-font-heading-md: normal 500 1.25rem/1.5rem var(--ds-font-family-heading);\n  --ds-font-heading-sm: normal 600 1rem/1.25rem var(--ds-font-family-heading);\n  --ds-font-heading-xl: normal 600 1.8125rem/2rem var(--ds-font-family-heading);\n  --ds-font-heading-xs: normal 600 0.875rem/1rem var(--ds-font-family-heading);\n  --ds-font-heading-xxl: normal 500 2.1875rem/2.5rem var(--ds-font-family-heading);\n  --ds-font-heading-xxs: normal 600 0.75rem/1rem var(--ds-font-family-heading);\n  --ds-font-letterSpacing-0: 0;\n  --ds-font-letterSpacing-100: -0.003em;\n  --ds-font-letterSpacing-200: -0.006em;\n  --ds-font-letterSpacing-300: -0.008em;\n  --ds-font-letterSpacing-400: -0.01em;\n  --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-body);\n  --ds-font-ui-sm: normal 400 0.6875rem/1 var(--ds-font-family-body);\n  --ds-font-family-body: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-code: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n  --ds-font-family-heading: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-monospace: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n  --ds-font-family-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  --ds-font-family-brand: Charlie Sans;\n  --ds-font-size-050: 0.6875rem;\n  --ds-font-size-075: 0.75rem;\n  --ds-font-size-100: 0.875rem;\n  --ds-font-size-200: 1rem;\n  --ds-font-size-300: 1.25rem;\n  --ds-font-size-400: 1.5rem;\n  --ds-font-size-500: 1.8125rem;\n  --ds-font-size-600: 2.1875rem;\n  --ds-font-weight-bold: 700;\n  --ds-font-weight-medium: 500;\n  --ds-font-weight-regular: 400;\n  --ds-font-weight-semibold: 600;\n  --ds-font-lineHeight-1: 1;\n  --ds-font-lineHeight-100: 1rem;\n  --ds-font-lineHeight-200: 1.25rem;\n  --ds-font-lineHeight-300: 1.5rem;\n  --ds-font-lineHeight-400: 1.75rem;\n  --ds-font-lineHeight-500: 2rem;\n  --ds-font-lineHeight-600: 2.5rem;\n}\n";
 export default _default;

package/dist/types-ts4.5/artifacts/themes/atlassian-typography-minor3.d.ts

@@ -1,7 +1,7 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::d807664672d6fd88e3f6e4054ec56bc9>>
+ * @codegen <<SignedSource::0975666a75bd15b63756e59298935cf5>>
  * @codegenCommand yarn build tokens
  */
-declare const _default: "\nhtml[data-theme~=\"typography:typography-minor3\"] {\n  --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-sans);\n  --ds-font-body-lg: normal 400 1rem/1.5rem var(--ds-font-family-sans);\n  --ds-font-body-sm: normal 400 0.75rem/1.25rem var(--ds-font-family-sans);\n  --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-monospace);\n  --ds-font-heading-lg: normal 700 1.5rem/1.75rem var(--ds-font-family-sans);\n  --ds-font-heading-md: normal 700 1.25rem/1.5rem var(--ds-font-family-sans);\n  --ds-font-heading-sm: normal 700 1rem/1.25rem var(--ds-font-family-sans);\n  --ds-font-heading-xl: normal 700 1.75rem/2rem var(--ds-font-family-sans);\n  --ds-font-heading-xs: normal 700 0.875rem/1rem var(--ds-font-family-sans);\n  --ds-font-heading-xxl: normal 700 2rem/2.25rem var(--ds-font-family-sans);\n  --ds-font-heading-xxs: normal 700 0.75rem/1rem var(--ds-font-family-sans);\n  --ds-font-letterSpacing-0: 0;\n  --ds-font-letterSpacing-100: 0;\n  --ds-font-letterSpacing-200: 0;\n  --ds-font-letterSpacing-300: 0;\n  --ds-font-letterSpacing-400: 0;\n  --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-sans);\n  --ds-font-ui-sm: normal 400 0.75rem/1 var(--ds-font-family-sans);\n  --ds-font-family-code: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n  --ds-font-family-monospace: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n  --ds-font-family-product: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-sans: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-brand: Charlie Sans;\n}\n";
+declare const _default: "\nhtml[data-theme~=\"typography:typography-minor3\"] {\n  --ds-UNSAFE-textTransformUppercase: uppercase;\n  --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-body);\n  --ds-font-body-lg: normal 400 1rem/1.5rem var(--ds-font-family-body);\n  --ds-font-body-sm: normal 400 0.75rem/1.25rem var(--ds-font-family-body);\n  --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-code);\n  --ds-font-heading-lg: normal 700 1.5rem/1.75rem var(--ds-font-family-heading);\n  --ds-font-heading-md: normal 700 1.25rem/1.5rem var(--ds-font-family-heading);\n  --ds-font-heading-sm: normal 700 1rem/1.25rem var(--ds-font-family-heading);\n  --ds-font-heading-xl: normal 700 1.75rem/2rem var(--ds-font-family-heading);\n  --ds-font-heading-xs: normal 700 0.875rem/1rem var(--ds-font-family-heading);\n  --ds-font-heading-xxl: normal 700 2rem/2.25rem var(--ds-font-family-heading);\n  --ds-font-heading-xxs: normal 700 0.75rem/1rem var(--ds-font-family-heading);\n  --ds-font-letterSpacing-0: 0;\n  --ds-font-letterSpacing-100: 0;\n  --ds-font-letterSpacing-200: 0;\n  --ds-font-letterSpacing-300: 0;\n  --ds-font-letterSpacing-400: 0;\n  --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-body);\n  --ds-font-ui-sm: normal 400 0.75rem/1 var(--ds-font-family-body);\n  --ds-font-family-body: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-code: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n  --ds-font-family-heading: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-monospace: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n  --ds-font-family-sans: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-brand: Charlie Sans;\n}\n";
 export default _default;

package/dist/types-ts4.5/artifacts/themes/atlassian-typography.d.ts

@@ -1,7 +1,7 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::4523ed1ede9eb6edfe0926fd28d32efc>>
+ * @codegen <<SignedSource::349dc9dd4c283b60434a93a228019eb8>>
  * @codegenCommand yarn build tokens
  */
-declare const _default: "\nhtml[data-theme~=\"typography:typography\"] {\n  --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-sans);\n  --ds-font-body-lg: normal 400 1rem/1.5rem var(--ds-font-family-sans);\n  --ds-font-body-sm: normal 400 0.75rem/1.25rem var(--ds-font-family-sans);\n  --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-monospace);\n  --ds-font-heading-lg: normal 700 1.5rem/1.75rem var(--ds-font-family-sans);\n  --ds-font-heading-md: normal 700 1.25rem/1.5rem var(--ds-font-family-sans);\n  --ds-font-heading-sm: normal 700 1rem/1.25rem var(--ds-font-family-sans);\n  --ds-font-heading-xl: normal 700 1.75rem/2rem var(--ds-font-family-sans);\n  --ds-font-heading-xs: normal 700 0.875rem/1rem var(--ds-font-family-sans);\n  --ds-font-heading-xxl: normal 700 2.25rem/2.5rem var(--ds-font-family-sans);\n  --ds-font-heading-xxs: normal 700 0.75rem/1rem var(--ds-font-family-sans);\n  --ds-font-letterSpacing-0: 0;\n  --ds-font-letterSpacing-100: 0;\n  --ds-font-letterSpacing-200: 0;\n  --ds-font-letterSpacing-300: 0;\n  --ds-font-letterSpacing-400: 0;\n  --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-sans);\n  --ds-font-ui-sm: normal 400 0.75rem/1 var(--ds-font-family-sans);\n  --ds-font-family-code: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n  --ds-font-family-monospace: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n  --ds-font-family-product: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-sans: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-brand: Charlie Sans;\n}\n";
+declare const _default: "\nhtml[data-theme~=\"typography:typography\"] {\n  --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-body);\n  --ds-font-body-lg: normal 400 1rem/1.5rem var(--ds-font-family-body);\n  --ds-font-body-sm: normal 400 0.75rem/1.25rem var(--ds-font-family-body);\n  --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-code);\n  --ds-font-heading-lg: normal 700 1.5rem/1.75rem var(--ds-font-family-heading);\n  --ds-font-heading-md: normal 700 1.25rem/1.5rem var(--ds-font-family-heading);\n  --ds-font-heading-sm: normal 700 1rem/1.25rem var(--ds-font-family-heading);\n  --ds-font-heading-xl: normal 700 1.75rem/2rem var(--ds-font-family-heading);\n  --ds-font-heading-xs: normal 700 0.875rem/1rem var(--ds-font-family-heading);\n  --ds-font-heading-xxl: normal 700 2.25rem/2.5rem var(--ds-font-family-heading);\n  --ds-font-heading-xxs: normal 700 0.75rem/1rem var(--ds-font-family-heading);\n  --ds-font-letterSpacing-0: 0;\n  --ds-font-letterSpacing-100: 0;\n  --ds-font-letterSpacing-200: 0;\n  --ds-font-letterSpacing-300: 0;\n  --ds-font-letterSpacing-400: 0;\n  --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-body);\n  --ds-font-ui-sm: normal 400 0.75rem/1 var(--ds-font-family-body);\n  --ds-font-family-body: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-code: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n  --ds-font-family-heading: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-monospace: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n  --ds-font-family-sans: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-brand: Charlie Sans;\n}\n";
 export default _default;

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

@@ -7,7 +7,7 @@
  * Token names mapped to their value in the default Atlassian themes ('light').
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
  *
- * @codegen <<SignedSource::89d57f1ac024661bf2b7ee3c1e74dfa9>>
+ * @codegen <<SignedSource::2ed9c3b5219514c1dd5c348fb4647ed3>>
  * @codegenCommand yarn build tokens
  */
 declare const defaultTokenValues: {
@@ -396,6 +396,7 @@ declare const defaultTokenValues: {
     readonly 'elevation.shadow.raised': "0px 1px 1px #091E4240, 0px 0px 1px #091E424F";
     readonly 'opacity.disabled': "0.4";
     readonly 'opacity.loading': "0.2";
+    readonly 'utility.UNSAFE.textTransformUppercase': "uppercase";
     readonly 'utility.UNSAFE.transparent': "transparent";
     readonly 'utility.elevation.surface.current': "#FFFFFF";
     readonly 'border.radius.050': "0.125rem";
@@ -432,27 +433,28 @@ declare const defaultTokenValues: {
     readonly 'space.negative.250': "-1.25rem";
     readonly 'space.negative.300': "-1.5rem";
     readonly 'space.negative.400': "-2rem";
-    readonly 'font.body': "normal 400 0.875rem/1.25rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
-    readonly 'font.body.lg': "normal 400 1rem/1.5rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
-    readonly 'font.body.sm': "normal 400 0.6875rem/1.25rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
-    readonly 'font.code': "normal 400 0.875em/1 ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace";
-    readonly 'font.heading.lg': "normal 500 1.5rem/1.75rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
-    readonly 'font.heading.md': "normal 500 1.25rem/1.5rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
-    readonly 'font.heading.sm': "normal 600 1rem/1.25rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
-    readonly 'font.heading.xl': "normal 600 1.8125rem/2rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
-    readonly 'font.heading.xs': "normal 600 0.875rem/1rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
-    readonly 'font.heading.xxl': "normal 500 2.1875rem/2.5rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
-    readonly 'font.heading.xxs': "normal 600 0.75rem/1rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
+    readonly 'font.body': "normal 400 0.875rem/1.25rem var(--ds-font-family-body)";
+    readonly 'font.body.lg': "normal 400 1rem/1.5rem var(--ds-font-family-body)";
+    readonly 'font.body.sm': "normal 400 0.6875rem/1.25rem var(--ds-font-family-body)";
+    readonly 'font.code': "normal 400 0.875em/1 var(--ds-font-family-code)";
+    readonly 'font.heading.lg': "normal 500 1.5rem/1.75rem var(--ds-font-family-heading)";
+    readonly 'font.heading.md': "normal 500 1.25rem/1.5rem var(--ds-font-family-heading)";
+    readonly 'font.heading.sm': "normal 600 1rem/1.25rem var(--ds-font-family-heading)";
+    readonly 'font.heading.xl': "normal 600 1.8125rem/2rem var(--ds-font-family-heading)";
+    readonly 'font.heading.xs': "normal 600 0.875rem/1rem var(--ds-font-family-heading)";
+    readonly 'font.heading.xxl': "normal 500 2.1875rem/2.5rem var(--ds-font-family-heading)";
+    readonly 'font.heading.xxs': "normal 600 0.75rem/1rem var(--ds-font-family-heading)";
     readonly 'font.letterSpacing.0': "0";
     readonly 'font.letterSpacing.100': "-0.003em";
     readonly 'font.letterSpacing.200': "-0.006em";
     readonly 'font.letterSpacing.300': "-0.008em";
     readonly 'font.letterSpacing.400': "-0.01em";
-    readonly 'font.ui': "normal 400 0.875rem/1 ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
-    readonly 'font.ui.sm': "normal 400 0.6875rem/1 ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
+    readonly 'font.ui': "normal 400 0.875rem/1 var(--ds-font-family-body)";
+    readonly 'font.ui.sm': "normal 400 0.6875rem/1 var(--ds-font-family-body)";
+    readonly 'font.family.body': "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
     readonly 'font.family.code': "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace";
+    readonly 'font.family.heading': "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
     readonly 'font.family.monospace': "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace";
-    readonly 'font.family.product': "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
     readonly 'font.family.sans': "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif";
     readonly 'font.family.brand': "Charlie Sans";
     readonly 'font.size.050': "0.6875rem";

package/dist/types-ts4.5/artifacts/token-names.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::487e60f0791ae39572ec7cc90e77eb13>>
+ * @codegen <<SignedSource::9b8fdc7df9d7269fb27f22c5e06d7743>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: {
@@ -389,6 +389,7 @@ declare const tokens: {
     readonly 'elevation.shadow.raised': "--ds-shadow-raised";
     readonly 'opacity.disabled': "--ds-opacity-disabled";
     readonly 'opacity.loading': "--ds-opacity-loading";
+    readonly 'utility.UNSAFE.textTransformUppercase': "--ds-UNSAFE-textTransformUppercase";
     readonly 'utility.UNSAFE.transparent': "--ds-UNSAFE-transparent";
     readonly 'utility.elevation.surface.current': "--ds-elevation-surface-current";
     readonly 'border.radius.050': "--ds-border-radius-050";
@@ -443,9 +444,10 @@ declare const tokens: {
     readonly 'font.letterSpacing.400': "--ds-font-letterSpacing-400";
     readonly 'font.ui': "--ds-font-ui";
     readonly 'font.ui.sm': "--ds-font-ui-sm";
+    readonly 'font.family.body': "--ds-font-family-body";
     readonly 'font.family.code': "--ds-font-family-code";
+    readonly 'font.family.heading': "--ds-font-family-heading";
     readonly 'font.family.monospace': "--ds-font-family-monospace";
-    readonly 'font.family.product': "--ds-font-family-product";
     readonly 'font.family.sans': "--ds-font-family-sans";
     readonly 'font.family.brand': "--ds-font-family-brand";
     readonly 'font.size.050': "--ds-font-size-050";
@@ -854,6 +856,7 @@ export type CSSTokenMap = {
     'elevation.shadow.raised': 'var(--ds-shadow-raised)';
     'opacity.disabled': 'var(--ds-opacity-disabled)';
     'opacity.loading': 'var(--ds-opacity-loading)';
+    'utility.UNSAFE.textTransformUppercase': 'var(--ds-UNSAFE-textTransformUppercase)';
     'utility.UNSAFE.transparent': 'var(--ds-UNSAFE-transparent)';
     'utility.elevation.surface.current': 'var(--ds-elevation-surface-current)';
     'border.radius.050': 'var(--ds-border-radius-050)';
@@ -908,9 +911,10 @@ export type CSSTokenMap = {
     'font.letterSpacing.400': 'var(--ds-font-letterSpacing-400)';
     'font.ui': 'var(--ds-font-ui)';
     'font.ui.sm': 'var(--ds-font-ui-sm)';
+    'font.family.body': 'var(--ds-font-family-body)';
     'font.family.code': 'var(--ds-font-family-code)';
+    'font.family.heading': 'var(--ds-font-family-heading)';
     'font.family.monospace': 'var(--ds-font-family-monospace)';
-    'font.family.product': 'var(--ds-font-family-product)';
     'font.family.sans': 'var(--ds-font-family-sans)';
     'font.family.brand': 'var(--ds-font-family-brand)';
     'font.size.050': 'var(--ds-font-size-050)';

package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-adg3.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::56d6ec09c58b78a37bdca311bfaa73ea>>
+ * @codegen <<SignedSource::ea0accce09567f9c3a6ee559e04e4e33>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: ({
@@ -20,14 +20,7 @@ declare const tokens: ({
             introduced: string;
             description: string;
         };
-        value: {
-            fontWeight: string;
-            fontSize: string;
-            lineHeight: string;
-            fontFamily: string;
-            fontStyle: string;
-            letterSpacing: string;
-        };
+        value: string;
     };
     name: string;
     path: string[];
@@ -49,7 +42,14 @@ declare const tokens: ({
             introduced: string;
             description: string;
         };
-        value: string;
+        value: {
+            fontWeight: string;
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontStyle: string;
+            letterSpacing: string;
+        };
     };
     name: string;
     path: string[];

package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-minor3.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::7b7d53e8ee9563ef170026c46b344165>>
+ * @codegen <<SignedSource::91f01a2034a5e18b2fe6ca24f0abc799>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: ({
@@ -20,14 +20,7 @@ declare const tokens: ({
             introduced: string;
             description: string;
         };
-        value: {
-            fontWeight: string;
-            fontSize: string;
-            lineHeight: string;
-            fontFamily: string;
-            fontStyle: string;
-            letterSpacing: string;
-        };
+        value: string;
     };
     name: string;
     path: string[];
@@ -49,7 +42,14 @@ declare const tokens: ({
             introduced: string;
             description: string;
         };
-        value: string;
+        value: {
+            fontWeight: string;
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontStyle: string;
+            letterSpacing: string;
+        };
     };
     name: string;
     path: string[];

package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::eaaa970ce079ba5e26ef6b1bd1440d6c>>
+ * @codegen <<SignedSource::2dbe284320c4a652bc8420a1e9457c66>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: ({

package/dist/types-ts4.5/artifacts/types-internal.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::aa10cd40186c725235d01deaba3f6be4>>
+ * @codegen <<SignedSource::7e14ecce87e3c8c7fd5f0216b1e556de>>
  * @codegenCommand yarn build tokens
  */
-export type InternalTokenIds = 'color.text.[default]' | 'color.text.accent.lime.[default]' | 'color.text.accent.lime.bolder' | 'color.text.accent.red.[default]' | 'color.text.accent.red.bolder' | 'color.text.accent.orange.[default]' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow.[default]' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green.[default]' | 'color.text.accent.green.bolder' | 'color.text.accent.teal.[default]' | 'color.text.accent.teal.bolder' | 'color.text.accent.blue.[default]' | 'color.text.accent.blue.bolder' | 'color.text.accent.purple.[default]' | 'color.text.accent.purple.bolder' | 'color.text.accent.magenta.[default]' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray.[default]' | 'color.text.accent.gray.bolder' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.selected' | 'color.text.brand' | 'color.text.danger' | 'color.text.warning.[default]' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.text.subtlest' | 'color.text.subtle' | 'color.link.[default]' | 'color.link.pressed' | 'color.icon.[default]' | 'color.icon.accent.lime' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.teal' | 'color.icon.accent.blue' | 'color.icon.accent.purple' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon.disabled' | 'color.icon.inverse' | 'color.icon.selected' | 'color.icon.brand' | 'color.icon.danger' | 'color.icon.warning.[default]' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.icon.subtle' | 'color.border.[default]' | 'color.border.accent.lime' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.teal' | 'color.border.accent.blue' | 'color.border.accent.purple' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border.disabled' | 'color.border.focused' | 'color.border.input' | 'color.border.inverse' | 'color.border.selected' | 'color.border.brand' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.border.bold' | 'color.background.accent.lime.subtlest.[default]' | 'color.background.accent.lime.subtlest.hovered' | 'color.background.accent.lime.subtlest.pressed' | 'color.background.accent.lime.subtler.[default]' | 'color.background.accent.lime.subtler.hovered' | 'color.background.accent.lime.subtler.pressed' | 'color.background.accent.lime.subtle.[default]' | 'color.background.accent.lime.subtle.hovered' | 'color.background.accent.lime.subtle.pressed' | 'color.background.accent.lime.bolder.[default]' | 'color.background.accent.lime.bolder.hovered' | 'color.background.accent.lime.bolder.pressed' | 'color.background.accent.red.subtlest.[default]' | 'color.background.accent.red.subtlest.hovered' | 'color.background.accent.red.subtlest.pressed' | 'color.background.accent.red.subtler.[default]' | 'color.background.accent.red.subtler.hovered' | 'color.background.accent.red.subtler.pressed' | 'color.background.accent.red.subtle.[default]' | 'color.background.accent.red.subtle.hovered' | 'color.background.accent.red.subtle.pressed' | 'color.background.accent.red.bolder.[default]' | 'color.background.accent.red.bolder.hovered' | 'color.background.accent.red.bolder.pressed' | 'color.background.accent.orange.subtlest.[default]' | 'color.background.accent.orange.subtlest.hovered' | 'color.background.accent.orange.subtlest.pressed' | 'color.background.accent.orange.subtler.[default]' | 'color.background.accent.orange.subtler.hovered' | 'color.background.accent.orange.subtler.pressed' | 'color.background.accent.orange.subtle.[default]' | 'color.background.accent.orange.subtle.hovered' | 'color.background.accent.orange.subtle.pressed' | 'color.background.accent.orange.bolder.[default]' | 'color.background.accent.orange.bolder.hovered' | 'color.background.accent.orange.bolder.pressed' | 'color.background.accent.yellow.subtlest.[default]' | 'color.background.accent.yellow.subtlest.hovered' | 'color.background.accent.yellow.subtlest.pressed' | 'color.background.accent.yellow.subtler.[default]' | 'color.background.accent.yellow.subtler.hovered' | 'color.background.accent.yellow.subtler.pressed' | 'color.background.accent.yellow.subtle.[default]' | 'color.background.accent.yellow.subtle.hovered' | 'color.background.accent.yellow.subtle.pressed' | 'color.background.accent.yellow.bolder.[default]' | 'color.background.accent.yellow.bolder.hovered' | 'color.background.accent.yellow.bolder.pressed' | 'color.background.accent.green.subtlest.[default]' | 'color.background.accent.green.subtlest.hovered' | 'color.background.accent.green.subtlest.pressed' | 'color.background.accent.green.subtler.[default]' | 'color.background.accent.green.subtler.hovered' | 'color.background.accent.green.subtler.pressed' | 'color.background.accent.green.subtle.[default]' | 'color.background.accent.green.subtle.hovered' | 'color.background.accent.green.subtle.pressed' | 'color.background.accent.green.bolder.[default]' | 'color.background.accent.green.bolder.hovered' | 'color.background.accent.green.bolder.pressed' | 'color.background.accent.teal.subtlest.[default]' | 'color.background.accent.teal.subtlest.hovered' | 'color.background.accent.teal.subtlest.pressed' | 'color.background.accent.teal.subtler.[default]' | 'color.background.accent.teal.subtler.hovered' | 'color.background.accent.teal.subtler.pressed' | 'color.background.accent.teal.subtle.[default]' | 'color.background.accent.teal.subtle.hovered' | 'color.background.accent.teal.subtle.pressed' | 'color.background.accent.teal.bolder.[default]' | 'color.background.accent.teal.bolder.hovered' | 'color.background.accent.teal.bolder.pressed' | 'color.background.accent.blue.subtlest.[default]' | 'color.background.accent.blue.subtlest.hovered' | 'color.background.accent.blue.subtlest.pressed' | 'color.background.accent.blue.subtler.[default]' | 'color.background.accent.blue.subtler.hovered' | 'color.background.accent.blue.subtler.pressed' | 'color.background.accent.blue.subtle.[default]' | 'color.background.accent.blue.subtle.hovered' | 'color.background.accent.blue.subtle.pressed' | 'color.background.accent.blue.bolder.[default]' | 'color.background.accent.blue.bolder.hovered' | 'color.background.accent.blue.bolder.pressed' | 'color.background.accent.purple.subtlest.[default]' | 'color.background.accent.purple.subtlest.hovered' | 'color.background.accent.purple.subtlest.pressed' | 'color.background.accent.purple.subtler.[default]' | 'color.background.accent.purple.subtler.hovered' | 'color.background.accent.purple.subtler.pressed' | 'color.background.accent.purple.subtle.[default]' | 'color.background.accent.purple.subtle.hovered' | 'color.background.accent.purple.subtle.pressed' | 'color.background.accent.purple.bolder.[default]' | 'color.background.accent.purple.bolder.hovered' | 'color.background.accent.purple.bolder.pressed' | 'color.background.accent.magenta.subtlest.[default]' | 'color.background.accent.magenta.subtlest.hovered' | 'color.background.accent.magenta.subtlest.pressed' | 'color.background.accent.magenta.subtler.[default]' | 'color.background.accent.magenta.subtler.hovered' | 'color.background.accent.magenta.subtler.pressed' | 'color.background.accent.magenta.subtle.[default]' | 'color.background.accent.magenta.subtle.hovered' | 'color.background.accent.magenta.subtle.pressed' | 'color.background.accent.magenta.bolder.[default]' | 'color.background.accent.magenta.bolder.hovered' | 'color.background.accent.magenta.bolder.pressed' | 'color.background.accent.gray.subtlest.[default]' | 'color.background.accent.gray.subtlest.hovered' | 'color.background.accent.gray.subtlest.pressed' | 'color.background.accent.gray.subtler.[default]' | 'color.background.accent.gray.subtler.hovered' | 'color.background.accent.gray.subtler.pressed' | 'color.background.accent.gray.subtle.[default]' | 'color.background.accent.gray.subtle.hovered' | 'color.background.accent.gray.subtle.pressed' | 'color.background.accent.gray.bolder.[default]' | 'color.background.accent.gray.bolder.hovered' | 'color.background.accent.gray.bolder.pressed' | 'color.background.disabled' | 'color.background.input.[default]' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.inverse.subtle.[default]' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.neutral.[default].[default]' | 'color.background.neutral.[default].hovered' | 'color.background.neutral.[default].pressed' | 'color.background.neutral.subtle.[default]' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold.[default]' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.selected.[default].[default]' | 'color.background.selected.[default].hovered' | 'color.background.selected.[default].pressed' | 'color.background.selected.bold.[default]' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.brand.subtlest.[default]' | 'color.background.brand.subtlest.hovered' | 'color.background.brand.subtlest.pressed' | 'color.background.brand.bold.[default]' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.brand.boldest.[default]' | 'color.background.brand.boldest.hovered' | 'color.background.brand.boldest.pressed' | 'color.background.danger.[default].[default]' | 'color.background.danger.[default].hovered' | 'color.background.danger.[default].pressed' | 'color.background.danger.bold.[default]' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning.[default].[default]' | 'color.background.warning.[default].hovered' | 'color.background.warning.[default].pressed' | 'color.background.warning.bold.[default]' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success.[default].[default]' | 'color.background.success.[default].hovered' | 'color.background.success.[default].pressed' | 'color.background.success.bold.[default]' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery.[default].[default]' | 'color.background.discovery.[default].hovered' | 'color.background.discovery.[default].pressed' | 'color.background.discovery.bold.[default]' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information.[default].[default]' | 'color.background.information.[default].hovered' | 'color.background.information.[default].pressed' | 'color.background.information.bold.[default]' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket.[default]' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.skeleton.[default]' | 'color.skeleton.subtle' | 'color.chart.categorical.1.[default]' | 'color.chart.categorical.1.hovered' | 'color.chart.categorical.2.[default]' | 'color.chart.categorical.2.hovered' | 'color.chart.categorical.3.[default]' | 'color.chart.categorical.3.hovered' | 'color.chart.categorical.4.[default]' | 'color.chart.categorical.4.hovered' | 'color.chart.categorical.5.[default]' | 'color.chart.categorical.5.hovered' | 'color.chart.categorical.6.[default]' | 'color.chart.categorical.6.hovered' | 'color.chart.categorical.7.[default]' | 'color.chart.categorical.7.hovered' | 'color.chart.categorical.8.[default]' | 'color.chart.categorical.8.hovered' | 'color.chart.lime.bold.[default]' | 'color.chart.lime.bold.hovered' | 'color.chart.lime.bolder.[default]' | 'color.chart.lime.bolder.hovered' | 'color.chart.lime.boldest.[default]' | 'color.chart.lime.boldest.hovered' | 'color.chart.neutral.[default]' | 'color.chart.neutral.hovered' | 'color.chart.red.bold.[default]' | 'color.chart.red.bold.hovered' | 'color.chart.red.bolder.[default]' | 'color.chart.red.bolder.hovered' | 'color.chart.red.boldest.[default]' | 'color.chart.red.boldest.hovered' | 'color.chart.orange.bold.[default]' | 'color.chart.orange.bold.hovered' | 'color.chart.orange.bolder.[default]' | 'color.chart.orange.bolder.hovered' | 'color.chart.orange.boldest.[default]' | 'color.chart.orange.boldest.hovered' | 'color.chart.yellow.bold.[default]' | 'color.chart.yellow.bold.hovered' | 'color.chart.yellow.bolder.[default]' | 'color.chart.yellow.bolder.hovered' | 'color.chart.yellow.boldest.[default]' | 'color.chart.yellow.boldest.hovered' | 'color.chart.green.bold.[default]' | 'color.chart.green.bold.hovered' | 'color.chart.green.bolder.[default]' | 'color.chart.green.bolder.hovered' | 'color.chart.green.boldest.[default]' | 'color.chart.green.boldest.hovered' | 'color.chart.teal.bold.[default]' | 'color.chart.teal.bold.hovered' | 'color.chart.teal.bolder.[default]' | 'color.chart.teal.bolder.hovered' | 'color.chart.teal.boldest.[default]' | 'color.chart.teal.boldest.hovered' | 'color.chart.blue.bold.[default]' | 'color.chart.blue.bold.hovered' | 'color.chart.blue.bolder.[default]' | 'color.chart.blue.bolder.hovered' | 'color.chart.blue.boldest.[default]' | 'color.chart.blue.boldest.hovered' | 'color.chart.purple.bold.[default]' | 'color.chart.purple.bold.hovered' | 'color.chart.purple.bolder.[default]' | 'color.chart.purple.bolder.hovered' | 'color.chart.purple.boldest.[default]' | 'color.chart.purple.boldest.hovered' | 'color.chart.magenta.bold.[default]' | 'color.chart.magenta.bold.hovered' | 'color.chart.magenta.bolder.[default]' | 'color.chart.magenta.bolder.hovered' | 'color.chart.magenta.boldest.[default]' | 'color.chart.magenta.boldest.hovered' | 'color.chart.gray.bold.[default]' | 'color.chart.gray.bold.hovered' | 'color.chart.gray.bolder.[default]' | 'color.chart.gray.bolder.hovered' | 'color.chart.gray.boldest.[default]' | 'color.chart.gray.boldest.hovered' | 'color.chart.brand.[default]' | 'color.chart.brand.hovered' | 'color.chart.danger.[default].[default]' | 'color.chart.danger.[default].hovered' | 'color.chart.danger.bold.[default]' | 'color.chart.danger.bold.hovered' | 'color.chart.warning.[default].[default]' | 'color.chart.warning.[default].hovered' | 'color.chart.warning.bold.[default]' | 'color.chart.warning.bold.hovered' | 'color.chart.success.[default].[default]' | 'color.chart.success.[default].hovered' | 'color.chart.success.bold.[default]' | 'color.chart.success.bold.hovered' | 'color.chart.discovery.[default].[default]' | 'color.chart.discovery.[default].hovered' | 'color.chart.discovery.bold.[default]' | 'color.chart.discovery.bold.hovered' | 'color.chart.information.[default].[default]' | 'color.chart.information.[default].hovered' | 'color.chart.information.bold.[default]' | 'color.chart.information.bold.hovered' | 'elevation.surface.[default].[default]' | 'elevation.surface.[default].hovered' | 'elevation.surface.[default].pressed' | 'elevation.surface.overlay.[default]' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'elevation.surface.raised.[default]' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.sunken' | 'elevation.shadow.overflow.[default]' | 'elevation.shadow.overflow.perimeter' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overlay' | 'elevation.shadow.raised' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE.transparent' | 'utility.elevation.surface.current' | 'border.radius.050' | 'border.radius.[default]' | 'border.radius.100' | 'border.radius.200' | 'border.radius.300' | 'border.radius.400' | 'border.radius.circle' | 'border.width.[default]' | 'border.width.indicator' | 'border.width.outline' | 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000' | 'space.negative.025' | 'space.negative.050' | 'space.negative.075' | 'space.negative.100' | 'space.negative.150' | 'space.negative.200' | 'space.negative.250' | 'space.negative.300' | 'space.negative.400' | 'font.letterSpacing.0' | 'font.letterSpacing.100' | 'font.letterSpacing.200' | 'font.letterSpacing.300' | 'font.letterSpacing.400' | 'font.family.monospace' | 'font.family.sans' | 'font.size.050' | 'font.size.075' | 'font.size.100' | 'font.size.200' | 'font.size.300' | 'font.size.400' | 'font.size.500' | 'font.size.600' | 'font.weight.bold' | 'font.weight.medium' | 'font.weight.regular' | 'font.weight.semibold' | 'font.lineHeight.1' | 'font.lineHeight.100' | 'font.lineHeight.200' | 'font.lineHeight.300' | 'font.lineHeight.400' | 'font.lineHeight.500' | 'font.lineHeight.600';
+export type InternalTokenIds = 'color.text.[default]' | 'color.text.accent.lime.[default]' | 'color.text.accent.lime.bolder' | 'color.text.accent.red.[default]' | 'color.text.accent.red.bolder' | 'color.text.accent.orange.[default]' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow.[default]' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green.[default]' | 'color.text.accent.green.bolder' | 'color.text.accent.teal.[default]' | 'color.text.accent.teal.bolder' | 'color.text.accent.blue.[default]' | 'color.text.accent.blue.bolder' | 'color.text.accent.purple.[default]' | 'color.text.accent.purple.bolder' | 'color.text.accent.magenta.[default]' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray.[default]' | 'color.text.accent.gray.bolder' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.selected' | 'color.text.brand' | 'color.text.danger' | 'color.text.warning.[default]' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.text.subtlest' | 'color.text.subtle' | 'color.link.[default]' | 'color.link.pressed' | 'color.icon.[default]' | 'color.icon.accent.lime' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.teal' | 'color.icon.accent.blue' | 'color.icon.accent.purple' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon.disabled' | 'color.icon.inverse' | 'color.icon.selected' | 'color.icon.brand' | 'color.icon.danger' | 'color.icon.warning.[default]' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.icon.subtle' | 'color.border.[default]' | 'color.border.accent.lime' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.teal' | 'color.border.accent.blue' | 'color.border.accent.purple' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border.disabled' | 'color.border.focused' | 'color.border.input' | 'color.border.inverse' | 'color.border.selected' | 'color.border.brand' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.border.bold' | 'color.background.accent.lime.subtlest.[default]' | 'color.background.accent.lime.subtlest.hovered' | 'color.background.accent.lime.subtlest.pressed' | 'color.background.accent.lime.subtler.[default]' | 'color.background.accent.lime.subtler.hovered' | 'color.background.accent.lime.subtler.pressed' | 'color.background.accent.lime.subtle.[default]' | 'color.background.accent.lime.subtle.hovered' | 'color.background.accent.lime.subtle.pressed' | 'color.background.accent.lime.bolder.[default]' | 'color.background.accent.lime.bolder.hovered' | 'color.background.accent.lime.bolder.pressed' | 'color.background.accent.red.subtlest.[default]' | 'color.background.accent.red.subtlest.hovered' | 'color.background.accent.red.subtlest.pressed' | 'color.background.accent.red.subtler.[default]' | 'color.background.accent.red.subtler.hovered' | 'color.background.accent.red.subtler.pressed' | 'color.background.accent.red.subtle.[default]' | 'color.background.accent.red.subtle.hovered' | 'color.background.accent.red.subtle.pressed' | 'color.background.accent.red.bolder.[default]' | 'color.background.accent.red.bolder.hovered' | 'color.background.accent.red.bolder.pressed' | 'color.background.accent.orange.subtlest.[default]' | 'color.background.accent.orange.subtlest.hovered' | 'color.background.accent.orange.subtlest.pressed' | 'color.background.accent.orange.subtler.[default]' | 'color.background.accent.orange.subtler.hovered' | 'color.background.accent.orange.subtler.pressed' | 'color.background.accent.orange.subtle.[default]' | 'color.background.accent.orange.subtle.hovered' | 'color.background.accent.orange.subtle.pressed' | 'color.background.accent.orange.bolder.[default]' | 'color.background.accent.orange.bolder.hovered' | 'color.background.accent.orange.bolder.pressed' | 'color.background.accent.yellow.subtlest.[default]' | 'color.background.accent.yellow.subtlest.hovered' | 'color.background.accent.yellow.subtlest.pressed' | 'color.background.accent.yellow.subtler.[default]' | 'color.background.accent.yellow.subtler.hovered' | 'color.background.accent.yellow.subtler.pressed' | 'color.background.accent.yellow.subtle.[default]' | 'color.background.accent.yellow.subtle.hovered' | 'color.background.accent.yellow.subtle.pressed' | 'color.background.accent.yellow.bolder.[default]' | 'color.background.accent.yellow.bolder.hovered' | 'color.background.accent.yellow.bolder.pressed' | 'color.background.accent.green.subtlest.[default]' | 'color.background.accent.green.subtlest.hovered' | 'color.background.accent.green.subtlest.pressed' | 'color.background.accent.green.subtler.[default]' | 'color.background.accent.green.subtler.hovered' | 'color.background.accent.green.subtler.pressed' | 'color.background.accent.green.subtle.[default]' | 'color.background.accent.green.subtle.hovered' | 'color.background.accent.green.subtle.pressed' | 'color.background.accent.green.bolder.[default]' | 'color.background.accent.green.bolder.hovered' | 'color.background.accent.green.bolder.pressed' | 'color.background.accent.teal.subtlest.[default]' | 'color.background.accent.teal.subtlest.hovered' | 'color.background.accent.teal.subtlest.pressed' | 'color.background.accent.teal.subtler.[default]' | 'color.background.accent.teal.subtler.hovered' | 'color.background.accent.teal.subtler.pressed' | 'color.background.accent.teal.subtle.[default]' | 'color.background.accent.teal.subtle.hovered' | 'color.background.accent.teal.subtle.pressed' | 'color.background.accent.teal.bolder.[default]' | 'color.background.accent.teal.bolder.hovered' | 'color.background.accent.teal.bolder.pressed' | 'color.background.accent.blue.subtlest.[default]' | 'color.background.accent.blue.subtlest.hovered' | 'color.background.accent.blue.subtlest.pressed' | 'color.background.accent.blue.subtler.[default]' | 'color.background.accent.blue.subtler.hovered' | 'color.background.accent.blue.subtler.pressed' | 'color.background.accent.blue.subtle.[default]' | 'color.background.accent.blue.subtle.hovered' | 'color.background.accent.blue.subtle.pressed' | 'color.background.accent.blue.bolder.[default]' | 'color.background.accent.blue.bolder.hovered' | 'color.background.accent.blue.bolder.pressed' | 'color.background.accent.purple.subtlest.[default]' | 'color.background.accent.purple.subtlest.hovered' | 'color.background.accent.purple.subtlest.pressed' | 'color.background.accent.purple.subtler.[default]' | 'color.background.accent.purple.subtler.hovered' | 'color.background.accent.purple.subtler.pressed' | 'color.background.accent.purple.subtle.[default]' | 'color.background.accent.purple.subtle.hovered' | 'color.background.accent.purple.subtle.pressed' | 'color.background.accent.purple.bolder.[default]' | 'color.background.accent.purple.bolder.hovered' | 'color.background.accent.purple.bolder.pressed' | 'color.background.accent.magenta.subtlest.[default]' | 'color.background.accent.magenta.subtlest.hovered' | 'color.background.accent.magenta.subtlest.pressed' | 'color.background.accent.magenta.subtler.[default]' | 'color.background.accent.magenta.subtler.hovered' | 'color.background.accent.magenta.subtler.pressed' | 'color.background.accent.magenta.subtle.[default]' | 'color.background.accent.magenta.subtle.hovered' | 'color.background.accent.magenta.subtle.pressed' | 'color.background.accent.magenta.bolder.[default]' | 'color.background.accent.magenta.bolder.hovered' | 'color.background.accent.magenta.bolder.pressed' | 'color.background.accent.gray.subtlest.[default]' | 'color.background.accent.gray.subtlest.hovered' | 'color.background.accent.gray.subtlest.pressed' | 'color.background.accent.gray.subtler.[default]' | 'color.background.accent.gray.subtler.hovered' | 'color.background.accent.gray.subtler.pressed' | 'color.background.accent.gray.subtle.[default]' | 'color.background.accent.gray.subtle.hovered' | 'color.background.accent.gray.subtle.pressed' | 'color.background.accent.gray.bolder.[default]' | 'color.background.accent.gray.bolder.hovered' | 'color.background.accent.gray.bolder.pressed' | 'color.background.disabled' | 'color.background.input.[default]' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.inverse.subtle.[default]' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.neutral.[default].[default]' | 'color.background.neutral.[default].hovered' | 'color.background.neutral.[default].pressed' | 'color.background.neutral.subtle.[default]' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold.[default]' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.selected.[default].[default]' | 'color.background.selected.[default].hovered' | 'color.background.selected.[default].pressed' | 'color.background.selected.bold.[default]' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.brand.subtlest.[default]' | 'color.background.brand.subtlest.hovered' | 'color.background.brand.subtlest.pressed' | 'color.background.brand.bold.[default]' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.brand.boldest.[default]' | 'color.background.brand.boldest.hovered' | 'color.background.brand.boldest.pressed' | 'color.background.danger.[default].[default]' | 'color.background.danger.[default].hovered' | 'color.background.danger.[default].pressed' | 'color.background.danger.bold.[default]' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning.[default].[default]' | 'color.background.warning.[default].hovered' | 'color.background.warning.[default].pressed' | 'color.background.warning.bold.[default]' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success.[default].[default]' | 'color.background.success.[default].hovered' | 'color.background.success.[default].pressed' | 'color.background.success.bold.[default]' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery.[default].[default]' | 'color.background.discovery.[default].hovered' | 'color.background.discovery.[default].pressed' | 'color.background.discovery.bold.[default]' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information.[default].[default]' | 'color.background.information.[default].hovered' | 'color.background.information.[default].pressed' | 'color.background.information.bold.[default]' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket.[default]' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.skeleton.[default]' | 'color.skeleton.subtle' | 'color.chart.categorical.1.[default]' | 'color.chart.categorical.1.hovered' | 'color.chart.categorical.2.[default]' | 'color.chart.categorical.2.hovered' | 'color.chart.categorical.3.[default]' | 'color.chart.categorical.3.hovered' | 'color.chart.categorical.4.[default]' | 'color.chart.categorical.4.hovered' | 'color.chart.categorical.5.[default]' | 'color.chart.categorical.5.hovered' | 'color.chart.categorical.6.[default]' | 'color.chart.categorical.6.hovered' | 'color.chart.categorical.7.[default]' | 'color.chart.categorical.7.hovered' | 'color.chart.categorical.8.[default]' | 'color.chart.categorical.8.hovered' | 'color.chart.lime.bold.[default]' | 'color.chart.lime.bold.hovered' | 'color.chart.lime.bolder.[default]' | 'color.chart.lime.bolder.hovered' | 'color.chart.lime.boldest.[default]' | 'color.chart.lime.boldest.hovered' | 'color.chart.neutral.[default]' | 'color.chart.neutral.hovered' | 'color.chart.red.bold.[default]' | 'color.chart.red.bold.hovered' | 'color.chart.red.bolder.[default]' | 'color.chart.red.bolder.hovered' | 'color.chart.red.boldest.[default]' | 'color.chart.red.boldest.hovered' | 'color.chart.orange.bold.[default]' | 'color.chart.orange.bold.hovered' | 'color.chart.orange.bolder.[default]' | 'color.chart.orange.bolder.hovered' | 'color.chart.orange.boldest.[default]' | 'color.chart.orange.boldest.hovered' | 'color.chart.yellow.bold.[default]' | 'color.chart.yellow.bold.hovered' | 'color.chart.yellow.bolder.[default]' | 'color.chart.yellow.bolder.hovered' | 'color.chart.yellow.boldest.[default]' | 'color.chart.yellow.boldest.hovered' | 'color.chart.green.bold.[default]' | 'color.chart.green.bold.hovered' | 'color.chart.green.bolder.[default]' | 'color.chart.green.bolder.hovered' | 'color.chart.green.boldest.[default]' | 'color.chart.green.boldest.hovered' | 'color.chart.teal.bold.[default]' | 'color.chart.teal.bold.hovered' | 'color.chart.teal.bolder.[default]' | 'color.chart.teal.bolder.hovered' | 'color.chart.teal.boldest.[default]' | 'color.chart.teal.boldest.hovered' | 'color.chart.blue.bold.[default]' | 'color.chart.blue.bold.hovered' | 'color.chart.blue.bolder.[default]' | 'color.chart.blue.bolder.hovered' | 'color.chart.blue.boldest.[default]' | 'color.chart.blue.boldest.hovered' | 'color.chart.purple.bold.[default]' | 'color.chart.purple.bold.hovered' | 'color.chart.purple.bolder.[default]' | 'color.chart.purple.bolder.hovered' | 'color.chart.purple.boldest.[default]' | 'color.chart.purple.boldest.hovered' | 'color.chart.magenta.bold.[default]' | 'color.chart.magenta.bold.hovered' | 'color.chart.magenta.bolder.[default]' | 'color.chart.magenta.bolder.hovered' | 'color.chart.magenta.boldest.[default]' | 'color.chart.magenta.boldest.hovered' | 'color.chart.gray.bold.[default]' | 'color.chart.gray.bold.hovered' | 'color.chart.gray.bolder.[default]' | 'color.chart.gray.bolder.hovered' | 'color.chart.gray.boldest.[default]' | 'color.chart.gray.boldest.hovered' | 'color.chart.brand.[default]' | 'color.chart.brand.hovered' | 'color.chart.danger.[default].[default]' | 'color.chart.danger.[default].hovered' | 'color.chart.danger.bold.[default]' | 'color.chart.danger.bold.hovered' | 'color.chart.warning.[default].[default]' | 'color.chart.warning.[default].hovered' | 'color.chart.warning.bold.[default]' | 'color.chart.warning.bold.hovered' | 'color.chart.success.[default].[default]' | 'color.chart.success.[default].hovered' | 'color.chart.success.bold.[default]' | 'color.chart.success.bold.hovered' | 'color.chart.discovery.[default].[default]' | 'color.chart.discovery.[default].hovered' | 'color.chart.discovery.bold.[default]' | 'color.chart.discovery.bold.hovered' | 'color.chart.information.[default].[default]' | 'color.chart.information.[default].hovered' | 'color.chart.information.bold.[default]' | 'color.chart.information.bold.hovered' | 'elevation.surface.[default].[default]' | 'elevation.surface.[default].hovered' | 'elevation.surface.[default].pressed' | 'elevation.surface.overlay.[default]' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'elevation.surface.raised.[default]' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.sunken' | 'elevation.shadow.overflow.[default]' | 'elevation.shadow.overflow.perimeter' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overlay' | 'elevation.shadow.raised' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE.textTransformUppercase' | 'utility.UNSAFE.transparent' | 'utility.elevation.surface.current' | 'border.radius.050' | 'border.radius.[default]' | 'border.radius.100' | 'border.radius.200' | 'border.radius.300' | 'border.radius.400' | 'border.radius.circle' | 'border.width.[default]' | 'border.width.indicator' | 'border.width.outline' | 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000' | 'space.negative.025' | 'space.negative.050' | 'space.negative.075' | 'space.negative.100' | 'space.negative.150' | 'space.negative.200' | 'space.negative.250' | 'space.negative.300' | 'space.negative.400' | 'font.letterSpacing.0' | 'font.letterSpacing.100' | 'font.letterSpacing.200' | 'font.letterSpacing.300' | 'font.letterSpacing.400' | 'font.family.monospace' | 'font.family.sans' | 'font.size.050' | 'font.size.075' | 'font.size.100' | 'font.size.200' | 'font.size.300' | 'font.size.400' | 'font.size.500' | 'font.size.600' | 'font.weight.bold' | 'font.weight.medium' | 'font.weight.regular' | 'font.weight.semibold' | 'font.lineHeight.1' | 'font.lineHeight.100' | 'font.lineHeight.200' | 'font.lineHeight.300' | 'font.lineHeight.400' | 'font.lineHeight.500' | 'font.lineHeight.600';