@atlaskit/tokens 0.6.0 → 0.6.3

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

@@ -257,7 +257,7 @@ var tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "description": "Use for text in selected or opened states, such as tabs and dropdown buttons."
+    "description": "Use for text that reinforces our brand."
   },
   "value": "#579DFF",
   "filePath": "src/tokens/atlassian-dark/color/text.tsx",
@@ -266,12 +266,31 @@ var tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "description": "Use for text in selected or opened states, such as tabs and dropdown buttons."
+      "description": "Use for text that reinforces our brand."
     },
     "value": "B400"
   },
   "name": "color.text.brand",
   "path": ["color", "text", "brand"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "description": "Use for text in selected or opened states, such as tabs and dropdown buttons."
+  },
+  "value": "#579DFF",
+  "filePath": "src/tokens/atlassian-dark/color/text.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "description": "Use for text in selected or opened states, such as tabs and dropdown buttons."
+    },
+    "value": "B400"
+  },
+  "name": "color.text.selected",
+  "path": ["color", "text", "selected"]
 }, {
   "attributes": {
     "group": "paint",
@@ -533,27 +552,6 @@ var tokens = [{
   },
   "name": "color.text.onBoldWarning",
   "path": ["color", "text", "onBoldWarning"]
-}, {
-  "attributes": {
-    "group": "paint",
-    "state": "deprecated",
-    "replacement": "color.text.brand",
-    "description": "Use for text, icons, borders, or other visual indicators in selected states"
-  },
-  "value": "#579DFF",
-  "filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
-  "isSource": true,
-  "original": {
-    "attributes": {
-      "group": "paint",
-      "state": "deprecated",
-      "replacement": "color.text.brand",
-      "description": "Use for text, icons, borders, or other visual indicators in selected states"
-    },
-    "value": "B400"
-  },
-  "name": "color.text.selected",
-  "path": ["color", "text", "selected"]
 }, {
   "attributes": {
     "group": "paint",
@@ -786,7 +784,7 @@ var tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "description": "Use for icons in selected or opened states, such as those used in dropdown buttons."
+    "description": "Use for icons that reinforce our brand."
   },
   "value": "#579DFF",
   "filePath": "src/tokens/atlassian-dark/color/icon.tsx",
@@ -795,12 +793,31 @@ var tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "description": "Use for icons in selected or opened states, such as those used in dropdown buttons."
+      "description": "Use for icons that reinforce our brand."
     },
     "value": "B400"
   },
   "name": "color.icon.brand",
   "path": ["color", "icon", "brand"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "description": "Use for icons in selected or opened states, such as those used in dropdown buttons."
+  },
+  "value": "#579DFF",
+  "filePath": "src/tokens/atlassian-dark/color/icon.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "description": "Use for icons in selected or opened states, such as those used in dropdown buttons."
+    },
+    "value": "B400"
+  },
+  "name": "color.icon.selected",
+  "path": ["color", "icon", "selected"]
 }, {
   "attributes": {
     "group": "paint",
@@ -1147,7 +1164,7 @@ var tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "description": "Use for borders or visual indicators of elements in a selected or opened state, such as in tabs or menu items."
+    "description": "Use for borders or visual indicators of elements that reinforce our brand, such as logos or primary buttons."
   },
   "value": "#579DFF",
   "filePath": "src/tokens/atlassian-dark/color/border.tsx",
@@ -1156,12 +1173,31 @@ var tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "description": "Use for borders or visual indicators of elements in a selected or opened state, such as in tabs or menu items."
+      "description": "Use for borders or visual indicators of elements that reinforce our brand, such as logos or primary buttons."
     },
     "value": "B400"
   },
   "name": "color.border.brand",
   "path": ["color", "border", "brand"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "description": "Use for borders or visual indicators of elements in a selected or opened state, such as in tabs or menu items."
+  },
+  "value": "#579DFF",
+  "filePath": "src/tokens/atlassian-dark/color/border.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "description": "Use for borders or visual indicators of elements in a selected or opened state, such as in tabs or menu items."
+    },
+    "value": "B400"
+  },
+  "name": "color.border.selected",
+  "path": ["color", "border", "selected"]
 }, {
   "attributes": {
     "group": "paint",
@@ -1873,16 +1909,75 @@ var tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "description": "Use for the background of elements in a selected state, such as in opened dropdown buttons."
+    "description": "Use for the background of elements used to reinforce our brand, but with more emphasis."
   },
-  "value": "#A1BDD914",
+  "value": "#579DFF",
   "filePath": "src/tokens/atlassian-dark/color/background.tsx",
   "isSource": true,
   "original": {
     "attributes": {
       "group": "paint",
       "state": "active",
-      "description": "Use for the background of elements in a selected state, such as in opened dropdown buttons."
+      "description": "Use for the background of elements used to reinforce our brand, but with more emphasis."
+    },
+    "value": "B400"
+  },
+  "name": "color.background.brand.bold.[default]",
+  "path": ["color", "background", "brand", "bold", "[default]"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "description": "Hovered state of color.background.brand.bold"
+  },
+  "value": "#85B8FF",
+  "filePath": "src/tokens/atlassian-dark/color/background.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "description": "Hovered state of color.background.brand.bold"
+    },
+    "value": "B300"
+  },
+  "name": "color.background.brand.bold.hovered",
+  "path": ["color", "background", "brand", "bold", "hovered"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "description": "Pressed state of color.background.brand.bold"
+  },
+  "value": "#CCE0FF",
+  "filePath": "src/tokens/atlassian-dark/color/background.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "description": "Pressed state of color.background.brand.bold"
+    },
+    "value": "B200"
+  },
+  "name": "color.background.brand.bold.pressed",
+  "path": ["color", "background", "brand", "bold", "pressed"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "deprecated",
+    "replacement": "color.background.selected.[default].[default]",
+    "description": "Use for the background of elements used to reinforce our brand."
+  },
+  "value": "#A1BDD914",
+  "filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "deprecated",
+      "replacement": "color.background.selected.[default].[default]",
+      "description": "Use for the background of elements used to reinforce our brand."
     },
     "value": "DN200A"
   },
