@atlaskit/tokens 1.0.0 → 1.2.0

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

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

package/dist/types/artifacts/palettes-raw/spacing-scale.d.ts

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

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

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

package/dist/types/artifacts/replacement-mapping.d.ts

@@ -12,7 +12,7 @@
  * These changes will then be picked up by our tooling which will attempt to
  * migrate as many of these renames as possible.
  *
- * @codegen <<SignedSource::6b49e32a168095446e0fc8a0f9b4ca39>>
+ * @codegen <<SignedSource::424b7eccf34d7d646da64d4755658ae1>>
  * @codegenCommand yarn build tokens
  */
 import tokens from './token-names';

package/dist/types/artifacts/theme-import-map.d.ts

@@ -6,7 +6,7 @@
  * This allows users to compose their themes and only use the tokens that are requested.
  * When a new theme is created, the import should automatically be added to the map
  *
- * @codegen <<SignedSource::dca5807b567cf95fcec4906be228f65f>>
+ * @codegen <<SignedSource::ce4463df8e613cb4c4a8b24907ce95ae>>
  * @codegenCommand yarn build tokens
  */
 import { ThemeIds } from '../theme-config';

package/dist/types/artifacts/themes/atlassian-shape.d.ts

@@ -0,0 +1,7 @@
+declare const _default: "\nhtml[data-theme~=\"shape:shape\"] {\n  --ds-radius-050: 0.125rem;\n  --ds-radius-100: 0.25rem;\n  --ds-radius-200: 0.5rem;\n  --ds-radius-300: 0.75rem;\n  --ds-radius-400: 1rem;\n  --ds-radius-round: 50%;\n  --ds-width-050: 0.0625rem;\n  --ds-width-100: 0.125rem;\n}\n";
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::309f92a792656831b0e137b75ca1156f>>
+ * @codegenCommand yarn build tokens
+ */
+export default _default;

package/dist/types/artifacts/themes/atlassian-spacing.d.ts

