@atlaskit/tokens 0.10.19 → 0.10.20

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::e9fa17eebeaf3b2a8318f43c4f7e89c4>>
+ * @codegen <<SignedSource::fc7198ce92b9604af441e36c1acb2075>>
  * @codegenCommand yarn build tokens
  */
 const tokens = {
@@ -282,9 +282,15 @@ const tokens = {
   'elevation.shadow.overflow': '--ds-shadow-overflow',
   'elevation.shadow.overlay': '--ds-shadow-overlay',
   'elevation.surface': '--ds-surface',
+  'elevation.surface.hovered': '--ds-surface-hovered',
+  'elevation.surface.pressed': '--ds-surface-pressed',
   'elevation.surface.sunken': '--ds-surface-sunken',
   'elevation.surface.raised': '--ds-surface-raised',
+  'elevation.surface.raised.hovered': '--ds-surface-raised-hovered',
+  'elevation.surface.raised.pressed': '--ds-surface-raised-pressed',
   'elevation.surface.overlay': '--ds-surface-overlay',
+  'elevation.surface.overlay.hovered': '--ds-surface-overlay-hovered',
+  'elevation.surface.overlay.pressed': '--ds-surface-overlay-pressed',
   'opacity.disabled': '--ds-opacity-disabled',
   'opacity.loading': '--ds-opacity-loading',
   'utility.UNSAFE_util.transparent': '--ds-UNSAFE_util-transparent',

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::b756f5f6727c826e5f41b4d6b9d2b8e3>>
+ * @codegen <<SignedSource::41ca1e1e710a7febb4c2b2ec651ef5f6>>
  * @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": "#1D2125",
@@ -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": "DN100"
@@ -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": "#161A1D",
@@ -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": "DN0"
@@ -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": "#22272B",
@@ -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": "DN200"
@@ -6449,6 +6449,16 @@ const tokens = [{
     "description": "Use for the box shadow of raised card elements, such as Jira cards on a Kanban board. Combine with elevation.surface.raised"
   },
   "value": [{
+    "radius": 0,
+    "spread": 1,
+    "color": "#000000",
+    "offset": {
+      "x": 0,
+      "y": 0
+    },
+    "opacity": 0,
+    "inset": true
+  }, {
     "radius": 1,
     "offset": {
       "x": 0,
@@ -6475,6 +6485,16 @@ const tokens = [{
       "description": "Use for the box shadow of raised card elements, such as Jira cards on a Kanban board. Combine with elevation.surface.raised"
     },
     "value": [{
+      "radius": 0,
+      "spread": 1,
+      "color": "#000000",
+      "offset": {
+        "x": 0,
+        "y": 0
+      },
+      "opacity": 0,
+      "inset": true
+    }, {
       "radius": 1,
       "offset": {
         "x": 0,
@@ -6639,8 +6659,50 @@ const tokens = [{
     },
     "value": "DN0"
   },
-  "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": "#1D2125",
+  "filePath": "src/tokens/atlassian-dark/elevation/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.20",
+      "description": "Hovered state of elevation.surface"
+    },
+    "value": "DN100"
+  },
+  "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": "#22272B",
+  "filePath": "src/tokens/atlassian-dark/elevation/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.20",
+      "description": "Pressed state of elevation.surface"
+    },
+    "value": "DN200"
+  },
+  "name": "elevation.surface.[default].pressed",
+  "path": ["elevation", "surface", "[default]", "pressed"]
 }, {
   "attributes": {
     "group": "paint",
@@ -6667,7 +6729,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": "#1D2125",
   "filePath": "src/tokens/atlassian-dark/elevation/surface.tsx",
@@ -6677,18 +6739,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": "DN100"
   },
-  "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": "#22272B",
+  "filePath": "src/tokens/atlassian-dark/elevation/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.20",
+      "description": "Hovered state of elevation.surface.raised"
+    },
+    "value": "DN200"
+  },
+  "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": "#2C333A",
+  "filePath": "src/tokens/atlassian-dark/elevation/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.20",
+      "description": "Pressed state of elevation.surface.raised"
+    },
+    "value": "DN300"
+  },
+  "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": "#22272B",
   "filePath": "src/tokens/atlassian-dark/elevation/surface.tsx",
@@ -6698,12 +6802,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": "DN200"
   },
-  "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": "#2C333A",
+  "filePath": "src/tokens/atlassian-dark/elevation/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.20",
+      "description": "Hovered state of elevation.surface.overlay"
+    },
+    "value": "DN300"
+  },
+  "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": "#454F59",
+  "filePath": "src/tokens/atlassian-dark/elevation/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.20",
+      "description": "Pressed state of elevation.surface.overlay"
+    },
+    "value": "DN400"
+  },
+  "name": "elevation.surface.overlay.pressed",
+  "path": ["elevation", "surface", "overlay", "pressed"]
 }, {
   "attributes": {
     "group": "opacity",

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::a99ec8f38397a16cab91e936de51714f>>
+ * @codegen <<SignedSource::c82e43b67b045a60bb8a6c1dc11edd58>>
  * @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"
@@ -6449,6 +6449,16 @@ const tokens = [{
     "description": "Use for the box shadow of raised card elements, such as Jira cards on a Kanban board. Combine with elevation.surface.raised"
   },
   "value": [{
+    "radius": 0,
+    "spread": 1,
+    "color": "#000000",
+    "offset": {
+      "x": 0,
+      "y": 0
+    },
+    "opacity": 0,
+    "inset": true
+  }, {
     "radius": 1,
     "offset": {
       "x": 0,
@@ -6475,6 +6485,16 @@ const tokens = [{
       "description": "Use for the box shadow of raised card elements, such as Jira cards on a Kanban board. Combine with elevation.surface.raised"
     },
     "value": [{
+      "radius": 0,
+      "spread": 1,
+      "color": "#000000",
+      "offset": {
+        "x": 0,
+        "y": 0
+      },
+      "opacity": 0,
+      "inset": true
+    }, {
       "radius": 1,
       "offset": {
         "x": 0,
@@ -6639,8 +6659,50 @@ const tokens = [{
     },
     "value": "DN30"
   },
-  "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": "#202B3D",
+  "filePath": "src/tokens/atlassian-legacy-dark/elevation/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.20",
+      "description": "Hovered state of elevation.surface"
+    },
+    "value": "DN40"
+  },
+  "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": "#283447",
+  "filePath": "src/tokens/atlassian-legacy-dark/elevation/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.20",
+      "description": "Pressed state of elevation.surface"
+    },
+    "value": "DN50"
+  },
+  "name": "elevation.surface.[default].pressed",
+  "path": ["elevation", "surface", "[default]", "pressed"]
 }, {
   "attributes": {
     "group": "paint",
@@ -6667,7 +6729,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": "#455166",
   "filePath": "src/tokens/atlassian-legacy-dark/elevation/surface.tsx",
@@ -6677,18 +6739,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": "DN80"
   },
-  "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": "#56637A",
+  "filePath": "src/tokens/atlassian-legacy-dark/elevation/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.20",
+      "description": "Hovered state of elevation.surface.raised"
+    },
+    "value": "DN90"
+  },
+  "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": "#67758F",
+  "filePath": "src/tokens/atlassian-legacy-dark/elevation/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.20",
+      "description": "Pressed state of elevation.surface.raised"
+    },
+    "value": "DN100"
+  },
+  "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": "#7988A3",
   "filePath": "src/tokens/atlassian-legacy-dark/elevation/surface.tsx",
@@ -6698,12 +6802,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": "DN200"
   },
-  "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": "#8C9CB8",
+  "filePath": "src/tokens/atlassian-legacy-dark/elevation/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.20",
+      "description": "Hovered state of elevation.surface.overlay"
+    },
+    "value": "DN300"
+  },
+  "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": "#9FB0CC",
+  "filePath": "src/tokens/atlassian-legacy-dark/elevation/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.20",
+      "description": "Pressed state of elevation.surface.overlay"
+    },
+    "value": "DN400"
+  },
+  "name": "elevation.surface.overlay.pressed",
+  "path": ["elevation", "surface", "overlay", "pressed"]
 }, {
   "attributes": {
     "group": "opacity",