@@ -1891,16 +1986,18 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "paint",
-    "state": "active",
+    "state": "deprecated",
+    "replacement": "color.background.selected.[default].hovered",
     "description": "Hovered state for color.background.brand"
   },
   "value": "#A6C5E229",
-  "filePath": "src/tokens/atlassian-dark/color/background.tsx",
+  "filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
   "isSource": true,
   "original": {
     "attributes": {
       "group": "paint",
-      "state": "active",
+      "state": "deprecated",
+      "replacement": "color.background.selected.[default].hovered",
       "description": "Hovered state for color.background.brand"
     },
     "value": "DN300A"
@@ -1910,16 +2007,18 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "paint",
-    "state": "active",
+    "state": "deprecated",
+    "replacement": "color.background.selected.[default].pressed",
     "description": "Pressed state for color.background.brand"
   },
   "value": "#BFDBF847",
-  "filePath": "src/tokens/atlassian-dark/color/background.tsx",
+  "filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
   "isSource": true,
   "original": {
     "attributes": {
       "group": "paint",
-      "state": "active",
+      "state": "deprecated",
+      "replacement": "color.background.selected.[default].pressed",
       "description": "Pressed state for color.background.brand"
     },
     "value": "DN400A"
@@ -1930,7 +2029,64 @@ var tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "description": "Use for the backgrounds of primary buttons or elements in a selected state, such as checkboxed and radio buttons."
+    "description": "Use for the background of elements in a selected state, such as in opened dropdown buttons."
+  },
+  "value": "#082145",
+  "filePath": "src/tokens/atlassian-dark/color/background.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "description": "Use for the background of elements in a selected state, such as in opened dropdown buttons."
+    },
+    "value": "B1000"
+  },
+  "name": "color.background.selected.[default].[default]",
+  "path": ["color", "background", "selected", "[default]", "[default]"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "description": "Hovered state for color.background.selected"
+  },
+  "value": "#09326C",
+  "filePath": "src/tokens/atlassian-dark/color/background.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "description": "Hovered state for color.background.selected"
+    },
+    "value": "B900"
+  },
+  "name": "color.background.selected.[default].hovered",
+  "path": ["color", "background", "selected", "[default]", "hovered"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "description": "Pressed state for color.background.selected"
+  },
+  "value": "#0055CC",
+  "filePath": "src/tokens/atlassian-dark/color/background.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "description": "Pressed state for color.background.selected"
+    },
+    "value": "B800"
+  },
+  "name": "color.background.selected.[default].pressed",
+  "path": ["color", "background", "selected", "[default]", "pressed"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "description": "Use for the backgrounds of elements in a selected state, such as checkboxed and radio buttons."
   },
   "value": "#579DFF",
   "filePath": "src/tokens/atlassian-dark/color/background.tsx",
