@atlaskit/tokens 13.0.3 → 13.1.0

package/dist/esm/utils/hct-color-utils/math-utils.js

@@ -1,105 +1,6 @@
-/**
- * Below lines are copied from @material/material-color-utilities.
- * Do not modify it.
- */
-
-/**
- * @license
- * Copyright 2021 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *      http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-// This file is automatically generated. Do not modify it.
-
-/**
- * Utility methods for mathematical operations.
- */
-
-/**
- * The signum function.
- *
- * @return 1 if num > 0, -1 if num < 0, and 0 if num = 0
- */
-export function signum(num) {
-  if (num < 0) {
-    return -1;
-  } else if (num === 0) {
-    return 0;
-  } else {
-    return 1;
-  }
-}
-
-/**
- * The linear interpolation function.
- *
- * @return start if amount = 0 and stop if amount = 1
- */
-export function lerp(start, stop, amount) {
-  return (1.0 - amount) * start + amount * stop;
-}
-
-/**
- * Clamps an integer between two integers.
- *
- * @return input when min <= input <= max, and either min or max
- * otherwise.
- */
-export function clampInt(min, max, input) {
-  if (input < min) {
-    return min;
-  } else if (input > max) {
-    return max;
-  }
-  return input;
-}
-
-/**
- * Clamps an integer between two floating-point numbers.
- *
- * @return input when min <= input <= max, and either min or max
- * otherwise.
- */
-export function clampDouble(min, max, input) {
-  if (input < min) {
-    return min;
-  } else if (input > max) {
-    return max;
-  }
-  return input;
-}
-
-/**
- * Sanitizes a degree measure as a floating-point number.
- *
- * @return a degree measure between 0.0 (inclusive) and 360.0
- * (exclusive).
- */
-export function sanitizeDegreesDouble(degrees) {
-  degrees = degrees % 360.0;
-  if (degrees < 0) {
-    degrees = degrees + 360.0;
-  }
-  return degrees;
-}
-
-/**
- * Multiplies a 1x3 row vector with a 3x3 matrix.
- */
-export function matrixMultiply(row, matrix) {
-  var a = row[0] * matrix[0][0] + row[1] * matrix[0][1] + row[2] * matrix[0][2];
-  var b = row[0] * matrix[1][0] + row[1] * matrix[1][1] + row[2] * matrix[1][2];
-  var c = row[0] * matrix[2][0] + row[1] * matrix[2][1] + row[2] * matrix[2][2];
-  return [a, b, c];
-}
+export { signum } from './signum';
+export { lerp } from './lerp';
+export { clampInt } from './clamp-int';
+export { clampDouble } from './clamp-double';
+export { sanitizeDegreesDouble } from './sanitize-degrees-double';
+export { matrixMultiply } from './matrix-multiply';

package/dist/esm/utils/hct-color-utils/matrix-multiply.js

@@ -0,0 +1,9 @@
+/**
+ * Multiplies a 1x3 row vector with a 3x3 matrix.
+ */
+export function matrixMultiply(row, matrix) {
+  var a = row[0] * matrix[0][0] + row[1] * matrix[0][1] + row[2] * matrix[0][2];
+  var b = row[0] * matrix[1][0] + row[1] * matrix[1][1] + row[2] * matrix[1][2];
+  var c = row[0] * matrix[2][0] + row[1] * matrix[2][1] + row[2] * matrix[2][2];
+  return [a, b, c];
+}

package/dist/esm/utils/hct-color-utils/sanitize-degrees-double.js

@@ -0,0 +1,13 @@
+/**
+ * Sanitizes a degree measure as a floating-point number.
+ *
+ * @return a degree measure between 0.0 (inclusive) and 360.0
+ * (exclusive).
+ */
+export function sanitizeDegreesDouble(degrees) {
+  degrees = degrees % 360.0;
+  if (degrees < 0) {
+    degrees = degrees + 360.0;
+  }
+  return degrees;
+}

package/dist/esm/utils/hct-color-utils/signum.js

@@ -0,0 +1,14 @@
+/**
+ * The signum function.
+ *
+ * @return 1 if num > 0, -1 if num < 0, and 0 if num = 0
+ */
+export function signum(num) {
+  if (num < 0) {
+    return -1;
+  } else if (num === 0) {
+    return 0;
+  } else {
+    return 1;
+  }
+}

package/dist/esm/utils/hct-color-utils/viewing-conditions.js

