@atlaskit/tokens 1.11.0 → 1.11.2

package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::0c63a1ff1a13291ff1d63afbf8c380fa>>
+ * @codegen <<SignedSource::0b9efb6f5e343e1cbb90bf2ead8a25da>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -35,7 +35,7 @@ var tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "introduced": "1.6.0",
+    "introduced": "1.8.0",
     "description": "Use for lime text on subtlest and subtler lime accent backgrounds when there is no meaning tied to the color."
   },
   "value": "#4C6B1F",
@@ -45,7 +45,7 @@ var tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "introduced": "1.6.0",
+      "introduced": "1.8.0",
       "description": "Use for lime text on subtlest and subtler lime accent backgrounds when there is no meaning tied to the color."
     },
     "value": "#4C6B1F"
@@ -57,7 +57,7 @@ var tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "introduced": "0.7.0",
+    "introduced": "1.8.0",
     "description": "Use for lime text on subtle lime accent backgrounds when there is no meaning tied to the color."
   },
   "value": "#37471F",
@@ -67,7 +67,7 @@ var tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "introduced": "0.7.0",
+      "introduced": "1.8.0",
       "description": "Use for lime text on subtle lime accent backgrounds when there is no meaning tied to the color."
     },
     "value": "#37471F"
@@ -4369,7 +4369,7 @@ var tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "introduced": "0.13.3",
+    "introduced": "1.8.0",
     "description": "For data visualisation only."
   },
   "value": "#6A9A23",
@@ -4379,7 +4379,7 @@ var tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "introduced": "0.13.3",
+      "introduced": "1.8.0",
       "description": "For data visualisation only."
     },
     "value": "#6A9A23"
@@ -4391,7 +4391,7 @@ var tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "introduced": "0.13.3",
+    "introduced": "1.8.0",
     "description": "Hovered state of color.chart.lime.bold."
   },
   "value": "#5B7F24",
@@ -4401,7 +4401,7 @@ var tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "introduced": "0.13.3",
+      "introduced": "1.8.0",
       "description": "Hovered state of color.chart.lime.bold."
     },
     "value": "#5B7F24"
@@ -4413,7 +4413,7 @@ var tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "introduced": "0.13.3",
+    "introduced": "1.8.0",
     "description": "For data visualisation only."
   },
   "value": "#5B7F24",
@@ -4423,7 +4423,7 @@ var tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "introduced": "0.13.3",
+      "introduced": "1.8.0",
       "description": "For data visualisation only."
     },
     "value": "#5B7F24"
@@ -4435,7 +4435,7 @@ var tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "introduced": "0.13.3",
+    "introduced": "1.8.0",
     "description": "Hovered state of color.chart.lime.bolder."
   },
   "value": "#4C6B1F",
@@ -4445,7 +4445,7 @@ var tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "introduced": "0.13.3",
+      "introduced": "1.8.0",
       "description": "Hovered state of color.chart.lime.bolder."
     },
     "value": "#4C6B1F"
@@ -4457,7 +4457,7 @@ var tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "introduced": "0.13.3",
+    "introduced": "1.8.0",
     "description": "For data visualisation only."
   },
   "value": "#4C6B1F",
@@ -4467,7 +4467,7 @@ var tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "introduced": "0.13.3",
+      "introduced": "1.8.0",
       "description": "For data visualisation only."
     },
     "value": "#4C6B1F"
@@ -4479,7 +4479,7 @@ var tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "introduced": "0.13.3",
+    "introduced": "1.8.0",
     "description": "Hovered state of color.chart.lime.boldest."
   },
   "value": "#37471F",
@@ -4489,7 +4489,7 @@ var tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "introduced": "0.13.3",
+      "introduced": "1.8.0",
       "description": "Hovered state of color.chart.lime.boldest."
     },
     "value": "#37471F"

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::20f8ad047dd30f24c669af342c4b2993>>
+ * @codegen <<SignedSource::d67f95200a3e54c2a2adadc78198392e>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -35,7 +35,7 @@ var tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "introduced": "1.6.0",
+    "introduced": "1.8.0",
     "description": "Use for lime text on subtlest and subtler lime accent backgrounds when there is no meaning tied to the color."
   },
   "value": "#4C6B1F",
@@ -45,7 +45,7 @@ var tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "introduced": "1.6.0",
+      "introduced": "1.8.0",
       "description": "Use for lime text on subtlest and subtler lime accent backgrounds when there is no meaning tied to the color."
     },
     "value": "Lime800"