@@ -1939,17 +2095,17 @@ var tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "description": "Use for the backgrounds of primary buttons or elements in a selected state, such as checkboxed and radio buttons."
+      "description": "Use for the backgrounds of elements in a selected state, such as checkboxed and radio buttons."
     },
     "value": "B400"
   },
-  "name": "color.background.brand.bold.[default]",
-  "path": ["color", "background", "brand", "bold", "[default]"]
+  "name": "color.background.selected.bold.[default]",
+  "path": ["color", "background", "selected", "bold", "[default]"]
 }, {
   "attributes": {
     "group": "paint",
     "state": "active",
-    "description": "Hovered state of color.background.brand.bold"
+    "description": "Hovered state of color.background.selected.bold"
   },
   "value": "#85B8FF",
   "filePath": "src/tokens/atlassian-dark/color/background.tsx",
@@ -1958,17 +2114,17 @@ var tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "description": "Hovered state of color.background.brand.bold"
+      "description": "Hovered state of color.background.selected.bold"
     },
     "value": "B300"
   },
-  "name": "color.background.brand.bold.hovered",
-  "path": ["color", "background", "brand", "bold", "hovered"]
+  "name": "color.background.selected.bold.hovered",
+  "path": ["color", "background", "selected", "bold", "hovered"]
 }, {
   "attributes": {
     "group": "paint",
     "state": "active",
-    "description": "Pressed state of color.background.brand.bold"
+    "description": "Pressed state of color.background.selected.bold"
   },
   "value": "#CCE0FF",
   "filePath": "src/tokens/atlassian-dark/color/background.tsx",
@@ -1977,12 +2133,54 @@ var tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "description": "Pressed state of color.background.brand.bold"
+      "description": "Pressed state of color.background.selected.bold"
     },
     "value": "B200"
   },