@@ -0,0 +1,89 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _ViewingConditions;
+import * as utils from './color-utils';
+import * as math from './math-utils';
+export var ViewingConditions = /*#__PURE__*/function () {
+  function ViewingConditions(n, aw, nbb, ncb, c, nc, rgbD, fl, fLRoot, z) {
+    _classCallCheck(this, ViewingConditions);
+    this.n = n;
+    this.aw = aw;
+    this.nbb = nbb;
+    this.ncb = ncb;
+    this.c = c;
+    this.nc = nc;
+    this.rgbD = rgbD;
+    this.fl = fl;
+    this.fLRoot = fLRoot;
+    this.z = z;
+  }
+  return _createClass(ViewingConditions, null, [{
+    key: "make",
+    value:
+    /**
+     * Create ViewingConditions from a simple, physically relevant, set of
+     * parameters.
+     *
+     * @param whitePoint White point, measured in the XYZ color space.
+     *     default = D65, or sunny day afternoon
+     * @param adaptingLuminance The luminance of the adapting field. Informally,
+     *     how bright it is in the room where the color is viewed. Can be
+     *     calculated from lux by multiplying lux by 0.0586. default = 11.72,
+     *     or 200 lux.
+     * @param backgroundLstar The lightness of the area surrounding the color.
+     *     measured by L* in L*a*b*. default = 50.0
+     * @param surround A general description of the lighting surrounding the
+     *     color. 0 is pitch dark, like watching a movie in a theater. 1.0 is a
+     *     dimly light room, like watching TV at home at night. 2.0 means there
+     *     is no difference between the lighting on the color and around it.
+     *     default = 2.0
+     * @param discountingIlluminant Whether the eye accounts for the tint of the
+     *     ambient lighting, such as knowing an apple is still red in green light.
+     *     default = false, the eye does not perform this process on
+     *       self-luminous objects like displays.
+     */
+    function make() {
+      var whitePoint = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : utils.whitePointD65();
+      var adaptingLuminance = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 200.0 / Math.PI * utils.yFromLstar(50.0) / 100.0;
+      var backgroundLstar = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 50.0;
+      var surround = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 2.0;
+      var discountingIlluminant = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+      var xyz = whitePoint;
+      var rW = xyz[0] * 0.401288 + xyz[1] * 0.650173 + xyz[2] * -0.051461;
+      var gW = xyz[0] * -0.250268 + xyz[1] * 1.204414 + xyz[2] * 0.045854;
+      var bW = xyz[0] * -0.002079 + xyz[1] * 0.048952 + xyz[2] * 0.953127;
+      var f = 0.8 + surround / 10.0;
+      var c = f >= 0.9 ? math.lerp(0.59, 0.69, (f - 0.9) * 10.0) : math.lerp(0.525, 0.59, (f - 0.8) * 10.0);
+      var d = discountingIlluminant ? 1.0 : f * (1.0 - 1.0 / 3.6 * Math.exp((-adaptingLuminance - 42.0) / 92.0));
+      d = d > 1.0 ? 1.0 : d < 0.0 ? 0.0 : d;
+      var nc = f;
+      var rgbD = [d * (100.0 / rW) + 1.0 - d, d * (100.0 / gW) + 1.0 - d, d * (100.0 / bW) + 1.0 - d];
+      var k = 1.0 / (5.0 * adaptingLuminance + 1.0);
+      var k4 = k * k * k * k;
+      var k4F = 1.0 - k4;
+      var fl = k4 * adaptingLuminance + 0.1 * k4F * k4F * Math.cbrt(5.0 * adaptingLuminance);
+      var n = utils.yFromLstar(backgroundLstar) / whitePoint[1];
+      var z = 1.48 + Math.sqrt(n);
+      var nbb = 0.725 / Math.pow(n, 0.2);
+      var ncb = nbb;
+      var rgbAFactors = [Math.pow(fl * rgbD[0] * rW / 100.0, 0.42), Math.pow(fl * rgbD[1] * gW / 100.0, 0.42), Math.pow(fl * rgbD[2] * bW / 100.0, 0.42)];
+      var rgbA = [400.0 * rgbAFactors[0] / (rgbAFactors[0] + 27.13), 400.0 * rgbAFactors[1] / (rgbAFactors[1] + 27.13), 400.0 * rgbAFactors[2] / (rgbAFactors[2] + 27.13)];
+      var aw = (2.0 * rgbA[0] + rgbA[1] + 0.05 * rgbA[2]) * nbb;
+      return new ViewingConditions(n, aw, nbb, ncb, c, nc, rgbD, fl, Math.pow(fl, 0.25), z);
+    }
+
+    /**
+     * Parameters are intermediate values of the CAM16 conversion process. Their
+     * names are shorthand for technical color science terminology, this class
+     * would not benefit from documenting them individually. A brief overview
+     * is available in the CAM16 specification, and a complete overview requires
+     * a color science textbook, such as Fairchild's Color Appearance Models.
+     */
+  }]);
+}();
+_ViewingConditions = ViewingConditions;
+/**
+ * sRGB-like viewing conditions.
+ */
+_defineProperty(ViewingConditions, "DEFAULT", _ViewingConditions.make());

