@atlaskit/tokens 0.10.25 → 0.10.27

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::c5f4991ca82e83d24ff38509c8df5121>>
+ * @codegenCommand yarn build tokens
+ */
+declare const defaultTokenValues: {
+    readonly 'spacing.container.gutter': "8px";
+    readonly 'spacing.scale.0': "0";
+    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::09e6dd0e22e09011160890dfb93241da>>
+ * @codegenCommand yarn build tokens
+ */
+export {};

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::09e6dd0e22e09011160890dfb93241da>>
+ * @codegenCommand yarn build tokens
+ */
+export {};

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/palettes/palette.d.ts

@@ -1,5 +1,5 @@
 import type { PaletteColorTokenSchema } from '../types';
-declare type PaletteValues = 'B100' | 'B200' | 'B300' | 'B400' | 'B500' | 'B600' | 'B700' | 'B800' | 'B900' | 'B1000' | 'R100' | 'R200' | 'R300' | 'R400' | 'R500' | 'R600' | 'R700' | 'R800' | 'R900' | 'R1000' | 'Y100' | 'Y200' | 'Y300' | 'Y400' | 'Y500' | 'Y600' | 'Y700' | 'Y800' | 'Y900' | 'Y1000' | 'G100' | 'G200' | 'G300' | 'G400' | 'G500' | 'G600' | 'G700' | 'G800' | 'G900' | 'G1000' | 'P100' | 'P200' | 'P300' | 'P400' | 'P500' | 'P600' | 'P700' | 'P800' | 'P900' | 'P1000' | 'T100' | 'T200' | 'T300' | 'T400' | 'T500' | 'T600' | 'T700' | 'T800' | 'T900' | 'T1000' | 'O100' | 'O200' | 'O300' | 'O400' | 'O500' | 'O600' | 'O700' | 'O800' | 'O900' | 'O1000' | 'M100' | 'M200' | 'M300' | 'M400' | 'M500' | 'M600' | 'M700' | 'M800' | 'M900' | 'M1000' | 'DN-100' | 'DN-100A' | 'DN0' | 'DN100' | 'DN100A' | 'DN200' | 'DN200A' | 'DN300' | 'DN300A' | 'DN400' | 'DN400A' | 'DN500' | 'DN500A' | 'DN600' | 'DN700' | 'DN800' | 'DN900' | 'DN1000' | 'DN1100' | 'N0' | 'N100' | 'N100A' | 'N200' | 'N200A' | 'N300' | 'N300A' | 'N400' | 'N400A' | 'N500' | 'N500A' | 'N600' | 'N700' | 'N800' | 'N900' | 'N1000' | 'N1100';
+declare type PaletteValues = 'Blue100' | 'Blue200' | 'Blue300' | 'Blue400' | 'Blue500' | 'Blue600' | 'Blue700' | 'Blue800' | 'Blue900' | 'Blue1000' | 'Red100' | 'Red200' | 'Red300' | 'Red400' | 'Red500' | 'Red600' | 'Red700' | 'Red800' | 'Red900' | 'Red1000' | 'Yellow100' | 'Yellow200' | 'Yellow300' | 'Yellow400' | 'Yellow500' | 'Yellow600' | 'Yellow700' | 'Yellow800' | 'Yellow900' | 'Yellow1000' | 'Green100' | 'Green200' | 'Green300' | 'Green400' | 'Green500' | 'Green600' | 'Green700' | 'Green800' | 'Green900' | 'Green1000' | 'Purple100' | 'Purple200' | 'Purple300' | 'Purple400' | 'Purple500' | 'Purple600' | 'Purple700' | 'Purple800' | 'Purple900' | 'Purple1000' | 'Teal100' | 'Teal200' | 'Teal300' | 'Teal400' | 'Teal500' | 'Teal600' | 'Teal700' | 'Teal800' | 'Teal900' | 'Teal1000' | 'Orange100' | 'Orange200' | 'Orange300' | 'Orange400' | 'Orange500' | 'Orange600' | 'Orange700' | 'Orange800' | 'Orange900' | 'Orange1000' | 'Magenta100' | 'Magenta200' | 'Magenta300' | 'Magenta400' | 'Magenta500' | 'Magenta600' | 'Magenta700' | 'Magenta800' | 'Magenta900' | 'Magenta1000' | 'DarkNeutral-100' | 'DarkNeutral-100A' | 'DarkNeutral0' | 'DarkNeutral100' | 'DarkNeutral100A' | 'DarkNeutral200' | 'DarkNeutral200A' | 'DarkNeutral300' | 'DarkNeutral300A' | 'DarkNeutral400' | 'DarkNeutral400A' | 'DarkNeutral500' | 'DarkNeutral500A' | 'DarkNeutral600' | 'DarkNeutral700' | 'DarkNeutral800' | 'DarkNeutral900' | 'DarkNeutral1000' | 'DarkNeutral1100' | 'Neutral0' | 'Neutral100' | 'Neutral100A' | 'Neutral200' | 'Neutral200A' | 'Neutral300' | 'Neutral300A' | 'Neutral400' | 'Neutral400A' | 'Neutral500' | 'Neutral500A' | 'Neutral600' | 'Neutral700' | 'Neutral800' | 'Neutral900' | 'Neutral1000' | 'Neutral1100';
 export declare type BaseToken = keyof PaletteColorTokenSchema<PaletteValues>['color']['palette'];
 declare const palette: PaletteColorTokenSchema<PaletteValues>;
 export default palette;

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-dark/utility/utility.d.ts

@@ -1,5 +1,5 @@
 import type { UtilTokenSchema, ValueSchema } from '../../../types';
 declare const _default: {
-    utility: ValueSchema<UtilTokenSchema<"R100" | "R200" | "R300" | "R400" | "R500" | "Y100" | "Y200" | "Y300" | "Y400" | "Y500" | "G100" | "G200" | "G300" | "G400" | "G500" | "B100" | "B200" | "B300" | "B400" | "B500" | "P100" | "P200" | "P300" | "P400" | "P500" | "T100" | "T200" | "T300" | "T400" | "T500" | "N0" | "N100" | "N200" | "N300" | "N400" | "N500" | "N600" | "N700" | "N800" | "N900" | "N100A" | "N200A" | "N300A" | "N400A" | "N500A" | "DN900" | "DN800" | "DN700" | "DN600" | "DN500" | "DN400" | "DN300" | "DN200" | "DN100" | "DN0" | "DN500A" | "DN400A" | "DN300A" | "DN200A" | "DN100A" | "B600" | "B700" | "B800" | "B900" | "B1000" | "R600" | "R700" | "R800" | "R900" | "R1000" | "Y600" | "Y700" | "Y800" | "Y900" | "Y1000" | "G600" | "G700" | "G800" | "G900" | "G1000" | "P600" | "P700" | "P800" | "P900" | "P1000" | "T600" | "T700" | "T800" | "T900" | "T1000" | "O100" | "O200" | "O300" | "O400" | "O500" | "O600" | "O700" | "O800" | "O900" | "O1000" | "M100" | "M200" | "M300" | "M400" | "M500" | "M600" | "M700" | "M800" | "M900" | "M1000" | "DN-100" | "DN-100A" | "DN1000" | "DN1100" | "N1000" | "N1100">>;
+    utility: ValueSchema<UtilTokenSchema<"Blue100" | "Blue200" | "Blue300" | "Blue400" | "Blue500" | "Blue600" | "Blue700" | "Blue800" | "Blue900" | "Blue1000" | "Red100" | "Red200" | "Red300" | "Red400" | "Red500" | "Red600" | "Red700" | "Red800" | "Red900" | "Red1000" | "Yellow100" | "Yellow200" | "Yellow300" | "Yellow400" | "Yellow500" | "Yellow600" | "Yellow700" | "Yellow800" | "Yellow900" | "Yellow1000" | "Green100" | "Green200" | "Green300" | "Green400" | "Green500" | "Green600" | "Green700" | "Green800" | "Green900" | "Green1000" | "Purple100" | "Purple200" | "Purple300" | "Purple400" | "Purple500" | "Purple600" | "Purple700" | "Purple800" | "Purple900" | "Purple1000" | "Teal100" | "Teal200" | "Teal300" | "Teal400" | "Teal500" | "Teal600" | "Teal700" | "Teal800" | "Teal900" | "Teal1000" | "Orange100" | "Orange200" | "Orange300" | "Orange400" | "Orange500" | "Orange600" | "Orange700" | "Orange800" | "Orange900" | "Orange1000" | "Magenta100" | "Magenta200" | "Magenta300" | "Magenta400" | "Magenta500" | "Magenta600" | "Magenta700" | "Magenta800" | "Magenta900" | "Magenta1000" | "DarkNeutral-100" | "DarkNeutral-100A" | "DarkNeutral0" | "DarkNeutral100" | "DarkNeutral100A" | "DarkNeutral200" | "DarkNeutral200A" | "DarkNeutral300" | "DarkNeutral300A" | "DarkNeutral400" | "DarkNeutral400A" | "DarkNeutral500" | "DarkNeutral500A" | "DarkNeutral600" | "DarkNeutral700" | "DarkNeutral800" | "DarkNeutral900" | "DarkNeutral1000" | "DarkNeutral1100" | "Neutral0" | "Neutral100" | "Neutral100A" | "Neutral200" | "Neutral200A" | "Neutral300" | "Neutral300A" | "Neutral400" | "Neutral400A" | "Neutral500" | "Neutral500A" | "Neutral600" | "Neutral700" | "Neutral800" | "Neutral900" | "Neutral1000" | "Neutral1100">>;
 };
 export default _default;

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

@@ -1,5 +1,5 @@
 import type { UtilTokenSchema, ValueSchema } from '../../../types';
 declare const _default: {
-    utility: ValueSchema<UtilTokenSchema<"R100" | "R200" | "R300" | "R400" | "R500" | "Y100" | "Y200" | "Y300" | "Y400" | "Y500" | "G100" | "G200" | "G300" | "G400" | "G500" | "B100" | "B200" | "B300" | "B400" | "B500" | "P100" | "P200" | "P300" | "P400" | "P500" | "T100" | "T200" | "T300" | "T400" | "T500" | "N0" | "N100" | "N200" | "N300" | "N400" | "N500" | "N600" | "N700" | "N800" | "N900" | "N100A" | "N200A" | "N300A" | "N400A" | "N500A" | "DN900" | "DN800" | "DN700" | "DN600" | "DN500" | "DN400" | "DN300" | "DN200" | "DN100" | "DN0" | "DN500A" | "DN400A" | "DN300A" | "DN200A" | "DN100A" | "B600" | "B700" | "B800" | "B900" | "B1000" | "R600" | "R700" | "R800" | "R900" | "R1000" | "Y600" | "Y700" | "Y800" | "Y900" | "Y1000" | "G600" | "G700" | "G800" | "G900" | "G1000" | "P600" | "P700" | "P800" | "P900" | "P1000" | "T600" | "T700" | "T800" | "T900" | "T1000" | "O100" | "O200" | "O300" | "O400" | "O500" | "O600" | "O700" | "O800" | "O900" | "O1000" | "M100" | "M200" | "M300" | "M400" | "M500" | "M600" | "M700" | "M800" | "M900" | "M1000" | "DN-100" | "DN-100A" | "DN1000" | "DN1100" | "N1000" | "N1100">>;
+    utility: ValueSchema<UtilTokenSchema<"Blue100" | "Blue200" | "Blue300" | "Blue400" | "Blue500" | "Blue600" | "Blue700" | "Blue800" | "Blue900" | "Blue1000" | "Red100" | "Red200" | "Red300" | "Red400" | "Red500" | "Red600" | "Red700" | "Red800" | "Red900" | "Red1000" | "Yellow100" | "Yellow200" | "Yellow300" | "Yellow400" | "Yellow500" | "Yellow600" | "Yellow700" | "Yellow800" | "Yellow900" | "Yellow1000" | "Green100" | "Green200" | "Green300" | "Green400" | "Green500" | "Green600" | "Green700" | "Green800" | "Green900" | "Green1000" | "Purple100" | "Purple200" | "Purple300" | "Purple400" | "Purple500" | "Purple600" | "Purple700" | "Purple800" | "Purple900" | "Purple1000" | "Teal100" | "Teal200" | "Teal300" | "Teal400" | "Teal500" | "Teal600" | "Teal700" | "Teal800" | "Teal900" | "Teal1000" | "Orange100" | "Orange200" | "Orange300" | "Orange400" | "Orange500" | "Orange600" | "Orange700" | "Orange800" | "Orange900" | "Orange1000" | "Magenta100" | "Magenta200" | "Magenta300" | "Magenta400" | "Magenta500" | "Magenta600" | "Magenta700" | "Magenta800" | "Magenta900" | "Magenta1000" | "DarkNeutral-100" | "DarkNeutral-100A" | "DarkNeutral0" | "DarkNeutral100" | "DarkNeutral100A" | "DarkNeutral200" | "DarkNeutral200A" | "DarkNeutral300" | "DarkNeutral300A" | "DarkNeutral400" | "DarkNeutral400A" | "DarkNeutral500" | "DarkNeutral500A" | "DarkNeutral600" | "DarkNeutral700" | "DarkNeutral800" | "DarkNeutral900" | "DarkNeutral1000" | "DarkNeutral1100" | "Neutral0" | "Neutral100" | "Neutral100A" | "Neutral200" | "Neutral200A" | "Neutral300" | "Neutral300A" | "Neutral400" | "Neutral400A" | "Neutral500" | "Neutral500A" | "Neutral600" | "Neutral700" | "Neutral800" | "Neutral900" | "Neutral1000" | "Neutral1100">>;
 };
 export default _default;

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/tokens/default/utility/utility.d.ts

@@ -1,5 +1,5 @@
 import type { AttributeSchema, UtilTokenSchema } from '../../../types';
 declare const _default: {
-    utility: AttributeSchema<UtilTokenSchema<"R100" | "R200" | "R300" | "R400" | "R500" | "Y100" | "Y200" | "Y300" | "Y400" | "Y500" | "G100" | "G200" | "G300" | "G400" | "G500" | "B100" | "B200" | "B300" | "B400" | "B500" | "P100" | "P200" | "P300" | "P400" | "P500" | "T100" | "T200" | "T300" | "T400" | "T500" | "N0" | "N100" | "N200" | "N300" | "N400" | "N500" | "N600" | "N700" | "N800" | "N900" | "N100A" | "N200A" | "N300A" | "N400A" | "N500A" | "DN900" | "DN800" | "DN700" | "DN600" | "DN500" | "DN400" | "DN300" | "DN200" | "DN100" | "DN0" | "DN500A" | "DN400A" | "DN300A" | "DN200A" | "DN100A" | "B600" | "B700" | "B800" | "B900" | "B1000" | "R600" | "R700" | "R800" | "R900" | "R1000" | "Y600" | "Y700" | "Y800" | "Y900" | "Y1000" | "G600" | "G700" | "G800" | "G900" | "G1000" | "P600" | "P700" | "P800" | "P900" | "P1000" | "T600" | "T700" | "T800" | "T900" | "T1000" | "O100" | "O200" | "O300" | "O400" | "O500" | "O600" | "O700" | "O800" | "O900" | "O1000" | "M100" | "M200" | "M300" | "M400" | "M500" | "M600" | "M700" | "M800" | "M900" | "M1000" | "DN-100" | "DN-100A" | "DN1000" | "DN1100" | "N1000" | "N1100">>;
+    utility: AttributeSchema<UtilTokenSchema<"Blue100" | "Blue200" | "Blue300" | "Blue400" | "Blue500" | "Blue600" | "Blue700" | "Blue800" | "Blue900" | "Blue1000" | "Red100" | "Red200" | "Red300" | "Red400" | "Red500" | "Red600" | "Red700" | "Red800" | "Red900" | "Red1000" | "Yellow100" | "Yellow200" | "Yellow300" | "Yellow400" | "Yellow500" | "Yellow600" | "Yellow700" | "Yellow800" | "Yellow900" | "Yellow1000" | "Green100" | "Green200" | "Green300" | "Green400" | "Green500" | "Green600" | "Green700" | "Green800" | "Green900" | "Green1000" | "Purple100" | "Purple200" | "Purple300" | "Purple400" | "Purple500" | "Purple600" | "Purple700" | "Purple800" | "Purple900" | "Purple1000" | "Teal100" | "Teal200" | "Teal300" | "Teal400" | "Teal500" | "Teal600" | "Teal700" | "Teal800" | "Teal900" | "Teal1000" | "Orange100" | "Orange200" | "Orange300" | "Orange400" | "Orange500" | "Orange600" | "Orange700" | "Orange800" | "Orange900" | "Orange1000" | "Magenta100" | "Magenta200" | "Magenta300" | "Magenta400" | "Magenta500" | "Magenta600" | "Magenta700" | "Magenta800" | "Magenta900" | "Magenta1000" | "DarkNeutral-100" | "DarkNeutral-100A" | "DarkNeutral0" | "DarkNeutral100" | "DarkNeutral100A" | "DarkNeutral200" | "DarkNeutral200A" | "DarkNeutral300" | "DarkNeutral300A" | "DarkNeutral400" | "DarkNeutral400A" | "DarkNeutral500" | "DarkNeutral500A" | "DarkNeutral600" | "DarkNeutral700" | "DarkNeutral800" | "DarkNeutral900" | "DarkNeutral1000" | "DarkNeutral1100" | "Neutral0" | "Neutral100" | "Neutral100A" | "Neutral200" | "Neutral200A" | "Neutral300" | "Neutral300A" | "Neutral400" | "Neutral400A" | "Neutral500" | "Neutral500A" | "Neutral600" | "Neutral700" | "Neutral800" | "Neutral900" | "Neutral1000" | "Neutral1100">>;
 };
 export default _default;

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,12 +18,12 @@ export interface Token<TValue, Group extends Groups> {
         group: Group;
         description?: string;
         state?: TokenState;
-        replacement?: Replacement;
+        replacement?: Replacement | ExperimentalReplacement;
     };
 }
 /**
  * Base tokens define the raw values consumed by Design Tokens. They are a context-agnostic
- * name:value pairing (for example, the base token N0 represents the value #FFFFFF ).
+ * name:value pairing (for example, the base token Neutral0 represents the value #FFFFFF ).
  */
 export interface BaseToken<TValue, Group extends Groups> extends Token<TValue, Group> {
     attributes: {
@@ -30,7 +32,7 @@ export interface BaseToken<TValue, Group extends Groups> extends Token<TValue, G
 }
 /**
  * Design tokens represent single sources of truth to name and store semantic design decisions.
- * They map a semantic name (color.background.default) to a base token (N0).
+ * They map a semantic name (color.background.default) to a base token (Neutral0).
  */
 export interface DesignToken<TValue, Group extends Groups> extends Token<TValue, Group> {
     attributes: {
@@ -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.25",
+  "version": "0.10.27",
   "author": "Atlassian Pty Ltd",
   "description": "Design tokens are the single source of truth to name and store design decisions.",
   "license": "Apache-2.0",
@@ -9,7 +9,7 @@
   },
   "atlassian": {
     "team": "Design System Team",
-    "releaseModel": "scheduled",
+    "releaseModel": "continuous",
     "website": {
       "name": "Design tokens",
       "category": "Libraries",
@@ -69,6 +69,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

@@ -1,13 +1,27 @@
-## API Report File for "@atlaskit/tokens".
+<!-- API Report Version: 2.2 -->
 
-> Do not edit this file. This report is auto-generated by [API Extractor](https://api-extractor.com/).
+## API Report File for "@atlaskit/tokens"
 
-[Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+> Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
+> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
 
-````ts
-export declare type CSSToken = CSSTokenMap[keyof CSSTokenMap];
+### Table of contents
 
-declare type CSSTokenMap = {
+- [Main Entry Types](#main-entry-types)
+
+### Main Entry Types
+
+<!--SECTION START: Main Entry Types-->
+
+```ts
+// @public (undocumented)
+export type CSSToken = CSSTokenMap[keyof CSSTokenMap];
+
+// @public (undocumented)
+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)';
@@ -286,53 +300,88 @@ declare type CSSTokenMap = {
   'elevation.shadow.overflow': 'var(--ds-shadow-overflow)';
   'elevation.shadow.overlay': 'var(--ds-shadow-overlay)';
   'elevation.surface': 'var(--ds-surface)';
+  'elevation.surface.hovered': 'var(--ds-surface-hovered)';
+  'elevation.surface.pressed': 'var(--ds-surface-pressed)';
   'elevation.surface.sunken': 'var(--ds-surface-sunken)';
   'elevation.surface.raised': 'var(--ds-surface-raised)';
+  'elevation.surface.raised.hovered': 'var(--ds-surface-raised-hovered)';
+  'elevation.surface.raised.pressed': 'var(--ds-surface-raised-pressed)';
   'elevation.surface.overlay': 'var(--ds-surface-overlay)';
+  'elevation.surface.overlay.hovered': 'var(--ds-surface-overlay-hovered)';
+  'elevation.surface.overlay.pressed': 'var(--ds-surface-overlay-pressed)';
+  'opacity.disabled': 'var(--ds-opacity-disabled)';
+  'opacity.loading': 'var(--ds-opacity-loading)';
   'utility.UNSAFE_util.transparent': 'var(--ds-UNSAFE_util-transparent)';
   'utility.UNSAFE_util.MISSING_TOKEN': 'var(--ds-UNSAFE_util-MISSING_TOKEN)';
 };
 
-export declare const setGlobalTheme: (theme: Themes) => void;
+// @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;
 
-/**
- * A MutationObserver which watches the `<html>` element for changes to the theme.
- *
- * In React, use the {@link useThemeObserver `useThemeObserver`} hook instead.
- *
- * @param {function} callback - A callback function which fires when the theme changes.
- *
- * @example
- * ```
- * const observer = new ThemeMutationObserver((theme) => {});
- * observer.observe();
- * ```
- */
-export declare class ThemeMutationObserver {
-  private callback;
-  observer: MutationObserver | null;
+// @public
+export class ThemeMutationObserver {
   constructor(callback: (theme: Themes | null) => unknown);
-  observe(): void;
+  // (undocumented)
   disconnect(): void;
+  // (undocumented)
+  observe(): void;
+  // (undocumented)
+  observer: MutationObserver | null;
 }
 
-declare const THEMES: readonly ['light', 'dark'];
+// @public (undocumented)
+const THEMES: readonly [
+  'light',
+  'dark',
+  'legacy-light',
+  'legacy-dark',
+  'spacing',
+];
 
-export declare type Themes = typeof THEMES[number];
+// @public (undocumented)
+export type Themes = typeof THEMES[number];
 
-export declare function token<T extends keyof Tokens>(
+// @public (undocumented)
+export function token<T extends keyof Tokens>(
   path: T,
   fallback?: string,
 ): CSSTokenMap[T];
 
-declare type Tokens = typeof tokens;
+// @public (undocumented)
+type Tokens = typeof tokens;
 
-/**
- * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::3acc6507214a2d925fd75bce0549f0ab>>
- * @codegenCommand yarn build tokens
- */
-declare const tokens: {
+// @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';
@@ -611,27 +660,25 @@ declare const tokens: {
   readonly 'elevation.shadow.overflow': '--ds-shadow-overflow';
   readonly 'elevation.shadow.overlay': '--ds-shadow-overlay';
   readonly 'elevation.surface': '--ds-surface';
+  readonly 'elevation.surface.hovered': '--ds-surface-hovered';
+  readonly 'elevation.surface.pressed': '--ds-surface-pressed';
   readonly 'elevation.surface.sunken': '--ds-surface-sunken';
   readonly 'elevation.surface.raised': '--ds-surface-raised';
+  readonly 'elevation.surface.raised.hovered': '--ds-surface-raised-hovered';
+  readonly 'elevation.surface.raised.pressed': '--ds-surface-raised-pressed';
   readonly 'elevation.surface.overlay': '--ds-surface-overlay';
+  readonly 'elevation.surface.overlay.hovered': '--ds-surface-overlay-hovered';
+  readonly 'elevation.surface.overlay.pressed': '--ds-surface-overlay-pressed';
+  readonly 'opacity.disabled': '--ds-opacity-disabled';
+  readonly 'opacity.loading': '--ds-opacity-loading';
   readonly 'utility.UNSAFE_util.transparent': '--ds-UNSAFE_util-transparent';
   readonly 'utility.UNSAFE_util.MISSING_TOKEN': '--ds-UNSAFE_util-MISSING_TOKEN';
 };
 
-/**
- * A React hook which returns the current theme set on `<html>`, or `null` if not set.
- *
- * @example
- * ```
- * const theme = useThemeObserver(); // Returns 'light' or 'dark'
- *
- * // Performing side effects when it changes
- * useEffect(() => {
- *   console.log(`The theme has changed to ${theme}`);
- * }, [theme]);
- * ```
- */
-export declare const useThemeObserver: () => Themes | null;
+// @public
+export const useThemeObserver: () => Themes | null;
+
+// (No @packageDocumentation comment for this package)
+```
 
-export {};
-````
+<!--SECTION END: Main Entry Types-->