@@ -1,7 +1,7 @@
-declare const _default: "\nhtml[data-theme~=\"spacing:spacing\"] {\n  --ds-scale-0: 0;\n  --ds-scale-025: 0.125rem;\n  --ds-scale-050: 0.25rem;\n  --ds-scale-075: 0.375rem;\n  --ds-scale-100: 0.5rem;\n  --ds-scale-150: 0.75rem;\n  --ds-scale-200: 1rem;\n  --ds-scale-250: 1.25rem;\n  --ds-scale-300: 1.5rem;\n  --ds-scale-400: 2rem;\n  --ds-scale-500: 2.5rem;\n  --ds-scale-600: 3rem;\n  --ds-scale-800: 4rem;\n  --ds-scale-1000: 5rem;\n  --ds-scaleLinear-0: 0;\n  --ds-scaleLinear-100: 0.125rem;\n  --ds-scaleLinear-200: 0.25rem;\n  --ds-scaleLinear-300: 0.375rem;\n  --ds-scaleLinear-400: 0.5rem;\n  --ds-scaleLinear-500: 0.75rem;\n  --ds-scaleLinear-600: 1rem;\n  --ds-scaleLinear-700: 1.25rem;\n  --ds-scaleLinear-800: 1.5rem;\n  --ds-scaleLinear-900: 2rem;\n  --ds-scaleLinear-1000: 2.5rem;\n  --ds-scaleLinear-1100: 3rem;\n  --ds-size-none: 0;\n  --ds-size-xxxxSmall: 0.125rem;\n  --ds-size-xxxSmall: 0.25rem;\n  --ds-size-xxSmall: 0.375rem;\n  --ds-size-xsmall: 0.5rem;\n  --ds-size-small: 0.75rem;\n  --ds-size-medium: 1rem;\n  --ds-size-large: 1.25rem;\n  --ds-size-xlarge: 1.5rem;\n  --ds-size-xxlarge: 2rem;\n  --ds-size-xxxlarge: 2.5rem;\n  --ds-size-xxxxlarge: 3rem;\n  --ds-gap-100: 0.5rem;\n  --ds-gap-200: 1rem;\n  --ds-gap-300: 1.5rem;\n  --ds-inset-100: 0.5rem;\n  --ds-inset-200: 1rem;\n  --ds-inset-300: 1.5rem;\n  --ds-ecl-container-12: 0.75rem;\n  --ds-ecl-container-16: 1rem;\n  --ds-ecl-container-20: 1.25rem;\n  --ds-ecl-container-24: 1.5rem;\n  --ds-ecl-element-2: 0.125rem;\n  --ds-ecl-element-4: 0.25rem;\n  --ds-ecl-element-6: 0.375rem;\n  --ds-ecl-element-8: 0.5rem;\n  --ds-ecl-layout-32: 2rem;\n  --ds-ecl-layout-40: 2.5rem;\n  --ds-ecl-layout-64: 3rem;\n  --ds-ccc-component-2: 0.125rem;\n  --ds-ccc-component-4: 0.25rem;\n  --ds-ccc-component-6: 0.375rem;\n  --ds-ccc-component-8: 0.5rem;\n  --ds-ccc-container-32: 2rem;\n  --ds-ccc-container-40: 2.5rem;\n  --ds-ccc-container-48: 3rem;\n  --ds-ccc-content-12: 0.75rem;\n  --ds-ccc-content-16: 1rem;\n  --ds-ccc-content-20: 1.25rem;\n  --ds-ccc-content-24: 1.5rem;\n  --ds-space-0: 0;\n  --ds-space-025: 0.125rem;\n  --ds-space-050: 0.25rem;\n  --ds-space-075: 0.375rem;\n  --ds-space-100: 0.5rem;\n  --ds-space-150: 0.75rem;\n  --ds-space-200: 1rem;\n  --ds-space-250: 1.25rem;\n  --ds-space-300: 1.5rem;\n  --ds-space-400: 2rem;\n  --ds-space-500: 2.5rem;\n  --ds-space-600: 3rem;\n  --ds-space-800: 4rem;\n  --ds-space-1000: 5rem;\n}\n";
+declare const _default: "\nhtml[data-theme~=\"spacing:spacing\"] {\n  --ds-space-0: 0;\n  --ds-space-025: 0.125rem;\n  --ds-space-050: 0.25rem;\n  --ds-space-075: 0.375rem;\n  --ds-space-100: 0.5rem;\n  --ds-space-150: 0.75rem;\n  --ds-space-200: 1rem;\n  --ds-space-250: 1.25rem;\n  --ds-space-300: 1.5rem;\n  --ds-space-400: 2rem;\n  --ds-space-500: 2.5rem;\n  --ds-space-600: 3rem;\n  --ds-space-800: 4rem;\n  --ds-space-1000: 5rem;\n}\n";
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::ed28b9b768bb331ea1aeff3cb426b59b>>
+ * @codegen <<SignedSource::6a9bb91811dc597f0d705bbed643a7fc>>
  * @codegenCommand yarn build tokens
  */
 export default _default;

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

@@ -4,10 +4,18 @@
  * 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::8db81f08f270c144c38da4157ea447a1>>
