@atlaskit/tokens 0.6.1 → 0.6.2

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

@@ -251,7 +251,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": "#0C66E4",
   "filePath": "src/tokens/atlassian-light/color/text.tsx",
@@ -260,12 +260,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": "B700"
   },
   "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": "#0C66E4",
+  "filePath": "src/tokens/atlassian-light/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": "B700"
+  },
+  "name": "color.text.selected",
+  "path": ["color", "text", "selected"]
 }, {
   "attributes": {
     "group": "paint",
@@ -527,27 +546,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": "#0C66E4",
-  "filePath": "src/tokens/atlassian-light/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": "B700"
-  },
-  "name": "color.text.selected",
-  "path": ["color", "text", "selected"]
 }, {
   "attributes": {
     "group": "paint",
@@ -780,7 +778,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": "#0C66E4",
   "filePath": "src/tokens/atlassian-light/color/icon.tsx",
@@ -789,12 +787,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": "B700"
   },
   "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": "#0C66E4",
+  "filePath": "src/tokens/atlassian-light/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": "B700"
+  },
+  "name": "color.icon.selected",
+  "path": ["color", "icon", "selected"]
 }, {
   "attributes": {
     "group": "paint",
@@ -1141,7 +1158,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": "#0C66E4",
   "filePath": "src/tokens/atlassian-light/color/border.tsx",
@@ -1150,12 +1167,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": "B700"
   },
   "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": "#0C66E4",
+  "filePath": "src/tokens/atlassian-light/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": "B700"
+  },
+  "name": "color.border.selected",
+  "path": ["color", "border", "selected"]
 }, {
   "attributes": {
     "group": "paint",
@@ -1867,16 +1903,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": "#E9F2FF",
+  "value": "#0C66E4",
   "filePath": "src/tokens/atlassian-light/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": "B700"
+  },
+  "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": "#0055CC",
+  "filePath": "src/tokens/atlassian-light/color/background.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "description": "Hovered state of color.background.brand.bold"
+    },
+    "value": "B800"
+  },
+  "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": "#09326C",
+  "filePath": "src/tokens/atlassian-light/color/background.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "description": "Pressed state of color.background.brand.bold"
+    },
+    "value": "B900"
+  },
+  "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": "#E9F2FF",
+  "filePath": "src/tokens/atlassian-light/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": "B100"
   },
@@ -1885,16 +1980,18 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "paint",
-    "state": "active",
+    "state": "deprecated",
+    "replacement": "color.background.selected.[default].hovered",
     "description": "Hovered state for color.background.brand"
   },
   "value": "#CCE0FF",
-  "filePath": "src/tokens/atlassian-light/color/background.tsx",
+  "filePath": "src/tokens/atlassian-light/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": "B200"
@@ -1904,16 +2001,18 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "paint",
-    "state": "active",
+    "state": "deprecated",
+    "replacement": "color.background.selected.[default].pressed",
     "description": "Pressed state for color.background.brand"
   },
   "value": "#85B8FF",
-  "filePath": "src/tokens/atlassian-light/color/background.tsx",
+  "filePath": "src/tokens/atlassian-light/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": "B300"
@@ -1924,7 +2023,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": "#E9F2FF",
+  "filePath": "src/tokens/atlassian-light/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": "B100"
+  },
+  "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": "#CCE0FF",
+  "filePath": "src/tokens/atlassian-light/color/background.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "description": "Hovered state for color.background.selected"
+    },
+    "value": "B200"
+  },
+  "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": "#85B8FF",
+  "filePath": "src/tokens/atlassian-light/color/background.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "description": "Pressed state for color.background.selected"
+    },
+    "value": "B300"
+  },
+  "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": "#0C66E4",
   "filePath": "src/tokens/atlassian-light/color/background.tsx",
@@ -1933,17 +2089,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": "B700"
   },
-  "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": "#0055CC",
   "filePath": "src/tokens/atlassian-light/color/background.tsx",
