@atlaskit/tokens 0.10.31 → 0.10.32

package/dist/cjs/tokens/atlassian-legacy-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: [{

package/dist/cjs/tokens/atlassian-legacy-light/elevation/shadow.js

@@ -27,23 +27,33 @@ var shadow = {
         }]
       },
       overflow: {
-        value: [{
-          radius: 8,
-          offset: {
-            x: 0,
-            y: 8
-          },
-          color: 'N50A',
-          opacity: 0.08
-        }, {
-          radius: 1,
-          offset: {
-            x: 0,
-            y: 0
-          },
-          color: 'N60A',
-          opacity: 0.12
-        }]
+        '[default]': {
+          value: [{
+            radius: 8,
+            offset: {
+              x: 0,
+              y: 0
+            },
+            color: 'N50A',
+            opacity: 0.16
+          }, {
+            radius: 1,
+            offset: {
+              x: 0,
+              y: 0
+            },
+            color: 'N60A',
+            opacity: 0.12
+          }]
+        },
+        // @ts-ignore no current palette colour for this yet
+        spread: {
+          value: '#091e4229'
+        },
+        // @ts-ignore no current palette colour for this yet
+        perimeter: {
+          value: '#091e421f'
+        }
       },
       overlay: {
         value: [{

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

@@ -27,23 +27,33 @@ var shadow = {
         }]
       },
       overflow: {
-        value: [{
-          radius: 8,
-          offset: {
-            x: 0,
-            y: 8
-          },
-          color: 'Neutral1100',
-          opacity: 0.08
-        }, {
-          radius: 1,
-          offset: {
-            x: 0,
-            y: 0
-          },
-          color: 'Neutral1100',
-          opacity: 0.12
-        }]
+        '[default]': {
+          value: [{
+            radius: 8,
+            offset: {
+              x: 0,
+              y: 0
+            },
+            color: 'Neutral1100',
+            opacity: 0.16
+          }, {
+            radius: 1,
+            offset: {
+              x: 0,
+              y: 0
+            },
+            color: 'Neutral1100',
+            opacity: 0.12
+          }]
+        },
+        // @ts-ignore no current palette colour for this yet
+        spread: {
+          value: '#091e4229'
+        },
+        // @ts-ignore no current palette colour for this yet
+        perimeter: {
+          value: '#091e421f'
+        }
       },
       overlay: {
         value: [{

package/dist/cjs/tokens/default/elevation/shadow.js

@@ -16,11 +16,29 @@ var shadow = {
         }
       },
       overflow: {
-        attributes: {
-          group: 'shadow',
-          state: 'active',
-          introduced: '0.6.0',
-          description: "Use to create a shadow when content scrolls under other content."
+        '[default]': {
+          attributes: {
+            group: 'shadow',
+            state: 'active',
+            introduced: '0.6.0',
+            description: "Use to create a shadow when content scrolls under other content."
+          }
+        },
+        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.perimeter to replicate the overflow shadow.'
+          }
+        },
+        perimeter: {
+          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.'
+          }
         }
       },
       overlay: {

package/dist/cjs/version.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/tokens",
-	"version": "0.10.31",
+	"version": "0.10.32",
 	"sideEffects": [
 		"**/*.css"
 	]

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

@@ -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
  */
 const tokens = [{
@@ -6565,8 +6565,50 @@ const 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/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js

@@ -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
  */
 const tokens = [{
@@ -6565,8 +6565,50 @@ const 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/es2019/artifacts/tokens-raw/atlassian-legacy-light.js

@@ -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
  */
 const tokens = [{
@@ -6525,8 +6525,50 @@ const 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/es2019/artifacts/tokens-raw/atlassian-light.js

@@ -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
  */
 const tokens = [{
@@ -6485,10 +6485,10 @@ const tokens = [{
     "radius": 8,
     "offset": {
       "x": 0,
-      "y": 8
+      "y": 0
     },
     "color": "#091E42",
-    "opacity": 0.08
+    "opacity": 0.16
   }, {
     "radius": 1,
     "offset": {
@@ -6511,10 +6511,10 @@ const tokens = [{
       "radius": 8,
       "offset": {
         "x": 0,
-        "y": 8
+        "y": 0
       },
       "color": "Neutral1100",
-      "opacity": 0.08
+      "opacity": 0.16
     }, {
       "radius": 1,
       "offset": {
@@ -6525,8 +6525,50 @@ const 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/es2019/artifacts/typescript/atlassian-dark-token-names.js

@@ -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
  */
 const tokens = {
@@ -280,6 +280,8 @@ const 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/es2019/artifacts/typescript/atlassian-legacy-dark-token-names.js

@@ -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
  */
 const tokens = {
@@ -280,6 +280,8 @@ const 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/es2019/artifacts/typescript/atlassian-legacy-light-token-names.js

@@ -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
  */
 const tokens = {
@@ -280,6 +280,8 @@ const 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/es2019/artifacts/typescript/atlassian-light-token-default-values.js

@@ -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
  */
 const defaultTokenValues = {
@@ -283,7 +283,9 @@ const 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/es2019/artifacts/typescript/atlassian-light-token-names.js

@@ -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
  */
 const tokens = {
@@ -280,6 +280,8 @@ const 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/es2019/get-token.js

@@ -2,7 +2,7 @@ import warnOnce from '@atlaskit/ds-lib/warn-once';
 import tokens from './artifacts/token-names';
 import { TOKEN_NOT_FOUND_CSS_VAR } from './constants';
 const name = "@atlaskit/tokens";
-const version = "0.10.31";
+const version = "0.10.32";
 
 function token(path, fallback) {
   let token = tokens[path];

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

@@ -35,27 +35,37 @@ const 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: [{