@atlaskit/tokens 0.10.26 → 0.10.28

package/dist/types-ts4.0/artifacts/typescript/atlassian-light-types-internal.d.ts

@@ -0,0 +1,6 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::39f5c50a16b92a67dcd34ffb038b73d2>>
+ * @codegenCommand yarn build tokens
+ */
+export declare type InternalTokenIds = 'color.text.accent.blue.[default]' | 'color.text.accent.blue.bolder' | 'color.text.accent.red.[default]' | 'color.text.accent.red.bolder' | 'color.text.accent.orange.[default]' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow.[default]' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green.[default]' | 'color.text.accent.green.bolder' | 'color.text.accent.purple.[default]' | 'color.text.accent.purple.bolder' | 'color.text.accent.teal.[default]' | 'color.text.accent.teal.bolder' | 'color.text.accent.magenta.[default]' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray.[default]' | 'color.text.accent.gray.bolder' | 'color.text.[default]' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.brand' | 'color.text.selected' | 'color.text.danger' | 'color.text.warning.[default]' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.icon.accent.blue' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.purple' | 'color.icon.accent.teal' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon.[default]' | 'color.icon.subtle' | 'color.icon.inverse' | 'color.icon.disabled' | 'color.icon.brand' | 'color.icon.selected' | 'color.icon.danger' | 'color.icon.warning.[default]' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.border.accent.blue' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.purple' | 'color.border.accent.teal' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border.[default]' | 'color.border.bold' | 'color.border.inverse' | 'color.border.focused' | 'color.border.input' | 'color.border.disabled' | 'color.border.brand' | 'color.border.selected' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | '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.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.inverse.subtle.[default]' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.input.[default]' | 'color.background.input.hovered' | 'color.background.input.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.brand.bold.[default]' | 'color.background.brand.bold.hovered' | 'color.background.brand.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.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.link.[default]' | 'color.link.pressed' | 'elevation.shadow.raised' | 'elevation.shadow.overflow' | 'elevation.shadow.overlay' | 'elevation.surface.[default].[default]' | 'elevation.surface.[default].hovered' | 'elevation.surface.[default].pressed' | 'elevation.surface.sunken' | 'elevation.surface.raised.[default]' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.overlay.[default]' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE_util.transparent' | 'utility.UNSAFE_util.MISSING_TOKEN';

package/dist/types-ts4.0/artifacts/typescript/atlassian-light-types.d.ts

@@ -0,0 +1,6 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::02e94c9602d30a3320fd9e00a1950a7c>>
+ * @codegenCommand yarn build tokens
+ */
+export declare type ActiveTokens = 'color.text.accent.blue' | 'color.text.accent.blue.bolder' | 'color.text.accent.red' | 'color.text.accent.red.bolder' | 'color.text.accent.orange' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green' | 'color.text.accent.green.bolder' | 'color.text.accent.purple' | 'color.text.accent.purple.bolder' | 'color.text.accent.teal' | 'color.text.accent.teal.bolder' | 'color.text.accent.magenta' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray' | 'color.text.accent.gray.bolder' | 'color.text' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.brand' | 'color.text.selected' | 'color.text.danger' | 'color.text.warning' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.icon.accent.blue' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.purple' | 'color.icon.accent.teal' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon' | 'color.icon.subtle' | 'color.icon.inverse' | 'color.icon.disabled' | 'color.icon.brand' | 'color.icon.selected' | 'color.icon.danger' | 'color.icon.warning' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.border.accent.blue' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.purple' | 'color.border.accent.teal' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border' | 'color.border.bold' | 'color.border.inverse' | 'color.border.focused' | 'color.border.input' | 'color.border.disabled' | 'color.border.brand' | 'color.border.selected' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | '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.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.inverse.subtle' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.input' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.neutral' | 'color.background.neutral.hovered' | 'color.background.neutral.pressed' | 'color.background.neutral.subtle' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.brand.bold' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.selected' | 'color.background.selected.hovered' | 'color.background.selected.pressed' | 'color.background.selected.bold' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.danger' | 'color.background.danger.hovered' | 'color.background.danger.pressed' | 'color.background.danger.bold' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning' | 'color.background.warning.hovered' | 'color.background.warning.pressed' | 'color.background.warning.bold' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success' | 'color.background.success.hovered' | 'color.background.success.pressed' | 'color.background.success.bold' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery' | 'color.background.discovery.hovered' | 'color.background.discovery.pressed' | 'color.background.discovery.bold' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information' | 'color.background.information.hovered' | 'color.background.information.pressed' | 'color.background.information.bold' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.skeleton' | 'color.skeleton.subtle' | 'color.link' | 'color.link.pressed' | 'elevation.shadow.raised' | 'elevation.shadow.overflow' | 'elevation.shadow.overlay' | 'elevation.surface' | 'elevation.surface.hovered' | 'elevation.surface.pressed' | 'elevation.surface.sunken' | 'elevation.surface.raised' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.overlay' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE_util.transparent' | 'utility.UNSAFE_util.MISSING_TOKEN';

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