@@ -1952,17 +2108,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": "B800"
   },
-  "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": "#09326C",
   "filePath": "src/tokens/atlassian-light/color/background.tsx",
@@ -1971,12 +2127,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": "B900"
   },
-  "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": "#E9F2FF",
+  "filePath": "src/tokens/atlassian-light/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": "B100"
+  },
+  "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": "#CCE0FF",
+  "filePath": "src/tokens/atlassian-light/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": "B200"
+  },
+  "name": "color.background.selected.hover",
+  "path": ["color", "background", "selected", "hover"]
 }, {
   "attributes": {
     "group": "paint",
@@ -3009,69 +3207,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": "#E9F2FF",
-  "filePath": "src/tokens/atlassian-light/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": "B100"
-  },
-  "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": "#CCE0FF",
-  "filePath": "src/tokens/atlassian-light/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": "B200"
-  },
-  "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": "#85B8FF",
-  "filePath": "src/tokens/atlassian-light/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": "B300"
-  },
-  "name": "color.background.selected.pressed",
-  "path": ["color", "background", "selected", "pressed"]
 }, {
   "attributes": {
     "group": "paint",
@@ -3118,7 +3253,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": "#CCE0FF",
@@ -3128,7 +3263,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": "B200"
@@ -3139,7 +3274,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": "#85B8FF",
@@ -3149,7 +3284,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": "B300"
@@ -3160,7 +3295,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": "#E9F2FF",
@@ -3170,7 +3305,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": "B100"

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.6.1";
+var version = "0.6.2";
 
 function token(path, fallback) {
   var token = tokens[path];

package/dist/esm/tokens/atlassian-dark/color/background.js

@@ -59,15 +59,28 @@ var color = {
         }
       },
       brand: {
+        bold: {
+          '[default]': {
+            value: 'B400'
+          },
+          hovered: {
+            value: 'B300'
+          },
+          pressed: {
+            value: 'B200'
+          }
+        }
+      },
+      selected: {
         '[default]': {
           '[default]': {
-            value: 'DN200A'
+            value: 'B1000'
           },
           hovered: {
-            value: 'DN300A'
+            value: 'B900'
           },
           pressed: {
-            value: 'DN400A'
+            value: 'B800'
           }
         },
         bold: {

package/dist/esm/tokens/atlassian-dark/color/border.js

@@ -16,6 +16,9 @@ var color = {
       brand: {
         value: 'B400'
       },
+      selected: {
+        value: 'B400'
+      },
       danger: {
         value: 'R500'
       },

package/dist/esm/tokens/atlassian-dark/color/icon.js

@@ -16,6 +16,9 @@ var color = {
       brand: {
         value: 'B400'
       },
+      selected: {
+        value: 'B400'
+      },
       danger: {
         value: 'R500'
       },

package/dist/esm/tokens/atlassian-dark/color/text.js

@@ -19,6 +19,9 @@ var color = {
       brand: {
         value: 'B400'
       },
+      selected: {
+        value: 'B400'
+      },
       danger: {
         value: 'R300'
       },

package/dist/esm/tokens/atlassian-dark/deprecated/deprecated.js

@@ -45,6 +45,19 @@ var color = {
       blanket: {
         value: 'DN-100A'
       },
+      brand: {
+        '[default]': {
+          '[default]': {
+            value: 'DN200A'
+          },
+          hovered: {
+            value: 'DN300A'
+          },
+          pressed: {
+            value: 'DN400A'
+          }
+        }
+      },
       boldBrand: {
         resting: {
           value: 'B400'
@@ -126,9 +139,6 @@ var color = {
         },
         hover: {
           value: 'DN300A'
-        },
-        pressed: {
-          value: 'DN400A'
         }
       },
       subtleBorderedNeutral: {
@@ -240,9 +250,6 @@ var color = {
       },
       onBoldWarning: {
         value: 'DN0'
-      },
-      selected: {
-        value: 'B400'
       }
     },
     border: {