package/dist/esm/utils/hex-to-rgba-values.js

@@ -0,0 +1,9 @@
+export var hexToRGBAValues = function hexToRGBAValues(hex) {
+  var hexColor = hex.replace('#', '');
+  return {
+    r: parseInt(hexColor.slice(0, 2), 16),
+    g: parseInt(hexColor.slice(2, 4), 16),
+    b: parseInt(hexColor.slice(4, 6), 16),
+    a: parseFloat((parseInt(hexColor.slice(6, 8), 16) / 255).toFixed(2))
+  };
+};

package/dist/esm/utils/hsl-to-rgb.js

@@ -0,0 +1,12 @@
+export function HSLToRGB(h, s, l) {
+  s /= 100;
+  l /= 100;
+  var k = function k(n) {
+    return (n + h / 30) % 12;
+  };
+  var a = s * Math.min(l, 1 - l);
+  var f = function f(n) {
+    return l - a * Math.max(-1, Math.min(k(n) - 3, Math.min(9 - k(n), 1)));
+  };
+  return [255 * f(0), 255 * f(8), 255 * f(4)];
+}

package/dist/esm/utils/is-valid-brand-hex.js

@@ -0,0 +1,3 @@
+export var isValidBrandHex = function isValidBrandHex(hex) {
+  return /^#[0-9A-F]{6}$/i.test(hex);
+};

package/dist/esm/utils/limit-size-of-custom-style-elements.js

@@ -0,0 +1,10 @@
+import { CUSTOM_THEME_ATTRIBUTE, THEME_DATA_ATTRIBUTE } from '../constants';
+export function limitSizeOfCustomStyleElements(sizeThreshold) {
+  var styleTags = Array.from(document.head.querySelectorAll("style[".concat(CUSTOM_THEME_ATTRIBUTE, "][").concat(THEME_DATA_ATTRIBUTE, "]")));
+  if (styleTags.length < sizeThreshold) {
+    return;
+  }
+  styleTags.slice(0, styleTags.length - (sizeThreshold - 1)).forEach(function (element) {
+    return element.remove();
+  });
+}

package/dist/esm/utils/load-theme-css.js

@@ -0,0 +1,25 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import themeImportMap from '../artifacts/theme-import-map';
+export var loadThemeCss = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(themeId) {
+    var _yield$themeImportMap, themeCss;
+    return _regeneratorRuntime.wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 1;
+          return themeImportMap[themeId]();
+        case 1:
+          _yield$themeImportMap = _context.sent;
+          themeCss = _yield$themeImportMap.default;
+          return _context.abrupt("return", themeCss);
+        case 2:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function loadThemeCss(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();

package/dist/esm/utils/relative-luminance-w3-c.js

@@ -0,0 +1,12 @@
+export function relativeLuminanceW3C(r, g, b) {
+  var RsRGB = r / 255;
+  var GsRGB = g / 255;
+  var BsRGB = b / 255;
+  var R = RsRGB <= 0.03928 ? RsRGB / 12.92 : Math.pow((RsRGB + 0.055) / 1.055, 2.4);
+  var G = GsRGB <= 0.03928 ? GsRGB / 12.92 : Math.pow((GsRGB + 0.055) / 1.055, 2.4);
+  var B = BsRGB <= 0.03928 ? BsRGB / 12.92 : Math.pow((BsRGB + 0.055) / 1.055, 2.4);
+
+  // For the sRGB colorspace, the relative luminance of a color is defined as:
+  var L = 0.2126 * R + 0.7152 * G + 0.0722 * B;
+  return L;
+}

package/dist/esm/utils/rgb-to-hex.js

@@ -0,0 +1,3 @@
+export function rgbToHex(r, g, b) {
+  return '#' + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
+}

package/dist/esm/utils/theme-loading.js

@@ -1,34 +1,34 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import themeImportMap from '../artifacts/theme-import-map';
 import { CUSTOM_THEME_ATTRIBUTE, THEME_DATA_ATTRIBUTE } from '../constants';
+import { loadThemeCss } from './load-theme-css';
 export var loadAndAppendThemeCss = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(themeId) {
     var themeCss, style;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+    return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           if (!document.head.querySelector("style[".concat(THEME_DATA_ATTRIBUTE, "=\"").concat(themeId, "\"]:not([").concat(CUSTOM_THEME_ATTRIBUTE, "])"))) {
-            _context.next = 2;
+            _context.next = 1;
             break;
           }
           return _context.abrupt("return");
-        case 2:
+        case 1:
           if (themeId) {
-            _context.next = 4;
+            _context.next = 2;
             break;
           }
           return _context.abrupt("return");
-        case 4:
-          _context.next = 6;
+        case 2:
+          _context.next = 3;
           return loadThemeCss(themeId);
-        case 6:
+        case 3:
           themeCss = _context.sent;
           style = document.createElement('style');
           style.textContent = themeCss;
           style.dataset.theme = themeId;
           document.head.appendChild(style);
-        case 11:
+        case 4:
         case "end":
           return _context.stop();
       }
@@ -38,27 +38,6 @@ export var loadAndAppendThemeCss = /*#__PURE__*/function () {
     return _ref.apply(this, arguments);
   };
 }();
-export var loadThemeCss = /*#__PURE__*/function () {
-  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(themeId) {
-    var _yield$themeImportMap, themeCss;
-    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
-        case 0:
-          _context2.next = 2;
-          return themeImportMap[themeId]();
-        case 2:
-          _yield$themeImportMap = _context2.sent;
-          themeCss = _yield$themeImportMap.default;
-          return _context2.abrupt("return", themeCss);
-        case 5:
-        case "end":
-          return _context2.stop();
-      }
-    }, _callee2);
-  }));
-  return function loadThemeCss(_x2) {
-    return _ref2.apply(this, arguments);
-  };
-}();
 export var darkModeMediaQuery = '(prefers-color-scheme: dark)';
