@atlaskit/tokens 13.0.4 → 13.1.1

package/codemods/css-to-design-tokens/lib/legacy-colors.tsx

@@ -1,336 +1,4 @@
-export const knownVariables: Record<string, string[]> = {
-	'--adg3-color-R50': ['danger'],
-	'--adg3-color-R75': ['danger'],
-	'--adg3-color-R100': ['danger'],
-	'--adg3-color-R200': ['danger'],
-	'--adg3-color-R300': ['danger'],
-	'--adg3-color-R400': ['danger'],
-	'--adg3-color-R500': ['danger'],
-	'--adg3-color-Y50': ['warning'],
-	'--adg3-color-Y75': ['warning'],
-	'--adg3-color-Y100': ['warning'],
-	'--adg3-color-Y200': ['warning'],
-	'--adg3-color-Y300': ['warning'],
-	'--adg3-color-Y400': ['warning'],
-	'--adg3-color-Y500': ['warning'],
-	'--adg3-color-G50': ['success'],
-	'--adg3-color-G75': ['success'],
-	'--adg3-color-G100': ['success'],
-	'--adg3-color-G200': ['success'],
-	'--adg3-color-G300': ['success'],
-	'--adg3-color-G400': ['success'],
-	'--adg3-color-G500': ['success'],
-	'--adg3-color-B50': ['brand'],
-	'--adg3-color-B75': ['brand'],
-	'--adg3-color-B100': ['brand'],
-	'--adg3-color-B200': ['brand'],
-	'--adg3-color-B300': ['brand'],
-	'--adg3-color-B400': ['brand'],
-	'--adg3-color-B500': ['brand'],
-	'--adg3-color-P50': ['discovery'],
-	'--adg3-color-P75': ['discovery'],
-	'--adg3-color-P100': ['discovery'],
-	'--adg3-color-P200': ['discovery'],
-	'--adg3-color-P300': ['discovery'],
-	'--adg3-color-P400': ['discovery'],
-	'--adg3-color-P500': ['discovery'],
-	'--adg3-color-T50': ['accent', 'teal'],
-	'--adg3-color-T75': ['accent', 'teal'],
-	'--adg3-color-T100': ['accent', 'teal'],
-	'--adg3-color-T200': ['accent', 'teal'],
-	'--adg3-color-T300': ['accent', 'teal'],
-	'--adg3-color-T400': ['accent', 'teal'],
-	'--adg3-color-T500': ['accent', 'teal'],
-	'--adg3-color-N0': ['inverse'],
-	'--adg3-color-N10': [],
-	'--adg3-color-N20': [],
-	'--adg3-color-N30': [],
-	'--adg3-color-N40': [],
-	'--adg3-color-N50': [],
-	'--adg3-color-N60': [],
-	'--adg3-color-N70': [],
-	'--adg3-color-N80': [],
-	'--adg3-color-N90': [],
-	'--adg3-color-N100': [],
-	'--adg3-color-N200': ['text', 'subtlest'],
-	'--adg3-color-N300': [],
-	'--adg3-color-N400': ['text', 'subtle'],
-	'--adg3-color-N500': [],
-	'--adg3-color-N600': [],
-	'--adg3-color-N700': ['text'],
-	'--adg3-color-N800': ['text'],
-	'--adg3-color-N900': ['text'],
-	'--adg3-color-N10A': [],
-	'--adg3-color-N20A': [],
-	'--adg3-color-N30A': [],
-	'--adg3-color-N40A': [],
-	'--adg3-color-N50A': [],
-	'--adg3-color-N60A': [],
-	'--adg3-color-N70A': [],
-	'--adg3-color-N80A': [],
-	'--adg3-color-N90A': [],
-	'--adg3-color-N100A': [],
-	'--adg3-color-N200A': [],
-	'--adg3-color-N300A': [],
-	'--adg3-color-N400A': [],
-	'--adg3-color-N500A': [],
-	'--adg3-color-N600A': [],
-	'--adg3-color-N700A': [],
-	'--adg3-color-N800A': [],
-	'--adg3-color-DN900': [],
-	'--adg3-color-DN800': [],
-	'--adg3-color-DN700': [],
-	'--adg3-color-DN600': [],
-	'--adg3-color-DN500': [],
-	'--adg3-color-DN400': [],
-	'--adg3-color-DN300': [],
-	'--adg3-color-DN200': [],
-	'--adg3-color-DN100': [],
-	'--adg3-color-DN90': [],
-	'--adg3-color-DN80': [],
-	'--adg3-color-DN70': [],
-	'--adg3-color-DN60': [],
-	'--adg3-color-DN50': [],
-	'--adg3-color-DN40': [],
-	'--adg3-color-DN30': [],
-	'--adg3-color-DN20': [],
-	'--adg3-color-DN10': [],
-	'--adg3-color-DN0': [],
-	'--adg3-color-DN800A': [],
-	'--adg3-color-DN700A': [],
-	'--adg3-color-DN600A': [],
-	'--adg3-color-DN500A': [],
-	'--adg3-color-DN400A': [],
-	'--adg3-color-DN300A': [],
-	'--adg3-color-DN200A': [],
-	'--adg3-color-DN100A': [],
-	'--adg3-color-DN90A': [],
-	'--adg3-color-DN80A': [],
-	'--adg3-color-DN70A': [],
-	'--adg3-color-DN60A': [],
-	'--adg3-color-DN50A': [],
-	'--adg3-color-DN40A': [],
-	'--adg3-color-DN30A': [],
-	'--adg3-color-DN20A': [],
-	'--adg3-color-DN10A': [],
 
-	'--adg3-color-background-light': ['elevation', 'surface'],
-	'--adg3-color-background-dark': ['elevation', 'surface'],
-	'--adg3-color-text-light': ['text'],
-	'--adg3-color-text-dark': ['text'],
-	'--adg3-color-subtleText-light': ['text', 'subtle'],
-	'--adg3-color-subtleText-dark': ['text', 'subtle'],
-	'--adg3-color-placeholderText-light': ['text', 'subtlest'],
-	'--adg3-color-placeholderText-dark': ['text', 'subtlest'],
-	'--adg3-color-heading-light': ['text'],
-	'--adg3-color-heading-dark': ['text'],
-	'--adg3-color-subtleHeading-light': ['text', 'subtle'],
-	'--adg3-color-subtleHeading-dark': ['text', 'subtle'],
-	'--adg3-color-codeBlock-light': ['elevation', 'surface', 'sunken'],
-	'--adg3-color-codeBlock-dark': ['elevation', 'surface', 'sunken'],
-	'--adg3-color-link-light': ['link'],
-	'--adg3-color-link-dark': ['link'],
-	'--adg3-color-linkHover-light': ['link'],
-	'--adg3-color-linkHover-dark': ['link'],
-	'--adg3-color-linkActive-light': ['link', 'pressed'],
-	'--adg3-color-linkActive-dark': ['link', 'pressed'],
-	'--adg3-color-linkOutline-light': ['link', 'focused'],
-	'--adg3-color-linkOutline-dark': ['link', 'focused'],
-	'--adg3-color-primary-light': ['brand'],
-	'--adg3-color-primary-dark': ['brand'],
-	'--adg3-color-blue-light': ['accent', 'subtler', 'blue'],
-	'--adg3-color-blue-dark': ['accent', 'bolder', 'blue'],
-	'--adg3-color-teal-light': ['accent', 'subtler', 'teal'],
-	'--adg3-color-teal-dark': ['accent', 'bolder', 'teal'],
-	'--adg3-color-purple-light': ['accent', 'subtler', 'purple'],
-	'--adg3-color-purple-dark': ['accent', 'bolder', 'purple'],
-	'--adg3-color-red-light': ['accent', 'subtler', 'red'],
-	'--adg3-color-red-dark': ['accent', 'bolder', 'red'],
-	'--adg3-color-yellow-light': ['accent', 'subtler', 'yellow'],
-	'--adg3-color-yellow-dark': ['accent', 'bolder', 'yellow'],
-	'--adg3-color-green-light': ['accent', 'subtler', 'green'],
-	'--adg3-color-green-dark': ['accent', 'bolder', 'green'],
-	'--adg3-color-N20-transparent': [],
-
-	/* Alias variables */
-	'--jpo-theme-color': ['brand'],
-	'--jpo-text-default-color': ['text'],
-	'--jpo-text-secondary-color': ['text', 'subtle'],
-	'--jpo-text-muted-color': ['text', 'disabled'],
-	'--jpo-text-error-color': ['text', 'danger'],
-	'--jpo-bg-default-color': ['elevation', 'surface'],
-	'--jpo-bg-reverse-color': ['background', 'inverse'],
-	'--jpo-bg-warning-color': ['background', 'warning', 'subtle'],
-	'--jpo-bg-dark-color': ['background', 'netural', 'bold'],
-	'--jpo-border-default-color': ['border'],
-	'--jpo-border-secondary-color': ['border', 'subtle'],
-};
-
-export const knownNamedColors: Record<string, string[]> = {
-	aliceblue: ['blue'],
-	antiquewhite: [],
-	aqua: ['teal'],
-	aquamarine: ['teal'],
-	azure: ['teal', 'subtlest'],
-	beige: [],
-	bisque: [],
-	black: [],
-	blanchedalmond: [],
-	blue: ['blue'],
-	blueviolet: ['blue'],
-	brown: [],
-	burlywood: [],
-	cadetblue: ['blue'],
-	chartreuse: [],
-	chocolate: [],
-	coral: [],
-	cornflowerblue: ['blue'],
-	cornsilk: [],
-	crimson: ['red'],
-	cyan: ['accent', 'teal', 'subtle'],
-	darkblue: ['accent', 'blue', 'bold'],
-	darkcyan: ['accent', 'teal', 'bold'],
-	darkgoldenrod: [],
-	darkgray: [],
-	darkgrey: [],
-	darkgreen: ['green'],
-	darkkhaki: [],
-	darkmagenta: ['magenta', 'bold'],
-	darkolivegreen: ['green'],
-	darkorange: [],
-	darkorchid: [],
-	darkred: ['accent', 'red', 'bold'],
-	darksalmon: [],
-	darkseagreen: ['green'],
-	darkslateblue: [],
-	darkslategray: [],
-	darkslategrey: [],
-	darkturquoise: ['teal', 'bold'],
-	darkviolet: ['purple', 'bold'],
-	deeppink: ['magenta'],
-	deepskyblue: ['blue'],
-	dimgray: [],
-	dimgrey: [],
-	dodgerblue: [],
-	firebrick: ['red', 'bold'],
-	floralwhite: [],
-	forestgreen: ['green'],
-	fuchsia: ['magenta', 'subtle'],
-	gainsboro: [],
-	ghostwhite: [],
-	gold: ['yellow'],
-	goldenrod: [],
-	gray: [],
-	grey: [],
-	green: ['green'],
-	greenyellow: [],
-	honeydew: [],
-	hotpink: ['magenta'],
-	indianred: [],
-	indigo: ['purple'],
-	ivory: [],
-	khaki: [],
-	lavender: ['purple'],
-	lavenderblush: ['purple'],
-	lawngreen: ['green'],
-	lemonchiffon: [],
-	lightblue: [],
-	lightcoral: [],
-	lightcyan: [],
-	lightgoldenrodyellow: [],
-	lightgray: [],
-	lightgrey: [],
-	lightgreen: ['green', 'accent'],
-	lightpink: ['magenta'],
-	lightsalmon: ['pink', 'subtler'],
-	lightseagreen: ['green'],
-	lightskyblue: ['blue', 'accent'],
-	lightslategray: [],
-	lightslategrey: [],
-	lightsteelblue: ['blue'],
-	lightyellow: [],
-	lime: ['green', 'subtler'],
-	limegreen: ['green'],
-	linen: [],
-	magenta: ['magenta'],
-	maroon: [],
-	mediumaquamarine: [],
-	mediumblue: [],
-	mediumorchid: [],
-	mediumpurple: [],
-	mediumseagreen: ['green'],
-	mediumslateblue: [],
-	mediumspringgreen: ['green'],
-	mediumturquoise: [],
-	mediumvioletred: [],
-	midnightblue: [],
-	mintcream: [],
-	mistyrose: [],
-	moccasin: [],
-	navajowhite: [],
-	navy: ['blue', 'bold'],
-	oldlace: [],
-	olive: [],
-	olivedrab: [],
-	orange: [],
-	orangered: [],
-	orchid: ['purple'],
-	palegoldenrod: [],
-	palegreen: ['green'],
-	paleturquoise: [],
-	palevioletred: [],
-	papayawhip: [],
-	peachpuff: [],
-	peru: [],
-	pink: ['magenta'],
-	plum: [],
-	powderblue: ['blue', 'subtle'],
-	purple: ['purple'],
-	rebeccapurple: ['purple', 'accent'],
-	red: ['red', 'accent'],
-	rosybrown: [],
-	royalblue: [],
-	saddlebrown: [],
-	salmon: [],
-	sandybrown: [],
-	seagreen: ['green'],
-	seashell: [],
-	sienna: [],
-	silver: [],
-	skyblue: ['blue', 'subtlest'],
-	slateblue: [],
-	slategray: [],
-	slategrey: [],
-	snow: [],
-	springgreen: ['green'],
-	steelblue: ['blue'],
-	tan: [],
-	teal: ['accent', 'teal'],
-	thistle: [],
-	tomato: ['red'],
-	turquoise: [],
-	violet: ['purple'],
-	wheat: [],
-	white: ['elevation', 'surface'],
-	whitesmoke: [],
-	yellow: ['yellow'],
-	yellowgreen: ['yellow'],
-};
-
-export const knownRawColors: Record<string, string[]> = {
-	'#cccccc': ['gray'],
-	'#aaaaaa': ['gray', 'subtlest'],
-	'#bbbbbb': ['gray', 'subtle'],
-	'#ffffff': ['elevation', 'surface'],
-	'#f0f0f0': ['elevation', 'surface'],
-	'#eeeeee': ['elevation', 'surface', 'sunken'],
-	'#ff0000': ['danger'],
-	'#d04437': ['danger'],
-	'#c00c00': ['danger'],
-	'#5243aa': ['discovery'],
-	'#ffc712': ['warning'],
-	'#00f00f': ['brand'],
-	'#3b73af': ['brand'],
-	'#326ca6': ['brand'],
-	'#0052cc': ['brand'],
-};
+export { knownVariables } from './known-variables';
+export { knownNamedColors } from './known-named-colors';
+export { knownRawColors } from './known-raw-colors';

