@atlaskit/tokens 1.11.0 → 1.11.2

package/dist/es2019/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::20f8ad047dd30f24c669af342c4b2993>>
+ * @codegen <<SignedSource::d67f95200a3e54c2a2adadc78198392e>>
  * @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": "Lime800"
@@ -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": "Lime900"
@@ -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": "Lime600"
@@ -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": "Lime700"
@@ -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": "Lime700"
@@ -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": "Lime800"
@@ -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": "Lime800"
@@ -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": "Lime900"

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::8b50feb722f3a686c5a45c85ec5545b2>>
+ * @codegen <<SignedSource::475f699859423669fdb3de04f32b3560>>
  * @codegenCommand yarn build tokens
  */
 const tokens = [{
@@ -29,6 +29,7 @@ const tokens = [{
   "attributes": {
     "group": "shape",
     "state": "active",
+    "suggest": ["3px", "4px"],
     "introduced": "1.5.2",
     "description": "The default border radius."
   },
@@ -39,6 +40,7 @@ const tokens = [{
     "attributes": {
       "group": "shape",
       "state": "active",
+      "suggest": ["3px", "4px"],
       "introduced": "1.5.2",
       "description": "The default border radius."
     },
@@ -139,6 +141,7 @@ const tokens = [{
   "attributes": {
     "group": "shape",
     "state": "active",
+    "suggest": ["50%"],
     "introduced": "1.1.0",
     "description": "Used for circular containers, like a rounded button."
   },
@@ -149,6 +152,7 @@ const tokens = [{
     "attributes": {
       "group": "shape",
       "state": "active",
+      "suggest": ["50%"],
       "introduced": "1.1.0",
       "description": "Used for circular containers, like a rounded button."
     },
@@ -161,8 +165,9 @@ const 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",
@@ -171,8 +176,9 @@ const 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"
   },
@@ -184,7 +190,7 @@ const 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",
@@ -194,7 +200,7 @@ const tokens = [{
       "group": "shape",
       "state": "experimental",
       "introduced": "1.2.1",
-      "description": "Experimental, description needs to be amended"
+      "description": "Used for zero width borders."
     },
     "value": "Size0"
   },
@@ -205,30 +211,30 @@ const 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",
@@ -237,13 +243,13 @@ const 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"
 }];
 export default tokens;

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

@@ -1,7 +1,7 @@
 import warnOnce from '@atlaskit/ds-lib/warn-once';
 import tokens from './artifacts/token-names';
 const name = "@atlaskit/tokens";
-const version = "1.11.0";
+const 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/es2019/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';
 const name = "@atlaskit/tokens";
-const version = "1.11.0";
+const 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/es2019/palettes/shape-palette.js

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

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

@@ -384,26 +384,26 @@ const 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/es2019/tokens/atlassian-shape/shape.js

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

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

@@ -151,7 +151,7 @@ const 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.'
             }
           },
@@ -159,7 +159,7 @@ const 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/es2019/tokens/default/color/chart.js

@@ -827,7 +827,7 @@ const color = {
             attributes: {
               group: 'paint',
               state: 'active',
-              introduced: '0.13.3',
+              introduced: '1.8.0',
               description: 'For data visualisation only.'
             }
           },
@@ -835,7 +835,7 @@ const color = {
             attributes: {
               group: 'paint',
               state: 'active',
-              introduced: '0.13.3',
+              introduced: '1.8.0',
               description: 'Hovered state of color.chart.lime.bold.'
             }
           }
@@ -845,7 +845,7 @@ const color = {
             attributes: {
               group: 'paint',
               state: 'active',
-              introduced: '0.13.3',
+              introduced: '1.8.0',
               description: 'For data visualisation only.'
             }
           },
@@ -853,7 +853,7 @@ const color = {
             attributes: {
               group: 'paint',
               state: 'active',
-              introduced: '0.13.3',
+              introduced: '1.8.0',
               description: 'Hovered state of color.chart.lime.bolder.'
             }
           }
@@ -863,7 +863,7 @@ const color = {
             attributes: {
               group: 'paint',
               state: 'active',
-              introduced: '0.13.3',
+              introduced: '1.8.0',
               description: 'For data visualisation only.'
             }
           },
@@ -871,7 +871,7 @@ const color = {
             attributes: {
               group: 'paint',
               state: 'active',
-              introduced: '0.13.3',
+              introduced: '1.8.0',
               description: 'Hovered state of color.chart.lime.boldest.'
             }
           }

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

@@ -5,8 +5,9 @@ const 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': {
@@ -14,23 +15,23 @@ const 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.'
         }
       }
     },
@@ -39,6 +40,7 @@ const shape = {
         attributes: {
           group: 'shape',
           state: 'active',
+          suggest: ['3px', '4px'],
           introduced: '1.5.2',
           description: 'The default border radius.'
         }
@@ -87,6 +89,7 @@ const shape = {
         attributes: {
           group: 'shape',
           state: 'active',
+          suggest: ['50%'],
           introduced: '1.1.0',
           description: 'Used for circular containers, like a rounded button.'
         }

package/dist/es2019/version.json

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

package/dist/esm/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
  */
 var tokens = [{
@@ -138,5 +138,20 @@ var 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/esm/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 "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark\"] {\n  color-scheme: dark;\n  --ds-text: #B6C2CF;\n  --ds-text-accent-lime: #B3DF72;\n  --ds-text-accent-lime-bolder: #D3F1A7;\n  --ds-text-accent-red: #FF9C8F;\n  --ds-text-accent-red-bolder: #FFD2CC;\n  --ds-text-accent-orange: #FEC57B;\n  --ds-text-accent-orange-bolder: #FFE2BD;\n  --ds-text-accent-yellow: #F5CD47;\n  --ds-text-accent-yellow-bolder: #F8E6A0;\n  --ds-text-accent-green: #7EE2B8;\n  --ds-text-accent-green-bolder: #BAF3DB;\n  --ds-text-accent-teal: #8BDBE5;\n  --ds-text-accent-teal-bolder: #C1F0F5;\n  --ds-text-accent-blue: #85B8FF;\n  --ds-text-accent-blue-bolder: #CCE0FF;\n  --ds-text-accent-purple: #B8ACF6;\n  --ds-text-accent-purple-bolder: #DFD8FD;\n  --ds-text-accent-magenta: #F797D2;\n  --ds-text-accent-magenta-bolder: #FDD0EC;\n  --ds-text-accent-gray: #9FADBC;\n  --ds-text-accent-gray-bolder: #DEE4EA;\n  --ds-text-disabled: #BFDBF847;\n  --ds-text-inverse: #1D2125;\n  --ds-text-selected: #579DFF;\n  --ds-text-brand: #579DFF;\n  --ds-text-danger: #FF9C8F;\n  --ds-text-warning: #F5CD47;\n  --ds-text-warning-inverse: #1D2125;\n  --ds-text-success: #7EE2B8;\n  --ds-text-discovery: #B8ACF6;\n  --ds-text-information: #85B8FF;\n  --ds-text-subtlest: #8C9BAB;\n  --ds-text-subtle: #9FADBC;\n  --ds-link: #579DFF;\n  --ds-link-pressed: #85B8FF;\n  --ds-icon: #9FADBC;\n  --ds-icon-accent-lime: #82B536;\n  --ds-icon-accent-red: #EF5C48;\n  --ds-icon-accent-orange: #F18D13;\n  --ds-icon-accent-yellow: #CF9F02;\n  --ds-icon-accent-green: #2ABB7F;\n  --ds-icon-accent-teal: #37B4C3;\n  --ds-icon-accent-blue: #388BFF;\n  --ds-icon-accent-purple: #8F7EE7;\n  --ds-icon-accent-magenta: #DA62AC;\n  --ds-icon-accent-gray: #738496;\n  --ds-icon-disabled: #BFDBF847;\n  --ds-icon-inverse: #1D2125;\n  --ds-icon-selected: #579DFF;\n  --ds-icon-brand: #579DFF;\n  --ds-icon-danger: #EF5C48;\n  --ds-icon-warning: #CF9F02;\n  --ds-icon-warning-inverse: #1D2125;\n  --ds-icon-success: #2ABB7F;\n  --ds-icon-discovery: #8F7EE7;\n  --ds-icon-information: #388BFF;\n  --ds-icon-subtle: #8C9BAB;\n  --ds-border: #A6C5E229;\n  --ds-border-accent-lime: #82B536;\n  --ds-border-accent-red: #EF5C48;\n  --ds-border-accent-orange: #F18D13;\n  --ds-border-accent-yellow: #CF9F02;\n  --ds-border-accent-green: #2ABB7F;\n  --ds-border-accent-teal: #37B4C3;\n  --ds-border-accent-blue: #388BFF;\n  --ds-border-accent-purple: #8F7EE7;\n  --ds-border-accent-magenta: #DA62AC;\n  --ds-border-accent-gray: #738496;\n  --ds-border-disabled: #A1BDD914;\n  --ds-border-focused: #85B8FF;\n  --ds-border-input: #A6C5E229;\n  --ds-border-inverse: #161A1D;\n  --ds-border-selected: #579DFF;\n  --ds-border-brand: #579DFF;\n  --ds-border-danger: #EF5C48;\n  --ds-border-warning: #CF9F02;\n  --ds-border-success: #2ABB7F;\n  --ds-border-discovery: #8F7EE7;\n  --ds-border-information: #388BFF;\n  --ds-border-bold: #738496;\n  --ds-background-accent-lime-subtlest: #2A3818;\n  --ds-background-accent-lime-subtler: #37471F;\n  --ds-background-accent-lime-subtle: #4C6B1F;\n  --ds-background-accent-lime-bolder: #94C748;\n  --ds-background-accent-red-subtlest: #4F1C16;\n  --ds-background-accent-red-subtler: #601E16;\n  --ds-background-accent-red-subtle: #AE2A19;\n  --ds-background-accent-red-bolder: #F87462;\n  --ds-background-accent-orange-subtlest: #4A2B0F;\n  --ds-background-accent-orange-subtler: #5F3811;\n  --ds-background-accent-orange-subtle: #974F0C;\n  --ds-background-accent-orange-bolder: #FAA53D;\n  --ds-background-accent-yellow-subtlest: #3F3102;\n  --ds-background-accent-yellow-subtler: #533F04;\n  --ds-background-accent-yellow-subtle: #7F5F01;\n  --ds-background-accent-yellow-bolder: #E2B203;\n  --ds-background-accent-green-subtlest: #143C2B;\n  --ds-background-accent-green-subtler: #164B35;\n  --ds-background-accent-green-subtle: #216E4E;\n  --ds-background-accent-green-bolder: #4BCE97;\n  --ds-background-accent-teal-subtlest: #15373B;\n  --ds-background-accent-teal-subtler: #1D474C;\n  --ds-background-accent-teal-subtle: #206B74;\n  --ds-background-accent-teal-bolder: #60C6D2;\n  --ds-background-accent-blue-subtlest: #092957;\n  --ds-background-accent-blue-subtler: #09326C;\n  --ds-background-accent-blue-subtle: #0055CC;\n  --ds-background-accent-blue-bolder: #579DFF;\n  --ds-background-accent-purple-subtlest: #2B2451;\n  --ds-background-accent-purple-subtler: #352C63;\n  --ds-background-accent-purple-subtle: #5E4DB2;\n  --ds-background-accent-purple-bolder: #9F8FEF;\n  --ds-background-accent-magenta-subtlest: #421F34;\n  --ds-background-accent-magenta-subtler: #50253F;\n  --ds-background-accent-magenta-subtle: #943D73;\n  --ds-background-accent-magenta-bolder: #E774BB;\n  --ds-background-accent-gray-subtlest: #2C333A;\n  --ds-background-accent-gray-subtler: #454F59;\n  --ds-background-accent-gray-subtle: #596773;\n  --ds-background-accent-gray-bolder: #8C9BAB;\n  --ds-background-disabled: #BCD6F00A;\n  --ds-background-input: #22272B;\n  --ds-background-input-hovered: #282E33;\n  --ds-background-input-pressed: #22272B;\n  --ds-background-inverse-subtle: #FFFFFF29;\n  --ds-background-inverse-subtle-hovered: #FFFFFF3D;\n  --ds-background-inverse-subtle-pressed: #FFFFFF52;\n  --ds-background-neutral: #A1BDD914;\n  --ds-background-neutral-hovered: #A6C5E229;\n  --ds-background-neutral-pressed: #BFDBF847;\n  --ds-background-neutral-subtle: #00000000;\n  --ds-background-neutral-subtle-hovered: #A1BDD914;\n  --ds-background-neutral-subtle-pressed: #A6C5E229;\n  --ds-background-neutral-bold: #9FADBC;\n  --ds-background-neutral-bold-hovered: #B6C2CF;\n  --ds-background-neutral-bold-pressed: #C7D1DB;\n  --ds-background-selected: #092957;\n  --ds-background-selected-hovered: #09326C;\n  --ds-background-selected-pressed: #0055CC;\n  --ds-background-selected-bold: #579DFF;\n  --ds-background-selected-bold-hovered: #85B8FF;\n  --ds-background-selected-bold-pressed: #CCE0FF;\n  --ds-background-brand-bold: #579DFF;\n  --ds-background-brand-bold-hovered: #85B8FF;\n  --ds-background-brand-bold-pressed: #CCE0FF;\n  --ds-background-danger: #4F1C16;\n  --ds-background-danger-hovered: #601E16;\n  --ds-background-danger-pressed: #AE2A19;\n  --ds-background-danger-bold: #F87462;\n  --ds-background-danger-bold-hovered: #FF9C8F;\n  --ds-background-danger-bold-pressed: #FFD2CC;\n  --ds-background-warning: #3F3102;\n  --ds-background-warning-hovered: #533F04;\n  --ds-background-warning-pressed: #7F5F01;\n  --ds-background-warning-bold: #E2B203;\n  --ds-background-warning-bold-hovered: #F5CD47;\n  --ds-background-warning-bold-pressed: #F8E6A0;\n  --ds-background-success: #143C2B;\n  --ds-background-success-hovered: #164B35;\n  --ds-background-success-pressed: #216E4E;\n  --ds-background-success-bold: #4BCE97;\n  --ds-background-success-bold-hovered: #7EE2B8;\n  --ds-background-success-bold-pressed: #BAF3DB;\n  --ds-background-discovery: #2B2451;\n  --ds-background-discovery-hovered: #352C63;\n  --ds-background-discovery-pressed: #5E4DB2;\n  --ds-background-discovery-bold: #9F8FEF;\n  --ds-background-discovery-bold-hovered: #B8ACF6;\n  --ds-background-discovery-bold-pressed: #DFD8FD;\n  --ds-background-information: #092957;\n  --ds-background-information-hovered: #09326C;\n  --ds-background-information-pressed: #0055CC;\n  --ds-background-information-bold: #579DFF;\n  --ds-background-information-bold-hovered: #85B8FF;\n  --ds-background-information-bold-pressed: #CCE0FF;\n  --ds-blanket: #10121499;\n  --ds-blanket-selected: #1D7AFC14;\n  --ds-blanket-danger: #E3493514;\n  --ds-interaction-hovered: #ffffff33;\n  --ds-interaction-pressed: #ffffff5c;\n  --ds-skeleton: #A1BDD914;\n  --ds-skeleton-subtle: #BCD6F00A;\n  --ds-chart-categorical-1: #1D9AAA;\n  --ds-chart-categorical-1-hovered: #37B4C3;\n  --ds-chart-categorical-2: #B8ACF6;\n  --ds-chart-categorical-2-hovered: #DFD8FD;\n  --ds-chart-categorical-3: #D97008;\n  --ds-chart-categorical-3-hovered: #F18D13;\n  --ds-chart-categorical-4: #F797D2;\n  --ds-chart-categorical-4-hovered: #FDD0EC;\n  --ds-chart-categorical-5: #CCE0FF;\n  --ds-chart-categorical-5-hovered: #E9F2FF;\n  --ds-chart-categorical-6: #8270DB;\n  --ds-chart-categorical-6-hovered: #8F7EE7;\n  --ds-chart-categorical-7: #FDD0EC;\n  --ds-chart-categorical-7-hovered: #FFECF8;\n  --ds-chart-categorical-8: #FEC57B;\n  --ds-chart-categorical-8-hovered: #FFE2BD;\n  --ds-chart-lime-bold: #37B4C3;\n  --ds-chart-lime-bold-hovered: #60C6D2;\n  --ds-chart-lime-bolder: #60C6D2;\n  --ds-chart-lime-bolder-hovered: #8BDBE5;\n  --ds-chart-lime-boldest: #8BDBE5;\n  --ds-chart-lime-boldest-hovered: #C1F0F5;\n  --ds-chart-neutral: #738496;\n  --ds-chart-neutral-hovered: #8C9BAB;\n  --ds-chart-red-bold: #E34935;\n  --ds-chart-red-bold-hovered: #EF5C48;\n  --ds-chart-red-bolder: #EF5C48;\n  --ds-chart-red-bolder-hovered: #F87462;\n  --ds-chart-red-boldest: #FF9C8F;\n  --ds-chart-red-boldest-hovered: #FFD2CC;\n  --ds-chart-orange-bold: #F18D13;\n  --ds-chart-orange-bold-hovered: #FAA53D;\n  --ds-chart-orange-bolder: #FAA53D;\n  --ds-chart-orange-bolder-hovered: #FEC57B;\n  --ds-chart-orange-boldest: #FEC57B;\n  --ds-chart-orange-boldest-hovered: #FFE2BD;\n  --ds-chart-yellow-bold: #CF9F02;\n  --ds-chart-yellow-bold-hovered: #E2B203;\n  --ds-chart-yellow-bolder: #E2B203;\n  --ds-chart-yellow-bolder-hovered: #F5CD47;\n  --ds-chart-yellow-boldest: #F5CD47;\n  --ds-chart-yellow-boldest-hovered: #F8E6A0;\n  --ds-chart-green-bold: #2ABB7F;\n  --ds-chart-green-bold-hovered: #4BCE97;\n  --ds-chart-green-bolder: #4BCE97;\n  --ds-chart-green-bolder-hovered: #7EE2B8;\n  --ds-chart-green-boldest: #7EE2B8;\n  --ds-chart-green-boldest-hovered: #BAF3DB;\n  --ds-chart-teal-bold: #37B4C3;\n  --ds-chart-teal-bold-hovered: #60C6D2;\n  --ds-chart-teal-bolder: #60C6D2;\n  --ds-chart-teal-bolder-hovered: #8BDBE5;\n  --ds-chart-teal-boldest: #8BDBE5;\n  --ds-chart-teal-boldest-hovered: #C1F0F5;\n  --ds-chart-blue-bold: #1D7AFC;\n  --ds-chart-blue-bold-hovered: #388BFF;\n  --ds-chart-blue-bolder: #388BFF;\n  --ds-chart-blue-bolder-hovered: #579DFF;\n  --ds-chart-blue-boldest: #85B8FF;\n  --ds-chart-blue-boldest-hovered: #CCE0FF;\n  --ds-chart-purple-bold: #8270DB;\n  --ds-chart-purple-bold-hovered: #8F7EE7;\n  --ds-chart-purple-bolder: #8F7EE7;\n  --ds-chart-purple-bolder-hovered: #9F8FEF;\n  --ds-chart-purple-boldest: #B8ACF6;\n  --ds-chart-purple-boldest-hovered: #DFD8FD;\n  --ds-chart-magenta-bold: #CD519D;\n  --ds-chart-magenta-bold-hovered: #DA62AC;\n  --ds-chart-magenta-bolder: #DA62AC;\n  --ds-chart-magenta-bolder-hovered: #E774BB;\n  --ds-chart-magenta-boldest: #F797D2;\n  --ds-chart-magenta-boldest-hovered: #FDD0EC;\n  --ds-chart-gray-bold: #738496;\n  --ds-chart-gray-bold-hovered: #8C9BAB;\n  --ds-chart-gray-bolder: #8C9BAB;\n  --ds-chart-gray-bolder-hovered: #9FADBC;\n  --ds-chart-gray-boldest: #9FADBC;\n  --ds-chart-gray-boldest-hovered: #B6C2CF;\n  --ds-chart-brand: #388BFF;\n  --ds-chart-brand-hovered: #579DFF;\n  --ds-chart-danger: #E34935;\n  --ds-chart-danger-hovered: #EF5C48;\n  --ds-chart-danger-bold: #FF9C8F;\n  --ds-chart-danger-bold-hovered: #FFD2CC;\n  --ds-chart-warning: #CF9F02;\n  --ds-chart-warning-hovered: #E2B203;\n  --ds-chart-warning-bold: #F5CD47;\n  --ds-chart-warning-bold-hovered: #F8E6A0;\n  --ds-chart-success: #2ABB7F;\n  --ds-chart-success-hovered: #4BCE97;\n  --ds-chart-success-bold: #7EE2B8;\n  --ds-chart-success-bold-hovered: #BAF3DB;\n  --ds-chart-discovery: #8270DB;\n  --ds-chart-discovery-hovered: #8F7EE7;\n  --ds-chart-discovery-bold: #B8ACF6;\n  --ds-chart-discovery-bold-hovered: #DFD8FD;\n  --ds-chart-information: #1D7AFC;\n  --ds-chart-information-hovered: #388BFF;\n  --ds-chart-information-bold: #85B8FF;\n  --ds-chart-information-bold-hovered: #CCE0FF;\n  --ds-surface: #1D2125;\n  --ds-surface-hovered: #22272B;\n  --ds-surface-pressed: #282E33;\n  --ds-surface-overlay: #282E33;\n  --ds-surface-overlay-hovered: #2C333A;\n  --ds-surface-overlay-pressed: #38414A;\n  --ds-surface-raised: #22272B;\n  --ds-surface-raised-hovered: #282E33;\n  --ds-surface-raised-pressed: #2C333A;\n  --ds-surface-sunken: #161A1D;\n  --ds-shadow-overflow: 0px 0px 12px #0304048F, 0px 0px 1px #03040480;\n  --ds-shadow-overflow-perimeter: #03040480;\n  --ds-shadow-overflow-spread: #0304048f;\n  --ds-shadow-overlay: inset 0px 0px 0px 1px #BCD6F01F, 0px 8px 12px #0304045C, 0px 0px 1px #03040480;\n  --ds-shadow-raised: inset 0px 0px 0px 1px #00000000, 0px 1px 1px #03040480, 0px 0px 1px #03040480;\n  --ds-opacity-disabled: 0.4;\n  --ds-opacity-loading: 0.2;\n  --ds-UNSAFE-transparent: transparent;\n}\n";
+export default "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark\"] {\n  color-scheme: dark;\n  --ds-text: #B6C2CF;\n  --ds-text-accent-lime: #B3DF72;\n  --ds-text-accent-lime-bolder: #D3F1A7;\n  --ds-text-accent-red: #FF9C8F;\n  --ds-text-accent-red-bolder: #FFD2CC;\n  --ds-text-accent-orange: #FEC57B;\n  --ds-text-accent-orange-bolder: #FFE2BD;\n  --ds-text-accent-yellow: #F5CD47;\n  --ds-text-accent-yellow-bolder: #F8E6A0;\n  --ds-text-accent-green: #7EE2B8;\n  --ds-text-accent-green-bolder: #BAF3DB;\n  --ds-text-accent-teal: #8BDBE5;\n  --ds-text-accent-teal-bolder: #C1F0F5;\n  --ds-text-accent-blue: #85B8FF;\n  --ds-text-accent-blue-bolder: #CCE0FF;\n  --ds-text-accent-purple: #B8ACF6;\n  --ds-text-accent-purple-bolder: #DFD8FD;\n  --ds-text-accent-magenta: #F797D2;\n  --ds-text-accent-magenta-bolder: #FDD0EC;\n  --ds-text-accent-gray: #9FADBC;\n  --ds-text-accent-gray-bolder: #DEE4EA;\n  --ds-text-disabled: #BFDBF847;\n  --ds-text-inverse: #1D2125;\n  --ds-text-selected: #579DFF;\n  --ds-text-brand: #579DFF;\n  --ds-text-danger: #FF9C8F;\n  --ds-text-warning: #F5CD47;\n  --ds-text-warning-inverse: #1D2125;\n  --ds-text-success: #7EE2B8;\n  --ds-text-discovery: #B8ACF6;\n  --ds-text-information: #85B8FF;\n  --ds-text-subtlest: #8C9BAB;\n  --ds-text-subtle: #9FADBC;\n  --ds-link: #579DFF;\n  --ds-link-pressed: #85B8FF;\n  --ds-icon: #9FADBC;\n  --ds-icon-accent-lime: #82B536;\n  --ds-icon-accent-red: #EF5C48;\n  --ds-icon-accent-orange: #F18D13;\n  --ds-icon-accent-yellow: #CF9F02;\n  --ds-icon-accent-green: #2ABB7F;\n  --ds-icon-accent-teal: #37B4C3;\n  --ds-icon-accent-blue: #388BFF;\n  --ds-icon-accent-purple: #8F7EE7;\n  --ds-icon-accent-magenta: #DA62AC;\n  --ds-icon-accent-gray: #738496;\n  --ds-icon-disabled: #BFDBF847;\n  --ds-icon-inverse: #1D2125;\n  --ds-icon-selected: #579DFF;\n  --ds-icon-brand: #579DFF;\n  --ds-icon-danger: #EF5C48;\n  --ds-icon-warning: #CF9F02;\n  --ds-icon-warning-inverse: #1D2125;\n  --ds-icon-success: #2ABB7F;\n  --ds-icon-discovery: #8F7EE7;\n  --ds-icon-information: #388BFF;\n  --ds-icon-subtle: #8C9BAB;\n  --ds-border: #A6C5E229;\n  --ds-border-accent-lime: #82B536;\n  --ds-border-accent-red: #EF5C48;\n  --ds-border-accent-orange: #F18D13;\n  --ds-border-accent-yellow: #CF9F02;\n  --ds-border-accent-green: #2ABB7F;\n  --ds-border-accent-teal: #37B4C3;\n  --ds-border-accent-blue: #388BFF;\n  --ds-border-accent-purple: #8F7EE7;\n  --ds-border-accent-magenta: #DA62AC;\n  --ds-border-accent-gray: #738496;\n  --ds-border-disabled: #A1BDD914;\n  --ds-border-focused: #85B8FF;\n  --ds-border-input: #A6C5E229;\n  --ds-border-inverse: #161A1D;\n  --ds-border-selected: #579DFF;\n  --ds-border-brand: #579DFF;\n  --ds-border-danger: #EF5C48;\n  --ds-border-warning: #CF9F02;\n  --ds-border-success: #2ABB7F;\n  --ds-border-discovery: #8F7EE7;\n  --ds-border-information: #388BFF;\n  --ds-border-bold: #738496;\n  --ds-background-accent-lime-subtlest: #2A3818;\n  --ds-background-accent-lime-subtler: #37471F;\n  --ds-background-accent-lime-subtle: #4C6B1F;\n  --ds-background-accent-lime-bolder: #94C748;\n  --ds-background-accent-red-subtlest: #4F1C16;\n  --ds-background-accent-red-subtler: #601E16;\n  --ds-background-accent-red-subtle: #AE2A19;\n  --ds-background-accent-red-bolder: #F87462;\n  --ds-background-accent-orange-subtlest: #4A2B0F;\n  --ds-background-accent-orange-subtler: #5F3811;\n  --ds-background-accent-orange-subtle: #974F0C;\n  --ds-background-accent-orange-bolder: #FAA53D;\n  --ds-background-accent-yellow-subtlest: #3F3102;\n  --ds-background-accent-yellow-subtler: #533F04;\n  --ds-background-accent-yellow-subtle: #7F5F01;\n  --ds-background-accent-yellow-bolder: #E2B203;\n  --ds-background-accent-green-subtlest: #143C2B;\n  --ds-background-accent-green-subtler: #164B35;\n  --ds-background-accent-green-subtle: #216E4E;\n  --ds-background-accent-green-bolder: #4BCE97;\n  --ds-background-accent-teal-subtlest: #15373B;\n  --ds-background-accent-teal-subtler: #1D474C;\n  --ds-background-accent-teal-subtle: #206B74;\n  --ds-background-accent-teal-bolder: #60C6D2;\n  --ds-background-accent-blue-subtlest: #092957;\n  --ds-background-accent-blue-subtler: #09326C;\n  --ds-background-accent-blue-subtle: #0055CC;\n  --ds-background-accent-blue-bolder: #579DFF;\n  --ds-background-accent-purple-subtlest: #2B2451;\n  --ds-background-accent-purple-subtler: #352C63;\n  --ds-background-accent-purple-subtle: #5E4DB2;\n  --ds-background-accent-purple-bolder: #9F8FEF;\n  --ds-background-accent-magenta-subtlest: #421F34;\n  --ds-background-accent-magenta-subtler: #50253F;\n  --ds-background-accent-magenta-subtle: #943D73;\n  --ds-background-accent-magenta-bolder: #E774BB;\n  --ds-background-accent-gray-subtlest: #2C333A;\n  --ds-background-accent-gray-subtler: #454F59;\n  --ds-background-accent-gray-subtle: #596773;\n  --ds-background-accent-gray-bolder: #8C9BAB;\n  --ds-background-disabled: #BCD6F00A;\n  --ds-background-input: #22272B;\n  --ds-background-input-hovered: #282E33;\n  --ds-background-input-pressed: #22272B;\n  --ds-background-inverse-subtle: #FFFFFF29;\n  --ds-background-inverse-subtle-hovered: #FFFFFF3D;\n  --ds-background-inverse-subtle-pressed: #FFFFFF52;\n  --ds-background-neutral: #A1BDD914;\n  --ds-background-neutral-hovered: #A6C5E229;\n  --ds-background-neutral-pressed: #BFDBF847;\n  --ds-background-neutral-subtle: #00000000;\n  --ds-background-neutral-subtle-hovered: #A1BDD914;\n  --ds-background-neutral-subtle-pressed: #A6C5E229;\n  --ds-background-neutral-bold: #9FADBC;\n  --ds-background-neutral-bold-hovered: #B6C2CF;\n  --ds-background-neutral-bold-pressed: #C7D1DB;\n  --ds-background-selected: #092957;\n  --ds-background-selected-hovered: #09326C;\n  --ds-background-selected-pressed: #0055CC;\n  --ds-background-selected-bold: #579DFF;\n  --ds-background-selected-bold-hovered: #85B8FF;\n  --ds-background-selected-bold-pressed: #CCE0FF;\n  --ds-background-brand-bold: #579DFF;\n  --ds-background-brand-bold-hovered: #85B8FF;\n  --ds-background-brand-bold-pressed: #CCE0FF;\n  --ds-background-danger: #4F1C16;\n  --ds-background-danger-hovered: #601E16;\n  --ds-background-danger-pressed: #AE2A19;\n  --ds-background-danger-bold: #F87462;\n  --ds-background-danger-bold-hovered: #FF9C8F;\n  --ds-background-danger-bold-pressed: #FFD2CC;\n  --ds-background-warning: #3F3102;\n  --ds-background-warning-hovered: #533F04;\n  --ds-background-warning-pressed: #7F5F01;\n  --ds-background-warning-bold: #E2B203;\n  --ds-background-warning-bold-hovered: #F5CD47;\n  --ds-background-warning-bold-pressed: #F8E6A0;\n  --ds-background-success: #143C2B;\n  --ds-background-success-hovered: #164B35;\n  --ds-background-success-pressed: #216E4E;\n  --ds-background-success-bold: #4BCE97;\n  --ds-background-success-bold-hovered: #7EE2B8;\n  --ds-background-success-bold-pressed: #BAF3DB;\n  --ds-background-discovery: #2B2451;\n  --ds-background-discovery-hovered: #352C63;\n  --ds-background-discovery-pressed: #5E4DB2;\n  --ds-background-discovery-bold: #9F8FEF;\n  --ds-background-discovery-bold-hovered: #B8ACF6;\n  --ds-background-discovery-bold-pressed: #DFD8FD;\n  --ds-background-information: #092957;\n  --ds-background-information-hovered: #09326C;\n  --ds-background-information-pressed: #0055CC;\n  --ds-background-information-bold: #579DFF;\n  --ds-background-information-bold-hovered: #85B8FF;\n  --ds-background-information-bold-pressed: #CCE0FF;\n  --ds-blanket: #10121499;\n  --ds-blanket-selected: #1D7AFC14;\n  --ds-blanket-danger: #E3493514;\n  --ds-interaction-hovered: #ffffff33;\n  --ds-interaction-pressed: #ffffff5c;\n  --ds-skeleton: #A1BDD914;\n  --ds-skeleton-subtle: #BCD6F00A;\n  --ds-chart-categorical-1: #1D9AAA;\n  --ds-chart-categorical-1-hovered: #37B4C3;\n  --ds-chart-categorical-2: #B8ACF6;\n  --ds-chart-categorical-2-hovered: #DFD8FD;\n  --ds-chart-categorical-3: #D97008;\n  --ds-chart-categorical-3-hovered: #F18D13;\n  --ds-chart-categorical-4: #F797D2;\n  --ds-chart-categorical-4-hovered: #FDD0EC;\n  --ds-chart-categorical-5: #CCE0FF;\n  --ds-chart-categorical-5-hovered: #E9F2FF;\n  --ds-chart-categorical-6: #8270DB;\n  --ds-chart-categorical-6-hovered: #8F7EE7;\n  --ds-chart-categorical-7: #FDD0EC;\n  --ds-chart-categorical-7-hovered: #FFECF8;\n  --ds-chart-categorical-8: #FEC57B;\n  --ds-chart-categorical-8-hovered: #FFE2BD;\n  --ds-chart-lime-bold: #82B536;\n  --ds-chart-lime-bold-hovered: #94C748;\n  --ds-chart-lime-bolder: #94C748;\n  --ds-chart-lime-bolder-hovered: #B3DF72;\n  --ds-chart-lime-boldest: #B3DF72;\n  --ds-chart-lime-boldest-hovered: #D3F1A7;\n  --ds-chart-neutral: #738496;\n  --ds-chart-neutral-hovered: #8C9BAB;\n  --ds-chart-red-bold: #E34935;\n  --ds-chart-red-bold-hovered: #EF5C48;\n  --ds-chart-red-bolder: #EF5C48;\n  --ds-chart-red-bolder-hovered: #F87462;\n  --ds-chart-red-boldest: #FF9C8F;\n  --ds-chart-red-boldest-hovered: #FFD2CC;\n  --ds-chart-orange-bold: #F18D13;\n  --ds-chart-orange-bold-hovered: #FAA53D;\n  --ds-chart-orange-bolder: #FAA53D;\n  --ds-chart-orange-bolder-hovered: #FEC57B;\n  --ds-chart-orange-boldest: #FEC57B;\n  --ds-chart-orange-boldest-hovered: #FFE2BD;\n  --ds-chart-yellow-bold: #CF9F02;\n  --ds-chart-yellow-bold-hovered: #E2B203;\n  --ds-chart-yellow-bolder: #E2B203;\n  --ds-chart-yellow-bolder-hovered: #F5CD47;\n  --ds-chart-yellow-boldest: #F5CD47;\n  --ds-chart-yellow-boldest-hovered: #F8E6A0;\n  --ds-chart-green-bold: #2ABB7F;\n  --ds-chart-green-bold-hovered: #4BCE97;\n  --ds-chart-green-bolder: #4BCE97;\n  --ds-chart-green-bolder-hovered: #7EE2B8;\n  --ds-chart-green-boldest: #7EE2B8;\n  --ds-chart-green-boldest-hovered: #BAF3DB;\n  --ds-chart-teal-bold: #37B4C3;\n  --ds-chart-teal-bold-hovered: #60C6D2;\n  --ds-chart-teal-bolder: #60C6D2;\n  --ds-chart-teal-bolder-hovered: #8BDBE5;\n  --ds-chart-teal-boldest: #8BDBE5;\n  --ds-chart-teal-boldest-hovered: #C1F0F5;\n  --ds-chart-blue-bold: #1D7AFC;\n  --ds-chart-blue-bold-hovered: #388BFF;\n  --ds-chart-blue-bolder: #388BFF;\n  --ds-chart-blue-bolder-hovered: #579DFF;\n  --ds-chart-blue-boldest: #85B8FF;\n  --ds-chart-blue-boldest-hovered: #CCE0FF;\n  --ds-chart-purple-bold: #8270DB;\n  --ds-chart-purple-bold-hovered: #8F7EE7;\n  --ds-chart-purple-bolder: #8F7EE7;\n  --ds-chart-purple-bolder-hovered: #9F8FEF;\n  --ds-chart-purple-boldest: #B8ACF6;\n  --ds-chart-purple-boldest-hovered: #DFD8FD;\n  --ds-chart-magenta-bold: #CD519D;\n  --ds-chart-magenta-bold-hovered: #DA62AC;\n  --ds-chart-magenta-bolder: #DA62AC;\n  --ds-chart-magenta-bolder-hovered: #E774BB;\n  --ds-chart-magenta-boldest: #F797D2;\n  --ds-chart-magenta-boldest-hovered: #FDD0EC;\n  --ds-chart-gray-bold: #738496;\n  --ds-chart-gray-bold-hovered: #8C9BAB;\n  --ds-chart-gray-bolder: #8C9BAB;\n  --ds-chart-gray-bolder-hovered: #9FADBC;\n  --ds-chart-gray-boldest: #9FADBC;\n  --ds-chart-gray-boldest-hovered: #B6C2CF;\n  --ds-chart-brand: #388BFF;\n  --ds-chart-brand-hovered: #579DFF;\n  --ds-chart-danger: #E34935;\n  --ds-chart-danger-hovered: #EF5C48;\n  --ds-chart-danger-bold: #FF9C8F;\n  --ds-chart-danger-bold-hovered: #FFD2CC;\n  --ds-chart-warning: #CF9F02;\n  --ds-chart-warning-hovered: #E2B203;\n  --ds-chart-warning-bold: #F5CD47;\n  --ds-chart-warning-bold-hovered: #F8E6A0;\n  --ds-chart-success: #2ABB7F;\n  --ds-chart-success-hovered: #4BCE97;\n  --ds-chart-success-bold: #7EE2B8;\n  --ds-chart-success-bold-hovered: #BAF3DB;\n  --ds-chart-discovery: #8270DB;\n  --ds-chart-discovery-hovered: #8F7EE7;\n  --ds-chart-discovery-bold: #B8ACF6;\n  --ds-chart-discovery-bold-hovered: #DFD8FD;\n  --ds-chart-information: #1D7AFC;\n  --ds-chart-information-hovered: #388BFF;\n  --ds-chart-information-bold: #85B8FF;\n  --ds-chart-information-bold-hovered: #CCE0FF;\n  --ds-surface: #1D2125;\n  --ds-surface-hovered: #22272B;\n  --ds-surface-pressed: #282E33;\n  --ds-surface-overlay: #282E33;\n  --ds-surface-overlay-hovered: #2C333A;\n  --ds-surface-overlay-pressed: #38414A;\n  --ds-surface-raised: #22272B;\n  --ds-surface-raised-hovered: #282E33;\n  --ds-surface-raised-pressed: #2C333A;\n  --ds-surface-sunken: #161A1D;\n  --ds-shadow-overflow: 0px 0px 12px #0304048F, 0px 0px 1px #03040480;\n  --ds-shadow-overflow-perimeter: #03040480;\n  --ds-shadow-overflow-spread: #0304048f;\n  --ds-shadow-overlay: inset 0px 0px 0px 1px #BCD6F01F, 0px 8px 12px #0304045C, 0px 0px 1px #03040480;\n  --ds-shadow-raised: inset 0px 0px 0px 1px #00000000, 0px 1px 1px #03040480, 0px 0px 1px #03040480;\n  --ds-opacity-disabled: 0.4;\n  --ds-opacity-loading: 0.2;\n  --ds-UNSAFE-transparent: transparent;\n}\n";

package/dist/esm/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 "\nhtml[data-theme~=\"shape:shape\"] {\n  --ds-border-radius-050: 0.125rem;\n  --ds-border-radius: 0.25rem;\n  --ds-border-radius-100: 0.25rem;\n  --ds-border-radius-200: 0.5rem;\n  --ds-border-radius-300: 0.75rem;\n  --ds-border-radius-400: 1rem;\n  --ds-border-radius-circle: 2002rem;\n  --ds-border-width: 0.0625rem;\n  --ds-border-width-0: 0rem;\n  --ds-border-width-050: 0.0625rem;\n  --ds-border-width-100: 0.125rem;\n}\n";
+export default "\nhtml[data-theme~=\"shape:shape\"] {\n  --ds-border-radius-050: 0.125rem;\n  --ds-border-radius: 0.25rem;\n  --ds-border-radius-100: 0.25rem;\n  --ds-border-radius-200: 0.5rem;\n  --ds-border-radius-300: 0.75rem;\n  --ds-border-radius-400: 1rem;\n  --ds-border-radius-circle: 2002rem;\n  --ds-border-width: 0.0625rem;\n  --ds-border-width-0: 0rem;\n  --ds-border-width-indicator: 0.1875rem;\n  --ds-border-width-outline: 0.125rem;\n}\n";

package/dist/esm/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
  */
 var defaultTokenValues = {
@@ -300,11 +300,11 @@ var 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 @@ var 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',