@atlaskit/tokens 9.1.1 → 10.0.0

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

@@ -1,11 +1,11 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::063860c687d51e7b57f27297b08fcdda>>
+ * @codegen <<SignedSource::f2f87744a32f3100120d67caeac70c7c>>
  * @codegenCommand yarn build tokens
  */
 export default `
-html[data-color-mode="light"][data-theme~="light:dark"],
-html[data-color-mode="dark"][data-theme~="dark:dark"] {
+html[data-color-mode="light"][data-theme~="light:dark"], [data-subtree-theme][data-color-mode="light"][data-theme~="light:dark"],
+html[data-color-mode="dark"][data-theme~="dark:dark"], [data-subtree-theme][data-color-mode="dark"][data-theme~="dark:dark"] {
   color-scheme: dark;
   --ds-text: #CECFD2;
   --ds-text-accent-lime: #B3DF72;

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

@@ -1,11 +1,11 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::c28a72f76c19bfcc43d0de8020b58d61>>
+ * @codegen <<SignedSource::d518c4ac7b260278bd00da07b666c7e1>>
  * @codegenCommand yarn build tokens
  */
 export default `
-html[data-color-mode="light"][data-theme~="light:legacy-dark"],
-html[data-color-mode="dark"][data-theme~="dark:legacy-dark"] {
+html[data-color-mode="light"][data-theme~="light:legacy-dark"], [data-subtree-theme][data-color-mode="light"][data-theme~="light:legacy-dark"],
+html[data-color-mode="dark"][data-theme~="dark:legacy-dark"], [data-subtree-theme][data-color-mode="dark"][data-theme~="dark:legacy-dark"] {
   color-scheme: dark;
   --ds-text: #E6EDFA;
   --ds-text-accent-lime: #4C6B1F;

package/dist/es2019/artifacts/themes/atlassian-legacy-light.js

@@ -1,11 +1,11 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::3869c85b6345c7809be945c689ccd337>>
+ * @codegen <<SignedSource::a63610469091bf1e37a1fdc89fc6b0fb>>
  * @codegenCommand yarn build tokens
  */
 export default `
-html[data-color-mode="light"][data-theme~="light:legacy-light"],
-html[data-color-mode="dark"][data-theme~="dark:legacy-light"] {
+html[data-color-mode="light"][data-theme~="light:legacy-light"], [data-subtree-theme][data-color-mode="light"][data-theme~="light:legacy-light"],
+html[data-color-mode="dark"][data-theme~="dark:legacy-light"], [data-subtree-theme][data-color-mode="dark"][data-theme~="dark:legacy-light"] {
   color-scheme: light;
   --ds-text: #172B4D;
   --ds-text-accent-lime: #4C6B1F;

package/dist/es2019/artifacts/themes/atlassian-light-future.js

@@ -1,11 +1,11 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::b66f003f52ebad6767e95eaeb646085b>>
+ * @codegen <<SignedSource::48065754ca6697dadbdf47a49807a6c0>>
  * @codegenCommand yarn build tokens
  */
 export default `
-html[data-color-mode="light"][data-theme~="light:light"],
-html[data-color-mode="dark"][data-theme~="dark:light"] {
+html[data-color-mode="light"][data-theme~="light:light"], [data-subtree-theme][data-color-mode="light"][data-theme~="light:light"],
+html[data-color-mode="dark"][data-theme~="dark:light"], [data-subtree-theme][data-color-mode="dark"][data-theme~="dark:light"] {
   color-scheme: light;
   --ds-background-disabled: #28311B;
 }

package/dist/es2019/artifacts/themes/atlassian-light-increased-contrast.js

@@ -1,11 +1,11 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::7f610dbd5ca5bb0c1a6954e538b79e1b>>
+ * @codegen <<SignedSource::327498ca5c7508a9f137be6920c47512>>
  * @codegenCommand yarn build tokens
  */
 export default `
-html[data-color-mode="light"][data-theme~="light:light-increased-contrast"],
-html[data-color-mode="dark"][data-theme~="dark:light-increased-contrast"],
+html[data-color-mode="light"][data-theme~="light:light-increased-contrast"], [data-subtree-theme][data-color-mode="light"][data-theme~="light:light-increased-contrast"],
+html[data-color-mode="dark"][data-theme~="dark:light-increased-contrast"], [data-subtree-theme][data-color-mode="dark"][data-theme~="dark:light-increased-contrast"],
 html[data-color-mode="light"][data-contrast-mode="more"][data-theme~="light:light"],
 html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:light"] {
   color-scheme: light;

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

@@ -1,11 +1,11 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::1485915d3d417d606fec01461dcd40b6>>
+ * @codegen <<SignedSource::81a7dedc0a0c6bb6970207479c2a88dd>>
  * @codegenCommand yarn build tokens
  */
 export default `
-html[data-color-mode="light"][data-theme~="light:light"],
-html[data-color-mode="dark"][data-theme~="dark:light"] {
+html[data-color-mode="light"][data-theme~="light:light"], [data-subtree-theme][data-color-mode="light"][data-theme~="light:light"],
+html[data-color-mode="dark"][data-theme~="dark:light"], [data-subtree-theme][data-color-mode="dark"][data-theme~="dark:light"] {
   color-scheme: light;
   --ds-text: #292A2E;
   --ds-text-accent-lime: #4C6B1F;

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

@@ -1,10 +1,10 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::e425c02a2e774d6f9aa98aa9eb6e1767>>
+ * @codegen <<SignedSource::fd33b381dded5ef628eed8716924678b>>
  * @codegenCommand yarn build tokens
  */
 export default `
-html[data-theme~="shape:shape"] {
+html[data-theme~="shape:shape"], [data-subtree-theme][data-theme~="shape:shape"] {
   --ds-radius-xsmall: 0.125rem;
   --ds-radius-small: 0.25rem;
   --ds-radius-medium: 0.375rem;

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

@@ -1,10 +1,10 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::50b812651f792cc85f9294bc1f28b366>>
+ * @codegen <<SignedSource::2fe6e09ea53e7fa3fa7d8ba2613e2fb7>>
  * @codegenCommand yarn build tokens
  */
 export default `
-html[data-theme~="spacing:spacing"] {
+html[data-theme~="spacing:spacing"], [data-subtree-theme][data-theme~="spacing:spacing"] {
   --ds-space-0: 0rem;
   --ds-space-025: 0.125rem;
   --ds-space-050: 0.25rem;

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

@@ -1,10 +1,10 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::a352be05995afa0bd55c0b0530178fe7>>
+ * @codegen <<SignedSource::53278a261ad7a10a6b0212f6516599e1>>
  * @codegenCommand yarn build tokens
  */
 export default `
-html[data-theme~="typography:typography"] {
+html[data-theme~="typography:typography"], [data-subtree-theme][data-theme~="typography:typography"] {
   --ds-font-heading-xxlarge: normal 653 2rem/2.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
   --ds-font-heading-xlarge: normal 653 1.75rem/2rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
   --ds-font-heading-large: normal 653 1.5rem/1.75rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;

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

@@ -7,7 +7,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::749aeca73ed1fdc5f662a020f301e63b>>
+ * @codegen <<SignedSource::e6225c65d5d4ce72381110479f6b4968>>
  * @codegenCommand yarn build tokens
  */
 const defaultTokenValues = {
@@ -419,7 +419,6 @@ const defaultTokenValues = {
   'elevation.shadow.raised': '0px 1px 1px #1E1F2140, 0px 0px 1px #1E1F214F',
   'opacity.disabled': '0.4',
   'opacity.loading': '0.2',
-  'utility.UNSAFE.textTransformUppercase': 'uppercase',
   'utility.UNSAFE.transparent': 'transparent',
   'utility.elevation.surface.current': '#FFFFFF',
   'space.0': '0rem',
@@ -445,28 +444,28 @@ const defaultTokenValues = {
   'space.negative.250': '-1.25rem',
   'space.negative.300': '-1.5rem',
   'space.negative.400': '-2rem',
-  'font.heading.xxlarge': 'normal 500 2.1875rem/2.5rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
-  'font.heading.xlarge': 'normal 600 1.8125rem/2rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
-  'font.heading.large': 'normal 500 1.5rem/1.75rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
-  'font.heading.medium': 'normal 500 1.25rem/1.5rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
-  'font.heading.small': 'normal 600 1rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
-  'font.heading.xsmall': 'normal 600 0.875rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
-  'font.heading.xxsmall': 'normal 600 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
-  'font.body.large': 'normal 400 1rem/1.5rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
-  'font.body': 'normal 400 0.875rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
-  'font.body.small': 'normal 400 0.6875rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
-  'font.body.UNSAFE_small': 'normal 400 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
-  'font.metric.large': 'normal 653 1.75rem/2rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
-  'font.metric.medium': 'normal 653 1.5rem/1.75rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
-  'font.metric.small': 'normal 653 1rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
-  'font.code': 'normal 400 0.875em/1 ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace',
+  'font.heading.xxlarge': 'normal 653 2rem/2.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
+  'font.heading.xlarge': 'normal 653 1.75rem/2rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
+  'font.heading.large': 'normal 653 1.5rem/1.75rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
+  'font.heading.medium': 'normal 653 1.25rem/1.5rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
+  'font.heading.small': 'normal 653 1rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
+  'font.heading.xsmall': 'normal 653 0.875rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
+  'font.heading.xxsmall': 'normal 653 0.75rem/1rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
+  'font.body.large': 'normal 400 1rem/1.5rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
+  'font.body': 'normal 400 0.875rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
+  'font.body.small': 'normal 400 0.75rem/1rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
+  'font.body.UNSAFE_small': 'normal 400 0.75rem/1rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
+  'font.metric.large': 'normal 653 1.75rem/2rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
+  'font.metric.medium': 'normal 653 1.5rem/1.75rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
+  'font.metric.small': 'normal 653 1rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
+  'font.code': 'normal 400 0.875em/1 "Atlassian Mono", ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace',
   'font.weight.regular': '400',
   'font.weight.medium': '500',
   'font.weight.semibold': '600',
-  'font.weight.bold': '700',
-  'font.family.heading': 'ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
-  'font.family.body': 'ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
-  'font.family.code': 'ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace',
+  'font.weight.bold': '653',
+  'font.family.heading': '"Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
+  'font.family.body': '"Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
+  'font.family.code': '"Atlassian Mono", ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace',
   'font.family.brand.heading': '"Charlie Display", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
   'font.family.brand.body': '"Charlie Text", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
   'radius.xsmall': '0.125rem',

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::c89a29e7cce7f49704b4559e5f42c4ea>>
+ * @codegen <<SignedSource::71ab6af4453c6807be4d4249ca7614bc>>
  * @codegenCommand yarn build tokens
  */
 const tokens = {
@@ -412,7 +412,6 @@ const tokens = {
   'elevation.shadow.raised': '--ds-shadow-raised',
   'opacity.disabled': '--ds-opacity-disabled',
   'opacity.loading': '--ds-opacity-loading',
-  'utility.UNSAFE.textTransformUppercase': '--ds-UNSAFE-textTransformUppercase',
   'utility.UNSAFE.transparent': '--ds-UNSAFE-transparent',
   'utility.elevation.surface.current': '--ds-elevation-surface-current',
   'space.0': '--ds-space-0',

package/dist/es2019/babel-plugin/plugin.js

@@ -4,7 +4,7 @@ import legacyLight from '../artifacts/tokens-raw/atlassian-legacy-light';
 import light from '../artifacts/tokens-raw/atlassian-light';
 import shape from '../artifacts/tokens-raw/atlassian-shape';
 import spacing from '../artifacts/tokens-raw/atlassian-spacing';
-import typography from '../artifacts/tokens-raw/atlassian-typography-adg3';
+import typography from '../artifacts/tokens-raw/atlassian-typography';
 const isExempted = (tokenName, exemptions = []) => {
   // Check if the token name starts with any of the exempted prefixes
   for (const exemption of exemptions) {

package/dist/es2019/constants.js

@@ -1,4 +1,5 @@
 export const THEME_DATA_ATTRIBUTE = 'data-theme';
+export const SUBTREE_THEME_ATTRIBUTE = 'data-subtree-theme';
 export const COLOR_MODE_ATTRIBUTE = 'data-color-mode';
 export const CONTRAST_MODE_ATTRIBUTE = 'data-contrast-mode';
 export const CUSTOM_THEME_ATTRIBUTE = 'data-custom-theme';

package/dist/es2019/entry-points/token-metadata.codegen.js

@@ -3,7 +3,7 @@
  *
  * Metadata for generation of of `@atlaskit/ads-mcp` and https://atlassian.design/llms-tokens.txt.
  *
- * @codegen <<SignedSource::a85a9bd0f3daa1c66cd9447d776bd89f>>
+ * @codegen <<SignedSource::6c61f13b08f7f4a5c5fb8d55f8ef5c14>>
  * @codegenCommand yarn build tokens
  */
 
@@ -2047,11 +2047,6 @@ export const tokens = [{
   path: ['opacity', 'loading'],
   description: 'Apply to content that sits under a loading spinner.',
   exampleValue: 0.2
-}, {
-  name: 'utility.UNSAFE.textTransformUppercase',
-  path: ['utility', 'UNSAFE', 'textTransformUppercase'],
-  description: 'Text transform uppercase token used for backwards compatibility between new and old theming solutions',
-  exampleValue: 'uppercase'
 }, {
   name: 'utility.UNSAFE.transparent',
   path: ['utility', 'UNSAFE', 'transparent'],
@@ -2181,77 +2176,77 @@ export const tokens = [{
   name: 'font.heading.xxlarge',
   path: ['font', 'heading', 'xxlarge'],
   description: 'For overlapping brand with app promotions, such as marketplace content. Migrate instances of H900 to Heading XXL.',
-  exampleValue: 'normal 500 2.1875rem/2.5rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
+  exampleValue: 'normal 653 2rem/2.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
 }, {
   name: 'font.heading.xlarge',
   path: ['font', 'heading', 'xlarge'],
   description: 'For overlapping brand with app promotions, such as marketplace content. Migrate instances of H800 to Heading XL.',
-  exampleValue: 'normal 600 1.8125rem/2rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
+  exampleValue: 'normal 653 1.75rem/2rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
 }, {
   name: 'font.heading.large',
   path: ['font', 'heading', 'large'],
   description: 'App page titles, such as forms. Migrate instances of H700 to Heading L.',
-  exampleValue: 'normal 500 1.5rem/1.75rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
+  exampleValue: 'normal 653 1.5rem/1.75rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
 }, {
   name: 'font.heading.medium',
   path: ['font', 'heading', 'medium'],
   description: 'Headers in large components, such as modal dialogs. Migrate instances of H600 to Heading M.',
-  exampleValue: 'normal 500 1.25rem/1.5rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
+  exampleValue: 'normal 653 1.25rem/1.5rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
 }, {
   name: 'font.heading.small',
   path: ['font', 'heading', 'small'],
   description: 'For headers in small components where space is limited. Migrate instances of H500 to Heading S.',
-  exampleValue: 'normal 600 1rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
+  exampleValue: 'normal 653 1rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
 }, {
   name: 'font.heading.xsmall',
   path: ['font', 'heading', 'xsmall'],
   description: 'For headers in small components where space is limited. Migrate instances of H400 to Heading XS.',
-  exampleValue: 'normal 600 0.875rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
+  exampleValue: 'normal 653 0.875rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
 }, {
   name: 'font.heading.xxsmall',
   path: ['font', 'heading', 'xxsmall'],
   description: 'For headers in fine print or tight spaces. Use sparingly. Migrate instances of H100, H200 and H300 to Heading XXS.',
-  exampleValue: 'normal 600 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
+  exampleValue: 'normal 653 0.75rem/1rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
 }, {
   name: 'font.body.large',
   path: ['font', 'body', 'large'],
   description: 'For long-form text, such as in blogs.',
-  exampleValue: 'normal 400 1rem/1.5rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
+  exampleValue: 'normal 400 1rem/1.5rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
 }, {
   name: 'font.body',
   path: ['font', 'body', '[default]'],
   description: 'Use in short descriptions or labels. The default size for text in components. Migrate instances of Paragraph Default and UI Text to Body M.',
-  exampleValue: 'normal 400 0.875rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
+  exampleValue: 'normal 400 0.875rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
 }, {
   name: 'font.body.small',
   path: ['font', 'body', 'small'],
   description: 'Use in secondary level content such as fine print or semantic messaging. Use sparingly. Migrate instances of Small text to Body S.',
-  exampleValue: 'normal 400 0.6875rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
+  exampleValue: 'normal 400 0.75rem/1rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
 }, {
   name: 'font.body.UNSAFE_small',
   path: ['font', 'body', 'UNSAFE_small'],
   description: 'UNSAFE - Do not use. Temporary 12px fontsize token. Will be deprecated and replaced with stable small token',
-  exampleValue: 'normal 400 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
+  exampleValue: 'normal 400 0.75rem/1rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
 }, {
   name: 'font.metric.large',
   path: ['font', 'metric', 'large'],
   description: 'Use to emphasize a number within a large donut.',
-  exampleValue: 'normal 653 1.75rem/2rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
+  exampleValue: 'normal 653 1.75rem/2rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
 }, {
   name: 'font.metric.medium',
   path: ['font', 'metric', 'medium'],
   description: 'Use to emphasize a number within a medium donut.',
-  exampleValue: 'normal 653 1.5rem/1.75rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
+  exampleValue: 'normal 653 1.5rem/1.75rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
 }, {
   name: 'font.metric.small',
   path: ['font', 'metric', 'small'],
   description: 'Use to emphasize a number and words in single-value tiles, or small donuts.',
-  exampleValue: 'normal 653 1rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
+  exampleValue: 'normal 653 1rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
 }, {
   name: 'font.code',
   path: ['font', 'code', '[default]'],
   description: 'For representing code only, either inline or in code blocks.',
-  exampleValue: 'normal 400 0.875em/1 ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace'
+  exampleValue: 'normal 400 0.875em/1 "Atlassian Mono", ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace'
 }, {
   name: 'font.weight.regular',
   path: ['font', 'weight', 'regular'],
@@ -2271,22 +2266,22 @@ export const tokens = [{
   name: 'font.weight.bold',
   path: ['font', 'weight', 'bold'],
   description: 'Use sparingly for emphasising text, such as in a lozenge.',
-  exampleValue: '700'
+  exampleValue: '653'
 }, {
   name: 'font.family.heading',
   path: ['font', 'family', 'heading'],
   description: 'For our default UI heading text.',
-  exampleValue: 'ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
+  exampleValue: '"Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
 }, {
   name: 'font.family.body',
   path: ['font', 'family', 'body'],
   description: 'For our default UI body text.',
-  exampleValue: 'ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
+  exampleValue: '"Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
 }, {
   name: 'font.family.code',
   path: ['font', 'family', 'code'],
   description: 'For representing code only.',
-  exampleValue: 'ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace'
+  exampleValue: '"Atlassian Mono", ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace'
 }, {
   name: 'font.family.brand.heading',
   path: ['font', 'family', 'brand', 'heading'],

package/dist/es2019/entry-points/tokens-raw.js

@@ -3,7 +3,4 @@ export { default as legacyLightTokens } from '../artifacts/tokens-raw/atlassian-
 export { default as dark } from '../artifacts/tokens-raw/atlassian-dark';
 export { default as spacing } from '../artifacts/tokens-raw/atlassian-spacing';
 export { default as typography } from '../artifacts/tokens-raw/atlassian-typography';
-export { default as typographyAdg3 } from '../artifacts/tokens-raw/atlassian-typography-adg3';
-export { default as typographyModernized } from '../artifacts/tokens-raw/atlassian-typography-modernized';
-export { default as typographyRefreshed } from '../artifacts/tokens-raw/atlassian-typography-refreshed';
 export { default as shape } from '../artifacts/tokens-raw/atlassian-shape';

package/dist/es2019/index.js

@@ -10,4 +10,5 @@ export { default as useThemeObserver } from './use-theme-observer';
 export { default as ThemeMutationObserver } from './theme-mutation-observer';
 export { default as getGlobalTheme } from './get-global-theme';
 export { themeStringToObject, themeObjectToString } from './theme-state-transformer';
-export { CURRENT_SURFACE_CSS_VAR } from './constants';
+export { default as themeImportMap } from './artifacts/theme-import-map';
+export { COLOR_MODE_ATTRIBUTE, CURRENT_SURFACE_CSS_VAR, SUBTREE_THEME_ATTRIBUTE, THEME_DATA_ATTRIBUTE } from './constants';

package/dist/es2019/theme-config.js

@@ -40,7 +40,7 @@ const themeContrastModes = ['more', 'no-preference', 'auto'];
  *
  * These ids must be kebab case
  */
-export const themeIds = ['light-increased-contrast', 'light', 'light-future', 'dark', 'dark-future', 'dark-increased-contrast', 'legacy-light', 'legacy-dark', 'spacing', 'shape', 'typography', 'typography-adg3', 'typography-modernized', 'typography-refreshed'];
+export const themeIds = ['light-increased-contrast', 'light', 'light-future', 'dark', 'dark-future', 'dark-increased-contrast', 'legacy-light', 'legacy-dark', 'spacing', 'shape', 'typography'];
 /**
  * Theme override ids: the equivalent of themeIds for theme overrides.
  * Theme overrides are temporary and there may not be any defined at times.
@@ -160,14 +160,6 @@ const themeConfig = {
       type: 'typography'
     }
   },
-  'atlassian-typography-adg3': {
-    id: 'typography-adg3',
-    displayName: 'ADG3 Typography',
-    palette: 'typographyPalette',
-    attributes: {
-      type: 'typography'
-    }
-  },
   'atlassian-shape': {
     id: 'shape',
     displayName: 'Shape',
@@ -175,22 +167,6 @@ const themeConfig = {
     attributes: {
       type: 'shape'
     }
-  },
-  'atlassian-typography-modernized': {
-    id: 'typography-modernized',
-    displayName: 'Atlassian Typography (Modernized)',
-    palette: 'typographyPalette',
-    attributes: {
-      type: 'typography'
-    }
-  },
-  'atlassian-typography-refreshed': {
-    id: 'typography-refreshed',
-    displayName: 'Atlassian Typography (Refreshed)',
-    palette: 'typographyPalette',
-    attributes: {
-      type: 'typography'
-    }
   }
 };
 

package/dist/esm/artifacts/theme-import-map.js

@@ -6,7 +6,7 @@
  * This allows users to compose their themes and only use the tokens that are requested.
  * When a new theme is created, the import should automatically be added to the map
  *
- * @codegen <<SignedSource::9191189f78aa08332c0debbe868dc103>>
+ * @codegen <<SignedSource::926662cc712c2c412c8b6b4cdcd8d64f>>
  * @codegenCommand yarn build tokens
  */
 
@@ -51,21 +51,9 @@ var themeImportsMap = {
     return import( /* webpackChunkName: "@atlaskit-internal_atlassian-typography" */
     './themes/atlassian-typography');
   },
-  'typography-adg3': function typographyAdg3() {
-    return import( /* webpackChunkName: "@atlaskit-internal_atlassian-typography-adg3" */
-    './themes/atlassian-typography-adg3');
-  },
   'shape': function shape() {
     return import( /* webpackChunkName: "@atlaskit-internal_atlassian-shape" */
     './themes/atlassian-shape');
-  },
-  'typography-modernized': function typographyModernized() {
-    return import( /* webpackChunkName: "@atlaskit-internal_atlassian-typography-modernized" */
-    './themes/atlassian-typography-modernized');
-  },
-  'typography-refreshed': function typographyRefreshed() {
-    return import( /* webpackChunkName: "@atlaskit-internal_atlassian-typography-refreshed" */
-    './themes/atlassian-typography-refreshed');
   }
 };
 export default themeImportsMap;

package/dist/esm/artifacts/themes/atlassian-dark-future.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::d075fc63f2fcbc4c48f9221541c1d067>>
+ * @codegen <<SignedSource::741034bd638ef3213bd80028afe63011>>
  * @codegenCommand yarn build tokens
  */
-export default "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:light\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:light\"] {\n  color-scheme: dark;\n  --ds-background-disabled: #B3DF72;\n}\n";
+export default "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:light\"], [data-subtree-theme][data-color-mode=\"light\"][data-theme~=\"light:light\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:light\"], [data-subtree-theme][data-color-mode=\"dark\"][data-theme~=\"dark:light\"] {\n  color-scheme: dark;\n  --ds-background-disabled: #B3DF72;\n}\n";

package/dist/esm/artifacts/themes/atlassian-dark-increased-contrast.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::82f3d4bf546288a2390786cab4823e24>>
+ * @codegen <<SignedSource::d69f26b9146afc40dbad5febb62a7f64>>
  * @codegenCommand yarn build tokens
  */
-export default "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark-increased-contrast\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark-increased-contrast\"],\nhtml[data-color-mode=\"light\"][data-contrast-mode=\"more\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-contrast-mode=\"more\"][data-theme~=\"dark:dark\"] {\n  color-scheme: dark;\n  --ds-text: #E2E3E4;\n  --ds-text-accent-lime: #D3F1A7;\n  --ds-text-accent-lime-bolder: #EFFFD6;\n  --ds-text-accent-red: #FFD5D2;\n  --ds-text-accent-red-bolder: #FFECEB;\n  --ds-text-accent-orange: #FCE4A6;\n  --ds-text-accent-orange-bolder: #FFF5DB;\n  --ds-text-accent-yellow: #F5E989;\n  --ds-text-accent-yellow-bolder: #FEF7C8;\n  --ds-text-accent-green: #BAF3DB;\n  --ds-text-accent-green-bolder: #DCFFF1;\n  --ds-text-accent-teal: #C6EDFB;\n  --ds-text-accent-teal-bolder: #E7F9FF;\n  --ds-text-accent-blue: #CFE1FD;\n  --ds-text-accent-blue-bolder: #E9F2FE;\n  --ds-text-accent-purple: #EED7FC;\n  --ds-text-accent-purple-bolder: #F8EEFE;\n  --ds-text-accent-magenta: #FDD0EC;\n  --ds-text-accent-magenta-bolder: #FFECF8;\n  --ds-text-accent-gray: #BFC1C4;\n  --ds-text-accent-gray-bolder: #E2E3E4;\n  --ds-text-disabled: #E5E9F640;\n  --ds-text-inverse: #1F1F21;\n  --ds-text-selected: #CFE1FD;\n  --ds-text-brand: #CFE1FD;\n  --ds-text-danger: #FFD5D2;\n  --ds-text-danger-bolder: #FFECEB;\n  --ds-text-warning: #FCE4A6;\n  --ds-text-warning-inverse: #18191A;\n  --ds-text-warning-bolder: #FFF5DB;\n  --ds-text-success: #BAF3DB;\n  --ds-text-success-bolder: #DCFFF1;\n  --ds-text-discovery: #EED7FC;\n  --ds-text-discovery-bolder: #F8EEFE;\n  --ds-text-information: #CFE1FD;\n  --ds-text-information-bolder: #E9F2FE;\n  --ds-text-subtlest: #BFC1C4;\n  --ds-text-subtle: #CECFD2;\n  --ds-link: #CFE1FD;\n  --ds-link-pressed: #CFE1FD;\n  --ds-link-visited: #D8A0F7;\n  --ds-link-visited-pressed: #EED7FC;\n  --ds-icon: #CECFD2;\n  --ds-icon-accent-lime: #B3DF72;\n  --ds-icon-accent-red: #FD9891;\n  --ds-icon-accent-orange: #FBC828;\n  --ds-icon-accent-yellow: #EED12B;\n  --ds-icon-accent-green: #7EE2B8;\n  --ds-icon-accent-teal: #9DD9EE;\n  --ds-icon-accent-blue: #8FB8F6;\n  --ds-icon-accent-purple: #D8A0F7;\n  --ds-icon-accent-magenta: #F797D2;\n  --ds-icon-accent-gray: #A9ABAF;\n  --ds-icon-disabled: #E5E9F640;\n  --ds-icon-inverse: #1F1F21;\n  --ds-icon-selected: #8FB8F6;\n  --ds-icon-brand: #8FB8F6;\n  --ds-icon-danger: #F87168;\n  --ds-icon-warning: #FBC828;\n  --ds-icon-warning-inverse: #18191A;\n  --ds-icon-success: #7EE2B8;\n  --ds-icon-discovery: #C97CF4;\n  --ds-icon-information: #8FB8F6;\n  --ds-icon-subtlest: #BFC1C4;\n  --ds-icon-subtle: #BFC1C4;\n  --ds-border: #E9F0FB5C;\n  --ds-border-accent-lime: #B3DF72;\n  --ds-border-accent-red: #FD9891;\n  --ds-border-accent-orange: #FBC828;\n  --ds-border-accent-yellow: #EED12B;\n  --ds-border-accent-green: #7EE2B8;\n  --ds-border-accent-teal: #9DD9EE;\n  --ds-border-accent-blue: #8FB8F6;\n  --ds-border-accent-purple: #D8A0F7;\n  --ds-border-accent-magenta: #F797D2;\n  --ds-border-accent-gray: #A9ABAF;\n  --ds-border-disabled: #E3E4F21F;\n  --ds-border-focused: #8FB8F6;\n  --ds-border-input: #A9ABAF;\n  --ds-border-inverse: #18191A;\n  --ds-border-selected: #8FB8F6;\n  --ds-border-brand: #8FB8F6;\n  --ds-border-danger: #F87168;\n  --ds-border-warning: #FBC828;\n  --ds-border-success: #7EE2B8;\n  --ds-border-discovery: #C97CF4;\n  --ds-border-information: #8FB8F6;\n  --ds-border-bold: #A9ABAF;\n  --ds-background-accent-lime-subtlest: #28311B;\n  --ds-background-accent-lime-subtlest-hovered: #37471F;\n  --ds-background-accent-lime-subtlest-pressed: #3F5224;\n  --ds-background-accent-lime-subtler: #37471F;\n  --ds-background-accent-lime-subtler-hovered: #3F5224;\n  --ds-background-accent-lime-subtler-pressed: #4C6B1F;\n  --ds-background-accent-lime-subtle: #4C6B1F;\n  --ds-background-accent-lime-subtle-hovered: #3F5224;\n  --ds-background-accent-lime-subtle-pressed: #37471F;\n  --ds-background-accent-lime-bolder: #D3F1A7;\n  --ds-background-accent-lime-bolder-hovered: #EFFFD6;\n  --ds-background-accent-lime-bolder-pressed: #BDE97C;\n  --ds-background-accent-red-subtlest: #42221F;\n  --ds-background-accent-red-subtlest-hovered: #5D1F1A;\n  --ds-background-accent-red-subtlest-pressed: #872821;\n  --ds-background-accent-red-subtler: #5D1F1A;\n  --ds-background-accent-red-subtler-hovered: #872821;\n  --ds-background-accent-red-subtler-pressed: #AE2E24;\n  --ds-background-accent-red-subtle: #AE2E24;\n  --ds-background-accent-red-subtle-hovered: #872821;\n  --ds-background-accent-red-subtle-pressed: #5D1F1A;\n  --ds-background-accent-red-bolder: #FFD5D2;\n  --ds-background-accent-red-bolder-hovered: #FFECEB;\n  --ds-background-accent-red-bolder-pressed: #FFB8B2;\n  --ds-background-accent-orange-subtlest: #3A2C1F;\n  --ds-background-accent-orange-subtlest-hovered: #693200;\n  --ds-background-accent-orange-subtlest-pressed: #7A3B00;\n  --ds-background-accent-orange-subtler: #693200;\n  --ds-background-accent-orange-subtler-hovered: #7A3B00;\n  --ds-background-accent-orange-subtler-pressed: #9E4C00;\n  --ds-background-accent-orange-subtle: #9E4C00;\n  --ds-background-accent-orange-subtle-hovered: #7A3B00;\n  --ds-background-accent-orange-subtle-pressed: #693200;\n  --ds-background-accent-orange-bolder: #FCE4A6;\n  --ds-background-accent-orange-bolder-hovered: #FFF5DB;\n  --ds-background-accent-orange-bolder-pressed: #FBD779;\n  --ds-background-accent-yellow-subtlest: #332E1B;\n  --ds-background-accent-yellow-subtlest-hovered: #533F04;\n  --ds-background-accent-yellow-subtlest-pressed: #614A05;\n  --ds-background-accent-yellow-subtler: #533F04;\n  --ds-background-accent-yellow-subtler-hovered: #614A05;\n  --ds-background-accent-yellow-subtler-pressed: #7F5F01;\n  --ds-background-accent-yellow-subtle: #7F5F01;\n  --ds-background-accent-yellow-subtle-hovered: #614A05;\n  --ds-background-accent-yellow-subtle-pressed: #533F04;\n  --ds-background-accent-yellow-bolder: #F5E989;\n  --ds-background-accent-yellow-bolder-hovered: #FEF7C8;\n  --ds-background-accent-yellow-bolder-pressed: #EFDD4E;\n  --ds-background-accent-green-subtlest: #1C3329;\n  --ds-background-accent-green-subtlest-hovered: #164B35;\n  --ds-background-accent-green-subtlest-pressed: #19573D;\n  --ds-background-accent-green-subtler: #164B35;\n  --ds-background-accent-green-subtler-hovered: #19573D;\n  --ds-background-accent-green-subtler-pressed: #216E4E;\n  --ds-background-accent-green-subtle: #216E4E;\n  --ds-background-accent-green-subtle-hovered: #19573D;\n  --ds-background-accent-green-subtle-pressed: #164B35;\n  --ds-background-accent-green-bolder: #BAF3DB;\n  --ds-background-accent-green-bolder-hovered: #DCFFF1;\n  --ds-background-accent-green-bolder-pressed: #97EDC9;\n  --ds-background-accent-teal-subtlest: #1E3137;\n  --ds-background-accent-teal-subtlest-hovered: #164555;\n  --ds-background-accent-teal-subtlest-pressed: #1A5265;\n  --ds-background-accent-teal-subtler: #164555;\n  --ds-background-accent-teal-subtler-hovered: #1A5265;\n  --ds-background-accent-teal-subtler-pressed: #206A83;\n  --ds-background-accent-teal-subtle: #206A83;\n  --ds-background-accent-teal-subtle-hovered: #1A5265;\n  --ds-background-accent-teal-subtle-pressed: #164555;\n  --ds-background-accent-teal-bolder: #C6EDFB;\n  --ds-background-accent-teal-bolder-hovered: #E7F9FF;\n  --ds-background-accent-teal-bolder-pressed: #B1E4F7;\n  --ds-background-accent-blue-subtlest: #1C2B42;\n  --ds-background-accent-blue-subtlest-hovered: #123263;\n  --ds-background-accent-blue-subtlest-pressed: #144794;\n  --ds-background-accent-blue-subtler: #123263;\n  --ds-background-accent-blue-subtler-hovered: #144794;\n  --ds-background-accent-blue-subtler-pressed: #1558BC;\n  --ds-background-accent-blue-subtle: #1558BC;\n  --ds-background-accent-blue-subtle-hovered: #144794;\n  --ds-background-accent-blue-subtle-pressed: #123263;\n  --ds-background-accent-blue-bolder: #669DF1;\n  --ds-background-accent-blue-bolder-hovered: #8FB8F6;\n  --ds-background-accent-blue-bolder-pressed: #ADCBFB;\n  --ds-background-accent-purple-subtlest: #35243F;\n  --ds-background-accent-purple-subtlest-hovered: #48245D;\n  --ds-background-accent-purple-subtlest-pressed: #673286;\n  --ds-background-accent-purple-subtler: #48245D;\n  --ds-background-accent-purple-subtler-hovered: #673286;\n  --ds-background-accent-purple-subtler-pressed: #803FA5;\n  --ds-background-accent-purple-subtle: #803FA5;\n  --ds-background-accent-purple-subtle-hovered: #673286;\n  --ds-background-accent-purple-subtle-pressed: #48245D;\n  --ds-background-accent-purple-bolder: #EED7FC;\n  --ds-background-accent-purple-bolder-hovered: #F8EEFE;\n  --ds-background-accent-purple-bolder-pressed: #E3BDFA;\n  --ds-background-accent-magenta-subtlest: #3D2232;\n  --ds-background-accent-magenta-subtlest-hovered: #50253F;\n  --ds-background-accent-magenta-subtlest-pressed: #77325B;\n  --ds-background-accent-magenta-subtler: #50253F;\n  --ds-background-accent-magenta-subtler-hovered: #77325B;\n  --ds-background-accent-magenta-subtler-pressed: #943D73;\n  --ds-background-accent-magenta-subtle: #943D73;\n  --ds-background-accent-magenta-subtle-hovered: #77325B;\n  --ds-background-accent-magenta-subtle-pressed: #50253F;\n  --ds-background-accent-magenta-bolder: #FDD0EC;\n  --ds-background-accent-magenta-bolder-hovered: #FFECF8;\n  --ds-background-accent-magenta-bolder-pressed: #FCB6E1;\n  --ds-background-accent-gray-subtlest: #303134;\n  --ds-background-accent-gray-subtlest-hovered: #3D3F43;\n  --ds-background-accent-gray-subtlest-pressed: #4B4D51;\n  --ds-background-accent-gray-subtler: #4B4D51;\n  --ds-background-accent-gray-subtler-hovered: #63666B;\n  --ds-background-accent-gray-subtler-pressed: #7E8188;\n  --ds-background-accent-gray-subtle: #4B4D51;\n  --ds-background-accent-gray-subtle-hovered: #303134;\n  --ds-background-accent-gray-subtle-pressed: #242528;\n  --ds-background-accent-gray-bolder: #A9ABAF;\n  --ds-background-accent-gray-bolder-hovered: #BFC1C4;\n  --ds-background-accent-gray-bolder-pressed: #CECFD2;\n  --ds-background-disabled: #BDBDBD0A;\n  --ds-background-input: #242528;\n  --ds-background-input-hovered: #2B2C2F;\n  --ds-background-input-pressed: #242528;\n  --ds-background-inverse-subtle: #FFFFFF29;\n  --ds-background-inverse-subtle-hovered: #FFFFFF3D;\n  --ds-background-inverse-subtle-pressed: #FFFFFF52;\n  --ds-background-neutral: #CECED912;\n  --ds-background-neutral-hovered: #E3E4F21F;\n  --ds-background-neutral-pressed: #E5E9F640;\n  --ds-background-neutral-subtle: #00000000;\n  --ds-background-neutral-subtle-hovered: #CECED912;\n  --ds-background-neutral-subtle-pressed: #E3E4F21F;\n  --ds-background-neutral-bold: #CECFD2;\n  --ds-background-neutral-bold-hovered: #BFC1C4;\n  --ds-background-neutral-bold-pressed: #A9ABAF;\n  --ds-background-selected: #1C2B42;\n  --ds-background-selected-hovered: #123263;\n  --ds-background-selected-pressed: #1558BC;\n  --ds-background-selected-bold: #CFE1FD;\n  --ds-background-selected-bold-hovered: #E9F2FE;\n  --ds-background-selected-bold-pressed: #E2E3E4;\n  --ds-background-brand-subtlest: #1C2B42;\n  --ds-background-brand-subtlest-hovered: #123263;\n  --ds-background-brand-subtlest-pressed: #144794;\n  --ds-background-brand-bold: #CFE1FD;\n  --ds-background-brand-bold-hovered: #E9F2FE;\n  --ds-background-brand-bold-pressed: #E2E3E4;\n  --ds-background-brand-boldest: #E9F2FE;\n  --ds-background-brand-boldest-hovered: #CFE1FD;\n  --ds-background-brand-boldest-pressed: #ADCBFB;\n  --ds-background-danger: #42221F;\n  --ds-background-danger-hovered: #5D1F1A;\n  --ds-background-danger-pressed: #872821;\n  --ds-background-danger-subtler: #5D1F1A;\n  --ds-background-danger-subtler-hovered: #872821;\n  --ds-background-danger-subtler-pressed: #AE2E24;\n  --ds-background-danger-bold: #FFD5D2;\n  --ds-background-danger-bold-hovered: #FFECEB;\n  --ds-background-danger-bold-pressed: #E2E3E4;\n  --ds-background-warning: #3A2C1F;\n  --ds-background-warning-hovered: #693200;\n  --ds-background-warning-pressed: #7A3B00;\n  --ds-background-warning-subtler: #693200;\n  --ds-background-warning-subtler-hovered: #7A3B00;\n  --ds-background-warning-subtler-pressed: #9E4C00;\n  --ds-background-warning-bold: #F5E989;\n  --ds-background-warning-bold-hovered: #FEF7C8;\n  --ds-background-warning-bold-pressed: #E2E3E4;\n  --ds-background-success: #28311B;\n  --ds-background-success-hovered: #37471F;\n  --ds-background-success-pressed: #3F5224;\n  --ds-background-success-subtler: #37471F;\n  --ds-background-success-subtler-hovered: #3F5224;\n  --ds-background-success-subtler-pressed: #4C6B1F;\n  --ds-background-success-bold: #BAF3DB;\n  --ds-background-success-bold-hovered: #DCFFF1;\n  --ds-background-success-bold-pressed: #E2E3E4;\n  --ds-background-discovery: #35243F;\n  --ds-background-discovery-hovered: #48245D;\n  --ds-background-discovery-pressed: #673286;\n  --ds-background-discovery-subtler: #48245D;\n  --ds-background-discovery-subtler-hovered: #673286;\n  --ds-background-discovery-subtler-pressed: #803FA5;\n  --ds-background-discovery-bold: #EED7FC;\n  --ds-background-discovery-bold-hovered: #F8EEFE;\n  --ds-background-discovery-bold-pressed: #E2E3E4;\n  --ds-background-information: #1C2B42;\n  --ds-background-information-hovered: #123263;\n  --ds-background-information-pressed: #144794;\n  --ds-background-information-subtler: #123263;\n  --ds-background-information-subtler-hovered: #144794;\n  --ds-background-information-subtler-pressed: #1558BC;\n  --ds-background-information-bold: #CFE1FD;\n  --ds-background-information-bold-hovered: #E9F2FE;\n  --ds-background-information-bold-pressed: #E2E3E4;\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: #CECED912;\n  --ds-skeleton-subtle: #BDBDBD0A;\n  --ds-chart-categorical-1: #9DD9EE;\n  --ds-chart-categorical-1-hovered: #C6EDFB;\n  --ds-chart-categorical-2: #94C748;\n  --ds-chart-categorical-2-hovered: #B3DF72;\n  --ds-chart-categorical-3: #FBC828;\n  --ds-chart-categorical-3-hovered: #FCE4A6;\n  --ds-chart-categorical-4: #FCA700;\n  --ds-chart-categorical-4-hovered: #FBC828;\n  --ds-chart-categorical-5: #1558BC;\n  --ds-chart-categorical-5-hovered: #1868DB;\n  --ds-chart-categorical-6: #D8A0F7;\n  --ds-chart-categorical-6-hovered: #EED7FC;\n  --ds-chart-categorical-7: #42B2D7;\n  --ds-chart-categorical-7-hovered: #6CC3E0;\n  --ds-chart-categorical-8: #E06C00;\n  --ds-chart-categorical-8-hovered: #FBD779;\n  --ds-chart-lime-bold: #B3DF72;\n  --ds-chart-lime-bold-hovered: #D3F1A7;\n  --ds-chart-lime-bolder: #D3F1A7;\n  --ds-chart-lime-bolder-hovered: #EFFFD6;\n  --ds-chart-lime-boldest: #EFFFD6;\n  --ds-chart-lime-boldest-hovered: #D3F1A7;\n  --ds-chart-neutral: #96999E;\n  --ds-chart-neutral-hovered: #A9ABAF;\n  --ds-chart-red-bold: #FD9891;\n  --ds-chart-red-bold-hovered: #FFD5D2;\n  --ds-chart-red-bolder: #FFD5D2;\n  --ds-chart-red-bolder-hovered: #FFECEB;\n  --ds-chart-red-boldest: #FFECEB;\n  --ds-chart-red-boldest-hovered: #FFD5D2;\n  --ds-chart-orange-bold: #FBC828;\n  --ds-chart-orange-bold-hovered: #FCE4A6;\n  --ds-chart-orange-bolder: #FCE4A6;\n  --ds-chart-orange-bolder-hovered: #FFF5DB;\n  --ds-chart-orange-boldest: #FFF5DB;\n  --ds-chart-orange-boldest-hovered: #FCE4A6;\n  --ds-chart-yellow-bold: #EED12B;\n  --ds-chart-yellow-bold-hovered: #F5E989;\n  --ds-chart-yellow-bolder: #F5E989;\n  --ds-chart-yellow-bolder-hovered: #FEF7C8;\n  --ds-chart-yellow-boldest: #FEF7C8;\n  --ds-chart-yellow-boldest-hovered: #F5E989;\n  --ds-chart-green-bold: #7EE2B8;\n  --ds-chart-green-bold-hovered: #4BCE97;\n  --ds-chart-green-bolder: #BAF3DB;\n  --ds-chart-green-bolder-hovered: #DCFFF1;\n  --ds-chart-green-boldest: #DCFFF1;\n  --ds-chart-green-boldest-hovered: #BAF3DB;\n  --ds-chart-teal-bold: #9DD9EE;\n  --ds-chart-teal-bold-hovered: #C6EDFB;\n  --ds-chart-teal-bolder: #C6EDFB;\n  --ds-chart-teal-bolder-hovered: #E7F9FF;\n  --ds-chart-teal-boldest: #E7F9FF;\n  --ds-chart-teal-boldest-hovered: #C6EDFB;\n  --ds-chart-blue-bold: #8FB8F6;\n  --ds-chart-blue-bold-hovered: #CFE1FD;\n  --ds-chart-blue-bolder: #CFE1FD;\n  --ds-chart-blue-bolder-hovered: #E9F2FE;\n  --ds-chart-blue-boldest: #E9F2FE;\n  --ds-chart-blue-boldest-hovered: #CFE1FD;\n  --ds-chart-purple-bold: #D8A0F7;\n  --ds-chart-purple-bold-hovered: #EED7FC;\n  --ds-chart-purple-bolder: #EED7FC;\n  --ds-chart-purple-bolder-hovered: #F8EEFE;\n  --ds-chart-purple-boldest: #F8EEFE;\n  --ds-chart-purple-boldest-hovered: #EED7FC;\n  --ds-chart-magenta-bold: #F797D2;\n  --ds-chart-magenta-bold-hovered: #FDD0EC;\n  --ds-chart-magenta-bolder: #FDD0EC;\n  --ds-chart-magenta-bolder-hovered: #FFECF8;\n  --ds-chart-magenta-boldest: #FFECF8;\n  --ds-chart-magenta-boldest-hovered: #FDD0EC;\n  --ds-chart-gray-bold: #96999E;\n  --ds-chart-gray-bold-hovered: #A9ABAF;\n  --ds-chart-gray-bolder: #A9ABAF;\n  --ds-chart-gray-bolder-hovered: #BFC1C4;\n  --ds-chart-gray-boldest: #BFC1C4;\n  --ds-chart-gray-boldest-hovered: #CECFD2;\n  --ds-chart-brand: #669DF1;\n  --ds-chart-brand-hovered: #8FB8F6;\n  --ds-chart-danger: #F87168;\n  --ds-chart-danger-hovered: #F15B50;\n  --ds-chart-danger-bold: #FFB8B2;\n  --ds-chart-danger-bold-hovered: #FD9891;\n  --ds-chart-warning: #F68909;\n  --ds-chart-warning-hovered: #FCA700;\n  --ds-chart-warning-bold: #FBC828;\n  --ds-chart-warning-bold-hovered: #FCE4A6;\n  --ds-chart-success: #82B536;\n  --ds-chart-success-hovered: #94C748;\n  --ds-chart-success-bold: #B3DF72;\n  --ds-chart-success-bold-hovered: #D3F1A7;\n  --ds-chart-discovery: #C97CF4;\n  --ds-chart-discovery-hovered: #C97CF4;\n  --ds-chart-discovery-bold: #D8A0F7;\n  --ds-chart-discovery-bold-hovered: #EED7FC;\n  --ds-chart-information: #669DF1;\n  --ds-chart-information-hovered: #669DF1;\n  --ds-chart-information-bold: #8FB8F6;\n  --ds-chart-information-bold-hovered: #CFE1FD;\n  --ds-surface: #1F1F21;\n  --ds-surface-hovered: #242528;\n  --ds-surface-pressed: #2B2C2F;\n  --ds-surface-overlay: #2B2C2F;\n  --ds-surface-overlay-hovered: #303134;\n  --ds-surface-overlay-pressed: #3D3F43;\n  --ds-surface-raised: #242528;\n  --ds-surface-raised-hovered: #2B2C2F;\n  --ds-surface-raised-pressed: #303134;\n  --ds-surface-sunken: #18191A;\n  --ds-shadow-overflow: 0px 0px 12px #0104048F;\n  --ds-shadow-overflow-perimeter: #01040480;\n  --ds-shadow-overflow-spread: #0104048f;\n  --ds-shadow-overlay: inset 0px 0px 0px 1px #E9F0FB80;\n  --ds-shadow-raised: inset 0px 0px 0px 1px #E9F0FB80;\n  --ds-opacity-disabled: 0.4;\n  --ds-opacity-loading: 0.2;\n  --ds-UNSAFE-transparent: transparent;\n  --ds-elevation-surface-current: #1F1F21;\n}\n";
+export default "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark-increased-contrast\"], [data-subtree-theme][data-color-mode=\"light\"][data-theme~=\"light:dark-increased-contrast\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark-increased-contrast\"], [data-subtree-theme][data-color-mode=\"dark\"][data-theme~=\"dark:dark-increased-contrast\"],\nhtml[data-color-mode=\"light\"][data-contrast-mode=\"more\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-contrast-mode=\"more\"][data-theme~=\"dark:dark\"] {\n  color-scheme: dark;\n  --ds-text: #E2E3E4;\n  --ds-text-accent-lime: #D3F1A7;\n  --ds-text-accent-lime-bolder: #EFFFD6;\n  --ds-text-accent-red: #FFD5D2;\n  --ds-text-accent-red-bolder: #FFECEB;\n  --ds-text-accent-orange: #FCE4A6;\n  --ds-text-accent-orange-bolder: #FFF5DB;\n  --ds-text-accent-yellow: #F5E989;\n  --ds-text-accent-yellow-bolder: #FEF7C8;\n  --ds-text-accent-green: #BAF3DB;\n  --ds-text-accent-green-bolder: #DCFFF1;\n  --ds-text-accent-teal: #C6EDFB;\n  --ds-text-accent-teal-bolder: #E7F9FF;\n  --ds-text-accent-blue: #CFE1FD;\n  --ds-text-accent-blue-bolder: #E9F2FE;\n  --ds-text-accent-purple: #EED7FC;\n  --ds-text-accent-purple-bolder: #F8EEFE;\n  --ds-text-accent-magenta: #FDD0EC;\n  --ds-text-accent-magenta-bolder: #FFECF8;\n  --ds-text-accent-gray: #BFC1C4;\n  --ds-text-accent-gray-bolder: #E2E3E4;\n  --ds-text-disabled: #E5E9F640;\n  --ds-text-inverse: #1F1F21;\n  --ds-text-selected: #CFE1FD;\n  --ds-text-brand: #CFE1FD;\n  --ds-text-danger: #FFD5D2;\n  --ds-text-danger-bolder: #FFECEB;\n  --ds-text-warning: #FCE4A6;\n  --ds-text-warning-inverse: #18191A;\n  --ds-text-warning-bolder: #FFF5DB;\n  --ds-text-success: #BAF3DB;\n  --ds-text-success-bolder: #DCFFF1;\n  --ds-text-discovery: #EED7FC;\n  --ds-text-discovery-bolder: #F8EEFE;\n  --ds-text-information: #CFE1FD;\n  --ds-text-information-bolder: #E9F2FE;\n  --ds-text-subtlest: #BFC1C4;\n  --ds-text-subtle: #CECFD2;\n  --ds-link: #CFE1FD;\n  --ds-link-pressed: #CFE1FD;\n  --ds-link-visited: #D8A0F7;\n  --ds-link-visited-pressed: #EED7FC;\n  --ds-icon: #CECFD2;\n  --ds-icon-accent-lime: #B3DF72;\n  --ds-icon-accent-red: #FD9891;\n  --ds-icon-accent-orange: #FBC828;\n  --ds-icon-accent-yellow: #EED12B;\n  --ds-icon-accent-green: #7EE2B8;\n  --ds-icon-accent-teal: #9DD9EE;\n  --ds-icon-accent-blue: #8FB8F6;\n  --ds-icon-accent-purple: #D8A0F7;\n  --ds-icon-accent-magenta: #F797D2;\n  --ds-icon-accent-gray: #A9ABAF;\n  --ds-icon-disabled: #E5E9F640;\n  --ds-icon-inverse: #1F1F21;\n  --ds-icon-selected: #8FB8F6;\n  --ds-icon-brand: #8FB8F6;\n  --ds-icon-danger: #F87168;\n  --ds-icon-warning: #FBC828;\n  --ds-icon-warning-inverse: #18191A;\n  --ds-icon-success: #7EE2B8;\n  --ds-icon-discovery: #C97CF4;\n  --ds-icon-information: #8FB8F6;\n  --ds-icon-subtlest: #BFC1C4;\n  --ds-icon-subtle: #BFC1C4;\n  --ds-border: #E9F0FB5C;\n  --ds-border-accent-lime: #B3DF72;\n  --ds-border-accent-red: #FD9891;\n  --ds-border-accent-orange: #FBC828;\n  --ds-border-accent-yellow: #EED12B;\n  --ds-border-accent-green: #7EE2B8;\n  --ds-border-accent-teal: #9DD9EE;\n  --ds-border-accent-blue: #8FB8F6;\n  --ds-border-accent-purple: #D8A0F7;\n  --ds-border-accent-magenta: #F797D2;\n  --ds-border-accent-gray: #A9ABAF;\n  --ds-border-disabled: #E3E4F21F;\n  --ds-border-focused: #8FB8F6;\n  --ds-border-input: #A9ABAF;\n  --ds-border-inverse: #18191A;\n  --ds-border-selected: #8FB8F6;\n  --ds-border-brand: #8FB8F6;\n  --ds-border-danger: #F87168;\n  --ds-border-warning: #FBC828;\n  --ds-border-success: #7EE2B8;\n  --ds-border-discovery: #C97CF4;\n  --ds-border-information: #8FB8F6;\n  --ds-border-bold: #A9ABAF;\n  --ds-background-accent-lime-subtlest: #28311B;\n  --ds-background-accent-lime-subtlest-hovered: #37471F;\n  --ds-background-accent-lime-subtlest-pressed: #3F5224;\n  --ds-background-accent-lime-subtler: #37471F;\n  --ds-background-accent-lime-subtler-hovered: #3F5224;\n  --ds-background-accent-lime-subtler-pressed: #4C6B1F;\n  --ds-background-accent-lime-subtle: #4C6B1F;\n  --ds-background-accent-lime-subtle-hovered: #3F5224;\n  --ds-background-accent-lime-subtle-pressed: #37471F;\n  --ds-background-accent-lime-bolder: #D3F1A7;\n  --ds-background-accent-lime-bolder-hovered: #EFFFD6;\n  --ds-background-accent-lime-bolder-pressed: #BDE97C;\n  --ds-background-accent-red-subtlest: #42221F;\n  --ds-background-accent-red-subtlest-hovered: #5D1F1A;\n  --ds-background-accent-red-subtlest-pressed: #872821;\n  --ds-background-accent-red-subtler: #5D1F1A;\n  --ds-background-accent-red-subtler-hovered: #872821;\n  --ds-background-accent-red-subtler-pressed: #AE2E24;\n  --ds-background-accent-red-subtle: #AE2E24;\n  --ds-background-accent-red-subtle-hovered: #872821;\n  --ds-background-accent-red-subtle-pressed: #5D1F1A;\n  --ds-background-accent-red-bolder: #FFD5D2;\n  --ds-background-accent-red-bolder-hovered: #FFECEB;\n  --ds-background-accent-red-bolder-pressed: #FFB8B2;\n  --ds-background-accent-orange-subtlest: #3A2C1F;\n  --ds-background-accent-orange-subtlest-hovered: #693200;\n  --ds-background-accent-orange-subtlest-pressed: #7A3B00;\n  --ds-background-accent-orange-subtler: #693200;\n  --ds-background-accent-orange-subtler-hovered: #7A3B00;\n  --ds-background-accent-orange-subtler-pressed: #9E4C00;\n  --ds-background-accent-orange-subtle: #9E4C00;\n  --ds-background-accent-orange-subtle-hovered: #7A3B00;\n  --ds-background-accent-orange-subtle-pressed: #693200;\n  --ds-background-accent-orange-bolder: #FCE4A6;\n  --ds-background-accent-orange-bolder-hovered: #FFF5DB;\n  --ds-background-accent-orange-bolder-pressed: #FBD779;\n  --ds-background-accent-yellow-subtlest: #332E1B;\n  --ds-background-accent-yellow-subtlest-hovered: #533F04;\n  --ds-background-accent-yellow-subtlest-pressed: #614A05;\n  --ds-background-accent-yellow-subtler: #533F04;\n  --ds-background-accent-yellow-subtler-hovered: #614A05;\n  --ds-background-accent-yellow-subtler-pressed: #7F5F01;\n  --ds-background-accent-yellow-subtle: #7F5F01;\n  --ds-background-accent-yellow-subtle-hovered: #614A05;\n  --ds-background-accent-yellow-subtle-pressed: #533F04;\n  --ds-background-accent-yellow-bolder: #F5E989;\n  --ds-background-accent-yellow-bolder-hovered: #FEF7C8;\n  --ds-background-accent-yellow-bolder-pressed: #EFDD4E;\n  --ds-background-accent-green-subtlest: #1C3329;\n  --ds-background-accent-green-subtlest-hovered: #164B35;\n  --ds-background-accent-green-subtlest-pressed: #19573D;\n  --ds-background-accent-green-subtler: #164B35;\n  --ds-background-accent-green-subtler-hovered: #19573D;\n  --ds-background-accent-green-subtler-pressed: #216E4E;\n  --ds-background-accent-green-subtle: #216E4E;\n  --ds-background-accent-green-subtle-hovered: #19573D;\n  --ds-background-accent-green-subtle-pressed: #164B35;\n  --ds-background-accent-green-bolder: #BAF3DB;\n  --ds-background-accent-green-bolder-hovered: #DCFFF1;\n  --ds-background-accent-green-bolder-pressed: #97EDC9;\n  --ds-background-accent-teal-subtlest: #1E3137;\n  --ds-background-accent-teal-subtlest-hovered: #164555;\n  --ds-background-accent-teal-subtlest-pressed: #1A5265;\n  --ds-background-accent-teal-subtler: #164555;\n  --ds-background-accent-teal-subtler-hovered: #1A5265;\n  --ds-background-accent-teal-subtler-pressed: #206A83;\n  --ds-background-accent-teal-subtle: #206A83;\n  --ds-background-accent-teal-subtle-hovered: #1A5265;\n  --ds-background-accent-teal-subtle-pressed: #164555;\n  --ds-background-accent-teal-bolder: #C6EDFB;\n  --ds-background-accent-teal-bolder-hovered: #E7F9FF;\n  --ds-background-accent-teal-bolder-pressed: #B1E4F7;\n  --ds-background-accent-blue-subtlest: #1C2B42;\n  --ds-background-accent-blue-subtlest-hovered: #123263;\n  --ds-background-accent-blue-subtlest-pressed: #144794;\n  --ds-background-accent-blue-subtler: #123263;\n  --ds-background-accent-blue-subtler-hovered: #144794;\n  --ds-background-accent-blue-subtler-pressed: #1558BC;\n  --ds-background-accent-blue-subtle: #1558BC;\n  --ds-background-accent-blue-subtle-hovered: #144794;\n  --ds-background-accent-blue-subtle-pressed: #123263;\n  --ds-background-accent-blue-bolder: #669DF1;\n  --ds-background-accent-blue-bolder-hovered: #8FB8F6;\n  --ds-background-accent-blue-bolder-pressed: #ADCBFB;\n  --ds-background-accent-purple-subtlest: #35243F;\n  --ds-background-accent-purple-subtlest-hovered: #48245D;\n  --ds-background-accent-purple-subtlest-pressed: #673286;\n  --ds-background-accent-purple-subtler: #48245D;\n  --ds-background-accent-purple-subtler-hovered: #673286;\n  --ds-background-accent-purple-subtler-pressed: #803FA5;\n  --ds-background-accent-purple-subtle: #803FA5;\n  --ds-background-accent-purple-subtle-hovered: #673286;\n  --ds-background-accent-purple-subtle-pressed: #48245D;\n  --ds-background-accent-purple-bolder: #EED7FC;\n  --ds-background-accent-purple-bolder-hovered: #F8EEFE;\n  --ds-background-accent-purple-bolder-pressed: #E3BDFA;\n  --ds-background-accent-magenta-subtlest: #3D2232;\n  --ds-background-accent-magenta-subtlest-hovered: #50253F;\n  --ds-background-accent-magenta-subtlest-pressed: #77325B;\n  --ds-background-accent-magenta-subtler: #50253F;\n  --ds-background-accent-magenta-subtler-hovered: #77325B;\n  --ds-background-accent-magenta-subtler-pressed: #943D73;\n  --ds-background-accent-magenta-subtle: #943D73;\n  --ds-background-accent-magenta-subtle-hovered: #77325B;\n  --ds-background-accent-magenta-subtle-pressed: #50253F;\n  --ds-background-accent-magenta-bolder: #FDD0EC;\n  --ds-background-accent-magenta-bolder-hovered: #FFECF8;\n  --ds-background-accent-magenta-bolder-pressed: #FCB6E1;\n  --ds-background-accent-gray-subtlest: #303134;\n  --ds-background-accent-gray-subtlest-hovered: #3D3F43;\n  --ds-background-accent-gray-subtlest-pressed: #4B4D51;\n  --ds-background-accent-gray-subtler: #4B4D51;\n  --ds-background-accent-gray-subtler-hovered: #63666B;\n  --ds-background-accent-gray-subtler-pressed: #7E8188;\n  --ds-background-accent-gray-subtle: #4B4D51;\n  --ds-background-accent-gray-subtle-hovered: #303134;\n  --ds-background-accent-gray-subtle-pressed: #242528;\n  --ds-background-accent-gray-bolder: #A9ABAF;\n  --ds-background-accent-gray-bolder-hovered: #BFC1C4;\n  --ds-background-accent-gray-bolder-pressed: #CECFD2;\n  --ds-background-disabled: #BDBDBD0A;\n  --ds-background-input: #242528;\n  --ds-background-input-hovered: #2B2C2F;\n  --ds-background-input-pressed: #242528;\n  --ds-background-inverse-subtle: #FFFFFF29;\n  --ds-background-inverse-subtle-hovered: #FFFFFF3D;\n  --ds-background-inverse-subtle-pressed: #FFFFFF52;\n  --ds-background-neutral: #CECED912;\n  --ds-background-neutral-hovered: #E3E4F21F;\n  --ds-background-neutral-pressed: #E5E9F640;\n  --ds-background-neutral-subtle: #00000000;\n  --ds-background-neutral-subtle-hovered: #CECED912;\n  --ds-background-neutral-subtle-pressed: #E3E4F21F;\n  --ds-background-neutral-bold: #CECFD2;\n  --ds-background-neutral-bold-hovered: #BFC1C4;\n  --ds-background-neutral-bold-pressed: #A9ABAF;\n  --ds-background-selected: #1C2B42;\n  --ds-background-selected-hovered: #123263;\n  --ds-background-selected-pressed: #1558BC;\n  --ds-background-selected-bold: #CFE1FD;\n  --ds-background-selected-bold-hovered: #E9F2FE;\n  --ds-background-selected-bold-pressed: #E2E3E4;\n  --ds-background-brand-subtlest: #1C2B42;\n  --ds-background-brand-subtlest-hovered: #123263;\n  --ds-background-brand-subtlest-pressed: #144794;\n  --ds-background-brand-bold: #CFE1FD;\n  --ds-background-brand-bold-hovered: #E9F2FE;\n  --ds-background-brand-bold-pressed: #E2E3E4;\n  --ds-background-brand-boldest: #E9F2FE;\n  --ds-background-brand-boldest-hovered: #CFE1FD;\n  --ds-background-brand-boldest-pressed: #ADCBFB;\n  --ds-background-danger: #42221F;\n  --ds-background-danger-hovered: #5D1F1A;\n  --ds-background-danger-pressed: #872821;\n  --ds-background-danger-subtler: #5D1F1A;\n  --ds-background-danger-subtler-hovered: #872821;\n  --ds-background-danger-subtler-pressed: #AE2E24;\n  --ds-background-danger-bold: #FFD5D2;\n  --ds-background-danger-bold-hovered: #FFECEB;\n  --ds-background-danger-bold-pressed: #E2E3E4;\n  --ds-background-warning: #3A2C1F;\n  --ds-background-warning-hovered: #693200;\n  --ds-background-warning-pressed: #7A3B00;\n  --ds-background-warning-subtler: #693200;\n  --ds-background-warning-subtler-hovered: #7A3B00;\n  --ds-background-warning-subtler-pressed: #9E4C00;\n  --ds-background-warning-bold: #F5E989;\n  --ds-background-warning-bold-hovered: #FEF7C8;\n  --ds-background-warning-bold-pressed: #E2E3E4;\n  --ds-background-success: #28311B;\n  --ds-background-success-hovered: #37471F;\n  --ds-background-success-pressed: #3F5224;\n  --ds-background-success-subtler: #37471F;\n  --ds-background-success-subtler-hovered: #3F5224;\n  --ds-background-success-subtler-pressed: #4C6B1F;\n  --ds-background-success-bold: #BAF3DB;\n  --ds-background-success-bold-hovered: #DCFFF1;\n  --ds-background-success-bold-pressed: #E2E3E4;\n  --ds-background-discovery: #35243F;\n  --ds-background-discovery-hovered: #48245D;\n  --ds-background-discovery-pressed: #673286;\n  --ds-background-discovery-subtler: #48245D;\n  --ds-background-discovery-subtler-hovered: #673286;\n  --ds-background-discovery-subtler-pressed: #803FA5;\n  --ds-background-discovery-bold: #EED7FC;\n  --ds-background-discovery-bold-hovered: #F8EEFE;\n  --ds-background-discovery-bold-pressed: #E2E3E4;\n  --ds-background-information: #1C2B42;\n  --ds-background-information-hovered: #123263;\n  --ds-background-information-pressed: #144794;\n  --ds-background-information-subtler: #123263;\n  --ds-background-information-subtler-hovered: #144794;\n  --ds-background-information-subtler-pressed: #1558BC;\n  --ds-background-information-bold: #CFE1FD;\n  --ds-background-information-bold-hovered: #E9F2FE;\n  --ds-background-information-bold-pressed: #E2E3E4;\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: #CECED912;\n  --ds-skeleton-subtle: #BDBDBD0A;\n  --ds-chart-categorical-1: #9DD9EE;\n  --ds-chart-categorical-1-hovered: #C6EDFB;\n  --ds-chart-categorical-2: #94C748;\n  --ds-chart-categorical-2-hovered: #B3DF72;\n  --ds-chart-categorical-3: #FBC828;\n  --ds-chart-categorical-3-hovered: #FCE4A6;\n  --ds-chart-categorical-4: #FCA700;\n  --ds-chart-categorical-4-hovered: #FBC828;\n  --ds-chart-categorical-5: #1558BC;\n  --ds-chart-categorical-5-hovered: #1868DB;\n  --ds-chart-categorical-6: #D8A0F7;\n  --ds-chart-categorical-6-hovered: #EED7FC;\n  --ds-chart-categorical-7: #42B2D7;\n  --ds-chart-categorical-7-hovered: #6CC3E0;\n  --ds-chart-categorical-8: #E06C00;\n  --ds-chart-categorical-8-hovered: #FBD779;\n  --ds-chart-lime-bold: #B3DF72;\n  --ds-chart-lime-bold-hovered: #D3F1A7;\n  --ds-chart-lime-bolder: #D3F1A7;\n  --ds-chart-lime-bolder-hovered: #EFFFD6;\n  --ds-chart-lime-boldest: #EFFFD6;\n  --ds-chart-lime-boldest-hovered: #D3F1A7;\n  --ds-chart-neutral: #96999E;\n  --ds-chart-neutral-hovered: #A9ABAF;\n  --ds-chart-red-bold: #FD9891;\n  --ds-chart-red-bold-hovered: #FFD5D2;\n  --ds-chart-red-bolder: #FFD5D2;\n  --ds-chart-red-bolder-hovered: #FFECEB;\n  --ds-chart-red-boldest: #FFECEB;\n  --ds-chart-red-boldest-hovered: #FFD5D2;\n  --ds-chart-orange-bold: #FBC828;\n  --ds-chart-orange-bold-hovered: #FCE4A6;\n  --ds-chart-orange-bolder: #FCE4A6;\n  --ds-chart-orange-bolder-hovered: #FFF5DB;\n  --ds-chart-orange-boldest: #FFF5DB;\n  --ds-chart-orange-boldest-hovered: #FCE4A6;\n  --ds-chart-yellow-bold: #EED12B;\n  --ds-chart-yellow-bold-hovered: #F5E989;\n  --ds-chart-yellow-bolder: #F5E989;\n  --ds-chart-yellow-bolder-hovered: #FEF7C8;\n  --ds-chart-yellow-boldest: #FEF7C8;\n  --ds-chart-yellow-boldest-hovered: #F5E989;\n  --ds-chart-green-bold: #7EE2B8;\n  --ds-chart-green-bold-hovered: #4BCE97;\n  --ds-chart-green-bolder: #BAF3DB;\n  --ds-chart-green-bolder-hovered: #DCFFF1;\n  --ds-chart-green-boldest: #DCFFF1;\n  --ds-chart-green-boldest-hovered: #BAF3DB;\n  --ds-chart-teal-bold: #9DD9EE;\n  --ds-chart-teal-bold-hovered: #C6EDFB;\n  --ds-chart-teal-bolder: #C6EDFB;\n  --ds-chart-teal-bolder-hovered: #E7F9FF;\n  --ds-chart-teal-boldest: #E7F9FF;\n  --ds-chart-teal-boldest-hovered: #C6EDFB;\n  --ds-chart-blue-bold: #8FB8F6;\n  --ds-chart-blue-bold-hovered: #CFE1FD;\n  --ds-chart-blue-bolder: #CFE1FD;\n  --ds-chart-blue-bolder-hovered: #E9F2FE;\n  --ds-chart-blue-boldest: #E9F2FE;\n  --ds-chart-blue-boldest-hovered: #CFE1FD;\n  --ds-chart-purple-bold: #D8A0F7;\n  --ds-chart-purple-bold-hovered: #EED7FC;\n  --ds-chart-purple-bolder: #EED7FC;\n  --ds-chart-purple-bolder-hovered: #F8EEFE;\n  --ds-chart-purple-boldest: #F8EEFE;\n  --ds-chart-purple-boldest-hovered: #EED7FC;\n  --ds-chart-magenta-bold: #F797D2;\n  --ds-chart-magenta-bold-hovered: #FDD0EC;\n  --ds-chart-magenta-bolder: #FDD0EC;\n  --ds-chart-magenta-bolder-hovered: #FFECF8;\n  --ds-chart-magenta-boldest: #FFECF8;\n  --ds-chart-magenta-boldest-hovered: #FDD0EC;\n  --ds-chart-gray-bold: #96999E;\n  --ds-chart-gray-bold-hovered: #A9ABAF;\n  --ds-chart-gray-bolder: #A9ABAF;\n  --ds-chart-gray-bolder-hovered: #BFC1C4;\n  --ds-chart-gray-boldest: #BFC1C4;\n  --ds-chart-gray-boldest-hovered: #CECFD2;\n  --ds-chart-brand: #669DF1;\n  --ds-chart-brand-hovered: #8FB8F6;\n  --ds-chart-danger: #F87168;\n  --ds-chart-danger-hovered: #F15B50;\n  --ds-chart-danger-bold: #FFB8B2;\n  --ds-chart-danger-bold-hovered: #FD9891;\n  --ds-chart-warning: #F68909;\n  --ds-chart-warning-hovered: #FCA700;\n  --ds-chart-warning-bold: #FBC828;\n  --ds-chart-warning-bold-hovered: #FCE4A6;\n  --ds-chart-success: #82B536;\n  --ds-chart-success-hovered: #94C748;\n  --ds-chart-success-bold: #B3DF72;\n  --ds-chart-success-bold-hovered: #D3F1A7;\n  --ds-chart-discovery: #C97CF4;\n  --ds-chart-discovery-hovered: #C97CF4;\n  --ds-chart-discovery-bold: #D8A0F7;\n  --ds-chart-discovery-bold-hovered: #EED7FC;\n  --ds-chart-information: #669DF1;\n  --ds-chart-information-hovered: #669DF1;\n  --ds-chart-information-bold: #8FB8F6;\n  --ds-chart-information-bold-hovered: #CFE1FD;\n  --ds-surface: #1F1F21;\n  --ds-surface-hovered: #242528;\n  --ds-surface-pressed: #2B2C2F;\n  --ds-surface-overlay: #2B2C2F;\n  --ds-surface-overlay-hovered: #303134;\n  --ds-surface-overlay-pressed: #3D3F43;\n  --ds-surface-raised: #242528;\n  --ds-surface-raised-hovered: #2B2C2F;\n  --ds-surface-raised-pressed: #303134;\n  --ds-surface-sunken: #18191A;\n  --ds-shadow-overflow: 0px 0px 12px #0104048F;\n  --ds-shadow-overflow-perimeter: #01040480;\n  --ds-shadow-overflow-spread: #0104048f;\n  --ds-shadow-overlay: inset 0px 0px 0px 1px #E9F0FB80;\n  --ds-shadow-raised: inset 0px 0px 0px 1px #E9F0FB80;\n  --ds-opacity-disabled: 0.4;\n  --ds-opacity-loading: 0.2;\n  --ds-UNSAFE-transparent: transparent;\n  --ds-elevation-surface-current: #1F1F21;\n}\n";