@atlaskit/tokens 0.10.29 → 0.10.30

package/dist/types-ts4.0/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-ts4.0/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-ts4.0/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-ts4.0/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-ts4.0/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-ts4.0/types.d.ts

@@ -37,6 +37,7 @@ export interface DesignToken<TValue, Group extends Groups> extends Token<TValue,
         group: Group;
         description: string;
         introduced: string;
+        suggest?: string[];
     } | {
         state: DeprecatedTokenState;
         group: Group;
@@ -58,6 +59,7 @@ export interface DesignToken<TValue, Group extends Groups> extends Token<TValue,
         description: string;
         introduced: string;
         replacement?: ExperimentalReplacement;
+        suggest?: string[];
     };
 }
 declare type OmitDistributive<T, K extends PropertyKey> = T extends any ? T extends object ? Id<DeepOmit<T, K>> : T : never;
@@ -671,9 +673,6 @@ export declare type ColorTokenSchema<BaseToken> = BackgroundColorTokenSchema<Bas
 export declare type TokenSchema<BaseToken> = ColorTokenSchema<BaseToken> & ElevationTokenSchema<BaseToken>;
 export interface SpacingTokenSchema<BaseToken> {
     spacing: {
-        container: {
-            gutter: SpacingToken<BaseToken>;
-        };
         scale: {
             '0': SpacingToken<BaseToken>;
             '025': SpacingToken<BaseToken>;
@@ -688,6 +687,108 @@ export interface SpacingTokenSchema<BaseToken> {
             '500': SpacingToken<BaseToken>;
             '600': SpacingToken<BaseToken>;
         };
+        scaleLinear: {
+            '0': SpacingToken<BaseToken>;
+            '100': SpacingToken<BaseToken>;
+            '200': SpacingToken<BaseToken>;
+            '300': SpacingToken<BaseToken>;
+            '400': SpacingToken<BaseToken>;
+            '500': SpacingToken<BaseToken>;
+            '600': SpacingToken<BaseToken>;
+            '700': SpacingToken<BaseToken>;
+            '800': SpacingToken<BaseToken>;
+            '900': SpacingToken<BaseToken>;
+            '1000': SpacingToken<BaseToken>;
+            '1100': SpacingToken<BaseToken>;
+        };
+        pixel: {
+            '0': SpacingToken<BaseToken>;
+            '2': SpacingToken<BaseToken>;
+            '4': SpacingToken<BaseToken>;
+            '6': SpacingToken<BaseToken>;
+            '8': SpacingToken<BaseToken>;
+            '12': SpacingToken<BaseToken>;
+            '16': SpacingToken<BaseToken>;
+            '20': SpacingToken<BaseToken>;
+            '24': SpacingToken<BaseToken>;
+            '32': SpacingToken<BaseToken>;
+            '40': SpacingToken<BaseToken>;
+            '48': SpacingToken<BaseToken>;
+        };
+        size: {
+            none: SpacingToken<BaseToken>;
+            xxxxSmall: SpacingToken<BaseToken>;
+            xxxSmall: SpacingToken<BaseToken>;
+            xxSmall: SpacingToken<BaseToken>;
+            xsmall: SpacingToken<BaseToken>;
+            small: SpacingToken<BaseToken>;
+            medium: SpacingToken<BaseToken>;
+            large: SpacingToken<BaseToken>;
+            xlarge: SpacingToken<BaseToken>;
+            xxlarge: SpacingToken<BaseToken>;
+            xxxlarge: SpacingToken<BaseToken>;
+            xxxxlarge: SpacingToken<BaseToken>;
+        };
+        ecl: {
+            element: {
+                '2': SpacingToken<BaseToken>;
+                '4': SpacingToken<BaseToken>;
+                '6': SpacingToken<BaseToken>;
+                '8': SpacingToken<BaseToken>;
+            };
+            container: {
+                '12': SpacingToken<BaseToken>;
+                '16': SpacingToken<BaseToken>;
+                '20': SpacingToken<BaseToken>;
+                '24': SpacingToken<BaseToken>;
+            };
+            layout: {
+                '32': SpacingToken<BaseToken>;
+                '40': SpacingToken<BaseToken>;
+                '64': SpacingToken<BaseToken>;
+            };
+        };
+        ccc: {
+            component: {
+                '2': SpacingToken<BaseToken>;
+                '4': SpacingToken<BaseToken>;
+                '6': SpacingToken<BaseToken>;
+                '8': SpacingToken<BaseToken>;
+            };
+            content: {
+                '12': SpacingToken<BaseToken>;
+                '16': SpacingToken<BaseToken>;
+                '20': SpacingToken<BaseToken>;
+                '24': SpacingToken<BaseToken>;
+            };
+            container: {
+                '32': SpacingToken<BaseToken>;
+                '40': SpacingToken<BaseToken>;
+                '48': SpacingToken<BaseToken>;
+            };
+        };
+        gap: {
+            100: {
+                value: 'Space100';
+            };
+            200: {
+                value: 'Space200';
+            };
+            300: {
+                value: 'Space300';
+            };
+        };
+        inset: {
+            100: {
+                value: 'Space100';
+            };
+            200: {
+                value: 'Space200';
+            };
+            300: {
+                value: 'Space300';
+            };
+        };
     };
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/tokens",
-  "version": "0.10.29",
+  "version": "0.10.30",
   "author": "Atlassian Pty Ltd",
   "description": "Design tokens are the single source of truth to name and store design decisions.",
   "license": "Apache-2.0",
@@ -13,8 +13,7 @@
     "releaseModel": "continuous",
     "website": {
       "name": "Design tokens",
-      "category": "Libraries",
-      "draft": true
+      "category": "Libraries"
     }
   },
   "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",