package/codemods/css-to-design-tokens/lib/meta.tsx

@@ -2,9 +2,6 @@ import type { Declaration, Node, Rule } from 'postcss';
 
 import { uniqueWordsFromTokens } from '../../utils/unique-words-from-tokens';
 
-import { extractCssVarName } from './declaration';
-import { knownNamedColors, knownRawColors, knownVariables } from './legacy-colors';
-
 function filterDuplicateFoundations(meta: string[]) {
 	const foundations = ['text', 'background', 'shadow', 'border'];
 	let hasFoundation = false;
@@ -140,28 +137,6 @@ function getParentSelectors(node: Node): string {
 
 	return '';
 }
-
-export function getCssVarMeta(cssVariable: string): string[] {
-	const tokenName = extractCssVarName(cssVariable);
-	const meta = knownVariables[tokenName];
-
-	if (!meta || meta.length === 0) {
-		return tokenName.split('-');
-	}
-
-	return meta;
-}
-
-export function getRawColorMeta(rawColor: string): string[] {
-	let cleanColor = rawColor.toLowerCase();
-
-	if (cleanColor.length === 4) {
-		cleanColor = cleanColor + cleanColor.substring(cleanColor.indexOf('#') + 1);
-	}
-
-	return knownRawColors[cleanColor] ?? [];
-}
-
-export function getNamedColorMeta(namedColor: string): string[] {
-	return knownNamedColors[namedColor] ?? [];
-}
+export { getCssVarMeta } from './get-css-var-meta';
+export { getRawColorMeta } from './get-raw-color-meta';
+export { getNamedColorMeta } from './get-named-color-meta';

package/codemods/css-to-design-tokens/lib/split-css-value.tsx

@@ -0,0 +1,4 @@
+export function splitCssValue(value: string): RegExpMatchArray | null {
+	const regex = /(?:[^\s()]+|\((?:[^()]+|\([^()]*\))*\))+/g;
+	return value.match(regex);
+}

package/codemods/css-to-design-tokens/lib/value.tsx

@@ -1,13 +1,10 @@
-import {
-	extractBetweenParentheses,
-	isGradient,
-	isKnownCssVariable,
-	isLessFunction,
-	isNamedColor,
-	isRawColor,
-} from './colors';
+import { isGradient, isLessFunction, isNamedColor, isRawColor } from './colors';
 import { extractCssVarName } from './declaration';
-import { getCssVarMeta, getNamedColorMeta, getRawColorMeta } from './meta';
+import { extractBetweenParentheses } from './extract-between-parentheses';
+import { getCssVarMeta } from './get-css-var-meta';
+import { getNamedColorMeta } from './get-named-color-meta';
+import { getRawColorMeta } from './get-raw-color-meta';
+import { isKnownCssVariable } from './is-known-css-variable';
 import findToken from './tokens';
 
 interface Value {

package/codemods/css-to-design-tokens/transform.tsx

@@ -3,8 +3,10 @@ import postcss, { type Plugin } from 'postcss';
 // @ts-ignore
 import lessSyntax from 'postcss-less';
 
-import { isColorRelatedProperty, isCssDeclaration, splitCssValue } from './lib/declaration';
+import { isColorRelatedProperty } from './lib/declaration';
+import { isCssDeclaration } from './lib/is-css-declaration';
 import { getBaseDeclarationMeta } from './lib/meta';
+import { splitCssValue } from './lib/split-css-value';
 import findToken from './lib/tokens';
 import parseValue from './lib/value';
 

package/dist/cjs/artifacts/palettes-raw/palette.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::3ab6d06ceee07a33f01831ba39d1781a>>
+ * @codegen <<SignedSource::53794f446833e9543b9fc09809fc6844>>
  * @codegenCommand yarn build tokens
  */
 
@@ -2050,6 +2050,23 @@ var tokens = [{
   },
   "name": "color.palette.Neutral1100",
   "path": ["color", "palette", "Neutral1100"]
+}, {
+  "value": "#000000",
+  "attributes": {
+    "group": "palette",
+    "category": "light mode neutral"
+  },
+  "filePath": "schema/palettes/palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": "#000000",
+    "attributes": {
+      "group": "palette",
+      "category": "light mode neutral"
+    }
+  },
+  "name": "color.palette.Neutral1200",
+  "path": ["color", "palette", "Neutral1200"]
 }, {
   "value": "#17171708",
   "attributes": {
@@ -2390,6 +2407,23 @@ var tokens = [{
   },
   "name": "color.palette.DarkNeutral1100",
   "path": ["color", "palette", "DarkNeutral1100"]
+}, {
+  "value": "#FFFFFF",
+  "attributes": {
+    "group": "palette",
+    "category": "dark mode neutral"
+  },
+  "filePath": "schema/palettes/palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": "#FFFFFF",
+    "attributes": {
+      "group": "palette",
+      "category": "dark mode neutral"
+    }
+  },
+  "name": "color.palette.DarkNeutral1200",
+  "path": ["color", "palette", "DarkNeutral1200"]
 }, {
   "value": "#01040475",
   "attributes": {

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::d69f26b9146afc40dbad5febb62a7f64>>
+ * @codegen <<SignedSource::0c49cd7b99ff49fecf0ecfa056c603c4>>
  * @codegenCommand yarn build tokens
  */
-var _default = exports.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";
+var _default = exports.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: #E3E4F21F;\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";