-export var moreContrastMediaQuery = '(prefers-contrast: more)';
+export var moreContrastMediaQuery = '(prefers-contrast: more)';
+export { loadThemeCss } from './load-theme-css';

package/dist/esm/utils/token-ids.js

@@ -1,61 +1,3 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import { CSS_PREFIX, CSS_VAR_FULL } from '../constants';
-
-/**
- * Transforms a style dictionary token path to a CSS custom property.
- *
- * A css prefix will be prepended and all [default] key words will be omitted
- * from the path
- *
- * @example <caption>Passing a path as an array</caption>
- * // Returns ds-background-bold
- * getCSSCustomProperty(['color', 'background', 'bold', '[default]'])
- *
- * @example <caption>Passing a path as a string</caption>
- * // Returns ds-background-bold
- * getCSSCustomProperty('color.background.bold.[default]')
- */
-export var getCSSCustomProperty = function getCSSCustomProperty(path) {
-  var normalizedPath = typeof path === 'string' ? path.split('.') : path;
-
-  // Opacity and other 'shallow' groups are more readable when not trimmed
-  var slice = CSS_VAR_FULL.includes(normalizedPath[0]) ? 0 : 1;
-  return "--".concat([CSS_PREFIX].concat(_toConsumableArray(normalizedPath.slice(slice))).filter(function (el) {
-    return el !== '[default]';
-  }).join('-'));
-};
-
-/**
- * Transforms a style dictionary token path to a shorthand token id
- * These ids will be typically be how tokens are interacted with via typescript and css
- *
- * All [default] key words will be omitted from the path
- *
- * @example <caption>Passing a path as an array</caption>
- * // Returns color.background.bold
- * getTokenId(['color', 'background', 'bold', '[default]'])
- *
- * @example <caption>Passing a path as a string</caption>
- * // Returns color.background.bold
- * getTokenId('color.background.bold.[default]')
- */
-export var getTokenId = function getTokenId(path) {
-  var normalizedPath = typeof path === 'string' ? path.split('.') : path;
-  return normalizedPath.filter(function (el) {
-    return el !== '[default]';
-  }).join('.');
-};
-
-/**
- * Transforms a style dictionary token path to a fully qualified token id
- * These Ids are intended to be used internal to this package by style-dictionary
- *
- * [default] key words will NOT be omitted from the path
- *
- * @example <caption>Passing a path as a string</caption>
- * // Returns color.background.bold.[default]
- * getFullyQualifiedTokenId(['color', 'background', 'bold', '[default]'])
- */
-export var getFullyQualifiedTokenId = function getFullyQualifiedTokenId(path) {
-  return path.join('.');
-};
+export { getCSSCustomProperty } from './get-css-custom-property';
+export { getTokenId } from './get-token-id';
+export { getFullyQualifiedTokenId } from './get-fully-qualified-token-id';

package/dist/types/artifacts/replacement-mapping.d.ts

@@ -12,7 +12,7 @@
  * These changes will then be picked up by our tooling which will attempt to
  * migrate as many of these renames as possible.
  *
- * @codegen <<SignedSource::c779b40628532228cae2ec34977f1f8e>>
+ * @codegen <<SignedSource::047b57f2d22a7675431a9f6acb147bf6>>
  * @codegenCommand yarn build tokens
  */
 import type tokens from './token-names';

package/dist/types/artifacts/themes/atlassian-dark-increased-contrast.d.ts

@@ -1,7 +1,7 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::d69f26b9146afc40dbad5febb62a7f64>>
+ * @codegen <<SignedSource::0c49cd7b99ff49fecf0ecfa056c603c4>>
  * @codegenCommand yarn build tokens
  */
-declare const _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";
+declare const _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";
 export default _default;