@@ -0,0 +1,25 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * 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>>
+ * @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";
+    readonly 'spacing.scale.200': "16px";
+    readonly 'spacing.scale.250': "20px";
+    readonly 'spacing.scale.300': "24px";
+    readonly 'spacing.scale.400': "32px";
+    readonly 'spacing.scale.500': "40px";
+    readonly 'spacing.scale.600': "48px";
+    readonly 'spacing.scale.025': "2px";
+    readonly 'spacing.scale.050': "4px";
+    readonly 'spacing.scale.075': "6px";
+};
+export default defaultTokenValues;

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

@@ -0,0 +1,36 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::873e77ae05fb3ff2730f5f6110aaeae3>>
+ * @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";
+    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.025': "--ds-scale-025";
+    readonly 'spacing.scale.050': "--ds-scale-050";
+    readonly 'spacing.scale.075': "--ds-scale-075";
+};
+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)';
+    '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.025': 'var(--ds-scale-025)';
+    'spacing.scale.050': 'var(--ds-scale-050)';
+    'spacing.scale.075': 'var(--ds-scale-075)';
+};
+export default tokens;

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

@@ -0,0 +1,6 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::953f5e0300c6d0043915d01d2974af58>>
+ * @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';

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

@@ -0,0 +1,6 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::0a5838a760fffb6bbb598305116da533>>
+ * @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';

package/dist/types-ts4.0/constants.d.ts

@@ -2,10 +2,11 @@ export declare const THEMES: readonly [
     "light",
     "dark",
     "legacy-light",
-    "legacy-dark"
+    "legacy-dark",
+    "spacing"
 ];
 export declare const THEME_DATA_ATTRIBUTE = "data-theme";
