@atlaskit/tokens 0.10.31 → 0.10.33

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/tokens
 
+## 0.10.33
+
+### Patch Changes
+
+- [`7a7d1aedac0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7a7d1aedac0) - Change pixels to rems for spacing tokens.
+
+## 0.10.32
+
+### Patch Changes
+
+- [`c8bd8ee1920`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c8bd8ee1920) - Adds new shadow tokens, elevation.shadow.overflow.spread and elevation.shadow.overflow.perimeter, that can be applied in combination to replicate the overflow shadow when elevation.shadow.overflow is not technically feasible to implement.
+
 ## 0.10.31
 
 ### Patch Changes

package/css/atlassian-dark.css

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::17eec7840b69f421803e4164545141ee>>
+ * @codegen <<SignedSource::3dec80a5e31c36a125decf1f61a422d1>>
  * @codegenCommand yarn build tokens
  */
 html[data-theme~="dark"] {
@@ -280,6 +280,8 @@ html[data-theme~="dark"] {
   --ds-overlay: inset 0px 0px 0px 1px #BCD6F00A, 0px 8px 12px #0304045C, 0px 0px 1px #03040480;
   --ds-shadow-raised: inset 0px 0px 0px 1px #00000000, 0px 1px 1px #03040480, 0px 0px 1px #03040480;
   --ds-shadow-overflow: 0px 0px 12px #0304048F, 0px 0px 1px #03040480;
+  --ds-shadow-overflow-spread: #0304048f;
+  --ds-shadow-overflow-perimeter: #03040480;
   --ds-shadow-overlay: inset 0px 0px 0px 1px #BCD6F00A, 0px 8px 12px #0304045C, 0px 0px 1px #03040480;
   --ds-surface: #161A1D;
   --ds-surface-hovered: #1D2125;
@@ -575,6 +577,8 @@ html[data-theme~="dark"] {
     --ds-overlay: inset 0px 0px 0px 1px #BCD6F00A, 0px 8px 12px #0304045C, 0px 0px 1px #03040480;
     --ds-shadow-raised: inset 0px 0px 0px 1px #00000000, 0px 1px 1px #03040480, 0px 0px 1px #03040480;
     --ds-shadow-overflow: 0px 0px 12px #0304048F, 0px 0px 1px #03040480;
+    --ds-shadow-overflow-spread: #0304048f;
+    --ds-shadow-overflow-perimeter: #03040480;
     --ds-shadow-overlay: inset 0px 0px 0px 1px #BCD6F00A, 0px 8px 12px #0304045C, 0px 0px 1px #03040480;
     --ds-surface: #161A1D;
     --ds-surface-hovered: #1D2125;

package/css/atlassian-legacy-dark.css

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::7100917b86044bd875b689b6a637cca8>>
+ * @codegen <<SignedSource::a7f7db83a542dca0e910e4507b2876ab>>
  * @codegenCommand yarn build tokens
  */
 html[data-theme~="legacy-dark"] {
@@ -280,6 +280,8 @@ html[data-theme~="legacy-dark"] {
   --ds-overlay: inset 0px 0px 0px 1px #FA11F20A, 0px 8px 12px #FA11F25C, 0px 0px 1px #FA11F280;
   --ds-shadow-raised: inset 0px 0px 0px 1px #00000000, 0px 1px 1px #0d142480, 0px 0px 1px #0d142480;
   --ds-shadow-overflow: 0px 0px 12px #0304048F, 0px 0px 1px #03040480;
+  --ds-shadow-overflow-spread: #0304048f;
+  --ds-shadow-overflow-perimeter: #03040480;
   --ds-shadow-overlay: inset 0px 0px 0px 1px #0d14240A, 0px 8px 12px #0d14245C, 0px 0px 1px #0d142480;
   --ds-surface: #1B2638;
   --ds-surface-hovered: #202B3D;
@@ -575,6 +577,8 @@ html[data-theme~="legacy-dark"] {
     --ds-overlay: inset 0px 0px 0px 1px #FA11F20A, 0px 8px 12px #FA11F25C, 0px 0px 1px #FA11F280;
     --ds-shadow-raised: inset 0px 0px 0px 1px #00000000, 0px 1px 1px #0d142480, 0px 0px 1px #0d142480;
     --ds-shadow-overflow: 0px 0px 12px #0304048F, 0px 0px 1px #03040480;
+    --ds-shadow-overflow-spread: #0304048f;
+    --ds-shadow-overflow-perimeter: #03040480;
     --ds-shadow-overlay: inset 0px 0px 0px 1px #0d14240A, 0px 8px 12px #0d14245C, 0px 0px 1px #0d142480;
     --ds-surface: #1B2638;
     --ds-surface-hovered: #202B3D;

package/css/atlassian-legacy-light.css

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::490d545117d33276dcaf1dce47315e9d>>
+ * @codegen <<SignedSource::b0d439159f93f359af45f7a089c42516>>
  * @codegenCommand yarn build tokens
  */
 html[data-theme~="legacy-light"] {
@@ -279,7 +279,9 @@ html[data-theme~="legacy-light"] {
   --ds-card: 0px 1px 1px #FA11F240, 0px 0px 1px #FA11F24F;
   --ds-overlay: 0px 8px 12px #FA11F226, 0px 0px 1px #FA11F24F;
   --ds-shadow-raised: 0px 1px 1px #091e4240, 0px 0px 1px #091e424F;
-  --ds-shadow-overflow: 0px 8px 8px #091e4214, 0px 0px 1px #091e421F;
+  --ds-shadow-overflow: 0px 0px 8px #091e4229, 0px 0px 1px #091e421F;
+  --ds-shadow-overflow-spread: #091e4229;
+  --ds-shadow-overflow-perimeter: #091e421f;
   --ds-shadow-overlay: 0px 8px 12px #091e4226, 0px 0px 1px #091e424F;
   --ds-surface: #FFFFFF;
   --ds-surface-hovered: #FAFBFC;
@@ -318,14 +320,14 @@ html[data-theme~="legacy-light"] {
     --ds-text-accent-gray: #505F79;
     --ds-text-accent-gray-bolder: #172B4D;
     --ds-text: #172B4D;
-    --ds-text-subtle: #5E6C84;
+    --ds-text-subtle: #42526E;
     --ds-text-subtlest: #7A869A;
     --ds-text-disabled: #A5ADBA;
     --ds-text-inverse: #FFFFFF;
     --ds-text-brand: #0065FF;
     --ds-text-selected: #0052CC;
     --ds-text-danger: #DE350B;
-    --ds-text-warning: #FF8B00;
+    --ds-text-warning: #974F0C;
     --ds-text-warning-inverse: #172B4D;
     --ds-text-success: #006644;
     --ds-text-discovery: #403294;
@@ -442,7 +444,7 @@ html[data-theme~="legacy-light"] {
     --ds-background-input: #FAFBFC;
     --ds-background-input-hovered: #EBECF0;
     --ds-background-input-pressed: #FFFFFF;
-    --ds-background-neutral: #091e42a;
+    --ds-background-neutral: #DFE1E6;
     --ds-background-neutral-hovered: #091e4214;
     --ds-background-neutral-pressed: #B3D4FF;
     --ds-background-neutral-subtle: transparent;
@@ -452,8 +454,8 @@ html[data-theme~="legacy-light"] {
     --ds-background-neutral-bold-hovered: #505F79;
     --ds-background-neutral-bold-pressed: #344563;
     --ds-background-brand-bold: #0052CC;
-    --ds-background-brand-bold-hovered: #2684FF;
-    --ds-background-brand-bold-pressed: #0052CC;
+    --ds-background-brand-bold-hovered: #0065FF;
+    --ds-background-brand-bold-pressed: #0747A6;
     --ds-background-brand: #FA11F2;
     --ds-background-brand-hovered: #FA11F2;
     --ds-background-brand-pressed: #FA11F2;
@@ -469,14 +471,14 @@ html[data-theme~="legacy-light"] {
     --ds-background-danger-hovered: #FFBDAD;
     --ds-background-danger-pressed: #FF8F73;
     --ds-background-danger-bold: #DE350B;
-    --ds-background-danger-bold-hovered: #FF7452;
-    --ds-background-danger-bold-pressed: #DE350B;
+    --ds-background-danger-bold-hovered: #FF5630;
+    --ds-background-danger-bold-pressed: #BF2600;
     --ds-background-warning: #FFFAE6;
     --ds-background-warning-hovered: #FFF0B3;
     --ds-background-warning-pressed: #FFE380;
-    --ds-background-warning-bold: #FF991F;
+    --ds-background-warning-bold: #FFAB00;
     --ds-background-warning-bold-hovered: #FFC400;
-    --ds-background-warning-bold-pressed: #FF8B00;
+    --ds-background-warning-bold-pressed: #FF991F;
     --ds-background-success: #E3FCEF;
     --ds-background-success-hovered: #ABF5D1;
     --ds-background-success-pressed: #79F2C0;
@@ -548,7 +550,7 @@ html[data-theme~="legacy-light"] {
     --ds-interaction-inverse-hovered: #FA11F2;
     --ds-interaction-inverse-pressed: #FA11F2;
     --ds-skeleton: #F4F5F7;
-    --ds-skeleton-subtle: #091e42a;
+    --ds-skeleton-subtle: #091e420a;
     --ds-link: #0052CC;
     --ds-link-pressed: #0747A6;
     --ds-accent-boldBlue: #FA11F2;
@@ -574,7 +576,9 @@ html[data-theme~="legacy-light"] {
     --ds-card: 0px 1px 1px #FA11F240, 0px 0px 1px #FA11F24F;
     --ds-overlay: 0px 8px 12px #FA11F226, 0px 0px 1px #FA11F24F;
     --ds-shadow-raised: 0px 1px 1px #091e4240, 0px 0px 1px #091e424F;
-    --ds-shadow-overflow: 0px 8px 8px #091e4214, 0px 0px 1px #091e421F;
+    --ds-shadow-overflow: 0px 0px 8px #091e4229, 0px 0px 1px #091e421F;
+    --ds-shadow-overflow-spread: #091e4229;
+    --ds-shadow-overflow-perimeter: #091e421f;
     --ds-shadow-overlay: 0px 8px 12px #091e4226, 0px 0px 1px #091e424F;
     --ds-surface: #FFFFFF;
     --ds-surface-hovered: #FAFBFC;

package/css/atlassian-light.css

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::760f384fdaa068d64ce1639cfa1741b1>>
+ * @codegen <<SignedSource::143becc5b5243cccdb7c4ae861b5b057>>
  * @codegenCommand yarn build tokens
  */
 html[data-theme~="light"] {
@@ -279,7 +279,9 @@ html[data-theme~="light"] {
   --ds-card: 0px 1px 1px #091E4240, 0px 0px 1px #091E424F;
   --ds-overlay: 0px 8px 12px #091E4226, 0px 0px 1px #091E424F;
   --ds-shadow-raised: 0px 1px 1px #091E4240, 0px 0px 1px #091E424F;
-  --ds-shadow-overflow: 0px 8px 8px #091E4214, 0px 0px 1px #091E421F;
+  --ds-shadow-overflow: 0px 0px 8px #091E4229, 0px 0px 1px #091E421F;
+  --ds-shadow-overflow-spread: #091e4229;
+  --ds-shadow-overflow-perimeter: #091e421f;
   --ds-shadow-overlay: 0px 8px 12px #091E4226, 0px 0px 1px #091E424F;
   --ds-surface: #FFFFFF;
   --ds-surface-hovered: #F1F2F4;
@@ -574,7 +576,9 @@ html[data-theme~="light"] {
     --ds-card: 0px 1px 1px #091E4240, 0px 0px 1px #091E424F;
     --ds-overlay: 0px 8px 12px #091E4226, 0px 0px 1px #091E424F;
     --ds-shadow-raised: 0px 1px 1px #091E4240, 0px 0px 1px #091E424F;
-    --ds-shadow-overflow: 0px 8px 8px #091E4214, 0px 0px 1px #091E421F;
+    --ds-shadow-overflow: 0px 0px 8px #091E4229, 0px 0px 1px #091E421F;
+    --ds-shadow-overflow-spread: #091e4229;
+    --ds-shadow-overflow-perimeter: #091e421f;
     --ds-shadow-overlay: 0px 8px 12px #091E4226, 0px 0px 1px #091E424F;
     --ds-surface: #FFFFFF;
     --ds-surface-hovered: #F1F2F4;

package/css/atlassian-spacing.css

@@ -1,83 +1,83 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::fc645435a8895c0e5215cd03f54f38d6>>
+ * @codegen <<SignedSource::88ea3bf90a796e599a76cabb794f9fc0>>
  * @codegenCommand yarn build tokens
  */
 html[data-theme~="spacing"] {
-  --ds-scale-0: 0px;
-  --ds-scale-100: 8px;
-  --ds-scale-150: 12px;
-  --ds-scale-200: 16px;
-  --ds-scale-250: 20px;
-  --ds-scale-300: 24px;
-  --ds-scale-400: 32px;
-  --ds-scale-500: 40px;
-  --ds-scale-600: 48px;
-  --ds-scale-025: 2px;
-  --ds-scale-050: 4px;
-  --ds-scale-075: 6px;
-  --ds-scaleLinear-0: 0px;
-  --ds-scaleLinear-100: 2px;
-  --ds-scaleLinear-200: 4px;
-  --ds-scaleLinear-300: 6px;
-  --ds-scaleLinear-400: 8px;
-  --ds-scaleLinear-500: 12px;
-  --ds-scaleLinear-600: 16px;
-  --ds-scaleLinear-700: 20px;
-  --ds-scaleLinear-800: 24px;
-  --ds-scaleLinear-900: 32px;
-  --ds-scaleLinear-1000: 40px;
-  --ds-scaleLinear-1100: 48px;
-  --ds-pixel-0: 0px;
-  --ds-pixel-2: 2px;
-  --ds-pixel-4: 4px;
-  --ds-pixel-6: 6px;
-  --ds-pixel-8: 8px;
-  --ds-pixel-12: 12px;
-  --ds-pixel-16: 16px;
-  --ds-pixel-20: 20px;
-  --ds-pixel-24: 24px;
-  --ds-pixel-32: 32px;
-  --ds-pixel-40: 40px;
-  --ds-pixel-48: 48px;
-  --ds-size-none: 0px;
-  --ds-size-xxxxSmall: 2px;
-  --ds-size-xxxSmall: 4px;
-  --ds-size-xxSmall: 6px;
-  --ds-size-xsmall: 8px;
-  --ds-size-small: 12px;
-  --ds-size-medium: 16px;
-  --ds-size-large: 20px;
-  --ds-size-xlarge: 24px;
-  --ds-size-xxlarge: 32px;
-  --ds-size-xxxlarge: 40px;
-  --ds-size-xxxxlarge: 48px;
-  --ds-ecl-element-2: 2px;
-  --ds-ecl-element-4: 4px;
-  --ds-ecl-element-6: 6px;
-  --ds-ecl-element-8: 8px;
-  --ds-ecl-container-12: 12px;
-  --ds-ecl-container-16: 16px;
-  --ds-ecl-container-20: 20px;
-  --ds-ecl-container-24: 24px;
-  --ds-ecl-layout-32: 32px;
-  --ds-ecl-layout-40: 40px;
-  --ds-ecl-layout-64: 48px;
-  --ds-ccc-component-2: 2px;
-  --ds-ccc-component-4: 4px;
-  --ds-ccc-component-6: 6px;
-  --ds-ccc-component-8: 8px;
-  --ds-ccc-content-12: 12px;
-  --ds-ccc-content-16: 16px;
-  --ds-ccc-content-20: 20px;
-  --ds-ccc-content-24: 24px;
-  --ds-ccc-container-32: 32px;
-  --ds-ccc-container-40: 40px;
-  --ds-ccc-container-48: 48px;
-  --ds-gap-100: 8px;
-  --ds-gap-200: 16px;
-  --ds-gap-300: 24px;
-  --ds-inset-100: 8px;
-  --ds-inset-200: 16px;
-  --ds-inset-300: 24px;
+  --ds-scale-0: 0;
+  --ds-scale-100: 0.5rem;
+  --ds-scale-150: 0.75rem;
+  --ds-scale-200: 1rem;
+  --ds-scale-250: 1.25rem;
+  --ds-scale-300: 1.5rem;
+  --ds-scale-400: 2rem;
+  --ds-scale-500: 2.5rem;
+  --ds-scale-600: 3rem;
+  --ds-scale-025: 0.125rem;
+  --ds-scale-050: 0.25rem;
+  --ds-scale-075: 0.375rem;
+  --ds-scaleLinear-0: 0;
+  --ds-scaleLinear-100: 0.125rem;
+  --ds-scaleLinear-200: 0.25rem;
+  --ds-scaleLinear-300: 0.375rem;
+  --ds-scaleLinear-400: 0.5rem;
+  --ds-scaleLinear-500: 0.75rem;
+  --ds-scaleLinear-600: 1rem;
+  --ds-scaleLinear-700: 1.25rem;
+  --ds-scaleLinear-800: 1.5rem;
+  --ds-scaleLinear-900: 2rem;
+  --ds-scaleLinear-1000: 2.5rem;
+  --ds-scaleLinear-1100: 3rem;
+  --ds-pixel-0: 0;
+  --ds-pixel-2: 0.125rem;
+  --ds-pixel-4: 0.25rem;
+  --ds-pixel-6: 0.375rem;
+  --ds-pixel-8: 0.5rem;
+  --ds-pixel-12: 0.75rem;
+  --ds-pixel-16: 1rem;
+  --ds-pixel-20: 1.25rem;
+  --ds-pixel-24: 1.5rem;
+  --ds-pixel-32: 2rem;
+  --ds-pixel-40: 2.5rem;
+  --ds-pixel-48: 3rem;
+  --ds-size-none: 0;
+  --ds-size-xxxxSmall: 0.125rem;
+  --ds-size-xxxSmall: 0.25rem;
+  --ds-size-xxSmall: 0.375rem;
+  --ds-size-xsmall: 0.5rem;
+  --ds-size-small: 0.75rem;
+  --ds-size-medium: 1rem;
+  --ds-size-large: 1.25rem;
+  --ds-size-xlarge: 1.5rem;
+  --ds-size-xxlarge: 2rem;
+  --ds-size-xxxlarge: 2.5rem;
+  --ds-size-xxxxlarge: 3rem;
+  --ds-ecl-element-2: 0.125rem;
+  --ds-ecl-element-4: 0.25rem;
+  --ds-ecl-element-6: 0.375rem;
+  --ds-ecl-element-8: 0.5rem;
+  --ds-ecl-container-12: 0.75rem;
+  --ds-ecl-container-16: 1rem;
+  --ds-ecl-container-20: 1.25rem;
+  --ds-ecl-container-24: 1.5rem;
+  --ds-ecl-layout-32: 2rem;
+  --ds-ecl-layout-40: 2.5rem;
+  --ds-ecl-layout-64: 3rem;
+  --ds-ccc-component-2: 0.125rem;
+  --ds-ccc-component-4: 0.25rem;
+  --ds-ccc-component-6: 0.375rem;
+  --ds-ccc-component-8: 0.5rem;
+  --ds-ccc-content-12: 0.75rem;
+  --ds-ccc-content-16: 1rem;
+  --ds-ccc-content-20: 1.25rem;
+  --ds-ccc-content-24: 1.5rem;
+  --ds-ccc-container-32: 2rem;
+  --ds-ccc-container-40: 2.5rem;
+  --ds-ccc-container-48: 3rem;
+  --ds-gap-100: 0.5rem;
+  --ds-gap-200: 1rem;
+  --ds-gap-300: 1.5rem;
+  --ds-inset-100: 0.5rem;
+  --ds-inset-200: 1rem;
+  --ds-inset-300: 1.5rem;
 }

package/dist/cjs/artifacts/palettes-raw/spacing-scale.js

@@ -7,18 +7,18 @@ exports.default = void 0;
 
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::9ec4d3766ad54f86aa1d9891b0f32317>>
+ * @codegen <<SignedSource::e1fc16f85d9f95330fadb08536a38997>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
-  "value": "0px",
+  "value": "0",
   "attributes": {
     "group": "scale"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
-    "value": "0px",
+    "value": "0",
     "attributes": {
       "group": "scale"
     }
@@ -26,14 +26,14 @@ var tokens = [{
   "name": "spacing.scale.Space0",
   "path": ["spacing", "scale", "Space0"]
 }, {
-  "value": "2px",
+  "value": "0.125rem",
   "attributes": {
     "group": "scale"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
-    "value": "2px",
+    "value": "0.125rem",
     "attributes": {
       "group": "scale"
     }
@@ -41,14 +41,14 @@ var tokens = [{
   "name": "spacing.scale.Space025",
   "path": ["spacing", "scale", "Space025"]
 }, {
-  "value": "4px",
+  "value": "0.25rem",
   "attributes": {
     "group": "scale"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
-    "value": "4px",
+    "value": "0.25rem",
     "attributes": {
       "group": "scale"
     }
@@ -56,14 +56,14 @@ var tokens = [{
   "name": "spacing.scale.Space050",
   "path": ["spacing", "scale", "Space050"]
 }, {
-  "value": "6px",
+  "value": "0.375rem",
   "attributes": {
     "group": "scale"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
-    "value": "6px",
+    "value": "0.375rem",
     "attributes": {
       "group": "scale"
     }
@@ -71,14 +71,14 @@ var tokens = [{
   "name": "spacing.scale.Space075",
   "path": ["spacing", "scale", "Space075"]
 }, {
-  "value": "8px",
+  "value": "0.5rem",
   "attributes": {
     "group": "scale"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
-    "value": "8px",
+    "value": "0.5rem",
     "attributes": {
       "group": "scale"
     }
@@ -86,14 +86,14 @@ var tokens = [{
   "name": "spacing.scale.Space100",
   "path": ["spacing", "scale", "Space100"]
 }, {
-  "value": "12px",
+  "value": "0.75rem",
   "attributes": {
     "group": "scale"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
-    "value": "12px",
+    "value": "0.75rem",
     "attributes": {
       "group": "scale"
     }
@@ -101,14 +101,14 @@ var tokens = [{
   "name": "spacing.scale.Space150",
   "path": ["spacing", "scale", "Space150"]
 }, {
-  "value": "16px",
+  "value": "1rem",
   "attributes": {
     "group": "scale"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
-    "value": "16px",
+    "value": "1rem",
     "attributes": {
       "group": "scale"
     }
@@ -116,14 +116,14 @@ var tokens = [{
   "name": "spacing.scale.Space200",
   "path": ["spacing", "scale", "Space200"]
 }, {
-  "value": "20px",
+  "value": "1.25rem",
   "attributes": {
     "group": "scale"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
-    "value": "20px",
+    "value": "1.25rem",
     "attributes": {
       "group": "scale"
     }
@@ -131,14 +131,14 @@ var tokens = [{
   "name": "spacing.scale.Space250",
   "path": ["spacing", "scale", "Space250"]
 }, {
-  "value": "24px",
+  "value": "1.5rem",
   "attributes": {
     "group": "scale"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
-    "value": "24px",
+    "value": "1.5rem",
     "attributes": {
       "group": "scale"
     }
@@ -146,14 +146,14 @@ var tokens = [{
   "name": "spacing.scale.Space300",
   "path": ["spacing", "scale", "Space300"]
 }, {
-  "value": "32px",
+  "value": "2rem",
   "attributes": {
     "group": "scale"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
-    "value": "32px",
+    "value": "2rem",
     "attributes": {
       "group": "scale"
     }
@@ -161,14 +161,14 @@ var tokens = [{
   "name": "spacing.scale.Space400",
   "path": ["spacing", "scale", "Space400"]
 }, {
-  "value": "40px",
+  "value": "2.5rem",
   "attributes": {
     "group": "scale"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
-    "value": "40px",
+    "value": "2.5rem",
     "attributes": {
       "group": "scale"
     }
@@ -176,14 +176,14 @@ var tokens = [{
   "name": "spacing.scale.Space500",
   "path": ["spacing", "scale", "Space500"]
 }, {
-  "value": "48px",
+  "value": "3rem",
   "attributes": {
     "group": "scale"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
-    "value": "48px",
+    "value": "3rem",
     "attributes": {
       "group": "scale"
     }

package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::b9e8f41a4ccfe08aec7ffdb9168d8b71>>
+ * @codegen <<SignedSource::a7cd6dc0682b1cc4ab506edd14f15515>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -6572,8 +6572,50 @@ var tokens = [{
       "opacity": 0.5
     }]
   },
-  "name": "elevation.shadow.overflow",
-  "path": ["elevation", "shadow", "overflow"]
+  "name": "elevation.shadow.overflow.[default]",
+  "path": ["elevation", "shadow", "overflow", "[default]"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.10.32",
+    "description": "Use only when elevation.shadow.overflow is not technically feasible to implement. Pair with elevation.shadow.overflow.perimeter to replicate the overflow shadow."
+  },
+  "value": "#0304048f",
+  "filePath": "src/tokens/atlassian-dark/elevation/shadow.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.32",
+      "description": "Use only when elevation.shadow.overflow is not technically feasible to implement. Pair with elevation.shadow.overflow.perimeter to replicate the overflow shadow."
+    },
+    "value": "#0304048f"
+  },
+  "name": "elevation.shadow.overflow.spread",
+  "path": ["elevation", "shadow", "overflow", "spread"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.10.32",
+    "description": "Use only when elevation.shadow.overflow is not technically feasible to implement. Pair with elevation.shadow.overflow.spread to replicate the overflow shadow."
+  },
+  "value": "#03040480",
+  "filePath": "src/tokens/atlassian-dark/elevation/shadow.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.32",
+      "description": "Use only when elevation.shadow.overflow is not technically feasible to implement. Pair with elevation.shadow.overflow.spread to replicate the overflow shadow."
+    },
+    "value": "#03040480"
+  },
+  "name": "elevation.shadow.overflow.perimeter",
+  "path": ["elevation", "shadow", "overflow", "perimeter"]
 }, {
   "attributes": {
     "group": "shadow",