@atlaskit/tokens 1.12.0 → 1.13.0

package/dist/esm/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::0752455125a2970afd988a456ef7a00b>>
+ * @codegen <<SignedSource::6601df15e45294ebfb575b1b034a2aa7>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -3127,6 +3127,72 @@ var tokens = [{
   "name": "color.background.selected.bold.pressed",
   "path": ["color", "background", "selected", "bold", "pressed"],
   "cleanName": "color.background.selected.bold.pressed"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "1.13.0",
+    "description": "Use for the background of elements used to reinforce our brand, but with less emphasis."
+  },
+  "value": "#0747A6",
+  "filePath": "src/tokens/atlassian-legacy-dark/color/background.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "1.13.0",
+      "description": "Use for the background of elements used to reinforce our brand, but with less emphasis."
+    },
+    "value": "B500"
+  },
+  "name": "color.background.brand.subtlest.[default]",
+  "path": ["color", "background", "brand", "subtlest", "[default]"],
+  "cleanName": "color.background.brand.subtlest"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "1.13.0",
+    "description": "Hovered state of color.background.brand.subtlest."
+  },
+  "value": "#0052CC",
+  "filePath": "src/tokens/atlassian-legacy-dark/color/background.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "1.13.0",
+      "description": "Hovered state of color.background.brand.subtlest."
+    },
+    "value": "B400"
+  },
+  "name": "color.background.brand.subtlest.hovered",
+  "path": ["color", "background", "brand", "subtlest", "hovered"],
+  "cleanName": "color.background.brand.subtlest.hovered"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "1.13.0",
+    "description": "Pressed state of color.background.brand.subtlest"
+  },
+  "value": "#0747A6",
+  "filePath": "src/tokens/atlassian-legacy-dark/color/background.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "1.13.0",
+      "description": "Pressed state of color.background.brand.subtlest"
+    },
+    "value": "B500"
+  },
+  "name": "color.background.brand.subtlest.pressed",
+  "path": ["color", "background", "brand", "subtlest", "pressed"],
+  "cleanName": "color.background.brand.subtlest.pressed"
 }, {
   "attributes": {
     "group": "paint",
@@ -3154,7 +3220,7 @@ var tokens = [{
     "group": "paint",
     "state": "active",
     "introduced": "0.6.0",
-    "description": "Hovered state of color.background.brand.bold"
+    "description": "Hovered state of color.background.brand.bold."
   },
   "value": "#0065FF",
   "filePath": "src/tokens/atlassian-legacy-dark/color/background.tsx",
@@ -3164,7 +3230,7 @@ var tokens = [{
       "group": "paint",
       "state": "active",
       "introduced": "0.6.0",
-      "description": "Hovered state of color.background.brand.bold"
+      "description": "Hovered state of color.background.brand.bold."
     },
     "value": "B300"
   },
@@ -3176,7 +3242,7 @@ var tokens = [{
     "group": "paint",
     "state": "active",
     "introduced": "0.6.0",
-    "description": "Pressed state of color.background.brand.bold"
+    "description": "Pressed state of color.background.brand.bold."
   },
   "value": "#0747A6",
   "filePath": "src/tokens/atlassian-legacy-dark/color/background.tsx",
@@ -3186,13 +3252,79 @@ var tokens = [{
       "group": "paint",
       "state": "active",
       "introduced": "0.6.0",
-      "description": "Pressed state of color.background.brand.bold"
+      "description": "Pressed state of color.background.brand.bold."
     },
     "value": "B500"
   },
   "name": "color.background.brand.bold.pressed",
   "path": ["color", "background", "brand", "bold", "pressed"],
   "cleanName": "color.background.brand.bold.pressed"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "1.13.0",
+    "description": "Use for the background of elements used to reinforce our brand, that need to stand out a lot."
+  },
+  "value": "#B3D4FF",
+  "filePath": "src/tokens/atlassian-legacy-dark/color/background.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "1.13.0",
+      "description": "Use for the background of elements used to reinforce our brand, that need to stand out a lot."
+    },
+    "value": "B75"
+  },
+  "name": "color.background.brand.boldest.[default]",
+  "path": ["color", "background", "brand", "boldest", "[default]"],
+  "cleanName": "color.background.brand.boldest"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "1.13.0",
+    "description": "Hovered state of color.background.brand.boldest."
+  },
+  "value": "#DEEBFF",
+  "filePath": "src/tokens/atlassian-legacy-dark/color/background.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "1.13.0",
+      "description": "Hovered state of color.background.brand.boldest."
+    },
+    "value": "B50"
+  },
+  "name": "color.background.brand.boldest.hovered",
+  "path": ["color", "background", "brand", "boldest", "hovered"],
+  "cleanName": "color.background.brand.boldest.hovered"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "1.13.0",
+    "description": "Pressed state of color.background.brand.boldest."
+  },
+  "value": "#4C9AFF",
+  "filePath": "src/tokens/atlassian-legacy-dark/color/background.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "1.13.0",
+      "description": "Pressed state of color.background.brand.boldest."
+    },
+    "value": "B100"
+  },
+  "name": "color.background.brand.boldest.pressed",
+  "path": ["color", "background", "brand", "boldest", "pressed"],
+  "cleanName": "color.background.brand.boldest.pressed"
 }, {
   "attributes": {
     "group": "paint",

package/dist/esm/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::0b9efb6f5e343e1cbb90bf2ead8a25da>>
+ * @codegen <<SignedSource::8b7aab21b157bced2314e03774c8445e>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -3127,6 +3127,72 @@ var tokens = [{
   "name": "color.background.selected.bold.pressed",
   "path": ["color", "background", "selected", "bold", "pressed"],
   "cleanName": "color.background.selected.bold.pressed"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "1.13.0",
+    "description": "Use for the background of elements used to reinforce our brand, but with less emphasis."
+  },
+  "value": "#B3D4FF",
+  "filePath": "src/tokens/atlassian-legacy-light/color/background.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "1.13.0",
+      "description": "Use for the background of elements used to reinforce our brand, but with less emphasis."
+    },
+    "value": "B75"
+  },
+  "name": "color.background.brand.subtlest.[default]",
+  "path": ["color", "background", "brand", "subtlest", "[default]"],
+  "cleanName": "color.background.brand.subtlest"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "1.13.0",
+    "description": "Hovered state of color.background.brand.subtlest."
+  },
+  "value": "#DEEBFF",
+  "filePath": "src/tokens/atlassian-legacy-light/color/background.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "1.13.0",
+      "description": "Hovered state of color.background.brand.subtlest."
+    },
+    "value": "B50"
+  },
+  "name": "color.background.brand.subtlest.hovered",
+  "path": ["color", "background", "brand", "subtlest", "hovered"],
+  "cleanName": "color.background.brand.subtlest.hovered"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "1.13.0",
+    "description": "Pressed state of color.background.brand.subtlest"
+  },
+  "value": "#4C9AFF",
+  "filePath": "src/tokens/atlassian-legacy-light/color/background.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "1.13.0",
+      "description": "Pressed state of color.background.brand.subtlest"
+    },
+    "value": "B100"
+  },
+  "name": "color.background.brand.subtlest.pressed",
+  "path": ["color", "background", "brand", "subtlest", "pressed"],
+  "cleanName": "color.background.brand.subtlest.pressed"
 }, {
   "attributes": {
     "group": "paint",
@@ -3154,7 +3220,7 @@ var tokens = [{
     "group": "paint",
     "state": "active",
     "introduced": "0.6.0",
-    "description": "Hovered state of color.background.brand.bold"
+    "description": "Hovered state of color.background.brand.bold."
   },
   "value": "#0065FF",
   "filePath": "src/tokens/atlassian-legacy-light/color/background.tsx",
@@ -3164,7 +3230,7 @@ var tokens = [{
       "group": "paint",
       "state": "active",
       "introduced": "0.6.0",
-      "description": "Hovered state of color.background.brand.bold"
+      "description": "Hovered state of color.background.brand.bold."
     },
     "value": "B300"
   },
@@ -3176,7 +3242,7 @@ var tokens = [{
     "group": "paint",
     "state": "active",
     "introduced": "0.6.0",
-    "description": "Pressed state of color.background.brand.bold"
+    "description": "Pressed state of color.background.brand.bold."
   },
   "value": "#0747A6",
   "filePath": "src/tokens/atlassian-legacy-light/color/background.tsx",
@@ -3186,13 +3252,79 @@ var tokens = [{
       "group": "paint",
       "state": "active",
       "introduced": "0.6.0",
-      "description": "Pressed state of color.background.brand.bold"
+      "description": "Pressed state of color.background.brand.bold."
     },
     "value": "B500"
   },
   "name": "color.background.brand.bold.pressed",
   "path": ["color", "background", "brand", "bold", "pressed"],
   "cleanName": "color.background.brand.bold.pressed"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "1.13.0",
+    "description": "Use for the background of elements used to reinforce our brand, that need to stand out a lot."
+  },
+  "value": "#0747A6",
+  "filePath": "src/tokens/atlassian-legacy-light/color/background.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "1.13.0",
+      "description": "Use for the background of elements used to reinforce our brand, that need to stand out a lot."
+    },
+    "value": "B500"
+  },
+  "name": "color.background.brand.boldest.[default]",
+  "path": ["color", "background", "brand", "boldest", "[default]"],
+  "cleanName": "color.background.brand.boldest"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "1.13.0",
+    "description": "Hovered state of color.background.brand.boldest."
+  },
+  "value": "#0052CC",
+  "filePath": "src/tokens/atlassian-legacy-light/color/background.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "1.13.0",
+      "description": "Hovered state of color.background.brand.boldest."
+    },
+    "value": "B400"
+  },
+  "name": "color.background.brand.boldest.hovered",
+  "path": ["color", "background", "brand", "boldest", "hovered"],
+  "cleanName": "color.background.brand.boldest.hovered"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "1.13.0",
+    "description": "Pressed state of color.background.brand.boldest."
+  },
+  "value": "#0747A6",
+  "filePath": "src/tokens/atlassian-legacy-light/color/background.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "1.13.0",
+      "description": "Pressed state of color.background.brand.boldest."
+    },
+    "value": "B500"
+  },
+  "name": "color.background.brand.boldest.pressed",
+  "path": ["color", "background", "brand", "boldest", "pressed"],
+  "cleanName": "color.background.brand.boldest.pressed"
 }, {
   "attributes": {
     "group": "paint",

package/dist/esm/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::d67f95200a3e54c2a2adadc78198392e>>
+ * @codegen <<SignedSource::c96324369c8a09e129803eff1f33d1e8>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -3127,6 +3127,72 @@ var tokens = [{
   "name": "color.background.selected.bold.pressed",
   "path": ["color", "background", "selected", "bold", "pressed"],
   "cleanName": "color.background.selected.bold.pressed"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "1.13.0",
+    "description": "Use for the background of elements used to reinforce our brand, but with less emphasis."
+  },
+  "value": "#E9F2FF",
+  "filePath": "src/tokens/atlassian-light/color/background.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "1.13.0",
+      "description": "Use for the background of elements used to reinforce our brand, but with less emphasis."
+    },
+    "value": "Blue100"
+  },
+  "name": "color.background.brand.subtlest.[default]",
+  "path": ["color", "background", "brand", "subtlest", "[default]"],
+  "cleanName": "color.background.brand.subtlest"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "1.13.0",
+    "description": "Hovered state of color.background.brand.subtlest."
+  },
+  "value": "#CCE0FF",
+  "filePath": "src/tokens/atlassian-light/color/background.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "1.13.0",
+      "description": "Hovered state of color.background.brand.subtlest."
+    },
+    "value": "Blue200"
+  },
+  "name": "color.background.brand.subtlest.hovered",
+  "path": ["color", "background", "brand", "subtlest", "hovered"],
+  "cleanName": "color.background.brand.subtlest.hovered"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "1.13.0",
+    "description": "Pressed state of color.background.brand.subtlest"
+  },
+  "value": "#85B8FF",
+  "filePath": "src/tokens/atlassian-light/color/background.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "1.13.0",
+      "description": "Pressed state of color.background.brand.subtlest"
+    },
+    "value": "Blue300"
+  },
+  "name": "color.background.brand.subtlest.pressed",
+  "path": ["color", "background", "brand", "subtlest", "pressed"],
+  "cleanName": "color.background.brand.subtlest.pressed"
 }, {
   "attributes": {
     "group": "paint",
@@ -3154,7 +3220,7 @@ var tokens = [{
     "group": "paint",
     "state": "active",
     "introduced": "0.6.0",
-    "description": "Hovered state of color.background.brand.bold"
+    "description": "Hovered state of color.background.brand.bold."
   },
   "value": "#0055CC",
   "filePath": "src/tokens/atlassian-light/color/background.tsx",
@@ -3164,7 +3230,7 @@ var tokens = [{
       "group": "paint",
       "state": "active",
       "introduced": "0.6.0",
-      "description": "Hovered state of color.background.brand.bold"
+      "description": "Hovered state of color.background.brand.bold."
     },
     "value": "Blue800"
   },
@@ -3176,7 +3242,7 @@ var tokens = [{
     "group": "paint",
     "state": "active",
     "introduced": "0.6.0",
-    "description": "Pressed state of color.background.brand.bold"
+    "description": "Pressed state of color.background.brand.bold."
   },
   "value": "#09326C",
   "filePath": "src/tokens/atlassian-light/color/background.tsx",
@@ -3186,13 +3252,79 @@ var tokens = [{
       "group": "paint",
       "state": "active",
       "introduced": "0.6.0",
-      "description": "Pressed state of color.background.brand.bold"
+      "description": "Pressed state of color.background.brand.bold."
     },
     "value": "Blue900"
   },
   "name": "color.background.brand.bold.pressed",
   "path": ["color", "background", "brand", "bold", "pressed"],
   "cleanName": "color.background.brand.bold.pressed"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "1.13.0",
+    "description": "Use for the background of elements used to reinforce our brand, that need to stand out a lot."
+  },
+  "value": "#092957",
+  "filePath": "src/tokens/atlassian-light/color/background.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "1.13.0",
+      "description": "Use for the background of elements used to reinforce our brand, that need to stand out a lot."
+    },
+    "value": "Blue1000"
+  },
+  "name": "color.background.brand.boldest.[default]",
+  "path": ["color", "background", "brand", "boldest", "[default]"],
+  "cleanName": "color.background.brand.boldest"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "1.13.0",
+    "description": "Hovered state of color.background.brand.boldest."
+  },
+  "value": "#09326C",
+  "filePath": "src/tokens/atlassian-light/color/background.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "1.13.0",
+      "description": "Hovered state of color.background.brand.boldest."
+    },
+    "value": "Blue900"
+  },
+  "name": "color.background.brand.boldest.hovered",
+  "path": ["color", "background", "brand", "boldest", "hovered"],
+  "cleanName": "color.background.brand.boldest.hovered"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "1.13.0",
+    "description": "Pressed state of color.background.brand.boldest."
+  },
+  "value": "#0055CC",
+  "filePath": "src/tokens/atlassian-light/color/background.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "1.13.0",
+      "description": "Pressed state of color.background.brand.boldest."
+    },
+    "value": "Blue800"
+  },
+  "name": "color.background.brand.boldest.pressed",
+  "path": ["color", "background", "brand", "boldest", "pressed"],
+  "cleanName": "color.background.brand.boldest.pressed"
 }, {
   "attributes": {
     "group": "paint",

package/dist/esm/get-token-value.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 = "1.12.0";
+var version = "0.0.0-development";
 /**
  * Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
  * resulting CSS Custom Property.

package/dist/esm/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';
 var name = "@atlaskit/tokens";
-var version = "1.12.0";
+var version = "0.0.0-development";
 /**
  * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
  * This should be used to implement design decisions throughout your application.

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

@@ -82,6 +82,17 @@ var color = {
         }
       },
       brand: {
+        subtlest: {
+          '[default]': {
+            value: 'Blue1000'
+          },
+          hovered: {
+            value: 'Blue900'
+          },
+          pressed: {
+            value: 'Blue800'
+          }
+        },
         bold: {
           '[default]': {
             value: 'Blue400'
@@ -92,6 +103,17 @@ var color = {
           pressed: {
             value: 'Blue200'
           }
+        },
+        boldest: {
+          '[default]': {
+            value: 'Blue100'
+          },
+          hovered: {
+            value: 'Blue200'
+          },
+          pressed: {
+            value: 'Blue300'
+          }
         }
       },
       selected: {

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

@@ -81,6 +81,17 @@ var color = {
         }
       },
       brand: {
+        subtlest: {
+          '[default]': {
+            value: 'B500'
+          },
+          hovered: {
+            value: 'B400'
+          },
+          pressed: {
+            value: 'B500'
+          }
+        },
         bold: {
           '[default]': {
             value: 'B400'
@@ -91,6 +102,17 @@ var color = {
           pressed: {
             value: 'B500'
           }
+        },
+        boldest: {
+          '[default]': {
+            value: 'B75'
+          },
+          hovered: {
+            value: 'B50'
+          },
+          pressed: {
+            value: 'B100'
+          }
         }
       },
       selected: {