-export declare const DEFAULT_THEME = "light";
+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: {
@@ -13,5 +14,6 @@ export declare const THEME_NAME_MAP: {
     '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-ts4.0/entry-points/spacing-raw.d.ts

@@ -0,0 +1 @@
+export { default } from '../artifacts/tokens-raw/atlassian-spacing';

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

@@ -0,0 +1,5 @@
+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;

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

@@ -0,0 +1,4 @@
+import { BaseToken } from '../../palettes/spacing-scale';
+import type { SpacingTokenSchema, ValueSchema } from '../../types';
+declare const spacing: ValueSchema<SpacingTokenSchema<BaseToken>>;
+export default spacing;

package/dist/types-ts4.0/tokens/default/spacing/spacing.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/spacing-scale';
+import type { AttributeSchema, SpacingTokenSchema } from '../../../types';
+declare const spacing: AttributeSchema<SpacingTokenSchema<BaseToken>>;
+export default spacing;

package/dist/types-ts4.0/types.d.ts

@@ -1,11 +1,13 @@
 import { InternalTokenIds } from './artifacts/types-internal';
 import { THEME_NAME_MAP, THEMES } from './constants';
-export declare type Groups = 'raw' | 'paint' | 'shadow' | 'opacity' | 'palette';
+export declare type Groups = 'raw' | 'paint' | 'shadow' | 'palette' | 'opacity' | 'spacing' | 'scale';
 export declare type ActiveTokenState = 'active';
 export declare type DeprecatedTokenState = 'deprecated';
 export declare type DeletedTokenState = 'deleted';
-export declare type TokenState = ActiveTokenState | DeprecatedTokenState | DeletedTokenState;
+export declare type ExperimentalTokenState = 'experimental';
+export declare type TokenState = ActiveTokenState | DeprecatedTokenState | DeletedTokenState | ExperimentalTokenState;
 export declare type Replacement = InternalTokenIds | InternalTokenIds[];
+export declare type ExperimentalReplacement = InternalTokenIds | InternalTokenIds[] | string;
 export declare type PaletteCategory = 'blue' | 'purple' | 'red' | 'magenta' | 'orange' | 'yellow' | 'green' | 'teal' | 'light mode neutral' | 'dark mode neutral';
 export declare type ValueCategory = 'opacity';
 export declare type Themes = typeof THEMES[number];
@@ -16,7 +18,7 @@ export interface Token<TValue, Group extends Groups> {
         group: Group;
         description?: string;
         state?: TokenState;
-        replacement?: Replacement;
+        replacement?: Replacement | ExperimentalReplacement;
     };
 }
 /**
@@ -53,6 +55,12 @@ export interface DesignToken<TValue, Group extends Groups> extends Token<TValue,
         deprecated: string;
         deleted: string;
         replacement?: Replacement;
+    } | {
+        state: ExperimentalTokenState;
+        group: Group;
+        description: string;
+        introduced: string;
+        replacement?: ExperimentalReplacement;
     };
 }
 declare type OmitDistributive<T, K extends PropertyKey> = T extends any ? T extends object ? Id<DeepOmit<T, K>> : T : never;
@@ -89,7 +97,13 @@ 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 RawToken = DesignToken<string, 'raw'>;
+export interface ScaleToken extends BaseToken<string, 'scale'> {
+    attributes: {
+        group: 'scale';
+    };
+}
 export interface PaletteColorTokenSchema<PaletteValues extends string> {
     value: {
         opacity: {
@@ -101,6 +115,11 @@ export interface PaletteColorTokenSchema<PaletteValues extends string> {
         palette: Record<PaletteValues, PaletteToken>;
     };
 }
+export interface SpacingScaleTokenSchema<ScaleValues extends string> {
+    spacing: {
+        scale: Record<ScaleValues, ScaleToken>;
+    };
+}
 export interface BackgroundColorTokenSchema<BaseToken> {
     color: {
         blanket: {
@@ -653,4 +672,25 @@ 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> {
+    spacing: {
+        container: {
+            gutter: SpacingToken<BaseToken>;
+        };
+        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>;
+        };
+    };
+}
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/tokens",
-  "version": "0.10.26",
+  "version": "0.10.28",
   "author": "Atlassian Pty Ltd",
   "description": "Design tokens are the single source of truth to name and store design decisions.",
   "license": "Apache-2.0",
@@ -38,6 +38,7 @@
     "./tokens-raw": "./src/entry-points/tokens-raw.tsx",
     "./token-ids": "./src/entry-points/token-ids.tsx",
     "./token-names": "./src/entry-points/token-names.tsx",
+    "./spacing-raw": "./src/entry-points/spacing-raw.tsx",
     "./rename-mapping": "./src/entry-points/rename-mapping.tsx",
     "./babel-plugin": "./src/entry-points/babel-plugin.tsx",
     "./css/atlassian-light.css": "./css/atlassian-light.css",
@@ -69,6 +70,7 @@
     "@atlaskit/code": "^14.4.0",
     "@atlaskit/docs": "^9.0.10",
     "@atlaskit/dropdown-menu": "^11.5.0",
+    "@atlaskit/ds-explorations": "^0.1.5",
     "@atlaskit/dynamic-table": "^14.8.0",
     "@atlaskit/empty-state": "^7.4.0",
     "@atlaskit/focus-ring": "^1.1.0",

package/report.api.md

@@ -18,7 +18,10 @@
 export type CSSToken = CSSTokenMap[keyof CSSTokenMap];
 
 // @public (undocumented)
-type CSSTokenMap = {
+type CSSTokenMap = CSSTokenMap_2 & CSSTokenMap_3;
+
+// @public (undocumented)
+type CSSTokenMap_2 = {
   'color.text.accent.blue': 'var(--ds-text-accent-blue)';
   'color.text.accent.blue.bolder': 'var(--ds-text-accent-blue-bolder)';
   'color.text.accent.red': 'var(--ds-text-accent-red)';
@@ -312,6 +315,23 @@ type CSSTokenMap = {
   'utility.UNSAFE_util.MISSING_TOKEN': 'var(--ds-UNSAFE_util-MISSING_TOKEN)';
 };
 
+// @public (undocumented)
+type CSSTokenMap_3 = {
+  '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)';
+  '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.025': 'var(--ds-scale-025)';
+  'spacing.scale.050': 'var(--ds-scale-050)';
+  'spacing.scale.075': 'var(--ds-scale-075)';
+};
+
 // @public (undocumented)
 export const setGlobalTheme: (theme: Themes) => void;
 
@@ -327,7 +347,13 @@ export class ThemeMutationObserver {
 }
 
 // @public (undocumented)
-const THEMES: readonly ['light', 'dark', 'legacy-light', 'legacy-dark'];
+const THEMES: readonly [
+  'light',
+  'dark',
+  'legacy-light',
+  'legacy-dark',
+  'spacing',
+];
 
 // @public (undocumented)
 export type Themes = typeof THEMES[number];
@@ -341,8 +367,21 @@ export function token<T extends keyof Tokens>(
 // @public (undocumented)
 type Tokens = typeof tokens;
 
-// @public
+// @public (undocumented)
 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';
+  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.025': '--ds-scale-025';
+  readonly 'spacing.scale.050': '--ds-scale-050';
+  readonly 'spacing.scale.075': '--ds-scale-075';
   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/spacing-raw/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@atlaskit/tokens/spacing-raw",
+  "main": "../dist/cjs/entry-points/spacing-raw.js",
+  "module": "../dist/esm/entry-points/spacing-raw.js",
+  "module:es2019": "../dist/es2019/entry-points/spacing-raw.js",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "types": "../dist/types/entry-points/spacing-raw.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/entry-points/spacing-raw.d.ts"
+      ]
+    }
+  }
+}

package/tmp/api-report-tmp.d.ts

@@ -8,7 +8,10 @@
 export type CSSToken = CSSTokenMap[keyof CSSTokenMap];
 
 // @public (undocumented)
-type CSSTokenMap = {
+type CSSTokenMap = CSSTokenMap_2 & CSSTokenMap_3;
+
+// @public (undocumented)
+type CSSTokenMap_2 = {
     'color.text.accent.blue': 'var(--ds-text-accent-blue)';
     'color.text.accent.blue.bolder': 'var(--ds-text-accent-blue-bolder)';
     'color.text.accent.red': 'var(--ds-text-accent-red)';
@@ -302,6 +305,23 @@ type CSSTokenMap = {
     'utility.UNSAFE_util.MISSING_TOKEN': 'var(--ds-UNSAFE_util-MISSING_TOKEN)';
 };
 
+// @public (undocumented)
+type CSSTokenMap_3 = {
+    '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)';
+    '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.025': 'var(--ds-scale-025)';
+    'spacing.scale.050': 'var(--ds-scale-050)';
+    'spacing.scale.075': 'var(--ds-scale-075)';
+};
+
 // @public (undocumented)
 export const setGlobalTheme: (theme: Themes) => void;
 
@@ -317,7 +337,7 @@ export class ThemeMutationObserver {
 }
 
 // @public (undocumented)
-const THEMES: readonly ["light", "dark", "legacy-light", "legacy-dark"];
+const THEMES: readonly ["light", "dark", "legacy-light", "legacy-dark", "spacing"];
 
 // @public (undocumented)
 export type Themes = typeof THEMES[number];
@@ -328,8 +348,21 @@ export function token<T extends keyof Tokens>(path: T, fallback?: string): CSSTo
 // @public (undocumented)
 type Tokens = typeof tokens;
 
-// @public
+// @public (undocumented)
 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";
+    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.025': "--ds-scale-025";
+    readonly 'spacing.scale.050': "--ds-scale-050";
+    readonly 'spacing.scale.075': "--ds-scale-075";
     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";