@atlaskit/tokens 0.10.31 → 0.10.33

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

@@ -4,7 +4,7 @@
  * 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::128d2aed73e7128437a797c426204b37>>
+ * @codegen <<SignedSource::ef6186f17dafc7e13af4096ad3cf41bb>>
  * @codegenCommand yarn build tokens
  */
 declare const defaultTokenValues: {
@@ -283,7 +283,9 @@ declare const defaultTokenValues: {
     readonly 'shadow.card': "0px 1px 1px #091E4240, 0px 0px 1px #091E424F";
     readonly 'shadow.overlay': "0px 8px 12px #091E4226, 0px 0px 1px #091E424F";
     readonly 'elevation.shadow.raised': "0px 1px 1px #091E4240, 0px 0px 1px #091E424F";
-    readonly 'elevation.shadow.overflow': "0px 8px 8px #091E4214, 0px 0px 1px #091E421F";
+    readonly 'elevation.shadow.overflow': "0px 0px 8px #091E4229, 0px 0px 1px #091E421F";
+    readonly 'elevation.shadow.overflow.spread': "#091e4229";
+    readonly 'elevation.shadow.overflow.perimeter': "#091e421f";
     readonly 'elevation.shadow.overlay': "0px 8px 12px #091E4226, 0px 0px 1px #091E424F";
     readonly 'elevation.surface': "#FFFFFF";
     readonly 'elevation.surface.hovered': "#F1F2F4";

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::709c400533fbf03cd0b347f1aa9b3ff6>>
+ * @codegen <<SignedSource::83290a114618bdfa1ff9d24e32a6f1b1>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: {
@@ -280,6 +280,8 @@ declare const tokens: {
     readonly 'shadow.overlay': "--ds-overlay";
     readonly 'elevation.shadow.raised': "--ds-shadow-raised";
     readonly 'elevation.shadow.overflow': "--ds-shadow-overflow";
+    readonly 'elevation.shadow.overflow.spread': "--ds-shadow-overflow-spread";
+    readonly 'elevation.shadow.overflow.perimeter': "--ds-shadow-overflow-perimeter";
     readonly 'elevation.shadow.overlay': "--ds-shadow-overlay";
     readonly 'elevation.surface': "--ds-surface";
     readonly 'elevation.surface.hovered': "--ds-surface-hovered";
@@ -573,6 +575,8 @@ export declare type CSSTokenMap = {
     'shadow.overlay': 'var(--ds-overlay)';
     'elevation.shadow.raised': 'var(--ds-shadow-raised)';
     'elevation.shadow.overflow': 'var(--ds-shadow-overflow)';
+    'elevation.shadow.overflow.spread': 'var(--ds-shadow-overflow-spread)';
+    'elevation.shadow.overflow.perimeter': 'var(--ds-shadow-overflow-perimeter)';
     'elevation.shadow.overlay': 'var(--ds-shadow-overlay)';
     'elevation.surface': 'var(--ds-surface)';
     'elevation.surface.hovered': 'var(--ds-surface-hovered)';

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::39f5c50a16b92a67dcd34ffb038b73d2>>
+ * @codegen <<SignedSource::ac998ce60e638b25c6f248bb8a5ade05>>
  * @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';
+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.[default]' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overflow.perimeter' | '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/artifacts/typescript/atlassian-light-types.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::02e94c9602d30a3320fd9e00a1950a7c>>
+ * @codegen <<SignedSource::14b924918199fae4ec5e7515a026c3e8>>
  * @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';
+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.overflow.spread' | 'elevation.shadow.overflow.perimeter' | '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/artifacts/typescript/atlassian-spacing-token-default-values.d.ts

@@ -4,85 +4,85 @@
  * 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::05c2fcc3d0dba0931605dc98f7540009>>
+ * @codegen <<SignedSource::070fc18ba91d3a0673dcabb4f936f8d9>>
  * @codegenCommand yarn build tokens
  */
 declare const defaultTokenValues: {
-    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";
-    readonly 'spacing.scaleLinear.0': "0px";
-    readonly 'spacing.scaleLinear.100': "2px";
-    readonly 'spacing.scaleLinear.200': "4px";
-    readonly 'spacing.scaleLinear.300': "6px";
-    readonly 'spacing.scaleLinear.400': "8px";
-    readonly 'spacing.scaleLinear.500': "12px";
-    readonly 'spacing.scaleLinear.600': "16px";
-    readonly 'spacing.scaleLinear.700': "20px";
-    readonly 'spacing.scaleLinear.800': "24px";
-    readonly 'spacing.scaleLinear.900': "32px";
-    readonly 'spacing.scaleLinear.1000': "40px";
-    readonly 'spacing.scaleLinear.1100': "48px";
-    readonly 'spacing.pixel.0': "0px";
-    readonly 'spacing.pixel.2': "2px";
-    readonly 'spacing.pixel.4': "4px";
-    readonly 'spacing.pixel.6': "6px";
-    readonly 'spacing.pixel.8': "8px";
-    readonly 'spacing.pixel.12': "12px";
-    readonly 'spacing.pixel.16': "16px";
-    readonly 'spacing.pixel.20': "20px";
-    readonly 'spacing.pixel.24': "24px";
-    readonly 'spacing.pixel.32': "32px";
-    readonly 'spacing.pixel.40': "40px";
-    readonly 'spacing.pixel.48': "48px";
-    readonly 'spacing.size.none': "0px";
-    readonly 'spacing.size.xxxxSmall': "2px";
-    readonly 'spacing.size.xxxSmall': "4px";
-    readonly 'spacing.size.xxSmall': "6px";
-    readonly 'spacing.size.xsmall': "8px";
-    readonly 'spacing.size.small': "12px";
-    readonly 'spacing.size.medium': "16px";
-    readonly 'spacing.size.large': "20px";
-    readonly 'spacing.size.xlarge': "24px";
-    readonly 'spacing.size.xxlarge': "32px";
-    readonly 'spacing.size.xxxlarge': "40px";
-    readonly 'spacing.size.xxxxlarge': "48px";
-    readonly 'spacing.ecl.element.2': "2px";
-    readonly 'spacing.ecl.element.4': "4px";
-    readonly 'spacing.ecl.element.6': "6px";
-    readonly 'spacing.ecl.element.8': "8px";
-    readonly 'spacing.ecl.container.12': "12px";
-    readonly 'spacing.ecl.container.16': "16px";
-    readonly 'spacing.ecl.container.20': "20px";
-    readonly 'spacing.ecl.container.24': "24px";
-    readonly 'spacing.ecl.layout.32': "32px";
-    readonly 'spacing.ecl.layout.40': "40px";
-    readonly 'spacing.ecl.layout.64': "48px";
-    readonly 'spacing.ccc.component.2': "2px";
-    readonly 'spacing.ccc.component.4': "4px";
-    readonly 'spacing.ccc.component.6': "6px";
-    readonly 'spacing.ccc.component.8': "8px";
-    readonly 'spacing.ccc.content.12': "12px";
-    readonly 'spacing.ccc.content.16': "16px";
-    readonly 'spacing.ccc.content.20': "20px";
-    readonly 'spacing.ccc.content.24': "24px";
-    readonly 'spacing.ccc.container.32': "32px";
-    readonly 'spacing.ccc.container.40': "40px";
-    readonly 'spacing.ccc.container.48': "48px";
-    readonly 'spacing.gap.100': "8px";
-    readonly 'spacing.gap.200': "16px";
-    readonly 'spacing.gap.300': "24px";
-    readonly 'spacing.inset.100': "8px";
-    readonly 'spacing.inset.200': "16px";
-    readonly 'spacing.inset.300': "24px";
+    readonly 'spacing.scale.0': "0";
+    readonly 'spacing.scale.100': "0.5rem";
+    readonly 'spacing.scale.150': "0.75rem";
+    readonly 'spacing.scale.200': "1rem";
+    readonly 'spacing.scale.250': "1.25rem";
+    readonly 'spacing.scale.300': "1.5rem";
+    readonly 'spacing.scale.400': "2rem";
+    readonly 'spacing.scale.500': "2.5rem";
+    readonly 'spacing.scale.600': "3rem";
+    readonly 'spacing.scale.025': "0.125rem";
+    readonly 'spacing.scale.050': "0.25rem";
+    readonly 'spacing.scale.075': "0.375rem";
+    readonly 'spacing.scaleLinear.0': "0";
+    readonly 'spacing.scaleLinear.100': "0.125rem";
+    readonly 'spacing.scaleLinear.200': "0.25rem";
+    readonly 'spacing.scaleLinear.300': "0.375rem";
+    readonly 'spacing.scaleLinear.400': "0.5rem";
+    readonly 'spacing.scaleLinear.500': "0.75rem";
+    readonly 'spacing.scaleLinear.600': "1rem";
+    readonly 'spacing.scaleLinear.700': "1.25rem";
+    readonly 'spacing.scaleLinear.800': "1.5rem";
+    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";
+    readonly 'spacing.size.xxSmall': "0.375rem";
+    readonly 'spacing.size.xsmall': "0.5rem";
+    readonly 'spacing.size.small': "0.75rem";
+    readonly 'spacing.size.medium': "1rem";
+    readonly 'spacing.size.large': "1.25rem";
+    readonly 'spacing.size.xlarge': "1.5rem";
+    readonly 'spacing.size.xxlarge': "2rem";
+    readonly 'spacing.size.xxxlarge': "2.5rem";
+    readonly 'spacing.size.xxxxlarge': "3rem";
+    readonly 'spacing.ecl.element.2': "0.125rem";
+    readonly 'spacing.ecl.element.4': "0.25rem";
+    readonly 'spacing.ecl.element.6': "0.375rem";
+    readonly 'spacing.ecl.element.8': "0.5rem";
+    readonly 'spacing.ecl.container.12': "0.75rem";
+    readonly 'spacing.ecl.container.16': "1rem";
+    readonly 'spacing.ecl.container.20': "1.25rem";
+    readonly 'spacing.ecl.container.24': "1.5rem";
+    readonly 'spacing.ecl.layout.32': "2rem";
+    readonly 'spacing.ecl.layout.40': "2.5rem";
+    readonly 'spacing.ecl.layout.64': "3rem";
+    readonly 'spacing.ccc.component.2': "0.125rem";
+    readonly 'spacing.ccc.component.4': "0.25rem";
+    readonly 'spacing.ccc.component.6': "0.375rem";
+    readonly 'spacing.ccc.component.8': "0.5rem";
+    readonly 'spacing.ccc.content.12': "0.75rem";
+    readonly 'spacing.ccc.content.16': "1rem";
+    readonly 'spacing.ccc.content.20': "1.25rem";
+    readonly 'spacing.ccc.content.24': "1.5rem";
+    readonly 'spacing.ccc.container.32': "2rem";
+    readonly 'spacing.ccc.container.40': "2.5rem";
+    readonly 'spacing.ccc.container.48': "3rem";
+    readonly 'spacing.gap.100': "0.5rem";
+    readonly 'spacing.gap.200': "1rem";
+    readonly 'spacing.gap.300': "1.5rem";
+    readonly 'spacing.inset.100': "0.5rem";
+    readonly 'spacing.inset.200': "1rem";
+    readonly 'spacing.inset.300': "1.5rem";
 };
 export default defaultTokenValues;

package/dist/types/types.d.ts

@@ -479,7 +479,11 @@ export interface ShadowTokenSchema<BaseToken> {
     elevation: {
         shadow: {
             raised: ShadowToken<BaseToken>;
-            overflow: ShadowToken<BaseToken>;
+            overflow: {
+                '[default]': ShadowToken<BaseToken>;
+                spread: PaintToken<BaseToken>;
+                perimeter: PaintToken<BaseToken>;
+            };
             overlay: ShadowToken<BaseToken>;
         };
     };

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::9ec4d3766ad54f86aa1d9891b0f32317>>
+ * @codegen <<SignedSource::e1fc16f85d9f95330fadb08536a38997>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: {

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

@@ -1,80 +1,80 @@
 declare const defaultTokens: {
-    'spacing.scale.0': "0px";
-    'spacing.scale.100': "8px";
-    'spacing.scale.150': "12px";
-    'spacing.scale.200': "16px";
-    'spacing.scale.250': "20px";
-    'spacing.scale.300': "24px";
-    'spacing.scale.400': "32px";
-    'spacing.scale.500': "40px";
-    'spacing.scale.600': "48px";
-    'spacing.scale.025': "2px";
-    'spacing.scale.050': "4px";
-    'spacing.scale.075': "6px";
-    'spacing.scaleLinear.0': "0px";
-    'spacing.scaleLinear.100': "2px";
-    'spacing.scaleLinear.200': "4px";
-    'spacing.scaleLinear.300': "6px";
-    'spacing.scaleLinear.400': "8px";
-    'spacing.scaleLinear.500': "12px";
-    'spacing.scaleLinear.600': "16px";
-    'spacing.scaleLinear.700': "20px";
-    'spacing.scaleLinear.800': "24px";
-    'spacing.scaleLinear.900': "32px";
-    'spacing.scaleLinear.1000': "40px";
-    'spacing.scaleLinear.1100': "48px";
-    'spacing.pixel.0': "0px";
-    'spacing.pixel.2': "2px";
-    'spacing.pixel.4': "4px";
-    'spacing.pixel.6': "6px";
-    'spacing.pixel.8': "8px";
-    'spacing.pixel.12': "12px";
-    'spacing.pixel.16': "16px";
-    'spacing.pixel.20': "20px";
-    'spacing.pixel.24': "24px";
-    'spacing.pixel.32': "32px";
-    'spacing.pixel.40': "40px";
-    'spacing.pixel.48': "48px";
-    'spacing.size.none': "0px";
-    'spacing.size.xxxxSmall': "2px";
-    'spacing.size.xxxSmall': "4px";
-    'spacing.size.xxSmall': "6px";
-    'spacing.size.xsmall': "8px";
-    'spacing.size.small': "12px";
-    'spacing.size.medium': "16px";
-    'spacing.size.large': "20px";
-    'spacing.size.xlarge': "24px";
-    'spacing.size.xxlarge': "32px";
-    'spacing.size.xxxlarge': "40px";
-    'spacing.size.xxxxlarge': "48px";
-    'spacing.ecl.element.2': "2px";
-    'spacing.ecl.element.4': "4px";
-    'spacing.ecl.element.6': "6px";
-    'spacing.ecl.element.8': "8px";
-    'spacing.ecl.container.12': "12px";
-    'spacing.ecl.container.16': "16px";
-    'spacing.ecl.container.20': "20px";
-    'spacing.ecl.container.24': "24px";
-    'spacing.ecl.layout.32': "32px";
-    'spacing.ecl.layout.40': "40px";
-    'spacing.ecl.layout.64': "48px";
-    'spacing.ccc.component.2': "2px";
-    'spacing.ccc.component.4': "4px";
-    'spacing.ccc.component.6': "6px";
-    'spacing.ccc.component.8': "8px";
-    'spacing.ccc.content.12': "12px";
-    'spacing.ccc.content.16': "16px";
-    'spacing.ccc.content.20': "20px";
-    'spacing.ccc.content.24': "24px";
-    'spacing.ccc.container.32': "32px";
-    'spacing.ccc.container.40': "40px";
-    'spacing.ccc.container.48': "48px";
-    'spacing.gap.100': "8px";
-    'spacing.gap.200': "16px";
-    'spacing.gap.300': "24px";
-    'spacing.inset.100': "8px";
-    'spacing.inset.200': "16px";
-    'spacing.inset.300': "24px";
+    'spacing.scale.0': "0";
+    'spacing.scale.100': "0.5rem";
+    'spacing.scale.150': "0.75rem";
+    'spacing.scale.200': "1rem";
+    'spacing.scale.250': "1.25rem";
+    'spacing.scale.300': "1.5rem";
+    'spacing.scale.400': "2rem";
+    'spacing.scale.500': "2.5rem";
+    'spacing.scale.600': "3rem";
+    'spacing.scale.025': "0.125rem";
+    'spacing.scale.050': "0.25rem";
+    'spacing.scale.075': "0.375rem";
+    'spacing.scaleLinear.0': "0";
+    'spacing.scaleLinear.100': "0.125rem";
+    'spacing.scaleLinear.200': "0.25rem";
+    'spacing.scaleLinear.300': "0.375rem";
+    'spacing.scaleLinear.400': "0.5rem";
+    'spacing.scaleLinear.500': "0.75rem";
+    'spacing.scaleLinear.600': "1rem";
+    'spacing.scaleLinear.700': "1.25rem";
+    'spacing.scaleLinear.800': "1.5rem";
+    'spacing.scaleLinear.900': "2rem";
+    'spacing.scaleLinear.1000': "2.5rem";
+    'spacing.scaleLinear.1100': "3rem";
+    'spacing.pixel.0': "0";
+    'spacing.pixel.2': "0.125rem";
+    'spacing.pixel.4': "0.25rem";
+    'spacing.pixel.6': "0.375rem";
+    'spacing.pixel.8': "0.5rem";
+    'spacing.pixel.12': "0.75rem";
+    'spacing.pixel.16': "1rem";
+    'spacing.pixel.20': "1.25rem";
+    'spacing.pixel.24': "1.5rem";
+    'spacing.pixel.32': "2rem";
+    'spacing.pixel.40': "2.5rem";
+    'spacing.pixel.48': "3rem";
+    'spacing.size.none': "0";
+    'spacing.size.xxxxSmall': "0.125rem";
+    'spacing.size.xxxSmall': "0.25rem";
+    'spacing.size.xxSmall': "0.375rem";
+    'spacing.size.xsmall': "0.5rem";
+    'spacing.size.small': "0.75rem";
+    'spacing.size.medium': "1rem";
+    'spacing.size.large': "1.25rem";
+    'spacing.size.xlarge': "1.5rem";
+    'spacing.size.xxlarge': "2rem";
+    'spacing.size.xxxlarge': "2.5rem";
+    'spacing.size.xxxxlarge': "3rem";
+    'spacing.ecl.element.2': "0.125rem";
+    'spacing.ecl.element.4': "0.25rem";
+    'spacing.ecl.element.6': "0.375rem";
+    'spacing.ecl.element.8': "0.5rem";
+    'spacing.ecl.container.12': "0.75rem";
+    'spacing.ecl.container.16': "1rem";
+    'spacing.ecl.container.20': "1.25rem";
+    'spacing.ecl.container.24': "1.5rem";
+    'spacing.ecl.layout.32': "2rem";
+    'spacing.ecl.layout.40': "2.5rem";
+    'spacing.ecl.layout.64': "3rem";
+    'spacing.ccc.component.2': "0.125rem";
+    'spacing.ccc.component.4': "0.25rem";
+    'spacing.ccc.component.6': "0.375rem";
+    'spacing.ccc.component.8': "0.5rem";
+    'spacing.ccc.content.12': "0.75rem";
+    'spacing.ccc.content.16': "1rem";
+    'spacing.ccc.content.20': "1.25rem";
+    'spacing.ccc.content.24': "1.5rem";
+    'spacing.ccc.container.32': "2rem";
+    'spacing.ccc.container.40': "2.5rem";
+    'spacing.ccc.container.48': "3rem";
+    'spacing.gap.100': "0.5rem";
+    'spacing.gap.200': "1rem";
+    'spacing.gap.300': "1.5rem";
+    'spacing.inset.100': "0.5rem";
+    'spacing.inset.200': "1rem";
+    'spacing.inset.300': "1.5rem";
     'color.text.accent.blue': "#0055CC";
     'color.text.accent.blue.bolder': "#09326C";
     'color.text.accent.red': "#AE2A19";
@@ -350,7 +350,9 @@ declare const defaultTokens: {
     'shadow.card': "0px 1px 1px #091E4240, 0px 0px 1px #091E424F";
     'shadow.overlay': "0px 8px 12px #091E4226, 0px 0px 1px #091E424F";
     'elevation.shadow.raised': "0px 1px 1px #091E4240, 0px 0px 1px #091E424F";
-    'elevation.shadow.overflow': "0px 8px 8px #091E4214, 0px 0px 1px #091E421F";
+    'elevation.shadow.overflow': "0px 0px 8px #091E4229, 0px 0px 1px #091E421F";
+    'elevation.shadow.overflow.spread': "#091e4229";
+    'elevation.shadow.overflow.perimeter': "#091e421f";
     'elevation.shadow.overlay': "0px 8px 12px #091E4226, 0px 0px 1px #091E424F";
     'elevation.surface': "#FFFFFF";
     'elevation.surface.hovered': "#F1F2F4";

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

@@ -353,6 +353,8 @@ declare const tokens: {
     readonly 'shadow.overlay': "--ds-overlay";
     readonly 'elevation.shadow.raised': "--ds-shadow-raised";
     readonly 'elevation.shadow.overflow': "--ds-shadow-overflow";
+    readonly 'elevation.shadow.overflow.spread': "--ds-shadow-overflow-spread";
+    readonly 'elevation.shadow.overflow.perimeter': "--ds-shadow-overflow-perimeter";
     readonly 'elevation.shadow.overlay': "--ds-shadow-overlay";
     readonly 'elevation.surface': "--ds-surface";
     readonly 'elevation.surface.hovered': "--ds-surface-hovered";

package/dist/types-ts4.0/artifacts/tokens-raw/atlassian-dark.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::b9e8f41a4ccfe08aec7ffdb9168d8b71>>
+ * @codegen <<SignedSource::a7cd6dc0682b1cc4ab506edd14f15515>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: ({

package/dist/types-ts4.0/artifacts/tokens-raw/atlassian-legacy-dark.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::c82e43b67b045a60bb8a6c1dc11edd58>>
+ * @codegen <<SignedSource::38da2e03d7e98be680a4d8b094bc1094>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: ({

package/dist/types-ts4.0/artifacts/tokens-raw/atlassian-legacy-light.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::6f233e4b1b5be5c6a4c556fffa5fe40d>>
+ * @codegen <<SignedSource::cebe4ed5e9e0dc70bed7437dafe3c98c>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: ({

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::47205df5ad0c00f62bcd307009504921>>
+ * @codegen <<SignedSource::5a654d8b889b7fca74b9184ff6687882>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: ({

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::3c9107056e9324e57c042a3aafb4188c>>
+ * @codegen <<SignedSource::9a19af105c0ae551ba258897b3438626>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: ({

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::709c400533fbf03cd0b347f1aa9b3ff6>>
+ * @codegen <<SignedSource::83290a114618bdfa1ff9d24e32a6f1b1>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: {
@@ -280,6 +280,8 @@ declare const tokens: {
     readonly 'shadow.overlay': "--ds-overlay";
     readonly 'elevation.shadow.raised': "--ds-shadow-raised";
     readonly 'elevation.shadow.overflow': "--ds-shadow-overflow";
+    readonly 'elevation.shadow.overflow.spread': "--ds-shadow-overflow-spread";
+    readonly 'elevation.shadow.overflow.perimeter': "--ds-shadow-overflow-perimeter";
     readonly 'elevation.shadow.overlay': "--ds-shadow-overlay";
     readonly 'elevation.surface': "--ds-surface";
     readonly 'elevation.surface.hovered': "--ds-surface-hovered";
@@ -573,6 +575,8 @@ export declare type CSSTokenMap = {
     'shadow.overlay': 'var(--ds-overlay)';
     'elevation.shadow.raised': 'var(--ds-shadow-raised)';
     'elevation.shadow.overflow': 'var(--ds-shadow-overflow)';
+    'elevation.shadow.overflow.spread': 'var(--ds-shadow-overflow-spread)';
+    'elevation.shadow.overflow.perimeter': 'var(--ds-shadow-overflow-perimeter)';
     'elevation.shadow.overlay': 'var(--ds-shadow-overlay)';
     'elevation.surface': 'var(--ds-surface)';
     'elevation.surface.hovered': 'var(--ds-surface-hovered)';