@atlaskit/tokens 0.10.28 → 0.10.30

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

@@ -1,5 +1,4 @@
 declare const defaultTokens: {
-    'spacing.container.gutter': "8px";
     'spacing.scale.0': "0px";
     'spacing.scale.100': "8px";
     'spacing.scale.150': "12px";
@@ -12,6 +11,70 @@ declare const defaultTokens: {
     'spacing.scale.025': "2px";
     'spacing.scale.050': "4px";
     'spacing.scale.075': "6px";
+    'spacing.scaleLinear.0': "0px";
+    'spacing.scaleLinear.100': "2px";
+    'spacing.scaleLinear.200': "4px";
+    'spacing.scaleLinear.300': "6px";
+    'spacing.scaleLinear.400': "8px";
+    'spacing.scaleLinear.500': "12px";
+    'spacing.scaleLinear.600': "16px";
+    'spacing.scaleLinear.700': "20px";
+    'spacing.scaleLinear.800': "24px";
+    'spacing.scaleLinear.900': "32px";
+    'spacing.scaleLinear.1000': "40px";
+    'spacing.scaleLinear.1100': "48px";
+    'spacing.pixel.0': "0px";
+    'spacing.pixel.2': "2px";
+    'spacing.pixel.4': "4px";
+    'spacing.pixel.6': "6px";
+    'spacing.pixel.8': "8px";
+    'spacing.pixel.12': "12px";
+    'spacing.pixel.16': "16px";
+    'spacing.pixel.20': "20px";
+    'spacing.pixel.24': "24px";
+    'spacing.pixel.32': "32px";
+    'spacing.pixel.40': "40px";
+    'spacing.pixel.48': "48px";
+    'spacing.size.none': "0px";
+    'spacing.size.xxxxSmall': "2px";
+    'spacing.size.xxxSmall': "4px";
+    'spacing.size.xxSmall': "6px";
+    'spacing.size.xsmall': "8px";
+    'spacing.size.small': "12px";
+    'spacing.size.medium': "16px";
+    'spacing.size.large': "20px";
+    'spacing.size.xlarge': "24px";
+    'spacing.size.xxlarge': "32px";
+    'spacing.size.xxxlarge': "40px";
+    'spacing.size.xxxxlarge': "48px";
+    'spacing.ecl.element.2': "2px";
+    'spacing.ecl.element.4': "4px";
+    'spacing.ecl.element.6': "6px";
+    'spacing.ecl.element.8': "8px";
+    'spacing.ecl.container.12': "12px";
+    'spacing.ecl.container.16': "16px";
+    'spacing.ecl.container.20': "20px";
+    'spacing.ecl.container.24': "24px";
+    'spacing.ecl.layout.32': "32px";
+    'spacing.ecl.layout.40': "40px";
+    'spacing.ecl.layout.64': "48px";
+    'spacing.ccc.component.2': "2px";
+    'spacing.ccc.component.4': "4px";
+    'spacing.ccc.component.6': "6px";
+    'spacing.ccc.component.8': "8px";
+    'spacing.ccc.content.12': "12px";
+    'spacing.ccc.content.16': "16px";
+    'spacing.ccc.content.20': "20px";
+    'spacing.ccc.content.24': "24px";
+    'spacing.ccc.container.32': "32px";
+    'spacing.ccc.container.40': "40px";
+    'spacing.ccc.container.48': "48px";
+    'spacing.gap.100': "8px";
+    'spacing.gap.200': "16px";
+    'spacing.gap.300': "24px";
+    'spacing.inset.100': "8px";
+    'spacing.inset.200': "16px";
+    'spacing.inset.300': "24px";
     'color.text.accent.blue': "#0055CC";
     'color.text.accent.blue.bolder': "#09326C";
     'color.text.accent.red': "#AE2A19";

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

@@ -1,7 +1,6 @@
 import { CSSTokenMap as AtlassianLightCSSTokenMap } from './typescript/atlassian-light-token-names';
 import { CSSTokenMap as AtlassianSpacingCSSTokenMap } from './typescript/atlassian-spacing-token-names';
 declare const tokens: {
-    readonly 'spacing.container.gutter': "--ds-container-gutter";
     readonly 'spacing.scale.0': "--ds-scale-0";
     readonly 'spacing.scale.100': "--ds-scale-100";
     readonly 'spacing.scale.150': "--ds-scale-150";
@@ -14,6 +13,70 @@ declare const tokens: {
     readonly 'spacing.scale.025': "--ds-scale-025";
     readonly 'spacing.scale.050': "--ds-scale-050";
     readonly 'spacing.scale.075': "--ds-scale-075";
+    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.pixel.0': "--ds-pixel-0";
+    readonly 'spacing.pixel.2': "--ds-pixel-2";
+    readonly 'spacing.pixel.4': "--ds-pixel-4";
+    readonly 'spacing.pixel.6': "--ds-pixel-6";
+    readonly 'spacing.pixel.8': "--ds-pixel-8";
+    readonly 'spacing.pixel.12': "--ds-pixel-12";
+    readonly 'spacing.pixel.16': "--ds-pixel-16";
+    readonly 'spacing.pixel.20': "--ds-pixel-20";
+    readonly 'spacing.pixel.24': "--ds-pixel-24";
+    readonly 'spacing.pixel.32': "--ds-pixel-32";
+    readonly 'spacing.pixel.40': "--ds-pixel-40";
+    readonly 'spacing.pixel.48': "--ds-pixel-48";
+    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.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.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.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.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 '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.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 'color.text.accent.blue': "--ds-text-accent-blue";
     readonly 'color.text.accent.blue.bolder': "--ds-text-accent-blue-bolder";
     readonly 'color.text.accent.red': "--ds-text-accent-red";

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

@@ -1,15 +1,16 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::e19d1d58b2463145dd0eae095e3d0b36>>
+ * @codegen <<SignedSource::3c9107056e9324e57c042a3aafb4188c>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: ({
     attributes: {
         group: string;
         state: string;
-        replacement: string;
         introduced: string;
         description: string;
+        suggest?: undefined;
+        replacement?: undefined;
     };
     value: string;
     filePath: string;
@@ -18,9 +19,10 @@ declare const tokens: ({
         attributes: {
             group: string;
             state: string;
-            replacement: string;
             introduced: string;
             description: string;
+            suggest?: undefined;
+            replacement?: undefined;
         };
         value: string;
     };
@@ -30,6 +32,7 @@ declare const tokens: ({
     attributes: {
         group: string;
         state: string;
+        suggest: string[];
         introduced: string;
         description: string;
         replacement?: undefined;
@@ -41,6 +44,7 @@ declare const tokens: ({
         attributes: {
             group: string;
             state: string;
+            suggest: string[];
             introduced: string;
             description: string;
             replacement?: undefined;
@@ -49,5 +53,30 @@ declare const tokens: ({
     };
     name: string;
     path: string[];
+} | {
+    attributes: {
+        group: string;
+        state: string;
+        replacement: string;
+        introduced: string;
+        description: string;
+        suggest?: undefined;
+    };
+    value: string;
+    filePath: string;
+    isSource: boolean;
+    original: {
+        attributes: {
+            group: string;
+            state: string;
+            replacement: string;
+            introduced: string;
+            description: string;
+            suggest?: undefined;
+        };
+        value: string;
+    };
+    name: string;
+    path: string[];
 })[];
 export default tokens;

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

@@ -4,11 +4,10 @@
  * Token names mapped to their value in the default Atlassian themes ('light spacing').
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
  *
- * @codegen <<SignedSource::e575bc332dcc60d3fe9e378605bc9100>>
+ * @codegen <<SignedSource::05c2fcc3d0dba0931605dc98f7540009>>
  * @codegenCommand yarn build tokens
  */
 declare const defaultTokenValues: {
-    readonly 'spacing.container.gutter': "8px";
     readonly 'spacing.scale.0': "0px";
     readonly 'spacing.scale.100': "8px";
     readonly 'spacing.scale.150': "12px";
@@ -21,5 +20,69 @@ declare const defaultTokenValues: {
     readonly 'spacing.scale.025': "2px";
     readonly 'spacing.scale.050': "4px";
     readonly 'spacing.scale.075': "6px";
+    readonly 'spacing.scaleLinear.0': "0px";
+    readonly 'spacing.scaleLinear.100': "2px";
+    readonly 'spacing.scaleLinear.200': "4px";
+    readonly 'spacing.scaleLinear.300': "6px";
+    readonly 'spacing.scaleLinear.400': "8px";
+    readonly 'spacing.scaleLinear.500': "12px";
+    readonly 'spacing.scaleLinear.600': "16px";
+    readonly 'spacing.scaleLinear.700': "20px";
+    readonly 'spacing.scaleLinear.800': "24px";
+    readonly 'spacing.scaleLinear.900': "32px";
+    readonly 'spacing.scaleLinear.1000': "40px";
+    readonly 'spacing.scaleLinear.1100': "48px";
+    readonly 'spacing.pixel.0': "0px";
+    readonly 'spacing.pixel.2': "2px";
+    readonly 'spacing.pixel.4': "4px";
+    readonly 'spacing.pixel.6': "6px";
+    readonly 'spacing.pixel.8': "8px";
+    readonly 'spacing.pixel.12': "12px";
+    readonly 'spacing.pixel.16': "16px";
+    readonly 'spacing.pixel.20': "20px";
+    readonly 'spacing.pixel.24': "24px";
+    readonly 'spacing.pixel.32': "32px";
+    readonly 'spacing.pixel.40': "40px";
+    readonly 'spacing.pixel.48': "48px";
+    readonly 'spacing.size.none': "0px";
+    readonly 'spacing.size.xxxxSmall': "2px";
+    readonly 'spacing.size.xxxSmall': "4px";
+    readonly 'spacing.size.xxSmall': "6px";
+    readonly 'spacing.size.xsmall': "8px";
+    readonly 'spacing.size.small': "12px";
+    readonly 'spacing.size.medium': "16px";
+    readonly 'spacing.size.large': "20px";
+    readonly 'spacing.size.xlarge': "24px";
+    readonly 'spacing.size.xxlarge': "32px";
+    readonly 'spacing.size.xxxlarge': "40px";
+    readonly 'spacing.size.xxxxlarge': "48px";
+    readonly 'spacing.ecl.element.2': "2px";
+    readonly 'spacing.ecl.element.4': "4px";
+    readonly 'spacing.ecl.element.6': "6px";
+    readonly 'spacing.ecl.element.8': "8px";
+    readonly 'spacing.ecl.container.12': "12px";
+    readonly 'spacing.ecl.container.16': "16px";
+    readonly 'spacing.ecl.container.20': "20px";
+    readonly 'spacing.ecl.container.24': "24px";
+    readonly 'spacing.ecl.layout.32': "32px";
+    readonly 'spacing.ecl.layout.40': "40px";
+    readonly 'spacing.ecl.layout.64': "48px";
+    readonly 'spacing.ccc.component.2': "2px";
+    readonly 'spacing.ccc.component.4': "4px";
+    readonly 'spacing.ccc.component.6': "6px";
+    readonly 'spacing.ccc.component.8': "8px";
+    readonly 'spacing.ccc.content.12': "12px";
+    readonly 'spacing.ccc.content.16': "16px";
+    readonly 'spacing.ccc.content.20': "20px";
+    readonly 'spacing.ccc.content.24': "24px";
+    readonly 'spacing.ccc.container.32': "32px";
+    readonly 'spacing.ccc.container.40': "40px";
+    readonly 'spacing.ccc.container.48': "48px";
+    readonly 'spacing.gap.100': "8px";
+    readonly 'spacing.gap.200': "16px";
+    readonly 'spacing.gap.300': "24px";
+    readonly 'spacing.inset.100': "8px";
+    readonly 'spacing.inset.200': "16px";
+    readonly 'spacing.inset.300': "24px";
 };
 export default defaultTokenValues;

package/dist/types/artifacts/typescript/atlassian-spacing-token-names.d.ts

@@ -1,10 +1,9 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::873e77ae05fb3ff2730f5f6110aaeae3>>
+ * @codegen <<SignedSource::1808e289835f4813ce4782e16cce419d>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: {
-    readonly 'spacing.container.gutter': "--ds-container-gutter";
     readonly 'spacing.scale.0': "--ds-scale-0";
     readonly 'spacing.scale.100': "--ds-scale-100";
     readonly 'spacing.scale.150': "--ds-scale-150";
@@ -17,9 +16,72 @@ declare const tokens: {
     readonly 'spacing.scale.025': "--ds-scale-025";
     readonly 'spacing.scale.050': "--ds-scale-050";
     readonly 'spacing.scale.075': "--ds-scale-075";
+    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.pixel.0': "--ds-pixel-0";
+    readonly 'spacing.pixel.2': "--ds-pixel-2";
+    readonly 'spacing.pixel.4': "--ds-pixel-4";
+    readonly 'spacing.pixel.6': "--ds-pixel-6";
+    readonly 'spacing.pixel.8': "--ds-pixel-8";
+    readonly 'spacing.pixel.12': "--ds-pixel-12";
+    readonly 'spacing.pixel.16': "--ds-pixel-16";
+    readonly 'spacing.pixel.20': "--ds-pixel-20";
+    readonly 'spacing.pixel.24': "--ds-pixel-24";
+    readonly 'spacing.pixel.32': "--ds-pixel-32";
+    readonly 'spacing.pixel.40': "--ds-pixel-40";
+    readonly 'spacing.pixel.48': "--ds-pixel-48";
+    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.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.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.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.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 '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.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";
 };
 export declare type CSSTokenMap = {
-    'spacing.container.gutter': 'var(--ds-container-gutter)';
     'spacing.scale.0': 'var(--ds-scale-0)';
     'spacing.scale.100': 'var(--ds-scale-100)';
     'spacing.scale.150': 'var(--ds-scale-150)';
@@ -32,5 +94,69 @@ export declare type CSSTokenMap = {
     'spacing.scale.025': 'var(--ds-scale-025)';
     'spacing.scale.050': 'var(--ds-scale-050)';
     'spacing.scale.075': 'var(--ds-scale-075)';
+    '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.pixel.0': 'var(--ds-pixel-0)';
+    'spacing.pixel.2': 'var(--ds-pixel-2)';
+    'spacing.pixel.4': 'var(--ds-pixel-4)';
+    'spacing.pixel.6': 'var(--ds-pixel-6)';
+    'spacing.pixel.8': 'var(--ds-pixel-8)';
+    'spacing.pixel.12': 'var(--ds-pixel-12)';
+    'spacing.pixel.16': 'var(--ds-pixel-16)';
+    'spacing.pixel.20': 'var(--ds-pixel-20)';
+    'spacing.pixel.24': 'var(--ds-pixel-24)';
+    'spacing.pixel.32': 'var(--ds-pixel-32)';
+    'spacing.pixel.40': 'var(--ds-pixel-40)';
+    'spacing.pixel.48': 'var(--ds-pixel-48)';
+    '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.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.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.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.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)';
+    '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.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)';
 };
 export default tokens;

package/dist/types/constants.d.ts

@@ -1,13 +1,6 @@
-export declare const THEMES: readonly ["light", "dark", "legacy-light", "legacy-dark", "spacing"];
 export declare const THEME_DATA_ATTRIBUTE = "data-theme";
+export declare const COLOR_MODE_ATTRIBUTE = "data-color-mode";
 export declare const DEFAULT_THEME = "light spacing";
 export declare const CSS_PREFIX = "ds";
 export declare const CSS_VAR_FULL: string[];
-export declare const THEME_NAME_MAP: {
-    'atlassian-light': string;
-    'atlassian-dark': string;
-    'atlassian-legacy-light': string;
-    'atlassian-legacy-dark': string;
-    'atlassian-spacing': string;
-};
 export declare const TOKEN_NOT_FOUND_CSS_VAR: string;

package/dist/types/index.d.ts

@@ -1,5 +1,6 @@
 export { default as token } from './get-token';
 export { default as setGlobalTheme } from './set-global-theme';
 export type { CSSToken } from './artifacts/token-names';
-export type { Themes } from './types';
+export type { Themes, ThemeIds } from './theme-config';
+export { default as themeConfig } from './theme-config';
 export { useThemeObserver, ThemeMutationObserver, } from './theme-change-observer';

package/dist/types/set-global-theme.d.ts

@@ -1,3 +1,3 @@
-import type { Themes } from './types';
-declare const setGlobalTheme: (theme: Themes) => void;
+import { ThemeIds } from './theme-config';
+declare const setGlobalTheme: (themeId: ThemeIds, shouldMatchSystem?: boolean) => void;
 export default setGlobalTheme;

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

@@ -1,4 +1,4 @@
-import { Themes } from './types';
+import { ThemeIds } from './theme-config';
 /**
  * A MutationObserver which watches the `<html>` element for changes to the theme.
  *
@@ -15,7 +15,8 @@ import { Themes } from './types';
 export declare class ThemeMutationObserver {
     private callback;
     observer: MutationObserver | null;
-    constructor(callback: (theme: Themes | null) => unknown);
+    mediaObserver: any;
+    constructor(callback: (theme: ThemeIds | null) => unknown);
     observe(): void;
     disconnect(): void;
 }
@@ -32,4 +33,4 @@ export declare class ThemeMutationObserver {
  * }, [theme]);
  * ```
  */
-export declare const useThemeObserver: () => Themes | null;
+export declare const useThemeObserver: () => ThemeIds | null;

package/dist/types/theme-config.d.ts

@@ -0,0 +1,53 @@
+/**
+ * This file contains the source of truth for themes and all associated meta data.
+ */
+/**
+ * Themes: The internal identifier of a theme.
+ * These ids are what the actual theme files/folders are called.
+ * style-dictionary will attempt to locate these in the file-system.
+ */
+export declare type Themes = 'atlassian-light' | 'atlassian-dark' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-spacing';
+export declare type ThemeFileNames = Themes;
+/**
+ * Theme kinds: The type of theme.
+ * Some themes are entirely focused on Color, whilst others are purely focused on spacing.
+ * In the future other types may be introduced such as typography.
+ */
+export declare type ThemeKinds = 'color' | 'spacing';
+/**
+ * Theme modes: The general purpose of a theme.
+ * This attr is used to apply the appropriate system-preference media selector
+ * It may also be used as a selector for mode-specific overrides such as light/dark images.
+ * The idea is there may exist many color themes, but every theme must either fit into light or dark.
+ */
+export declare type ThemeColorModes = 'light' | 'dark';
+/**
+ * Theme ids: The value that will mounted to the DOM as a data attr
+ * For example: `data-theme="light"
+ *
+ * These ids must be kebab case
+ */
+export declare type ThemeIds = 'light' | 'dark' | 'legacy-light' | 'legacy-dark' | 'spacing';
+/**
+ * Palettes: The set of base tokens a given theme may be populated with.
+ * For example: legacy light & dark themes use the "legacyPalette" containing colors from our
+ * previous color set.
+ */
+export declare type Palettes = 'defaultPalette' | 'legacyPalette' | 'spacingScale';
+/**
+ * ThemeConfig: the source of truth for all theme meta-data.
+ * This object should be used whenever interfacing with themes.
+ */
+interface ThemeConfig {
+    id: ThemeIds;
+    displayName: string;
+    palette: Palettes;
+    attributes: {
+        type: 'color';
+        mode: ThemeColorModes;
+    } | {
+        type: 'spacing';
+    };
+}
+declare const themeConfig: Record<Themes, ThemeConfig>;
+export default themeConfig;