@atlaskit/tokens 0.10.31 → 0.10.32

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/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/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",

package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-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::c82e43b67b045a60bb8a6c1dc11edd58>>
+ * @codegen <<SignedSource::38da2e03d7e98be680a4d8b094bc1094>>
  * @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-legacy-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-legacy-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",

package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.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::6f233e4b1b5be5c6a4c556fffa5fe40d>>
+ * @codegen <<SignedSource::cebe4ed5e9e0dc70bed7437dafe3c98c>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -6532,8 +6532,50 @@ var tokens = [{
       "opacity": 0.12
     }]
   },
-  "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": "#091e4229",
+  "filePath": "src/tokens/atlassian-legacy-light/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": "#091e4229"
+  },
+  "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": "#091e421f",
+  "filePath": "src/tokens/atlassian-legacy-light/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": "#091e421f"
+  },
+  "name": "elevation.shadow.overflow.perimeter",
+  "path": ["elevation", "shadow", "overflow", "perimeter"]
 }, {
   "attributes": {
     "group": "shadow",

package/dist/cjs/artifacts/tokens-raw/atlassian-light.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::47205df5ad0c00f62bcd307009504921>>
+ * @codegen <<SignedSource::5a654d8b889b7fca74b9184ff6687882>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -6492,10 +6492,10 @@ var tokens = [{
     "radius": 8,
     "offset": {
       "x": 0,
-      "y": 8
+      "y": 0
     },
     "color": "#091E42",
-    "opacity": 0.08
+    "opacity": 0.16
   }, {
     "radius": 1,
     "offset": {
@@ -6518,10 +6518,10 @@ var tokens = [{
       "radius": 8,
       "offset": {
         "x": 0,
-        "y": 8
+        "y": 0
       },
       "color": "Neutral1100",
-      "opacity": 0.08
+      "opacity": 0.16
     }, {
       "radius": 1,
       "offset": {
@@ -6532,8 +6532,50 @@ var tokens = [{
       "opacity": 0.12
     }]
   },
-  "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": "#091e4229",
+  "filePath": "src/tokens/atlassian-light/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": "#091e4229"
+  },
+  "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": "#091e421f",
+  "filePath": "src/tokens/atlassian-light/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": "#091e421f"
+  },
+  "name": "elevation.shadow.overflow.perimeter",
+  "path": ["elevation", "shadow", "overflow", "perimeter"]
 }, {
   "attributes": {
     "group": "shadow",

package/dist/cjs/artifacts/typescript/atlassian-dark-token-names.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::709c400533fbf03cd0b347f1aa9b3ff6>>
+ * @codegen <<SignedSource::83290a114618bdfa1ff9d24e32a6f1b1>>
  * @codegenCommand yarn build tokens
  */
 var tokens = {
@@ -287,6 +287,8 @@ var tokens = {
   'shadow.overlay': '--ds-overlay',
   'elevation.shadow.raised': '--ds-shadow-raised',
   'elevation.shadow.overflow': '--ds-shadow-overflow',
+  'elevation.shadow.overflow.spread': '--ds-shadow-overflow-spread',
+  'elevation.shadow.overflow.perimeter': '--ds-shadow-overflow-perimeter',
   'elevation.shadow.overlay': '--ds-shadow-overlay',
   'elevation.surface': '--ds-surface',
   'elevation.surface.hovered': '--ds-surface-hovered',

package/dist/cjs/artifacts/typescript/atlassian-legacy-dark-token-names.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::709c400533fbf03cd0b347f1aa9b3ff6>>
+ * @codegen <<SignedSource::83290a114618bdfa1ff9d24e32a6f1b1>>
  * @codegenCommand yarn build tokens
  */
 var tokens = {
@@ -287,6 +287,8 @@ var tokens = {
   'shadow.overlay': '--ds-overlay',
   'elevation.shadow.raised': '--ds-shadow-raised',
   'elevation.shadow.overflow': '--ds-shadow-overflow',
+  'elevation.shadow.overflow.spread': '--ds-shadow-overflow-spread',
+  'elevation.shadow.overflow.perimeter': '--ds-shadow-overflow-perimeter',
   'elevation.shadow.overlay': '--ds-shadow-overlay',
   'elevation.surface': '--ds-surface',
   'elevation.surface.hovered': '--ds-surface-hovered',

package/dist/cjs/artifacts/typescript/atlassian-legacy-light-token-names.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::709c400533fbf03cd0b347f1aa9b3ff6>>
+ * @codegen <<SignedSource::83290a114618bdfa1ff9d24e32a6f1b1>>
  * @codegenCommand yarn build tokens
  */
 var tokens = {
@@ -287,6 +287,8 @@ var tokens = {
   'shadow.overlay': '--ds-overlay',
   'elevation.shadow.raised': '--ds-shadow-raised',
   'elevation.shadow.overflow': '--ds-shadow-overflow',
+  'elevation.shadow.overflow.spread': '--ds-shadow-overflow-spread',
+  'elevation.shadow.overflow.perimeter': '--ds-shadow-overflow-perimeter',
   'elevation.shadow.overlay': '--ds-shadow-overlay',
   'elevation.surface': '--ds-surface',
   'elevation.surface.hovered': '--ds-surface-hovered',

package/dist/cjs/artifacts/typescript/atlassian-light-token-default-values.js

@@ -11,7 +11,7 @@ exports.default = void 0;
  * 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
  */
 var defaultTokenValues = {
@@ -290,7 +290,9 @@ var defaultTokenValues = {
   '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/cjs/artifacts/typescript/atlassian-light-token-names.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::709c400533fbf03cd0b347f1aa9b3ff6>>
+ * @codegen <<SignedSource::83290a114618bdfa1ff9d24e32a6f1b1>>
  * @codegenCommand yarn build tokens
  */
 var tokens = {
@@ -287,6 +287,8 @@ var tokens = {
   'shadow.overlay': '--ds-overlay',
   'elevation.shadow.raised': '--ds-shadow-raised',
   'elevation.shadow.overflow': '--ds-shadow-overflow',
+  'elevation.shadow.overflow.spread': '--ds-shadow-overflow-spread',
+  'elevation.shadow.overflow.perimeter': '--ds-shadow-overflow-perimeter',
   'elevation.shadow.overlay': '--ds-shadow-overlay',
   'elevation.surface': '--ds-surface',
   'elevation.surface.hovered': '--ds-surface-hovered',

package/dist/cjs/get-token.js

@@ -14,7 +14,7 @@ var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
 var _constants = require("./constants");
 
 var name = "@atlaskit/tokens";
-var version = "0.10.31";
+var version = "0.10.32";
 
 function token(path, fallback) {
   var token = _tokenNames.default[path];

package/dist/cjs/tokens/atlassian-dark/elevation/shadow.js

@@ -41,27 +41,37 @@ var shadow = {
         }]
       },
       overflow: {
-        value: [{
-          radius: 12,
-          offset: {
-            x: 0,
-            y: 0
-          },
-          // @ts-ignore no current palette colour for this yet
-          color: '#030404',
-          // This opacity overrides the color alpha.
-          opacity: 0.56
-        }, {
-          radius: 1,
-          offset: {
-            x: 0,
-            y: 0
-          },
-          // @ts-ignore no current palette colour for this yet
-          color: '#030404',
-          // This opacity overrides the color alpha.
-          opacity: 0.5
-        }]
+        '[default]': {
+          value: [{
+            radius: 12,
+            offset: {
+              x: 0,
+              y: 0
+            },
+            // @ts-ignore no current palette colour for this yet
+            color: '#030404',
+            // This opacity overrides the color alpha.
+            opacity: 0.56
+          }, {
+            radius: 1,
+            offset: {
+              x: 0,
+              y: 0
+            },
+            // @ts-ignore no current palette colour for this yet
+            color: '#030404',
+            // This opacity overrides the color alpha.
+            opacity: 0.5
+          }]
+        },
+        // @ts-ignore no current palette colour for this yet
+        spread: {
+          value: '#0304048f'
+        },
+        // @ts-ignore no current palette colour for this yet
+        perimeter: {
+          value: '#03040480'
+        }
       },
       overlay: {
         value: [{