@atlaskit/tokens 1.11.0 → 1.11.2

package/dist/es2019/artifacts/palettes-raw/shape-palette.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::ba57ec0a6991ab386479b6c9006397ba>>
+ * @codegen <<SignedSource::b929a0286651ecabd7f635e23b71f002>>
  * @codegenCommand yarn build tokens
  */
 const tokens = [{
@@ -138,5 +138,20 @@ const tokens = [{
   },
   "name": "border.width.Size100",
   "path": ["border", "width", "Size100"]
+}, {
+  "value": "3px",
+  "attributes": {
+    "group": "shape"
+  },
+  "filePath": "src/palettes/shape-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": 3,
+    "attributes": {
+      "group": "shape"
+    }
+  },
+  "name": "border.width.Size200",
+  "path": ["border", "width", "Size200"]
 }];
 export default tokens;

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/themes/atlassian-shape.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::861a4448ac467155c8290f2b211e99c5>>
+ * @codegen <<SignedSource::57c7e229053412965e492af01b042778>>
  * @codegenCommand yarn build tokens
  */
 export default `
@@ -14,7 +14,7 @@ html[data-theme~="shape:shape"] {
   --ds-border-radius-circle: 2002rem;
   --ds-border-width: 0.0625rem;
   --ds-border-width-0: 0rem;
-  --ds-border-width-050: 0.0625rem;
-  --ds-border-width-100: 0.125rem;
+  --ds-border-width-indicator: 0.1875rem;
+  --ds-border-width-outline: 0.125rem;
 }
 `;

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::5d1a0a49014fb279849c19fdd2909317>>
+ * @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',
@@ -317,8 +317,8 @@ const defaultTokenValues = {
   'border.radius.circle': '2002rem',
   'border.width': '0.0625rem',
   'border.width.0': '0rem',
-  'border.width.050': '0.0625rem',
-  'border.width.100': '0.125rem',
+  'border.width.indicator': '0.1875rem',
+  'border.width.outline': '0.125rem',
   'space.0': '0rem',
   'space.025': '0.125rem',
   'space.050': '0.25rem',

package/dist/es2019/artifacts/token-names.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::87bc2dd9f7bab2c43fbdcafbd9e9e3ac>>
+ * @codegen <<SignedSource::0c77b46d428791fb0288b991d64320bc>>
  * @codegenCommand yarn build tokens
  */
 const tokens = {
@@ -313,8 +313,8 @@ const tokens = {
   'border.radius.circle': '--ds-border-radius-circle',
   'border.width': '--ds-border-width',
   'border.width.0': '--ds-border-width-0',
-  'border.width.050': '--ds-border-width-050',
-  'border.width.100': '--ds-border-width-100',
+  'border.width.indicator': '--ds-border-width-indicator',
+  'border.width.outline': '--ds-border-width-outline',
   'space.0': '--ds-space-0',
   'space.025': '--ds-space-025',
   'space.050': '--ds-space-050',

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"],

package/dist/es2019/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::c4253f474a8b38c030d888b37b18b2a7>>
+ * @codegen <<SignedSource::0752455125a2970afd988a456ef7a00b>>
  * @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": "#4C6B1F",
@@ -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": "#4C6B1F"
@@ -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": "#37471F",
@@ -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": "#37471F"
@@ -4363,7 +4363,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "introduced": "0.13.3",
+    "introduced": "1.8.0",
     "description": "For data visualisation only."
   },
   "value": "#6A9A23",
@@ -4373,7 +4373,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "introduced": "0.13.3",
+      "introduced": "1.8.0",
       "description": "For data visualisation only."
     },
     "value": "#6A9A23"
@@ -4385,7 +4385,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "introduced": "0.13.3",
+    "introduced": "1.8.0",
     "description": "Hovered state of color.chart.lime.bold."
   },
   "value": "#5B7F24",
@@ -4395,7 +4395,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "introduced": "0.13.3",
+      "introduced": "1.8.0",
       "description": "Hovered state of color.chart.lime.bold."
     },
     "value": "#5B7F24"