@@ -57,7 +57,7 @@ var tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "introduced": "0.7.0",
+    "introduced": "1.8.0",
     "description": "Use for lime text on subtle lime accent backgrounds when there is no meaning tied to the color."
   },
   "value": "#37471F",
@@ -67,7 +67,7 @@ var tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "introduced": "0.7.0",
+      "introduced": "1.8.0",
       "description": "Use for lime text on subtle lime accent backgrounds when there is no meaning tied to the color."
     },
     "value": "Lime900"
@@ -4369,7 +4369,7 @@ var tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "introduced": "0.13.3",
+    "introduced": "1.8.0",
     "description": "For data visualisation only."
   },
   "value": "#6A9A23",
@@ -4379,7 +4379,7 @@ var tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "introduced": "0.13.3",
+      "introduced": "1.8.0",
       "description": "For data visualisation only."
     },
     "value": "Lime600"
@@ -4391,7 +4391,7 @@ var tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "introduced": "0.13.3",
+    "introduced": "1.8.0",
     "description": "Hovered state of color.chart.lime.bold."
   },
   "value": "#5B7F24",
@@ -4401,7 +4401,7 @@ var tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "introduced": "0.13.3",
+      "introduced": "1.8.0",
       "description": "Hovered state of color.chart.lime.bold."
     },
     "value": "Lime700"
@@ -4413,7 +4413,7 @@ var tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "introduced": "0.13.3",
+    "introduced": "1.8.0",
     "description": "For data visualisation only."
   },
   "value": "#5B7F24",
@@ -4423,7 +4423,7 @@ var tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "introduced": "0.13.3",
+      "introduced": "1.8.0",
       "description": "For data visualisation only."
     },
     "value": "Lime700"
@@ -4435,7 +4435,7 @@ var tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "introduced": "0.13.3",
+    "introduced": "1.8.0",
     "description": "Hovered state of color.chart.lime.bolder."
   },
   "value": "#4C6B1F",
@@ -4445,7 +4445,7 @@ var tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "introduced": "0.13.3",
+      "introduced": "1.8.0",
       "description": "Hovered state of color.chart.lime.bolder."
     },
     "value": "Lime800"
@@ -4457,7 +4457,7 @@ var tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "introduced": "0.13.3",
+    "introduced": "1.8.0",
     "description": "For data visualisation only."
   },
   "value": "#4C6B1F",
@@ -4467,7 +4467,7 @@ var tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "introduced": "0.13.3",
+      "introduced": "1.8.0",
       "description": "For data visualisation only."
     },
     "value": "Lime800"
@@ -4479,7 +4479,7 @@ var tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "introduced": "0.13.3",
+    "introduced": "1.8.0",
     "description": "Hovered state of color.chart.lime.boldest."
   },
   "value": "#37471F",