-  "name": "color.background.brand.bold.pressed",
-  "path": ["color", "background", "brand", "bold", "pressed"]
+  "name": "color.background.selected.bold.pressed",
+  "path": ["color", "background", "selected", "bold", "pressed"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "deprecated",
+    "replacement": "color.background.selected.[default].[default]",
+    "description": "Use for backgrounds of elements in a selected state"
+  },
+  "value": "#A1BDD914",
+  "filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "deprecated",
+      "replacement": "color.background.selected.[default].[default]",
+      "description": "Use for backgrounds of elements in a selected state"
+    },
+    "value": "DN200A"
+  },
+  "name": "color.background.selected.resting",
+  "path": ["color", "background", "selected", "resting"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "deprecated",
+    "replacement": "color.background.selected.[default].hovered",
+    "description": "Hover state for color.background.selected"
+  },
+  "value": "#A6C5E229",
+  "filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "deprecated",
+      "replacement": "color.background.selected.[default].hovered",
+      "description": "Hover state for color.background.selected"
+    },
+    "value": "DN300A"
+  },
+  "name": "color.background.selected.hover",
+  "path": ["color", "background", "selected", "hover"]
 }, {
   "attributes": {
     "group": "paint",
@@ -3015,69 +3213,6 @@ var tokens = [{
   },
   "name": "color.background.overlay",
   "path": ["color", "background", "overlay"]
-}, {
-  "attributes": {
-    "group": "paint",
-    "state": "deprecated",
-    "replacement": "color.background.brand.[default].[default]",
-    "description": "Use for backgrounds of elements in a selected state"
-  },
-  "value": "#A1BDD914",
-  "filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
-  "isSource": true,
-  "original": {
-    "attributes": {
-      "group": "paint",
-      "state": "deprecated",
-      "replacement": "color.background.brand.[default].[default]",
-      "description": "Use for backgrounds of elements in a selected state"
-    },
-    "value": "DN200A"
-  },
-  "name": "color.background.selected.resting",
-  "path": ["color", "background", "selected", "resting"]
-}, {
-  "attributes": {
-    "group": "paint",
-    "state": "deprecated",
-    "replacement": "color.background.brand.[default].hovered",
-    "description": "Hover state for color.background.selected"
-  },
-  "value": "#A6C5E229",
-  "filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
-  "isSource": true,
-  "original": {
-    "attributes": {
-      "group": "paint",
-      "state": "deprecated",
-      "replacement": "color.background.brand.[default].hovered",
-      "description": "Hover state for color.background.selected"
-    },
-    "value": "DN300A"
-  },
-  "name": "color.background.selected.hover",
-  "path": ["color", "background", "selected", "hover"]
-}, {
-  "attributes": {
-    "group": "paint",
-    "state": "deprecated",
-    "replacement": "color.background.brand.[default].pressed",
-    "description": "Pressed state for color.background.selected"
-  },
-  "value": "#BFDBF847",
-  "filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
-  "isSource": true,
-  "original": {
-    "attributes": {
-      "group": "paint",
-      "state": "deprecated",
-      "replacement": "color.background.brand.[default].pressed",
-      "description": "Pressed state for color.background.selected"
-    },
-    "value": "DN400A"
-  },
-  "name": "color.background.selected.pressed",
-  "path": ["color", "background", "selected", "pressed"]
 }, {
   "attributes": {
     "group": "paint",
@@ -3124,7 +3259,7 @@ var tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deprecated",
-    "replacement": "color.background.brand.[default].hovered",
+    "replacement": "color.background.selected.[default].hovered",
     "description": "Hover state for background.subtleBrand"
   },
   "value": "#09326C",
@@ -3134,7 +3269,7 @@ var tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deprecated",
-      "replacement": "color.background.brand.[default].hovered",
+      "replacement": "color.background.selected.[default].hovered",
       "description": "Hover state for background.subtleBrand"
     },
     "value": "B900"
@@ -3145,7 +3280,7 @@ var tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deprecated",
-    "replacement": "color.background.brand.[default].pressed",
+    "replacement": "color.background.selected.[default].pressed",
     "description": "Pressed state for background.subtleBrand"
   },
   "value": "#0055CC",
@@ -3155,7 +3290,7 @@ var tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deprecated",
-      "replacement": "color.background.brand.[default].pressed",
+      "replacement": "color.background.selected.[default].pressed",
       "description": "Pressed state for background.subtleBrand"
     },
     "value": "B800"
@@ -3166,7 +3301,7 @@ var tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deprecated",
-    "replacement": "color.background.brand.[default].[default]",
+    "replacement": "color.background.selected.[default].[default]",
     "description": "Use for subdued backgrounds of UI elements like information section messages and in progress lozenges."
   },
   "value": "#082145",
@@ -3176,7 +3311,7 @@ var tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deprecated",
-      "replacement": "color.background.brand.[default].[default]",
+      "replacement": "color.background.selected.[default].[default]",
       "description": "Use for subdued backgrounds of UI elements like information section messages and in progress lozenges."
     },
     "value": "B1000"
@@ -4387,7 +4522,7 @@ var tokens = [{
     "state": "active",
     "description": "A secondary background for the UI commonly used for grouping items, such as Jira cards in columns."
   },
-  "value": "#BCD6F00A",
+  "value": "#101214",
   "filePath": "src/tokens/atlassian-dark/elevation/surface.tsx",
   "isSource": true,
   "original": {
@@ -4396,7 +4531,7 @@ var tokens = [{
       "state": "active",
       "description": "A secondary background for the UI commonly used for grouping items, such as Jira cards in columns."
     },
-    "value": "DN100A"
+    "value": "DN-100"
   },
   "name": "elevation.surface.sunken",
   "path": ["elevation", "surface", "sunken"]