@atlaskit/tokens 0.11.0 → 0.11.2

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

@@ -4,10 +4,24 @@
  * 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::6774c0c721b46e66ada20e02efc078c0>>
+ * @codegen <<SignedSource::58e461c6792689bbf53af618a63e94d0>>
  * @codegenCommand yarn build tokens
  */
 declare const defaultTokenValues: {
+    readonly 'space.0': "0";
+    readonly 'space.100': "0.5rem";
+    readonly 'space.150': "0.75rem";
+    readonly 'space.200': "1rem";
+    readonly 'space.250': "1.25rem";
+    readonly 'space.300': "1.5rem";
+    readonly 'space.400': "2rem";
+    readonly 'space.500': "2.5rem";
+    readonly 'space.600': "3rem";
+    readonly 'space.800': "4rem";
+    readonly 'space.1000': "5rem";
+    readonly 'space.025': "0.125rem";
+    readonly 'space.050': "0.25rem";
+    readonly 'space.075': "0.375rem";
     readonly 'spacing.scale.0': "0";
     readonly 'spacing.scale.100': "0.5rem";
     readonly 'spacing.scale.150': "0.75rem";
@@ -17,6 +31,8 @@ declare const defaultTokenValues: {
     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.scale.025': "0.125rem";
     readonly 'spacing.scale.050': "0.25rem";
     readonly 'spacing.scale.075': "0.375rem";
@@ -32,18 +48,6 @@ declare const defaultTokenValues: {
     readonly 'spacing.scaleLinear.900': "2rem";
     readonly 'spacing.scaleLinear.1000': "2.5rem";
     readonly 'spacing.scaleLinear.1100': "3rem";
-    readonly 'spacing.pixel.0': "0";
-    readonly 'spacing.pixel.2': "0.125rem";
-    readonly 'spacing.pixel.4': "0.25rem";
-    readonly 'spacing.pixel.6': "0.375rem";
-    readonly 'spacing.pixel.8': "0.5rem";
-    readonly 'spacing.pixel.12': "0.75rem";
-    readonly 'spacing.pixel.16': "1rem";
-    readonly 'spacing.pixel.20': "1.25rem";
-    readonly 'spacing.pixel.24': "1.5rem";
-    readonly 'spacing.pixel.32': "2rem";
-    readonly 'spacing.pixel.40': "2.5rem";
-    readonly 'spacing.pixel.48': "3rem";
     readonly 'spacing.size.none': "0";
     readonly 'spacing.size.xxxxSmall': "0.125rem";
     readonly 'spacing.size.xxxSmall': "0.25rem";

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

@@ -1,9 +1,23 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::1808e289835f4813ce4782e16cce419d>>
+ * @codegen <<SignedSource::32eee2b724a024fa87bb7b5638096758>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: {
+    readonly 'space.0': "--ds-space-0";
+    readonly 'space.100': "--ds-space-100";
+    readonly 'space.150': "--ds-space-150";
+    readonly 'space.200': "--ds-space-200";
+    readonly 'space.250': "--ds-space-250";
+    readonly 'space.300': "--ds-space-300";
+    readonly 'space.400': "--ds-space-400";
+    readonly 'space.500': "--ds-space-500";
+    readonly 'space.600': "--ds-space-600";
+    readonly 'space.800': "--ds-space-800";
+    readonly 'space.1000': "--ds-space-1000";
+    readonly 'space.025': "--ds-space-025";
+    readonly 'space.050': "--ds-space-050";
+    readonly 'space.075': "--ds-space-075";
     readonly 'spacing.scale.0': "--ds-scale-0";
     readonly 'spacing.scale.100': "--ds-scale-100";
     readonly 'spacing.scale.150': "--ds-scale-150";
@@ -13,6 +27,8 @@ declare const tokens: {
     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.scale.025': "--ds-scale-025";
     readonly 'spacing.scale.050': "--ds-scale-050";
     readonly 'spacing.scale.075': "--ds-scale-075";
@@ -28,18 +44,6 @@ declare const tokens: {
     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";
@@ -82,6 +86,20 @@ declare const tokens: {
     readonly 'spacing.inset.300': "--ds-inset-300";
 };
 export declare type CSSTokenMap = {
+    'space.0': 'var(--ds-space-0)';
+    'space.100': 'var(--ds-space-100)';
+    'space.150': 'var(--ds-space-150)';
+    'space.200': 'var(--ds-space-200)';
+    'space.250': 'var(--ds-space-250)';
+    'space.300': 'var(--ds-space-300)';
+    'space.400': 'var(--ds-space-400)';
+    'space.500': 'var(--ds-space-500)';
+    'space.600': 'var(--ds-space-600)';
+    'space.800': 'var(--ds-space-800)';
+    'space.1000': 'var(--ds-space-1000)';
+    'space.025': 'var(--ds-space-025)';
+    'space.050': 'var(--ds-space-050)';
+    'space.075': 'var(--ds-space-075)';
     'spacing.scale.0': 'var(--ds-scale-0)';
     'spacing.scale.100': 'var(--ds-scale-100)';
     'spacing.scale.150': 'var(--ds-scale-150)';
@@ -91,6 +109,8 @@ export declare type CSSTokenMap = {
     '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.scale.025': 'var(--ds-scale-025)';
     'spacing.scale.050': 'var(--ds-scale-050)';
     'spacing.scale.075': 'var(--ds-scale-075)';
@@ -106,18 +126,6 @@ export declare type CSSTokenMap = {
     '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)';

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::953f5e0300c6d0043915d01d2974af58>>
+ * @codegen <<SignedSource::2dde377cb0c1b5bb3f5d438e666d4e11>>
  * @codegenCommand yarn build tokens
  */
-export declare type InternalTokenIds = 'spacing.scale.0' | '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.025' | 'spacing.scale.050' | 'spacing.scale.075';
+export declare type InternalTokenIds = 'space.0' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000' | 'space.025' | 'space.050' | 'space.075' | 'spacing.scale.0' | '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' | 'spacing.scale.025' | 'spacing.scale.050' | 'spacing.scale.075';

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::0a5838a760fffb6bbb598305116da533>>
+ * @codegen <<SignedSource::9719232f8d820690bb6cc29cda1b7f89>>
  * @codegenCommand yarn build tokens
  */
-export declare type ActiveTokens = 'spacing.scale.0' | '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.025' | 'spacing.scale.050' | 'spacing.scale.075';
+export declare type ActiveTokens = 'space.0' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000' | 'space.025' | 'space.050' | 'space.075' | 'spacing.scale.0' | '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' | 'spacing.scale.025' | 'spacing.scale.050' | 'spacing.scale.075';

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

@@ -1,5 +1,95 @@
 import type { SpacingScaleTokenSchema } from '../types';
-export declare type ScaleValues = 'Space0' | 'Space025' | 'Space050' | 'Space075' | 'Space100' | 'Space150' | 'Space200' | 'Space250' | 'Space300' | 'Space400' | 'Space500' | 'Space600';
-export declare type BaseToken = keyof SpacingScaleTokenSchema<ScaleValues>['spacing']['scale'];
-declare const scale: SpacingScaleTokenSchema<ScaleValues>;
-export default scale;
+/**
+ * Types are inferred from the base tokens below
+ */
+export declare type SpacingPaletteToken = keyof typeof baseSpacingTokens;
+declare const baseSpacingTokens: {
+    readonly Space0: {
+        readonly value: "0";
+        readonly attributes: {
+            readonly group: "scale";
+        };
+    };
+    readonly Space025: {
+        readonly value: "0.125rem";
+        readonly attributes: {
+            readonly group: "scale";
+        };
+    };
+    readonly Space050: {
+        readonly value: "0.25rem";
+        readonly attributes: {
+            readonly group: "scale";
+        };
+    };
+    readonly Space075: {
+        readonly value: "0.375rem";
+        readonly attributes: {
+            readonly group: "scale";
+        };
+    };
+    readonly Space100: {
+        readonly value: "0.5rem";
+        readonly attributes: {
+            readonly group: "scale";
+        };
+    };
+    readonly Space150: {
+        readonly value: "0.75rem";
+        readonly attributes: {
+            readonly group: "scale";
+        };
+    };
+    readonly Space200: {
+        readonly value: "1rem";
+        readonly attributes: {
+            readonly group: "scale";
+        };
+    };
+    readonly Space250: {
+        readonly value: "1.25rem";
+        readonly attributes: {
+            readonly group: "scale";
+        };
+    };
+    readonly Space300: {
+        readonly value: "1.5rem";
+        readonly attributes: {
+            readonly group: "scale";
+        };
+    };
+    readonly Space400: {
+        readonly value: "2rem";
+        readonly attributes: {
+            readonly group: "scale";
+        };
+    };
+    readonly Space500: {
+        readonly value: "2.5rem";
+        readonly attributes: {
+            readonly group: "scale";
+        };
+    };
+    readonly Space600: {
+        readonly value: "3rem";
+        readonly attributes: {
+            readonly group: "scale";
+        };
+    };
+    readonly Space800: {
+        readonly value: "4rem";
+        readonly attributes: {
+            readonly group: "scale";
+        };
+        readonly pixelValue: "64px";
+    };
+    readonly Space1000: {
+        readonly value: "5rem";
+        readonly attributes: {
+            readonly group: "scale";
+        };
+        readonly pixelValue: "80px";
+    };
+};
+declare const spacingPalette: SpacingScaleTokenSchema<SpacingPaletteToken>;
+export default spacingPalette;

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

@@ -28,6 +28,12 @@ export declare type ThemeColorModes = 'light' | 'dark';
  * These ids must be kebab case
  */
 export declare type ThemeIds = 'light' | 'dark' | 'legacy-light' | 'legacy-dark' | 'spacing' | 'typography';
+/**
+ * Theme to use a base. This will create the theme as
+ * an extension with all token values marked as optional
+ * to allow tokens to be overridden as required.
+ */
+export declare type ExtensionThemeId = ThemeIds;
 /**
  * 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
@@ -42,13 +48,15 @@ interface ThemeConfig {
     id: ThemeIds;
     displayName: string;
     palette: Palettes;
-    attributes: {
+    attributes: ({
         type: 'color';
         mode: ThemeColorModes;
     } | {
         type: 'spacing';
     } | {
         type: 'typography';
+    }) & {
+        extends?: ExtensionThemeId;
     };
 }
 declare const themeConfig: Record<Themes, ThemeConfig>;

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

@@ -1,4 +1,10 @@
-import { BaseToken } from '../../palettes/spacing-scale';
 import type { SpacingTokenSchema, ValueSchema } from '../../types';
-declare const spacing: ValueSchema<SpacingTokenSchema<BaseToken>>;
+/**
+ * The spacing value schema is specifically designed to dictate the
+ * possible values a specific key-token pair will have.
+ *
+ * This is combined with the attribute schema.
+ * @link 'file:../default/spacing/spacing.tsx'
+ */
+declare const spacing: ValueSchema<SpacingTokenSchema>;
 export default spacing;

package/dist/types/tokens/default/spacing/spacing.d.ts

@@ -1,4 +1,8 @@
-import type { BaseToken } from '../../../palettes/spacing-scale';
 import type { AttributeSchema, SpacingTokenSchema } from '../../../types';
-declare const spacing: AttributeSchema<SpacingTokenSchema<BaseToken>>;
+/**
+ * The spacing attribute schema governs the non-value specific metadata to apply to the
+ * spacing theme. This governs the name, description and state
+ * of a token.
+ */
+declare const spacing: AttributeSchema<SpacingTokenSchema>;
 export default spacing;

package/dist/types/types.d.ts

@@ -1,4 +1,5 @@
-import { InternalTokenIds } from './artifacts/types-internal';
+import type { InternalTokenIds } from './artifacts/types-internal';
+import type { SpacingPaletteToken } from './palettes/spacing-scale';
 export declare type Groups = 'raw' | 'paint' | 'shadow' | 'palette' | 'opacity' | 'spacing' | 'scale' | 'fontSize' | 'fontWeight' | 'fontFamily' | 'lineHeight';
 export declare type ActiveTokenState = 'active';
 export declare type DeprecatedTokenState = 'deprecated';
@@ -37,6 +38,7 @@ export interface DesignToken<TValue, Group extends Groups> extends Token<TValue,
         group: Group;
         description: string;
         introduced: string;
+        pixelValue?: Group extends 'spacing' ? string : never;
         suggest?: string[];
     } | {
         state: DeprecatedTokenState;
@@ -69,7 +71,11 @@ declare type Id<T> = {} & {
 declare type DeepOmit<T extends any, K extends PropertyKey> = Omit<{
     [P in keyof T]: OmitDistributive<T[P], K>;
 }, K>;
+declare type DeepPartial<T> = T extends object ? {
+    [P in keyof T]?: DeepPartial<T[P]>;
+} : T;
 export declare type ValueSchema<Schema extends object> = DeepOmit<Schema, 'attributes'>;
+export declare type ExtendedValueSchema<Schema extends object> = DeepPartial<ValueSchema<Schema>>;
 export declare type AttributeSchema<Schema extends object> = DeepOmit<Schema, 'value'>;
 export interface PaletteToken extends BaseToken<string, 'palette'> {
     attributes: {
@@ -96,7 +102,7 @@ export declare type ShadowToken<BaseToken> = DesignToken<Array<{
     inset?: boolean;
 }>, 'shadow'>;
 export declare type OpacityToken = DesignToken<string, 'opacity'>;
-export declare type SpacingToken<BaseToken> = DesignToken<BaseToken, 'spacing'>;
+export declare type SpacingToken = DesignToken<SpacingPaletteToken, 'spacing'>;
 export declare type FontSizeToken<BaseToken> = DesignToken<BaseToken, 'fontSize'>;
 export declare type FontWeightToken<BaseToken> = DesignToken<BaseToken, 'fontWeight'>;
 export declare type FontFamilyToken<BaseToken> = DesignToken<BaseToken, 'fontFamily'>;
@@ -120,6 +126,7 @@ export interface PaletteColorTokenSchema<PaletteValues extends string> {
     };
 }
 export interface SpacingScaleTokenSchema<ScaleValues extends string> {
+    space: Record<ScaleValues, ScaleToken>;
     spacing: {
         scale: Record<ScaleValues, ScaleToken>;
     };
@@ -692,121 +699,125 @@ export interface DeprecatedTokenSchema<BaseToken> {
 export declare type ElevationTokenSchema<BaseToken> = SurfaceTokenSchema<BaseToken> & ShadowTokenSchema<BaseToken>;
 export declare type ColorTokenSchema<BaseToken> = BackgroundColorTokenSchema<BaseToken> & BorderColorTokenSchema<BaseToken> & IconColorTokenSchema<BaseToken> & TextColorTokenSchema<BaseToken> & AccentColorTokenSchema<BaseToken> & UtilTokenSchema<BaseToken>;
 export declare type TokenSchema<BaseToken> = ColorTokenSchema<BaseToken> & ElevationTokenSchema<BaseToken>;
-export interface SpacingTokenSchema<BaseToken> {
+export interface SpacingTokenSchema {
+    space: {
+        '0': SpacingToken;
+        '025': SpacingToken;
+        '050': SpacingToken;
+        '075': SpacingToken;
+        '100': SpacingToken;
+        '150': SpacingToken;
+        '200': SpacingToken;
+        '250': SpacingToken;
+        '300': SpacingToken;
+        '400': SpacingToken;
+        '500': SpacingToken;
+        '600': SpacingToken;
+        '800': SpacingToken;
+        '1000': SpacingToken;
+    };
     spacing: {
         scale: {
-            '0': SpacingToken<BaseToken>;
-            '025': SpacingToken<BaseToken>;
-            '050': SpacingToken<BaseToken>;
-            '075': SpacingToken<BaseToken>;
-            '100': SpacingToken<BaseToken>;
-            '150': SpacingToken<BaseToken>;
-            '200': SpacingToken<BaseToken>;
-            '250': SpacingToken<BaseToken>;
-            '300': SpacingToken<BaseToken>;
-            '400': SpacingToken<BaseToken>;
-            '500': SpacingToken<BaseToken>;
-            '600': SpacingToken<BaseToken>;
+            '0': SpacingToken;
+            '025': SpacingToken;
+            '050': SpacingToken;
+            '075': SpacingToken;
+            '100': SpacingToken;
+            '150': SpacingToken;
+            '200': SpacingToken;
+            '250': SpacingToken;
+            '300': SpacingToken;
+            '400': SpacingToken;
+            '500': SpacingToken;
+            '600': SpacingToken;
+            '800': SpacingToken;
+            '1000': SpacingToken;
         };
         scaleLinear: {
-            '0': SpacingToken<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>;
+            '0': SpacingToken;
+            '100': SpacingToken;
+            '200': SpacingToken;
+            '300': SpacingToken;
+            '400': SpacingToken;
+            '500': SpacingToken;
+            '600': SpacingToken;
+            '700': SpacingToken;
+            '800': SpacingToken;
+            '900': SpacingToken;
+            '1000': SpacingToken;
+            '1100': SpacingToken;
         };
         size: {
-            none: SpacingToken<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>;
+            none: SpacingToken;
+            xxxxSmall: SpacingToken;
+            xxxSmall: SpacingToken;
+            xxSmall: SpacingToken;
+            xsmall: SpacingToken;
+            small: SpacingToken;
+            medium: SpacingToken;
+            large: SpacingToken;
+            xlarge: SpacingToken;
+            xxlarge: SpacingToken;
+            xxxlarge: SpacingToken;
+            xxxxlarge: SpacingToken;
         };
         ecl: {
             element: {
-                '2': SpacingToken<BaseToken>;
-                '4': SpacingToken<BaseToken>;
-                '6': SpacingToken<BaseToken>;
-                '8': SpacingToken<BaseToken>;
+                '2': SpacingToken;
+                '4': SpacingToken;
+                '6': SpacingToken;
+                '8': SpacingToken;
             };
             container: {
-                '12': SpacingToken<BaseToken>;
-                '16': SpacingToken<BaseToken>;
-                '20': SpacingToken<BaseToken>;
-                '24': SpacingToken<BaseToken>;
+                '12': SpacingToken;
+                '16': SpacingToken;
+                '20': SpacingToken;
+                '24': SpacingToken;
             };
             layout: {
-                '32': SpacingToken<BaseToken>;
-                '40': SpacingToken<BaseToken>;
-                '64': SpacingToken<BaseToken>;
+                '32': SpacingToken;
+                '40': SpacingToken;
+                '64': SpacingToken;
             };
         };
         ccc: {
             component: {
-                '2': SpacingToken<BaseToken>;
-                '4': SpacingToken<BaseToken>;
-                '6': SpacingToken<BaseToken>;
-                '8': SpacingToken<BaseToken>;
+                '2': SpacingToken;
+                '4': SpacingToken;
+                '6': SpacingToken;
+                '8': SpacingToken;
             };
             content: {
-                '12': SpacingToken<BaseToken>;
-                '16': SpacingToken<BaseToken>;
-                '20': SpacingToken<BaseToken>;
-                '24': SpacingToken<BaseToken>;
+                '12': SpacingToken;
+                '16': SpacingToken;
+                '20': SpacingToken;
+                '24': SpacingToken;
             };
             container: {
-                '32': SpacingToken<BaseToken>;
-                '40': SpacingToken<BaseToken>;
-                '48': SpacingToken<BaseToken>;
+                '32': SpacingToken;
+                '40': SpacingToken;
+                '48': SpacingToken;
             };
         };
         gap: {
-            100: {
+            '100': {
                 value: 'Space100';
             };
-            200: {
+            '200': {
                 value: 'Space200';
             };
-            300: {
+            '300': {
                 value: 'Space300';
             };
         };
         inset: {
-            100: {
+            '100': {
                 value: 'Space100';
             };
-            200: {
+            '200': {
                 value: 'Space200';
             };
-            300: {
+            '300': {
                 value: 'Space300';
             };
         };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/tokens",
-  "version": "0.11.0",
+  "version": "0.11.2",
   "author": "Atlassian Pty Ltd",
   "description": "Design tokens are the single source of truth to name and store design decisions.",
   "license": "Apache-2.0",
@@ -41,7 +41,6 @@
     "./spacing-raw": "./src/entry-points/spacing-raw.tsx",
     "./rename-mapping": "./src/entry-points/rename-mapping.tsx",
     "./babel-plugin": "./src/entry-points/babel-plugin.tsx",
-    "./init": "./src/entry-points/init.tsx",
     "./css/atlassian-light.css": "./css/atlassian-light.css",
     "./css/atlassian-dark.css": "./css/atlassian-dark.css",
     "./css/atlassian-legacy-light.css": "./css/atlassian-legacy-light.css",
@@ -71,7 +70,7 @@
     "@atlaskit/code": "^14.4.0",
     "@atlaskit/docs": "^9.0.10",
     "@atlaskit/dropdown-menu": "^11.5.0",
-    "@atlaskit/ds-explorations": "^1.2.0",
+    "@atlaskit/ds-explorations": "^1.3.0",
     "@atlaskit/dynamic-table": "^14.8.0",
     "@atlaskit/empty-state": "^7.4.0",
     "@atlaskit/focus-ring": "^1.2.0",