@@ -4489,7 +4489,7 @@ var tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "introduced": "0.13.3",
+      "introduced": "1.8.0",
       "description": "Hovered state of color.chart.lime.boldest."
     },
     "value": "Lime900"

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::8b50feb722f3a686c5a45c85ec5545b2>>
+ * @codegen <<SignedSource::475f699859423669fdb3de04f32b3560>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -35,6 +35,7 @@ var tokens = [{
   "attributes": {
     "group": "shape",
     "state": "active",
+    "suggest": ["3px", "4px"],
     "introduced": "1.5.2",
     "description": "The default border radius."
   },
@@ -45,6 +46,7 @@ var tokens = [{
     "attributes": {
       "group": "shape",
       "state": "active",
+      "suggest": ["3px", "4px"],
       "introduced": "1.5.2",
       "description": "The default border radius."
     },
@@ -145,6 +147,7 @@ var tokens = [{
   "attributes": {
     "group": "shape",
     "state": "active",
+    "suggest": ["50%"],
     "introduced": "1.1.0",
     "description": "Used for circular containers, like a rounded button."
   },
@@ -155,6 +158,7 @@ var tokens = [{
     "attributes": {
       "group": "shape",
       "state": "active",
+      "suggest": ["50%"],
       "introduced": "1.1.0",
       "description": "Used for circular containers, like a rounded button."
     },
@@ -167,8 +171,9 @@ var tokens = [{
   "attributes": {
     "group": "shape",
     "state": "active",
+    "suggest": ["1px", "2px"],
     "introduced": "1.5.2",
-    "description": "The default border width."
+    "description": "The default border width. Used for all borders."
   },
   "value": "1px",
   "filePath": "src/tokens/atlassian-shape/shape.tsx",
@@ -177,8 +182,9 @@ var tokens = [{
     "attributes": {
       "group": "shape",
       "state": "active",
+      "suggest": ["1px", "2px"],
       "introduced": "1.5.2",
-      "description": "The default border width."
+      "description": "The default border width. Used for all borders."
     },
     "value": "Size050"
   },
@@ -190,7 +196,7 @@ var tokens = [{
     "group": "shape",
     "state": "experimental",
     "introduced": "1.2.1",
-    "description": "Experimental, description needs to be amended"
+    "description": "Used for zero width borders."
   },
   "value": "0px",
   "filePath": "src/tokens/atlassian-shape/shape.tsx",
@@ -200,7 +206,7 @@ var tokens = [{
       "group": "shape",
       "state": "experimental",
       "introduced": "1.2.1",
-      "description": "Experimental, description needs to be amended"
+      "description": "Used for zero width borders."
     },
     "value": "Size0"
   },
@@ -211,30 +217,30 @@ var tokens = [{
   "attributes": {
     "group": "shape",
     "state": "active",
-    "introduced": "1.1.0",
-    "description": "Used for all borders and dividers."
+    "introduced": "1.5.2",
+    "description": "Used for indicators like tab and menu selected states."
   },
-  "value": "1px",
+  "value": "3px",
   "filePath": "src/tokens/atlassian-shape/shape.tsx",
   "isSource": true,
   "original": {
     "attributes": {
       "group": "shape",
       "state": "active",
-      "introduced": "1.1.0",
-      "description": "Used for all borders and dividers."
+      "introduced": "1.5.2",
+      "description": "Used for indicators like tab and menu selected states."
     },
-    "value": "Size050"
+    "value": "Size200"
   },
-  "name": "border.width.050",
-  "path": ["border", "width", "050"],
-  "cleanName": "border.width.050"
+  "name": "border.width.indicator",
+  "path": ["border", "width", "indicator"],
+  "cleanName": "border.width.indicator"
 }, {
   "attributes": {
     "group": "shape",
     "state": "active",
-    "introduced": "1.1.0",
-    "description": "Used for bolder dividers and interaction states."
+    "introduced": "1.5.2",
+    "description": "Used for focus, active or selected inputs."
   },
   "value": "2px",
   "filePath": "src/tokens/atlassian-shape/shape.tsx",
@@ -243,14 +249,14 @@ var tokens = [{
     "attributes": {
       "group": "shape",
       "state": "active",
-      "introduced": "1.1.0",
-      "description": "Used for bolder dividers and interaction states."
+      "introduced": "1.5.2",
+      "description": "Used for focus, active or selected inputs."
     },
     "value": "Size100"
   },
-  "name": "border.width.100",
-  "path": ["border", "width", "100"],
-  "cleanName": "border.width.100"
+  "name": "border.width.outline",
+  "path": ["border", "width", "outline"],
+  "cleanName": "border.width.outline"
 }];
 var _default = tokens;
 exports.default = _default;

package/dist/cjs/get-token-value.js

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
 var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
 var name = "@atlaskit/tokens";
-var version = "1.11.0";
+var version = "1.11.2";
 /**
  * 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/cjs/get-token.js

@@ -9,7 +9,7 @@ var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
 var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
 var _constants = require("./constants");
 var name = "@atlaskit/tokens";
-var version = "1.11.0";
+var version = "1.11.2";
 /**
  * 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/cjs/palettes/shape-palette.js

@@ -26,6 +26,12 @@ var baseSizeTokens = {
     attributes: {
       group: 'shape'
     }
+  },
+  Size200: {
+    value: 3,
+    attributes: {
+      group: 'shape'
+    }
   }
 };
 var baseRadiusTokens = {

package/dist/cjs/tokens/atlassian-dark/color/chart.js

@@ -390,26 +390,26 @@ var color = {
       lime: {
         bold: {
           '[default]': {
-            value: 'Teal500'
+            value: 'Lime500'
           },
           hovered: {
-            value: 'Teal400'
+            value: 'Lime400'
           }
         },
         bolder: {
           '[default]': {
-            value: 'Teal400'
+            value: 'Lime400'
           },
           hovered: {
-            value: 'Teal300'
+            value: 'Lime300'
           }
         },
         boldest: {
           '[default]': {
-            value: 'Teal300'
+            value: 'Lime300'
           },
           hovered: {
-            value: 'Teal200'
+            value: 'Lime200'
           }
         }
       },

package/dist/cjs/tokens/atlassian-shape/shape.js

@@ -17,11 +17,11 @@ var shape = {
       '0': {
         value: 'Size0'
       },
-      '050': {
-        value: 'Size050'
-      },
-      '100': {
+      outline: {
         value: 'Size100'
+      },
+      indicator: {
+        value: 'Size200'
       }
     },
     radius: {

package/dist/cjs/tokens/default/color/accent.js

@@ -157,7 +157,7 @@ var color = {
             attributes: {
               group: 'paint',
               state: 'active',
-              introduced: '1.6.0',
+              introduced: '1.8.0',
               description: 'Use for lime text on subtlest and subtler lime accent backgrounds when there is no meaning tied to the color.'
             }
           },
@@ -165,7 +165,7 @@ var color = {
             attributes: {
               group: 'paint',
               state: 'active',
-              introduced: '0.7.0',
+              introduced: '1.8.0',
               description: 'Use for lime text on subtle lime accent backgrounds when there is no meaning tied to the color.'
             }
           }

package/dist/cjs/tokens/default/color/chart.js

@@ -833,7 +833,7 @@ var color = {
             attributes: {
               group: 'paint',
               state: 'active',
-              introduced: '0.13.3',
+              introduced: '1.8.0',
               description: 'For data visualisation only.'
             }
           },
@@ -841,7 +841,7 @@ var color = {
             attributes: {
               group: 'paint',
               state: 'active',
-              introduced: '0.13.3',
+              introduced: '1.8.0',
               description: 'Hovered state of color.chart.lime.bold.'
             }
           }
@@ -851,7 +851,7 @@ var color = {
             attributes: {
               group: 'paint',
               state: 'active',
-              introduced: '0.13.3',
+              introduced: '1.8.0',
               description: 'For data visualisation only.'
             }
           },
@@ -859,7 +859,7 @@ var color = {
             attributes: {
               group: 'paint',
               state: 'active',
-              introduced: '0.13.3',
+              introduced: '1.8.0',
               description: 'Hovered state of color.chart.lime.bolder.'
             }
           }
@@ -869,7 +869,7 @@ var color = {
             attributes: {
               group: 'paint',
               state: 'active',
-              introduced: '0.13.3',
+              introduced: '1.8.0',
               description: 'For data visualisation only.'
             }
           },
@@ -877,7 +877,7 @@ var color = {
             attributes: {
               group: 'paint',
               state: 'active',
-              introduced: '0.13.3',
+              introduced: '1.8.0',
               description: 'Hovered state of color.chart.lime.boldest.'
             }
           }

package/dist/cjs/tokens/default/shape/shape.js

@@ -11,8 +11,9 @@ var shape = {
         attributes: {
           group: 'shape',
           state: 'active',
+          suggest: ['1px', '2px'],
           introduced: '1.5.2',
-          description: 'The default border width.'
+          description: 'The default border width. Used for all borders.'
         }
       },
       '0': {
@@ -20,23 +21,23 @@ var shape = {
           group: 'shape',
           state: 'experimental',
           introduced: '1.2.1',
-          description: 'Experimental, description needs to be amended'
+          description: 'Used for zero width borders.'
         }
       },
-      '050': {
+      outline: {
         attributes: {
           group: 'shape',
           state: 'active',
-          introduced: '1.1.0',
-          description: 'Used for all borders and dividers.'
+          introduced: '1.5.2',
+          description: 'Used for focus, active or selected inputs.'
         }
       },
-      '100': {
+      indicator: {
         attributes: {
           group: 'shape',
           state: 'active',
-          introduced: '1.1.0',
-          description: 'Used for bolder dividers and interaction states.'
+          introduced: '1.5.2',
+          description: 'Used for indicators like tab and menu selected states.'
         }
       }
     },
@@ -45,6 +46,7 @@ var shape = {
         attributes: {
           group: 'shape',
           state: 'active',
+          suggest: ['3px', '4px'],
           introduced: '1.5.2',
           description: 'The default border radius.'
         }
@@ -93,6 +95,7 @@ var shape = {
         attributes: {
           group: 'shape',
           state: 'active',
+          suggest: ['50%'],
           introduced: '1.1.0',
           description: 'Used for circular containers, like a rounded button.'
         }

package/dist/cjs/version.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/tokens",
-	"version": "1.11.0",
+	"version": "1.11.2",
 	"sideEffects": [
 		"**/*.css"
 	]