@atlaskit/tokens 0.10.19 → 0.10.21

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::180d57420fabe8bfc7baadbcf7e39146>>
+ * @codegen <<SignedSource::de3cdd57ab11cc9e909f280b3ea720f0>>
  * @codegenCommand yarn build tokens
  */
 const tokens = [{
@@ -4825,7 +4825,7 @@ const tokens = [{
     "introduced": "0.0.15",
     "deprecated": "0.6.0",
     "deleted": "0.8.0",
-    "replacement": "elevation.surface.raised",
+    "replacement": "elevation.surface.raised.[default]",
     "description": "Use for the background of raised cards, such as Jira cards on a Kanban board.\nCombine with shadow.card."
   },
   "value": "#FA11F2",
@@ -4838,7 +4838,7 @@ const tokens = [{
       "introduced": "0.0.15",
       "deprecated": "0.6.0",
       "deleted": "0.8.0",
-      "replacement": "elevation.surface.raised",
+      "replacement": "elevation.surface.raised.[default]",
       "description": "Use for the background of raised cards, such as Jira cards on a Kanban board.\nCombine with shadow.card."
     },
     "value": "#FA11F2"
@@ -4852,7 +4852,7 @@ const tokens = [{
     "introduced": "0.0.15",
     "deprecated": "0.6.0",
     "deleted": "0.8.0",
-    "replacement": "elevation.surface.[default]",
+    "replacement": "elevation.surface.[default].[default]",
     "description": "Use as the primary background for the UI"
   },
   "value": "#FA11F2",
@@ -4865,7 +4865,7 @@ const tokens = [{
       "introduced": "0.0.15",
       "deprecated": "0.6.0",
       "deleted": "0.8.0",
-      "replacement": "elevation.surface.[default]",
+      "replacement": "elevation.surface.[default].[default]",
       "description": "Use as the primary background for the UI"
     },
     "value": "#FA11F2"
@@ -4879,7 +4879,7 @@ const tokens = [{
     "introduced": "0.0.15",
     "deprecated": "0.6.0",
     "deleted": "0.8.0",
-    "replacement": "elevation.surface.overlay",
+    "replacement": "elevation.surface.overlay.[default]",
     "description": "\nUse for the background of overlay elements, such as modals, dropdown menus, flags, and inline dialogs (i.e. elements that sit on top of the UI).\n\nAlso use for the background of raised cards in a dragged state.\n\nCombine with shadow.overlay."
   },
   "value": "#FA11F2",
@@ -4892,7 +4892,7 @@ const tokens = [{
       "introduced": "0.0.15",
       "deprecated": "0.6.0",
       "deleted": "0.8.0",
-      "replacement": "elevation.surface.overlay",
+      "replacement": "elevation.surface.overlay.[default]",
       "description": "\nUse for the background of overlay elements, such as modals, dropdown menus, flags, and inline dialogs (i.e. elements that sit on top of the UI).\n\nAlso use for the background of raised cards in a dragged state.\n\nCombine with shadow.overlay."
     },
     "value": "#FA11F2"
@@ -6599,8 +6599,50 @@ const tokens = [{
     },
     "value": "N0"
   },
-  "name": "elevation.surface.[default]",
-  "path": ["elevation", "surface", "[default]"]
+  "name": "elevation.surface.[default].[default]",
+  "path": ["elevation", "surface", "[default]", "[default]"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.10.20",
+    "description": "Hovered state of elevation.surface"
+  },
+  "value": "#FAFBFC",
+  "filePath": "src/tokens/atlassian-legacy-light/elevation/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.20",
+      "description": "Hovered state of elevation.surface"
+    },
+    "value": "N10"
+  },
+  "name": "elevation.surface.[default].hovered",
+  "path": ["elevation", "surface", "[default]", "hovered"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.10.20",
+    "description": "Pressed state of elevation.surface"
+  },
+  "value": "#F4F5F7",
+  "filePath": "src/tokens/atlassian-legacy-light/elevation/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.20",
+      "description": "Pressed state of elevation.surface"
+    },
+    "value": "N20"
+  },
+  "name": "elevation.surface.[default].pressed",
+  "path": ["elevation", "surface", "[default]", "pressed"]
 }, {
   "attributes": {
     "group": "paint",
@@ -6627,7 +6669,7 @@ const tokens = [{
     "group": "paint",
     "state": "active",
     "introduced": "0.6.0",
-    "description": "Use for the background of raised cards, such as Jira cards on a Kanban board. Combine with elevation.shadow.raised"
+    "description": "Use for the background of cards that can be moved, such as Jira cards on a Kanban board. Combine with elevation.shadow.raised."
   },
   "value": "#FFFFFF",
   "filePath": "src/tokens/atlassian-legacy-light/elevation/surface.tsx",
@@ -6637,18 +6679,60 @@ const tokens = [{
       "group": "paint",
       "state": "active",
       "introduced": "0.6.0",
-      "description": "Use for the background of raised cards, such as Jira cards on a Kanban board. Combine with elevation.shadow.raised"
+      "description": "Use for the background of cards that can be moved, such as Jira cards on a Kanban board. Combine with elevation.shadow.raised."
     },
     "value": "N0"
   },
-  "name": "elevation.surface.raised",
-  "path": ["elevation", "surface", "raised"]
+  "name": "elevation.surface.raised.[default]",
+  "path": ["elevation", "surface", "raised", "[default]"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.10.20",
+    "description": "Hovered state of elevation.surface.raised"
+  },
+  "value": "#FAFBFC",
+  "filePath": "src/tokens/atlassian-legacy-light/elevation/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.20",
+      "description": "Hovered state of elevation.surface.raised"
+    },
+    "value": "N10"
+  },
+  "name": "elevation.surface.raised.hovered",
+  "path": ["elevation", "surface", "raised", "hovered"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.10.20",
+    "description": "Pressed state of elevation.surface.raised"
+  },
+  "value": "#F4F5F7",
+  "filePath": "src/tokens/atlassian-legacy-light/elevation/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.20",
+      "description": "Pressed state of elevation.surface.raised"
+    },
+    "value": "N20"
+  },
+  "name": "elevation.surface.raised.pressed",
+  "path": ["elevation", "surface", "raised", "pressed"]
 }, {
   "attributes": {
     "group": "paint",
     "state": "active",
     "introduced": "0.6.0",
-    "description": "Use for the background of elements that sit on top of they UI, such as modals, dropdown menus, flags, and inline dialogs. Combine with elevation.shadow.overlay\n\nAlso use for the background of raised cards in a dragged state."
+    "description": "Use for the background of elements that sit on top of they UI, such as modals, dialogs, dropdown menus, floating toolbars, and floating single-action buttons. Also use for the background of raised cards in a dragged state. Combine with elevation.shadow.overlay."
   },
   "value": "#FFFFFF",
   "filePath": "src/tokens/atlassian-legacy-light/elevation/surface.tsx",
@@ -6658,12 +6742,54 @@ const tokens = [{
       "group": "paint",
       "state": "active",
       "introduced": "0.6.0",
-      "description": "Use for the background of elements that sit on top of they UI, such as modals, dropdown menus, flags, and inline dialogs. Combine with elevation.shadow.overlay\n\nAlso use for the background of raised cards in a dragged state."
+      "description": "Use for the background of elements that sit on top of they UI, such as modals, dialogs, dropdown menus, floating toolbars, and floating single-action buttons. Also use for the background of raised cards in a dragged state. Combine with elevation.shadow.overlay."
     },
     "value": "N0"
   },
-  "name": "elevation.surface.overlay",
-  "path": ["elevation", "surface", "overlay"]
+  "name": "elevation.surface.overlay.[default]",
+  "path": ["elevation", "surface", "overlay", "[default]"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.10.20",
+    "description": "Hovered state of elevation.surface.overlay"
+  },
+  "value": "#FAFBFC",
+  "filePath": "src/tokens/atlassian-legacy-light/elevation/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.20",
+      "description": "Hovered state of elevation.surface.overlay"
+    },
+    "value": "N10"
+  },
+  "name": "elevation.surface.overlay.hovered",
+  "path": ["elevation", "surface", "overlay", "hovered"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.10.20",
+    "description": "Pressed state of elevation.surface.overlay"
+  },
+  "value": "#F4F5F7",
+  "filePath": "src/tokens/atlassian-legacy-light/elevation/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.20",
+      "description": "Pressed state of elevation.surface.overlay"
+    },
+    "value": "N20"
+  },
+  "name": "elevation.surface.overlay.pressed",
+  "path": ["elevation", "surface", "overlay", "pressed"]
 }, {
   "attributes": {
     "group": "opacity",

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::6977decc7ef870a337b1171d6775d9dc>>
+ * @codegen <<SignedSource::3e1535e99114e3ceefa050ae548283a1>>
  * @codegenCommand yarn build tokens
  */
 const tokens = [{
@@ -4825,7 +4825,7 @@ const tokens = [{
     "introduced": "0.0.15",
     "deprecated": "0.6.0",
     "deleted": "0.8.0",
-    "replacement": "elevation.surface.raised",
+    "replacement": "elevation.surface.raised.[default]",
     "description": "Use for the background of raised cards, such as Jira cards on a Kanban board.\nCombine with shadow.card."
   },
   "value": "#FFFFFF",
@@ -4838,7 +4838,7 @@ const tokens = [{
       "introduced": "0.0.15",
       "deprecated": "0.6.0",
       "deleted": "0.8.0",
-      "replacement": "elevation.surface.raised",
+      "replacement": "elevation.surface.raised.[default]",
       "description": "Use for the background of raised cards, such as Jira cards on a Kanban board.\nCombine with shadow.card."
     },
     "value": "N0"
@@ -4852,7 +4852,7 @@ const tokens = [{
     "introduced": "0.0.15",
     "deprecated": "0.6.0",
     "deleted": "0.8.0",
-    "replacement": "elevation.surface.[default]",
+    "replacement": "elevation.surface.[default].[default]",
     "description": "Use as the primary background for the UI"
   },
   "value": "#FFFFFF",
@@ -4865,7 +4865,7 @@ const tokens = [{
       "introduced": "0.0.15",
       "deprecated": "0.6.0",
       "deleted": "0.8.0",
-      "replacement": "elevation.surface.[default]",
+      "replacement": "elevation.surface.[default].[default]",
       "description": "Use as the primary background for the UI"
     },
     "value": "N0"
@@ -4879,7 +4879,7 @@ const tokens = [{
     "introduced": "0.0.15",
     "deprecated": "0.6.0",
     "deleted": "0.8.0",
-    "replacement": "elevation.surface.overlay",
+    "replacement": "elevation.surface.overlay.[default]",
     "description": "\nUse for the background of overlay elements, such as modals, dropdown menus, flags, and inline dialogs (i.e. elements that sit on top of the UI).\n\nAlso use for the background of raised cards in a dragged state.\n\nCombine with shadow.overlay."
   },
   "value": "#FFFFFF",
@@ -4892,7 +4892,7 @@ const tokens = [{
       "introduced": "0.0.15",
       "deprecated": "0.6.0",
       "deleted": "0.8.0",
-      "replacement": "elevation.surface.overlay",
+      "replacement": "elevation.surface.overlay.[default]",
       "description": "\nUse for the background of overlay elements, such as modals, dropdown menus, flags, and inline dialogs (i.e. elements that sit on top of the UI).\n\nAlso use for the background of raised cards in a dragged state.\n\nCombine with shadow.overlay."
     },
     "value": "N0"
@@ -6599,8 +6599,50 @@ const tokens = [{
     },
     "value": "N0"
   },
-  "name": "elevation.surface.[default]",
-  "path": ["elevation", "surface", "[default]"]
+  "name": "elevation.surface.[default].[default]",
+  "path": ["elevation", "surface", "[default]", "[default]"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.10.20",
+    "description": "Hovered state of elevation.surface"
+  },
+  "value": "#F1F2F4",
+  "filePath": "src/tokens/atlassian-light/elevation/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.20",
+      "description": "Hovered state of elevation.surface"
+    },
+    "value": "N200"
+  },
+  "name": "elevation.surface.[default].hovered",
+  "path": ["elevation", "surface", "[default]", "hovered"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.10.20",
+    "description": "Pressed state of elevation.surface"
+  },
+  "value": "#DCDFE4",
+  "filePath": "src/tokens/atlassian-light/elevation/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.20",
+      "description": "Pressed state of elevation.surface"
+    },
+    "value": "N300"
+  },
+  "name": "elevation.surface.[default].pressed",
+  "path": ["elevation", "surface", "[default]", "pressed"]
 }, {
   "attributes": {
     "group": "paint",
@@ -6627,7 +6669,7 @@ const tokens = [{
     "group": "paint",
     "state": "active",
     "introduced": "0.6.0",
-    "description": "Use for the background of raised cards, such as Jira cards on a Kanban board. Combine with elevation.shadow.raised"
+    "description": "Use for the background of cards that can be moved, such as Jira cards on a Kanban board. Combine with elevation.shadow.raised."
   },
   "value": "#FFFFFF",
   "filePath": "src/tokens/atlassian-light/elevation/surface.tsx",
@@ -6637,18 +6679,60 @@ const tokens = [{
       "group": "paint",
       "state": "active",
       "introduced": "0.6.0",
-      "description": "Use for the background of raised cards, such as Jira cards on a Kanban board. Combine with elevation.shadow.raised"
+      "description": "Use for the background of cards that can be moved, such as Jira cards on a Kanban board. Combine with elevation.shadow.raised."
     },
     "value": "N0"
   },
-  "name": "elevation.surface.raised",
-  "path": ["elevation", "surface", "raised"]
+  "name": "elevation.surface.raised.[default]",
+  "path": ["elevation", "surface", "raised", "[default]"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.10.20",
+    "description": "Hovered state of elevation.surface.raised"
+  },
+  "value": "#F1F2F4",
+  "filePath": "src/tokens/atlassian-light/elevation/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.20",
+      "description": "Hovered state of elevation.surface.raised"
+    },
+    "value": "N200"
+  },
+  "name": "elevation.surface.raised.hovered",
+  "path": ["elevation", "surface", "raised", "hovered"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.10.20",
+    "description": "Pressed state of elevation.surface.raised"
+  },
+  "value": "#DCDFE4",
+  "filePath": "src/tokens/atlassian-light/elevation/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.20",
+      "description": "Pressed state of elevation.surface.raised"
+    },
+    "value": "N300"
+  },
+  "name": "elevation.surface.raised.pressed",
+  "path": ["elevation", "surface", "raised", "pressed"]
 }, {
   "attributes": {
     "group": "paint",
     "state": "active",
     "introduced": "0.6.0",
-    "description": "Use for the background of elements that sit on top of they UI, such as modals, dropdown menus, flags, and inline dialogs. Combine with elevation.shadow.overlay\n\nAlso use for the background of raised cards in a dragged state."
+    "description": "Use for the background of elements that sit on top of they UI, such as modals, dialogs, dropdown menus, floating toolbars, and floating single-action buttons. Also use for the background of raised cards in a dragged state. Combine with elevation.shadow.overlay."
   },
   "value": "#FFFFFF",
   "filePath": "src/tokens/atlassian-light/elevation/surface.tsx",
@@ -6658,12 +6742,54 @@ const tokens = [{
       "group": "paint",
       "state": "active",
       "introduced": "0.6.0",
-      "description": "Use for the background of elements that sit on top of they UI, such as modals, dropdown menus, flags, and inline dialogs. Combine with elevation.shadow.overlay\n\nAlso use for the background of raised cards in a dragged state."
+      "description": "Use for the background of elements that sit on top of they UI, such as modals, dialogs, dropdown menus, floating toolbars, and floating single-action buttons. Also use for the background of raised cards in a dragged state. Combine with elevation.shadow.overlay."
     },
     "value": "N0"
   },
-  "name": "elevation.surface.overlay",
-  "path": ["elevation", "surface", "overlay"]
+  "name": "elevation.surface.overlay.[default]",
+  "path": ["elevation", "surface", "overlay", "[default]"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.10.20",
+    "description": "Hovered state of elevation.surface.overlay"
+  },
+  "value": "#F1F2F4",
+  "filePath": "src/tokens/atlassian-light/elevation/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.20",
+      "description": "Hovered state of elevation.surface.overlay"
+    },
+    "value": "N200"
+  },
+  "name": "elevation.surface.overlay.hovered",
+  "path": ["elevation", "surface", "overlay", "hovered"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.10.20",
+    "description": "Pressed state of elevation.surface.overlay"
+  },
+  "value": "#DCDFE4",
+  "filePath": "src/tokens/atlassian-light/elevation/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.20",
+      "description": "Pressed state of elevation.surface.overlay"
+    },
+    "value": "N300"
+  },
+  "name": "elevation.surface.overlay.pressed",
+  "path": ["elevation", "surface", "overlay", "pressed"]
 }, {
   "attributes": {
     "group": "opacity",

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.19";
+const version = "0.10.21";
 
 function token(path, fallback) {
   let token = tokens[path];

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

@@ -3,6 +3,18 @@ const shadow = {
     shadow: {
       raised: {
         value: [{
+          // This inset shadow is just to allow animations between shadow types
+          radius: 0,
+          spread: 1,
+          // @ts-ignore no current palette colour for this yet
+          color: '#000000',
+          offset: {
+            x: 0,
+            y: 0
+          },
+          opacity: 0,
+          inset: true
+        }, {
           radius: 1,
           offset: {
             x: 0,

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

@@ -2,16 +2,40 @@ const elevation = {
   elevation: {
     surface: {
       '[default]': {
-        value: 'DN0'
+        '[default]': {
+          value: 'DN0'
+        },
+        hovered: {
+          value: 'DN100'
+        },
+        pressed: {
+          value: 'DN200'
+        }
       },
       sunken: {
         value: 'DN-100'
       },
       raised: {
-        value: 'DN100'
+        '[default]': {
+          value: 'DN100'
+        },
+        hovered: {
+          value: 'DN200'
+        },
+        pressed: {
+          value: 'DN300'
+        }
       },
       overlay: {
-        value: 'DN200'
+        '[default]': {
+          value: 'DN200'
+        },
+        hovered: {
+          value: 'DN300'
+        },
+        pressed: {
+          value: 'DN400'
+        }
       }
     }
   }

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

@@ -3,6 +3,18 @@ const shadow = {
     shadow: {
       raised: {
         value: [{
+          // This inset shadow is just to allow animations between shadow types
+          radius: 0,
+          spread: 1,
+          // @ts-ignore no current palette colour for this yet
+          color: '#000000',
+          offset: {
+            x: 0,
+            y: 0
+          },
+          opacity: 0,
+          inset: true
+        }, {
           radius: 1,
           offset: {
             x: 0,

package/dist/es2019/tokens/atlassian-legacy-dark/elevation/surface.js

@@ -2,16 +2,40 @@ const elevation = {
   elevation: {
     surface: {
       '[default]': {
-        value: 'DN30'
+        '[default]': {
+          value: 'DN30'
+        },
+        hovered: {
+          value: 'DN40'
+        },
+        pressed: {
+          value: 'DN50'
+        }
       },
       sunken: {
         value: 'DN100'
       },
       raised: {
-        value: 'DN80'
+        '[default]': {
+          value: 'DN80'
+        },
+        hovered: {
+          value: 'DN90'
+        },
+        pressed: {
+          value: 'DN100'
+        }
       },
       overlay: {
-        value: 'DN200'
+        '[default]': {
+          value: 'DN200'
+        },
+        hovered: {
+          value: 'DN300'
+        },
+        pressed: {
+          value: 'DN400'
+        }
       }
     }
   }

package/dist/es2019/tokens/atlassian-legacy-light/elevation/surface.js

@@ -2,16 +2,40 @@ const elevation = {
   elevation: {
     surface: {
       '[default]': {
-        value: 'N0'
+        '[default]': {
+          value: 'N0'
+        },
+        hovered: {
+          value: 'N10'
+        },
+        pressed: {
+          value: 'N20'
+        }
       },
       sunken: {
         value: 'N20'
       },
       raised: {
-        value: 'N0'
+        '[default]': {
+          value: 'N0'
+        },
+        hovered: {
+          value: 'N10'
+        },
+        pressed: {
+          value: 'N20'
+        }
       },
       overlay: {
-        value: 'N0'
+        '[default]': {
+          value: 'N0'
+        },
+        hovered: {
+          value: 'N10'
+        },
+        pressed: {
+          value: 'N20'
+        }
       }
     }
   }