@atlaskit/tokens 1.11.1 → 1.11.3

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/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.1";
+var version = "1.11.3";
 /**
  * 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.1";
+var version = "1.11.3";
 /**
  * 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/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-dark-new-input-border/color/border.js

@@ -8,7 +8,7 @@ var color = {
   color: {
     border: {
       input: {
-        value: 'DarkNeutral500'
+        value: 'DarkNeutral600'
       }
     }
   }

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/version.json

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

package/dist/es2019/artifacts/themes/atlassian-dark-new-input-border.js

@@ -1,12 +1,12 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::b255ff03ae4f781bb3016003a111bed0>>
+ * @codegen <<SignedSource::cadad94754b78a066c340ab42eca9721>>
  * @codegenCommand yarn build tokens
  */
 export default `
 html[data-color-mode="light"][data-theme~="light:dark"],
 html[data-color-mode="dark"][data-theme~="dark:dark"] {
   color-scheme: dark;
-  --ds-border-input: #596773;
+  --ds-border-input: #738496;
 }
 `;

package/dist/es2019/artifacts/themes/atlassian-dark.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::0171fd710aa3b4936cef88004b263fd0>>
+ * @codegen <<SignedSource::f7875b9dcadbda9f45d61b1e4eaa3c10>>
  * @codegenCommand yarn build tokens
  */
 export default `
@@ -205,12 +205,12 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
   --ds-chart-categorical-7-hovered: #FFECF8;
   --ds-chart-categorical-8: #FEC57B;
   --ds-chart-categorical-8-hovered: #FFE2BD;
-  --ds-chart-lime-bold: #37B4C3;
-  --ds-chart-lime-bold-hovered: #60C6D2;
-  --ds-chart-lime-bolder: #60C6D2;
-  --ds-chart-lime-bolder-hovered: #8BDBE5;
-  --ds-chart-lime-boldest: #8BDBE5;
-  --ds-chart-lime-boldest-hovered: #C1F0F5;
+  --ds-chart-lime-bold: #82B536;
+  --ds-chart-lime-bold-hovered: #94C748;
+  --ds-chart-lime-bolder: #94C748;
+  --ds-chart-lime-bolder-hovered: #B3DF72;
+  --ds-chart-lime-boldest: #B3DF72;
+  --ds-chart-lime-boldest-hovered: #D3F1A7;
   --ds-chart-neutral: #738496;
   --ds-chart-neutral-hovered: #8C9BAB;
   --ds-chart-red-bold: #E34935;

package/dist/es2019/artifacts/token-default-values.js

@@ -4,7 +4,7 @@
  * Token names mapped to their value in the default Atlassian themes ('light').
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
  *
- * @codegen <<SignedSource::a2442c19bc018ff0c9f4f96c2bfa54ab>>
+ * @codegen <<SignedSource::499f1e0d59fe76d1553081545be939f7>>
  * @codegenCommand yarn build tokens
  */
 const defaultTokenValues = {
@@ -300,11 +300,11 @@ const defaultTokenValues = {
   'elevation.surface.raised.hovered': '#F1F2F4',
   'elevation.surface.raised.pressed': '#DCDFE4',
   'elevation.surface.sunken': '#F7F8F9',
-  'elevation.shadow.overflow': '[object Object],[object Object]',
+  'elevation.shadow.overflow': '0px 0px 8px #091E4229, 0px 0px 1px #091E421F',
   'elevation.shadow.overflow.perimeter': '#091e421f',
   'elevation.shadow.overflow.spread': '#091e4229',
-  'elevation.shadow.overlay': '[object Object],[object Object]',
-  'elevation.shadow.raised': '[object Object],[object Object]',
+  'elevation.shadow.overlay': '0px 8px 12px #091E4226, 0px 0px 1px #091E424F',
+  'elevation.shadow.raised': '0px 1px 1px #091E4240, 0px 0px 1px #091E424F',
   'opacity.disabled': '0.4',
   'opacity.loading': '0.2',
   'utility.UNSAFE.transparent': 'transparent',

package/dist/es2019/artifacts/tokens-raw/atlassian-dark-new-input-border.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::2c7e6a36e75ad8b32981cc4bbaa378db>>
+ * @codegen <<SignedSource::a87638614efbe4415e8ffd370dd4ce76>>
  * @codegenCommand yarn build tokens
  */
 const tokens = [{
@@ -10,7 +10,7 @@ const tokens = [{
     "introduced": "0.6.0",
     "description": "Use for borders of form UI elements, such as text fields, checkboxes, and radio buttons."
   },
-  "value": "#596773",
+  "value": "#738496",
   "filePath": "src/tokens/atlassian-dark-new-input-border/color/border.tsx",
   "isSource": true,
   "original": {
@@ -20,7 +20,7 @@ const tokens = [{
       "introduced": "0.6.0",
       "description": "Use for borders of form UI elements, such as text fields, checkboxes, and radio buttons."
     },
-    "value": "DarkNeutral500"
+    "value": "DarkNeutral600"
   },
   "name": "color.border.input",
   "path": ["color", "border", "input"],

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::dc8db05fe763e65a797963e967232801>>
+ * @codegen <<SignedSource::ef57ce0e826f5bdada61d5bcbbfbcfcb>>
  * @codegenCommand yarn build tokens
  */
 const tokens = [{
@@ -29,7 +29,7 @@ const 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": "#B3DF72",
@@ -39,7 +39,7 @@ const 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": "Lime300"
@@ -51,7 +51,7 @@ const 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": "#D3F1A7",
@@ -61,7 +61,7 @@ const 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": "Lime200"
@@ -4363,20 +4363,20 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "introduced": "0.13.3",
+    "introduced": "1.8.0",
     "description": "For data visualisation only."
   },
-  "value": "#37B4C3",
+  "value": "#82B536",
   "filePath": "src/tokens/atlassian-dark/color/chart.tsx",
   "isSource": true,
   "original": {
     "attributes": {
       "group": "paint",
       "state": "active",
-      "introduced": "0.13.3",
+      "introduced": "1.8.0",
       "description": "For data visualisation only."
     },
-    "value": "Teal500"
+    "value": "Lime500"
   },
   "name": "color.chart.lime.bold.[default]",
   "path": ["color", "chart", "lime", "bold", "[default]"],
@@ -4385,20 +4385,20 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "introduced": "0.13.3",
+    "introduced": "1.8.0",
     "description": "Hovered state of color.chart.lime.bold."
   },
-  "value": "#60C6D2",
+  "value": "#94C748",
   "filePath": "src/tokens/atlassian-dark/color/chart.tsx",
   "isSource": true,
   "original": {
     "attributes": {
       "group": "paint",
       "state": "active",
-      "introduced": "0.13.3",
+      "introduced": "1.8.0",
       "description": "Hovered state of color.chart.lime.bold."
     },
-    "value": "Teal400"
+    "value": "Lime400"
   },
   "name": "color.chart.lime.bold.hovered",
   "path": ["color", "chart", "lime", "bold", "hovered"],
@@ -4407,20 +4407,20 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "introduced": "0.13.3",
+    "introduced": "1.8.0",
     "description": "For data visualisation only."
   },
-  "value": "#60C6D2",
+  "value": "#94C748",
   "filePath": "src/tokens/atlassian-dark/color/chart.tsx",
   "isSource": true,
   "original": {
     "attributes": {
       "group": "paint",
       "state": "active",
-      "introduced": "0.13.3",
+      "introduced": "1.8.0",
       "description": "For data visualisation only."
     },
-    "value": "Teal400"
+    "value": "Lime400"
   },
   "name": "color.chart.lime.bolder.[default]",
   "path": ["color", "chart", "lime", "bolder", "[default]"],
@@ -4429,20 +4429,20 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "introduced": "0.13.3",
+    "introduced": "1.8.0",
     "description": "Hovered state of color.chart.lime.bolder."
   },
-  "value": "#8BDBE5",
+  "value": "#B3DF72",
   "filePath": "src/tokens/atlassian-dark/color/chart.tsx",
   "isSource": true,
   "original": {
     "attributes": {
       "group": "paint",
       "state": "active",
-      "introduced": "0.13.3",
+      "introduced": "1.8.0",
       "description": "Hovered state of color.chart.lime.bolder."
     },
-    "value": "Teal300"
+    "value": "Lime300"
   },
   "name": "color.chart.lime.bolder.hovered",
   "path": ["color", "chart", "lime", "bolder", "hovered"],
@@ -4451,20 +4451,20 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "introduced": "0.13.3",
+    "introduced": "1.8.0",
     "description": "For data visualisation only."
   },
-  "value": "#8BDBE5",
+  "value": "#B3DF72",
   "filePath": "src/tokens/atlassian-dark/color/chart.tsx",
   "isSource": true,
   "original": {
     "attributes": {
       "group": "paint",
       "state": "active",
-      "introduced": "0.13.3",
+      "introduced": "1.8.0",
       "description": "For data visualisation only."
     },
-    "value": "Teal300"
+    "value": "Lime300"
   },
   "name": "color.chart.lime.boldest.[default]",
   "path": ["color", "chart", "lime", "boldest", "[default]"],
@@ -4473,20 +4473,20 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "introduced": "0.13.3",
+    "introduced": "1.8.0",
     "description": "Hovered state of color.chart.lime.boldest."
   },
-  "value": "#C1F0F5",
+  "value": "#D3F1A7",
   "filePath": "src/tokens/atlassian-dark/color/chart.tsx",
   "isSource": true,
   "original": {
     "attributes": {
       "group": "paint",
       "state": "active",
-      "introduced": "0.13.3",
+      "introduced": "1.8.0",
       "description": "Hovered state of color.chart.lime.boldest."
     },
-    "value": "Teal200"
+    "value": "Lime200"
   },
   "name": "color.chart.lime.boldest.hovered",
   "path": ["color", "chart", "lime", "boldest", "hovered"],