@@ -4407,7 +4407,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "introduced": "0.13.3",
+    "introduced": "1.8.0",
     "description": "For data visualisation only."
   },
   "value": "#5B7F24",
@@ -4417,7 +4417,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "introduced": "0.13.3",
+      "introduced": "1.8.0",
       "description": "For data visualisation only."
     },
     "value": "#5B7F24"
@@ -4429,7 +4429,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "introduced": "0.13.3",
+    "introduced": "1.8.0",
     "description": "Hovered state of color.chart.lime.bolder."
   },
   "value": "#4C6B1F",
@@ -4439,7 +4439,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "introduced": "0.13.3",
+      "introduced": "1.8.0",
       "description": "Hovered state of color.chart.lime.bolder."
     },
     "value": "#4C6B1F"
@@ -4451,7 +4451,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "introduced": "0.13.3",
+    "introduced": "1.8.0",
     "description": "For data visualisation only."
   },
   "value": "#4C6B1F",
@@ -4461,7 +4461,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "introduced": "0.13.3",
+      "introduced": "1.8.0",
       "description": "For data visualisation only."
     },
     "value": "#4C6B1F"
@@ -4473,7 +4473,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "introduced": "0.13.3",
+    "introduced": "1.8.0",
     "description": "Hovered state of color.chart.lime.boldest."
   },
   "value": "#37471F",
@@ -4483,7 +4483,7 @@ const 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/es2019/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::0c63a1ff1a13291ff1d63afbf8c380fa>>
+ * @codegen <<SignedSource::0b9efb6f5e343e1cbb90bf2ead8a25da>>
  * @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": "#4C6B1F",
@@ -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": "#4C6B1F"
@@ -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": "#37471F",
@@ -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": "#37471F"
@@ -4363,7 +4363,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "introduced": "0.13.3",
+    "introduced": "1.8.0",
     "description": "For data visualisation only."
   },
   "value": "#6A9A23",
@@ -4373,7 +4373,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "introduced": "0.13.3",
+      "introduced": "1.8.0",
       "description": "For data visualisation only."
     },
     "value": "#6A9A23"
@@ -4385,7 +4385,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "introduced": "0.13.3",
+    "introduced": "1.8.0",
     "description": "Hovered state of color.chart.lime.bold."
   },
   "value": "#5B7F24",
@@ -4395,7 +4395,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "introduced": "0.13.3",
+      "introduced": "1.8.0",
       "description": "Hovered state of color.chart.lime.bold."
     },
     "value": "#5B7F24"
@@ -4407,7 +4407,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "introduced": "0.13.3",
+    "introduced": "1.8.0",
     "description": "For data visualisation only."
   },
   "value": "#5B7F24",
@@ -4417,7 +4417,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "introduced": "0.13.3",
+      "introduced": "1.8.0",
       "description": "For data visualisation only."
     },
     "value": "#5B7F24"
@@ -4429,7 +4429,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "introduced": "0.13.3",
+    "introduced": "1.8.0",
     "description": "Hovered state of color.chart.lime.bolder."
   },
   "value": "#4C6B1F",
@@ -4439,7 +4439,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "introduced": "0.13.3",
+      "introduced": "1.8.0",
       "description": "Hovered state of color.chart.lime.bolder."
     },
     "value": "#4C6B1F"
@@ -4451,7 +4451,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "introduced": "0.13.3",
+    "introduced": "1.8.0",
     "description": "For data visualisation only."
   },
   "value": "#4C6B1F",
@@ -4461,7 +4461,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "introduced": "0.13.3",
+      "introduced": "1.8.0",
       "description": "For data visualisation only."
     },
     "value": "#4C6B1F"
@@ -4473,7 +4473,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "introduced": "0.13.3",
+    "introduced": "1.8.0",
     "description": "Hovered state of color.chart.lime.boldest."
   },
   "value": "#37471F",
@@ -4483,7 +4483,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "introduced": "0.13.3",
+      "introduced": "1.8.0",
       "description": "Hovered state of color.chart.lime.boldest."
     },
     "value": "#37471F"