@atlaskit/tokens 0.7.2 → 0.7.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/tokens
 
+## 0.7.3
+
+### Patch Changes
+
+- [`ba0ddcf976e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ba0ddcf976e) - Adding new token for `elevation.shadow.overflow`
+
 ## 0.7.2
 
 ### Patch Changes

package/css/atlassian-dark.css

@@ -261,6 +261,7 @@ html[data-theme="dark"] {
   --ds-card: 0px 1px 1px #03040480, 0px 0px 1px #03040480;
   --ds-overlay: inset 0px 0px 0px 1px #BCD6F00A, 0px 8px 12px #0304045C, 0px 0px 1px #03040480;
   --ds-shadow-raised: 0px 1px 1px #03040480, 0px 0px 1px #03040480;
+  --ds-shadow-overflow: 0px 0px 12px #0304048F, 0px 0px 1px #03040480;
   --ds-shadow-overlay: inset 0px 0px 0px 1px #BCD6F00A, 0px 8px 12px #0304045C, 0px 0px 1px #03040480;
   --ds-surface: #161A1D;
   --ds-surface-sunken: #101214;

package/css/atlassian-light.css

@@ -261,6 +261,7 @@
   --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-overlay: 0px 8px 12px #091E4226, 0px 0px 1px #091E424F;
   --ds-surface: #FFFFFF;
   --ds-surface-sunken: #F7F8F9;

package/dist/cjs/artifacts/token-default-values.js

@@ -271,6 +271,7 @@ 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.overlay': '0px 8px 12px #091E4226, 0px 0px 1px #091E424F',
   'elevation.surface': '#FFFFFF',
   'elevation.surface.sunken': '#F7F8F9',

package/dist/cjs/artifacts/token-names.js

@@ -267,6 +267,7 @@ var tokens = {
   'shadow.card': '--ds-card',
   'shadow.overlay': '--ds-overlay',
   'elevation.shadow.raised': '--ds-shadow-raised',
+  'elevation.shadow.overflow': '--ds-shadow-overflow',
   'elevation.shadow.overlay': '--ds-shadow-overlay',
   'elevation.surface': '--ds-surface',
   'elevation.surface.sunken': '--ds-surface-sunken',

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

@@ -5256,6 +5256,57 @@ var tokens = [{
   },
   "name": "elevation.shadow.raised",
   "path": ["elevation", "shadow", "raised"]
+}, {
+  "attributes": {
+    "group": "shadow",
+    "state": "active",
+    "description": "Use to create a shadow when content scolls under other content."
+  },
+  "value": [{
+    "radius": 12,
+    "offset": {
+      "x": 0,
+      "y": 0
+    },
+    "color": "#030404",
+    "opacity": 0.56
+  }, {
+    "radius": 1,
+    "offset": {
+      "x": 0,
+      "y": 0
+    },
+    "color": "#030404",
+    "opacity": 0.5
+  }],
+  "filePath": "src/tokens/atlassian-dark/elevation/shadow.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "shadow",
+      "state": "active",
+      "description": "Use to create a shadow when content scolls under other content."
+    },
+    "value": [{
+      "radius": 12,
+      "offset": {
+        "x": 0,
+        "y": 0
+      },
+      "color": "#030404",
+      "opacity": 0.56
+    }, {
+      "radius": 1,
+      "offset": {
+        "x": 0,
+        "y": 0
+      },
+      "color": "#030404",
+      "opacity": 0.5
+    }]
+  },
+  "name": "elevation.shadow.overflow",
+  "path": ["elevation", "shadow", "overflow"]
 }, {
   "attributes": {
     "group": "shadow",

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

@@ -5236,6 +5236,57 @@ var tokens = [{
   },
   "name": "elevation.shadow.raised",
   "path": ["elevation", "shadow", "raised"]
+}, {
+  "attributes": {
+    "group": "shadow",
+    "state": "active",
+    "description": "Use to create a shadow when content scolls under other content."
+  },
+  "value": [{
+    "radius": 8,
+    "offset": {
+      "x": 0,
+      "y": 8
+    },
+    "color": "#091E42",
+    "opacity": 0.08
+  }, {
+    "radius": 1,
+    "offset": {
+      "x": 0,
+      "y": 0
+    },
+    "color": "#091E42",
+    "opacity": 0.12
+  }],
+  "filePath": "src/tokens/atlassian-light/elevation/shadow.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "shadow",
+      "state": "active",
+      "description": "Use to create a shadow when content scolls under other content."
+    },
+    "value": [{
+      "radius": 8,
+      "offset": {
+        "x": 0,
+        "y": 8
+      },
+      "color": "N1100",
+      "opacity": 0.08
+    }, {
+      "radius": 1,
+      "offset": {
+        "x": 0,
+        "y": 0
+      },
+      "color": "N1100",
+      "opacity": 0.12
+    }]
+  },
+  "name": "elevation.shadow.overflow",
+  "path": ["elevation", "shadow", "overflow"]
 }, {
   "attributes": {
     "group": "shadow",

package/dist/cjs/get-token.js

@@ -12,7 +12,7 @@ var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
 var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
 
 var name = "@atlaskit/tokens";
-var version = "0.7.2";
+var version = "0.7.3";
 
 function token(path, fallback) {
   var token = _tokenNames.default[path];

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

@@ -28,6 +28,29 @@ var shadow = {
           opacity: 0.5
         }]
       },
+      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
+        }]
+      },
       overlay: {
         value: [{
           radius: 0,

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

@@ -26,6 +26,25 @@ var shadow = {
           opacity: 0.31
         }]
       },
+      overflow: {
+        value: [{
+          radius: 8,
+          offset: {
+            x: 0,
+            y: 8
+          },
+          color: 'N1100',
+          opacity: 0.08
+        }, {
+          radius: 1,
+          offset: {
+            x: 0,
+            y: 0
+          },
+          color: 'N1100',
+          opacity: 0.12
+        }]
+      },
       overlay: {
         value: [{
           radius: 12,

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

@@ -14,6 +14,13 @@ var shadow = {
           description: "Use for the box shadow of raised card elements, such as Jira cards on a Kanban board. Combine with elevation.surface.raised"
         }
       },
+      overflow: {
+        attributes: {
+          group: 'shadow',
+          state: 'active',
+          description: "Use to create a shadow when content scolls under other content."
+        }
+      },
       overlay: {
         attributes: {
           group: 'shadow',

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/tokens",
-	"version": "0.7.2",
+	"version": "0.7.3",
 	"sideEffects": false
 }

package/dist/es2019/artifacts/token-default-values.js

@@ -265,6 +265,7 @@ 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.overlay': '0px 8px 12px #091E4226, 0px 0px 1px #091E424F',
   'elevation.surface': '#FFFFFF',
   'elevation.surface.sunken': '#F7F8F9',

package/dist/es2019/artifacts/token-names.js

@@ -261,6 +261,7 @@ const tokens = {
   'shadow.card': '--ds-card',
   'shadow.overlay': '--ds-overlay',
   'elevation.shadow.raised': '--ds-shadow-raised',
+  'elevation.shadow.overflow': '--ds-shadow-overflow',
   'elevation.shadow.overlay': '--ds-shadow-overlay',
   'elevation.surface': '--ds-surface',
   'elevation.surface.sunken': '--ds-surface-sunken',

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

@@ -5250,6 +5250,57 @@ const tokens = [{
   },
   "name": "elevation.shadow.raised",
   "path": ["elevation", "shadow", "raised"]
+}, {
+  "attributes": {
+    "group": "shadow",
+    "state": "active",
+    "description": "Use to create a shadow when content scolls under other content."
+  },
+  "value": [{
+    "radius": 12,
+    "offset": {
+      "x": 0,
+      "y": 0
+    },
+    "color": "#030404",
+    "opacity": 0.56
+  }, {
+    "radius": 1,
+    "offset": {
+      "x": 0,
+      "y": 0
+    },
+    "color": "#030404",
+    "opacity": 0.5
+  }],
+  "filePath": "src/tokens/atlassian-dark/elevation/shadow.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "shadow",
+      "state": "active",
+      "description": "Use to create a shadow when content scolls under other content."
+    },
+    "value": [{
+      "radius": 12,
+      "offset": {
+        "x": 0,
+        "y": 0
+      },
+      "color": "#030404",
+      "opacity": 0.56
+    }, {
+      "radius": 1,
+      "offset": {
+        "x": 0,
+        "y": 0
+      },
+      "color": "#030404",
+      "opacity": 0.5
+    }]
+  },
+  "name": "elevation.shadow.overflow",
+  "path": ["elevation", "shadow", "overflow"]
 }, {
   "attributes": {
     "group": "shadow",

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

@@ -5230,6 +5230,57 @@ const tokens = [{
   },
   "name": "elevation.shadow.raised",
   "path": ["elevation", "shadow", "raised"]
+}, {
+  "attributes": {
+    "group": "shadow",
+    "state": "active",
+    "description": "Use to create a shadow when content scolls under other content."
+  },
+  "value": [{
+    "radius": 8,
+    "offset": {
+      "x": 0,
+      "y": 8
+    },
+    "color": "#091E42",
+    "opacity": 0.08
+  }, {
+    "radius": 1,
+    "offset": {
+      "x": 0,
+      "y": 0
+    },
+    "color": "#091E42",
+    "opacity": 0.12
+  }],
+  "filePath": "src/tokens/atlassian-light/elevation/shadow.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "shadow",
+      "state": "active",
+      "description": "Use to create a shadow when content scolls under other content."
+    },
+    "value": [{
+      "radius": 8,
+      "offset": {
+        "x": 0,
+        "y": 8
+      },
+      "color": "N1100",
+      "opacity": 0.08
+    }, {
+      "radius": 1,
+      "offset": {
+        "x": 0,
+        "y": 0
+      },
+      "color": "N1100",
+      "opacity": 0.12
+    }]
+  },
+  "name": "elevation.shadow.overflow",
+  "path": ["elevation", "shadow", "overflow"]
 }, {
   "attributes": {
     "group": "shadow",

package/dist/es2019/get-token.js

@@ -1,7 +1,7 @@
 import warnOnce from '@atlaskit/ds-lib/warn-once';
 import tokens from './artifacts/token-names';
 const name = "@atlaskit/tokens";
-const version = "0.7.2";
+const version = "0.7.3";
 
 function token(path, fallback) {
   let token = tokens[path];

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

@@ -22,6 +22,29 @@ const shadow = {
           opacity: 0.5
         }]
       },
+      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
+        }]
+      },
       overlay: {
         value: [{
           radius: 0,

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

@@ -20,6 +20,25 @@ const shadow = {
           opacity: 0.31
         }]
       },
+      overflow: {
+        value: [{
+          radius: 8,
+          offset: {
+            x: 0,
+            y: 8
+          },
+          color: 'N1100',
+          opacity: 0.08
+        }, {
+          radius: 1,
+          offset: {
+            x: 0,
+            y: 0
+          },
+          color: 'N1100',
+          opacity: 0.12
+        }]
+      },
       overlay: {
         value: [{
           radius: 12,

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

@@ -8,6 +8,13 @@ const shadow = {
           description: `Use for the box shadow of raised card elements, such as Jira cards on a Kanban board. Combine with elevation.surface.raised`
         }
       },
+      overflow: {
+        attributes: {
+          group: 'shadow',
+          state: 'active',
+          description: `Use to create a shadow when content scolls under other content.`
+        }
+      },
       overlay: {
         attributes: {
           group: 'shadow',

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/tokens",
-	"version": "0.7.2",
+	"version": "0.7.3",
 	"sideEffects": false
 }

package/dist/esm/artifacts/token-default-values.js

@@ -265,6 +265,7 @@ 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.overlay': '0px 8px 12px #091E4226, 0px 0px 1px #091E424F',
   'elevation.surface': '#FFFFFF',
   'elevation.surface.sunken': '#F7F8F9',

package/dist/esm/artifacts/token-names.js

@@ -261,6 +261,7 @@ var tokens = {
   'shadow.card': '--ds-card',
   'shadow.overlay': '--ds-overlay',
   'elevation.shadow.raised': '--ds-shadow-raised',
+  'elevation.shadow.overflow': '--ds-shadow-overflow',
   'elevation.shadow.overlay': '--ds-shadow-overlay',
   'elevation.surface': '--ds-surface',
   'elevation.surface.sunken': '--ds-surface-sunken',

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

@@ -5250,6 +5250,57 @@ var tokens = [{
   },
   "name": "elevation.shadow.raised",
   "path": ["elevation", "shadow", "raised"]
+}, {
+  "attributes": {
+    "group": "shadow",
+    "state": "active",
+    "description": "Use to create a shadow when content scolls under other content."
+  },
+  "value": [{
+    "radius": 12,
+    "offset": {
+      "x": 0,
+      "y": 0
+    },
+    "color": "#030404",
+    "opacity": 0.56
+  }, {
+    "radius": 1,
+    "offset": {
+      "x": 0,
+      "y": 0
+    },
+    "color": "#030404",
+    "opacity": 0.5
+  }],
+  "filePath": "src/tokens/atlassian-dark/elevation/shadow.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "shadow",
+      "state": "active",
+      "description": "Use to create a shadow when content scolls under other content."
+    },
+    "value": [{
+      "radius": 12,
+      "offset": {
+        "x": 0,
+        "y": 0
+      },
+      "color": "#030404",
+      "opacity": 0.56
+    }, {
+      "radius": 1,
+      "offset": {
+        "x": 0,
+        "y": 0
+      },
+      "color": "#030404",
+      "opacity": 0.5
+    }]
+  },
+  "name": "elevation.shadow.overflow",
+  "path": ["elevation", "shadow", "overflow"]
 }, {
   "attributes": {
     "group": "shadow",

package/dist/esm/artifacts/tokens-raw/atlassian-light.js

@@ -5230,6 +5230,57 @@ var tokens = [{
   },
   "name": "elevation.shadow.raised",
   "path": ["elevation", "shadow", "raised"]
+}, {
+  "attributes": {
+    "group": "shadow",
+    "state": "active",
+    "description": "Use to create a shadow when content scolls under other content."
+  },
+  "value": [{
+    "radius": 8,
+    "offset": {
+      "x": 0,
+      "y": 8
+    },
+    "color": "#091E42",
+    "opacity": 0.08
+  }, {
+    "radius": 1,
+    "offset": {
+      "x": 0,
+      "y": 0
+    },
+    "color": "#091E42",
+    "opacity": 0.12
+  }],
+  "filePath": "src/tokens/atlassian-light/elevation/shadow.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "shadow",
+      "state": "active",
+      "description": "Use to create a shadow when content scolls under other content."
+    },
+    "value": [{
+      "radius": 8,
+      "offset": {
+        "x": 0,
+        "y": 8
+      },
+      "color": "N1100",
+      "opacity": 0.08
+    }, {
+      "radius": 1,
+      "offset": {
+        "x": 0,
+        "y": 0
+      },
+      "color": "N1100",
+      "opacity": 0.12
+    }]
+  },
+  "name": "elevation.shadow.overflow",
+  "path": ["elevation", "shadow", "overflow"]
 }, {
   "attributes": {
     "group": "shadow",

package/dist/esm/get-token.js

@@ -1,7 +1,7 @@
 import warnOnce from '@atlaskit/ds-lib/warn-once';
 import tokens from './artifacts/token-names';
 var name = "@atlaskit/tokens";
-var version = "0.7.2";
+var version = "0.7.3";
 
 function token(path, fallback) {
   var token = tokens[path];

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

@@ -22,6 +22,29 @@ var shadow = {
           opacity: 0.5
         }]
       },
+      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
+        }]
+      },
       overlay: {
         value: [{
           radius: 0,