+ * @codegen <<SignedSource::f5109afc580f9e67007907726883450e>>
  * @codegenCommand yarn build tokens
  */
 declare const defaultTokenValues: {
+    readonly 'border.radius.050': "0.125rem";
+    readonly 'border.radius.100': "0.25rem";
+    readonly 'border.radius.200': "0.5rem";
+    readonly 'border.radius.300': "0.75rem";
+    readonly 'border.radius.400': "1rem";
+    readonly 'border.radius.round': "50%";
+    readonly 'border.width.050': "0.0625rem";
+    readonly 'border.width.100': "0.125rem";
     readonly 'color.text': "#172B4D";
     readonly 'color.text.accent.red': "#AE2A19";
     readonly 'color.text.accent.red.bolder': "#601E16";
@@ -294,72 +302,6 @@ declare const defaultTokenValues: {
     readonly 'opacity.disabled': "0.4";
     readonly 'opacity.loading': "0.2";
     readonly 'utility.UNSAFE.transparent': "transparent";
-    readonly 'spacing.scale.0': "0";
-    readonly 'spacing.scale.025': "0.125rem";
-    readonly 'spacing.scale.050': "0.25rem";
-    readonly 'spacing.scale.075': "0.375rem";
-    readonly 'spacing.scale.100': "0.5rem";
-    readonly 'spacing.scale.150': "0.75rem";
-    readonly 'spacing.scale.200': "1rem";
-    readonly 'spacing.scale.250': "1.25rem";
-    readonly 'spacing.scale.300': "1.5rem";
-    readonly 'spacing.scale.400': "2rem";
-    readonly 'spacing.scale.500': "2.5rem";
-    readonly 'spacing.scale.600': "3rem";
-    readonly 'spacing.scale.800': "4rem";
-    readonly 'spacing.scale.1000': "5rem";
-    readonly 'spacing.scaleLinear.0': "0";
-    readonly 'spacing.scaleLinear.100': "0.125rem";
-    readonly 'spacing.scaleLinear.200': "0.25rem";
-    readonly 'spacing.scaleLinear.300': "0.375rem";
-    readonly 'spacing.scaleLinear.400': "0.5rem";
-    readonly 'spacing.scaleLinear.500': "0.75rem";
-    readonly 'spacing.scaleLinear.600': "1rem";
-    readonly 'spacing.scaleLinear.700': "1.25rem";
-    readonly 'spacing.scaleLinear.800': "1.5rem";
-    readonly 'spacing.scaleLinear.900': "2rem";
-    readonly 'spacing.scaleLinear.1000': "2.5rem";
-    readonly 'spacing.scaleLinear.1100': "3rem";
-    readonly 'spacing.size.none': "0";
-    readonly 'spacing.size.xxxxSmall': "0.125rem";
-    readonly 'spacing.size.xxxSmall': "0.25rem";
-    readonly 'spacing.size.xxSmall': "0.375rem";
-    readonly 'spacing.size.xsmall': "0.5rem";
-    readonly 'spacing.size.small': "0.75rem";
-    readonly 'spacing.size.medium': "1rem";
-    readonly 'spacing.size.large': "1.25rem";
-    readonly 'spacing.size.xlarge': "1.5rem";
-    readonly 'spacing.size.xxlarge': "2rem";
-    readonly 'spacing.size.xxxlarge': "2.5rem";
-    readonly 'spacing.size.xxxxlarge': "3rem";
-    readonly 'spacing.gap.100': "0.5rem";
-    readonly 'spacing.gap.200': "1rem";
-    readonly 'spacing.gap.300': "1.5rem";
-    readonly 'spacing.inset.100': "0.5rem";
-    readonly 'spacing.inset.200': "1rem";
-    readonly 'spacing.inset.300': "1.5rem";
-    readonly 'spacing.ecl.container.12': "0.75rem";
-    readonly 'spacing.ecl.container.16': "1rem";
-    readonly 'spacing.ecl.container.20': "1.25rem";
-    readonly 'spacing.ecl.container.24': "1.5rem";
-    readonly 'spacing.ecl.element.2': "0.125rem";
-    readonly 'spacing.ecl.element.4': "0.25rem";
-    readonly 'spacing.ecl.element.6': "0.375rem";
-    readonly 'spacing.ecl.element.8': "0.5rem";
-    readonly 'spacing.ecl.layout.32': "2rem";
-    readonly 'spacing.ecl.layout.40': "2.5rem";
-    readonly 'spacing.ecl.layout.64': "3rem";
-    readonly 'spacing.ccc.component.2': "0.125rem";
-    readonly 'spacing.ccc.component.4': "0.25rem";
-    readonly 'spacing.ccc.component.6': "0.375rem";
-    readonly 'spacing.ccc.component.8': "0.5rem";
-    readonly 'spacing.ccc.container.32': "2rem";
-    readonly 'spacing.ccc.container.40': "2.5rem";
-    readonly 'spacing.ccc.container.48': "3rem";
-    readonly 'spacing.ccc.content.12': "0.75rem";
-    readonly 'spacing.ccc.content.16': "1rem";
-    readonly 'spacing.ccc.content.20': "1.25rem";
-    readonly 'spacing.ccc.content.24': "1.5rem";
     readonly 'space.0': "0";
     readonly 'space.025': "0.125rem";
     readonly 'space.050': "0.25rem";

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

@@ -1,9 +1,17 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::d7c48176fa0191c3d90f3742086ec10e>>
+ * @codegen <<SignedSource::0d28771b28a7bf28109534471c1383d4>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: {
+    readonly 'border.radius.050': "--ds-radius-050";
+    readonly 'border.radius.100': "--ds-radius-100";
+    readonly 'border.radius.200': "--ds-radius-200";
+    readonly 'border.radius.300': "--ds-radius-300";
+    readonly 'border.radius.400': "--ds-radius-400";
+    readonly 'border.radius.round': "--ds-radius-round";
+    readonly 'border.width.050': "--ds-width-050";
+    readonly 'border.width.100': "--ds-width-100";
     readonly 'color.text': "--ds-text";
     readonly 'color.text.accent.red': "--ds-text-accent-red";
     readonly 'color.text.accent.red.bolder': "--ds-text-accent-red-bolder";
@@ -290,72 +298,6 @@ declare const tokens: {
     readonly 'opacity.disabled': "--ds-opacity-disabled";
     readonly 'opacity.loading': "--ds-opacity-loading";
     readonly 'utility.UNSAFE.transparent': "--ds-UNSAFE-transparent";
-    readonly 'spacing.scale.0': "--ds-scale-0";
-    readonly 'spacing.scale.025': "--ds-scale-025";
-    readonly 'spacing.scale.050': "--ds-scale-050";
-    readonly 'spacing.scale.075': "--ds-scale-075";
-    readonly 'spacing.scale.100': "--ds-scale-100";
-    readonly 'spacing.scale.150': "--ds-scale-150";
-    readonly 'spacing.scale.200': "--ds-scale-200";
-    readonly 'spacing.scale.250': "--ds-scale-250";
-    readonly 'spacing.scale.300': "--ds-scale-300";
-    readonly 'spacing.scale.400': "--ds-scale-400";
-    readonly 'spacing.scale.500': "--ds-scale-500";
-    readonly 'spacing.scale.600': "--ds-scale-600";
-    readonly 'spacing.scale.800': "--ds-scale-800";
-    readonly 'spacing.scale.1000': "--ds-scale-1000";
-    readonly 'spacing.scaleLinear.0': "--ds-scaleLinear-0";
-    readonly 'spacing.scaleLinear.100': "--ds-scaleLinear-100";
-    readonly 'spacing.scaleLinear.200': "--ds-scaleLinear-200";
-    readonly 'spacing.scaleLinear.300': "--ds-scaleLinear-300";
-    readonly 'spacing.scaleLinear.400': "--ds-scaleLinear-400";
-    readonly 'spacing.scaleLinear.500': "--ds-scaleLinear-500";
-    readonly 'spacing.scaleLinear.600': "--ds-scaleLinear-600";
-    readonly 'spacing.scaleLinear.700': "--ds-scaleLinear-700";
-    readonly 'spacing.scaleLinear.800': "--ds-scaleLinear-800";
-    readonly 'spacing.scaleLinear.900': "--ds-scaleLinear-900";
-    readonly 'spacing.scaleLinear.1000': "--ds-scaleLinear-1000";
-    readonly 'spacing.scaleLinear.1100': "--ds-scaleLinear-1100";
-    readonly 'spacing.size.none': "--ds-size-none";
-    readonly 'spacing.size.xxxxSmall': "--ds-size-xxxxSmall";
-    readonly 'spacing.size.xxxSmall': "--ds-size-xxxSmall";
-    readonly 'spacing.size.xxSmall': "--ds-size-xxSmall";
-    readonly 'spacing.size.xsmall': "--ds-size-xsmall";
-    readonly 'spacing.size.small': "--ds-size-small";
-    readonly 'spacing.size.medium': "--ds-size-medium";
-    readonly 'spacing.size.large': "--ds-size-large";
-    readonly 'spacing.size.xlarge': "--ds-size-xlarge";
-    readonly 'spacing.size.xxlarge': "--ds-size-xxlarge";
-    readonly 'spacing.size.xxxlarge': "--ds-size-xxxlarge";
-    readonly 'spacing.size.xxxxlarge': "--ds-size-xxxxlarge";
-    readonly 'spacing.gap.100': "--ds-gap-100";
-    readonly 'spacing.gap.200': "--ds-gap-200";
-    readonly 'spacing.gap.300': "--ds-gap-300";
-    readonly 'spacing.inset.100': "--ds-inset-100";
-    readonly 'spacing.inset.200': "--ds-inset-200";
-    readonly 'spacing.inset.300': "--ds-inset-300";
-    readonly 'spacing.ecl.container.12': "--ds-ecl-container-12";
-    readonly 'spacing.ecl.container.16': "--ds-ecl-container-16";
-    readonly 'spacing.ecl.container.20': "--ds-ecl-container-20";
-    readonly 'spacing.ecl.container.24': "--ds-ecl-container-24";
-    readonly 'spacing.ecl.element.2': "--ds-ecl-element-2";
-    readonly 'spacing.ecl.element.4': "--ds-ecl-element-4";
-    readonly 'spacing.ecl.element.6': "--ds-ecl-element-6";
-    readonly 'spacing.ecl.element.8': "--ds-ecl-element-8";
-    readonly 'spacing.ecl.layout.32': "--ds-ecl-layout-32";
-    readonly 'spacing.ecl.layout.40': "--ds-ecl-layout-40";
-    readonly 'spacing.ecl.layout.64': "--ds-ecl-layout-64";
-    readonly 'spacing.ccc.component.2': "--ds-ccc-component-2";
-    readonly 'spacing.ccc.component.4': "--ds-ccc-component-4";
-    readonly 'spacing.ccc.component.6': "--ds-ccc-component-6";
-    readonly 'spacing.ccc.component.8': "--ds-ccc-component-8";
-    readonly 'spacing.ccc.container.32': "--ds-ccc-container-32";
-    readonly 'spacing.ccc.container.40': "--ds-ccc-container-40";
-    readonly 'spacing.ccc.container.48': "--ds-ccc-container-48";
-    readonly 'spacing.ccc.content.12': "--ds-ccc-content-12";
-    readonly 'spacing.ccc.content.16': "--ds-ccc-content-16";
-    readonly 'spacing.ccc.content.20': "--ds-ccc-content-20";
-    readonly 'spacing.ccc.content.24': "--ds-ccc-content-24";
     readonly 'space.0': "--ds-space-0";
     readonly 'space.025': "--ds-space-025";
     readonly 'space.050': "--ds-space-050";
@@ -392,6 +334,14 @@ declare const tokens: {
     readonly 'font.lineHeight.600': "--ds-font-lineHeight-600";
 };
 export declare type CSSTokenMap = {
+    'border.radius.050': 'var(--ds-radius-050)';
+    'border.radius.100': 'var(--ds-radius-100)';
+    'border.radius.200': 'var(--ds-radius-200)';
+    'border.radius.300': 'var(--ds-radius-300)';
+    'border.radius.400': 'var(--ds-radius-400)';
+    'border.radius.round': 'var(--ds-radius-round)';
+    'border.width.050': 'var(--ds-width-050)';
+    'border.width.100': 'var(--ds-width-100)';
     'color.text': 'var(--ds-text)';
     'color.text.accent.red': 'var(--ds-text-accent-red)';
     'color.text.accent.red.bolder': 'var(--ds-text-accent-red-bolder)';
@@ -678,72 +628,6 @@ export declare type CSSTokenMap = {
     'opacity.disabled': 'var(--ds-opacity-disabled)';
     'opacity.loading': 'var(--ds-opacity-loading)';
     'utility.UNSAFE.transparent': 'var(--ds-UNSAFE-transparent)';
-    'spacing.scale.0': 'var(--ds-scale-0)';
-    'spacing.scale.025': 'var(--ds-scale-025)';
-    'spacing.scale.050': 'var(--ds-scale-050)';
-    'spacing.scale.075': 'var(--ds-scale-075)';
-    'spacing.scale.100': 'var(--ds-scale-100)';
-    'spacing.scale.150': 'var(--ds-scale-150)';
-    'spacing.scale.200': 'var(--ds-scale-200)';
-    'spacing.scale.250': 'var(--ds-scale-250)';
-    'spacing.scale.300': 'var(--ds-scale-300)';
-    'spacing.scale.400': 'var(--ds-scale-400)';
-    'spacing.scale.500': 'var(--ds-scale-500)';
-    'spacing.scale.600': 'var(--ds-scale-600)';
-    'spacing.scale.800': 'var(--ds-scale-800)';
-    'spacing.scale.1000': 'var(--ds-scale-1000)';
-    'spacing.scaleLinear.0': 'var(--ds-scaleLinear-0)';
-    'spacing.scaleLinear.100': 'var(--ds-scaleLinear-100)';
-    'spacing.scaleLinear.200': 'var(--ds-scaleLinear-200)';
-    'spacing.scaleLinear.300': 'var(--ds-scaleLinear-300)';
-    'spacing.scaleLinear.400': 'var(--ds-scaleLinear-400)';
-    'spacing.scaleLinear.500': 'var(--ds-scaleLinear-500)';
-    'spacing.scaleLinear.600': 'var(--ds-scaleLinear-600)';
-    'spacing.scaleLinear.700': 'var(--ds-scaleLinear-700)';
-    'spacing.scaleLinear.800': 'var(--ds-scaleLinear-800)';
-    'spacing.scaleLinear.900': 'var(--ds-scaleLinear-900)';
-    'spacing.scaleLinear.1000': 'var(--ds-scaleLinear-1000)';
-    'spacing.scaleLinear.1100': 'var(--ds-scaleLinear-1100)';
-    'spacing.size.none': 'var(--ds-size-none)';
-    'spacing.size.xxxxSmall': 'var(--ds-size-xxxxSmall)';
-    'spacing.size.xxxSmall': 'var(--ds-size-xxxSmall)';
-    'spacing.size.xxSmall': 'var(--ds-size-xxSmall)';
-    'spacing.size.xsmall': 'var(--ds-size-xsmall)';
-    'spacing.size.small': 'var(--ds-size-small)';
-    'spacing.size.medium': 'var(--ds-size-medium)';
-    'spacing.size.large': 'var(--ds-size-large)';
-    'spacing.size.xlarge': 'var(--ds-size-xlarge)';
-    'spacing.size.xxlarge': 'var(--ds-size-xxlarge)';
-    'spacing.size.xxxlarge': 'var(--ds-size-xxxlarge)';
-    'spacing.size.xxxxlarge': 'var(--ds-size-xxxxlarge)';
-    'spacing.gap.100': 'var(--ds-gap-100)';
-    'spacing.gap.200': 'var(--ds-gap-200)';
-    'spacing.gap.300': 'var(--ds-gap-300)';
-    'spacing.inset.100': 'var(--ds-inset-100)';
-    'spacing.inset.200': 'var(--ds-inset-200)';
-    'spacing.inset.300': 'var(--ds-inset-300)';
-    'spacing.ecl.container.12': 'var(--ds-ecl-container-12)';
-    'spacing.ecl.container.16': 'var(--ds-ecl-container-16)';
-    'spacing.ecl.container.20': 'var(--ds-ecl-container-20)';
-    'spacing.ecl.container.24': 'var(--ds-ecl-container-24)';
-    'spacing.ecl.element.2': 'var(--ds-ecl-element-2)';
-    'spacing.ecl.element.4': 'var(--ds-ecl-element-4)';
-    'spacing.ecl.element.6': 'var(--ds-ecl-element-6)';
-    'spacing.ecl.element.8': 'var(--ds-ecl-element-8)';
-    'spacing.ecl.layout.32': 'var(--ds-ecl-layout-32)';
-    'spacing.ecl.layout.40': 'var(--ds-ecl-layout-40)';
-    'spacing.ecl.layout.64': 'var(--ds-ecl-layout-64)';
-    'spacing.ccc.component.2': 'var(--ds-ccc-component-2)';
-    'spacing.ccc.component.4': 'var(--ds-ccc-component-4)';
-    'spacing.ccc.component.6': 'var(--ds-ccc-component-6)';
-    'spacing.ccc.component.8': 'var(--ds-ccc-component-8)';
-    'spacing.ccc.container.32': 'var(--ds-ccc-container-32)';
-    'spacing.ccc.container.40': 'var(--ds-ccc-container-40)';
-    'spacing.ccc.container.48': 'var(--ds-ccc-container-48)';
-    'spacing.ccc.content.12': 'var(--ds-ccc-content-12)';
-    'spacing.ccc.content.16': 'var(--ds-ccc-content-16)';
-    'spacing.ccc.content.20': 'var(--ds-ccc-content-20)';
-    'spacing.ccc.content.24': 'var(--ds-ccc-content-24)';
     'space.0': 'var(--ds-space-0)';
     'space.025': 'var(--ds-space-025)';
     'space.050': 'var(--ds-space-050)';

package/dist/types/artifacts/tokens-raw/atlassian-shape.d.ts

@@ -0,0 +1,29 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::c9a10991e5bb0b7dbbb35a5f644bceb0>>
+ * @codegenCommand yarn build tokens
+ */
+declare const tokens: {
+    attributes: {
+        group: string;
+        state: string;
+        introduced: string;
+        description: string;
+    };
+    value: string;
+    filePath: string;
+    isSource: boolean;
+    original: {
+        attributes: {
+            group: string;
+            state: string;
+            introduced: string;
+            description: string;
+        };
+        value: string;
+    };
+    name: string;
+    path: string[];
+    cleanName: string;
+}[];
+export default tokens;

package/dist/types/artifacts/tokens-raw/atlassian-spacing.d.ts

@@ -1,65 +1,9 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::ebaeba748330e1bc0e04fabb60597525>>
+ * @codegen <<SignedSource::cfa1d518948d5dc23821d17cab0cb52a>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: ({
-    attributes: {
-        group: string;
-        state: string;
-        introduced: string;
-        description: string;
-        suggest?: undefined;
-        pixelValue?: undefined;
-        replacement?: undefined;
-    };
-    value: string;
-    filePath: string;
-    isSource: boolean;
-    original: {
-        attributes: {
-            group: string;
-            state: string;
-            introduced: string;
-            description: string;
-            suggest?: undefined;
-            pixelValue?: undefined;
-            replacement?: undefined;
-        };
-        value: string;
-    };
-    name: string;
-    path: string[];
-    cleanName: string;
-} | {
-    attributes: {
-        group: string;
-        state: string;
-        suggest: string[];
-        introduced: string;
-        description: string;
-        pixelValue?: undefined;
-        replacement?: undefined;
-    };
-    value: string;
-    filePath: string;
-    isSource: boolean;
-    original: {
-        attributes: {
-            group: string;
-            state: string;
-            suggest: string[];
-            introduced: string;
-            description: string;
-            pixelValue?: undefined;
-            replacement?: undefined;
-        };
-        value: string;
-    };
-    name: string;
-    path: string[];
-    cleanName: string;
-} | {
     attributes: {
         group: string;
         state: string;
@@ -67,7 +11,6 @@ declare const tokens: ({
         pixelValue: string;
         description: string;
         suggest?: undefined;
-        replacement?: undefined;
     };
     value: string;
     filePath: string;
@@ -80,35 +23,6 @@ declare const tokens: ({
             pixelValue: string;
             description: string;
             suggest?: undefined;
-            replacement?: undefined;
-        };
-        value: string;
-    };
-    name: string;
-    path: string[];
-    cleanName: string;
-} | {
-    attributes: {
-        group: string;
-        state: string;
-        replacement: string;
-        introduced: string;
-        description: string;
-        suggest?: undefined;
-        pixelValue?: undefined;
-    };
-    value: string;
-    filePath: string;
-    isSource: boolean;
-    original: {
-        attributes: {
-            group: string;
-            state: string;
-            replacement: string;
-            introduced: string;
-            description: string;
-            suggest?: undefined;
-            pixelValue?: undefined;
         };
         value: string;
     };
@@ -123,7 +37,6 @@ declare const tokens: ({
         introduced: string;
         pixelValue: string;
         description: string;
-        replacement?: undefined;
     };
     value: string;
     filePath: string;
@@ -136,7 +49,6 @@ declare const tokens: ({
             introduced: string;
             pixelValue: string;
             description: string;
-            replacement?: undefined;
         };
         value: string;
     };

package/dist/types/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::891cb006a42fa585e4ff55f5197c9664>>
+ * @codegen <<SignedSource::ba7fe6029a396b4b95dee58afb525639>>
  * @codegenCommand yarn build tokens
  */
-export declare type InternalTokenIds = 'color.text.[default]' | '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.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.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.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.accent.gray.subtlest' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.bolder' | '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.bold.[default]' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.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.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' | 'spacing.scale.0' | 'spacing.scale.025' | 'spacing.scale.050' | 'spacing.scale.075' | 'spacing.scale.100' | 'spacing.scale.150' | 'spacing.scale.200' | 'spacing.scale.250' | 'spacing.scale.300' | 'spacing.scale.400' | 'spacing.scale.500' | 'spacing.scale.600' | 'spacing.scale.800' | 'spacing.scale.1000' | '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' | '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.100' | 'font.lineHeight.200' | 'font.lineHeight.300' | 'font.lineHeight.400' | 'font.lineHeight.500' | 'font.lineHeight.600';
+export declare type InternalTokenIds = 'color.text.[default]' | '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.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.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.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.accent.gray.subtlest' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.bolder' | '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.bold.[default]' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.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.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' | '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' | '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.100' | 'font.lineHeight.200' | 'font.lineHeight.300' | 'font.lineHeight.400' | 'font.lineHeight.500' | 'font.lineHeight.600';