@deephaven/components 0.60.1-beta.0 → 0.60.1-beta.5

package/dist/popper/Popper.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../scss/custom.scss","../../scss/bootstrap_overrides.scss","../../src/popper/Popper.scss"],"names":[],"mappings":"AAAA;ACyLA;ACnLA;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EAEA;EACA;EACA,eDuIc;ECtId,YDuIW;ECtIX,YACE;EAEF;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA,QAxCU;EAyCV;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;EAOE;EACA;EACA;;;AAGF;EACE,eA5FY;;AA8FZ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE,YA1GY;;AA4GZ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE,aAxHY;;AA0HZ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE,cAtIY;;AAwIZ;EACE;EACA;EACA;EACA;EACA;EACA;EACA","file":"Popper.css","sourcesContent":["/* stylelint-disable scss/at-import-no-partial-leading-underscore */\n// Consumers should be able to resolve bootstrap/ to node_modules/bootstrap\n\n//Make bootstrap functions available for use in overrides\n@import 'bootstrap/scss/_functions.scss';\n@import './bootstrap_overrides.scss';\n\n//_variable imports come after bootstrap default overrides,\n// makes all other variables and mixins from bootstrap available\n/// with just importing customer.scss\n@import 'bootstrap/scss/_variables.scss';\n@import 'bootstrap/scss/_mixins.scss';\n\n//New variables come after imports\n@import './new_variables.scss';\n","// Styling overrides for bootstrap\n@use 'sass:map';\n\n// Override / set color variables\n$red: var(--dh-color-visual-red);\n$orange: var(--dh-color-visual-orange);\n$yellow: var(--dh-color-visual-yellow);\n$green: var(--dh-color-visual-green);\n$blue: var(--dh-color-visual-blue);\n$purple: var(--dh-color-visual-purple);\n\n// Fallback colors are used if theme isn't loaded\n// this is required for error messages if the API doesn't load\n\n//Define our Gray scale\n$gray-100: var(--dh-color-gray-900, #fcfcfa);\n$gray-200: var(--dh-color-gray-800);\n$gray-300: var(--dh-color-gray-700);\n$gray-400: var(--dh-color-gray-600);\n$gray-500: var(--dh-color-gray-500);\n// intentional duplicate, scale doesn't line up otherwise\n// as we have gray-850 and spectrum doesn't and it is needed\n$gray-600: var(--dh-color-gray-500);\n$gray-700: var(--dh-color-gray-400);\n$gray-800: var(--dh-color-gray-300);\n$gray-850: var(--dh-color-gray-200);\n$gray-900: var(--dh-color-gray-75);\n$black: var(--dh-color-black, #1a171a);\n$white: var(--dh-color-white, #f0f0ee);\n\n//Define some UI colors\n$interfacegray: var(--dh-color-content-bg, #2d2a2e);\n$interfaceblue: var(--dh-color-accent-bg);\n$interfacewhite: $white;\n$interfaceblack: $black;\n$content-bg: var(--dh-color-content-bg, #2d2a2e);\n$background: var(--dh-color-bg, #1a171a);\n$foreground: var(--dh-color-fg, #f0f0ee);\n\n// Extend default Bootstrap $grays map\n$grays-custom: (\n  '850': $gray-850,\n);\n$grays: () !default;\n$grays: map-merge($grays, $grays-custom);\n\n// Extend default Bootstrap $colors map\n$colors-custom: (\n  'black': $black,\n);\n$colors: () !default;\n$colors: map-merge($colors, $colors-custom);\n\n// Override default Bootstrap $theme-colors map by mapping each key to itself.\n// These will then be re-mapped inside of `button-outline-variant` and\n// `button-outline-variant` mixins in `bootstrap_override_mixins_buttons.scss`\n$theme-colors-self-map: ();\n@each $key\n  in (\n    'primary',\n    'secondary',\n    'success',\n    'info',\n    'warning',\n    'danger',\n    'light',\n    'dark'\n  )\n{\n  $theme-colors-self-map: map.set($theme-colors-self-map, $key, $key);\n}\n$theme-colors: () !default;\n$theme-colors: map-merge($theme-colors, $theme-colors-self-map);\n\n// Used by bootstrap_override_mixins_buttons.scss to map Bootstrap colors to\n// DH semantic colors\n$bootstrap-dh-semantic-map: (\n  'primary': 'accent',\n  'secondary': 'neutral',\n  'success': 'positive',\n  'info': 'info',\n  'warning': 'notice',\n  'danger': 'negative',\n  // We shouldn't be using these, but mapping so they work with our custom\n  // `color-yiq` mixin. If we find a way to remove $light + $dark that are\n  // defined in Bootstrap _variables.scss, we should remove these\n  'light': 'neutral',\n  'dark': 'neutral',\n);\n\n//Set default colors\n$body-bg: $black;\n$body-color: $interfacewhite;\n\n// Set brand colors\n$primary: var(--dh-color-accent-bg);\n$primary-hover: var(--dh-color-accent-hover-bg);\n$primary-dark: var(--dh-color-accent-down-bg);\n$secondary: var(--dh-color-neutral-bg);\n$secondary-hover: var(--dh-color-neutral-hover-bg);\n$success: $green;\n$info: $yellow;\n$warning: $orange;\n$danger: var(--dh-color-negative-bg);\n$danger-hover: var(--dh-color-negative-hover-bg);\n// We really don't want to use $light or $dark variables, but Bootstrap defines\n// them in _variables.scss. Explicitly setting them to ensure we are in control\n// of their values. If we can find a way to remove them, we should\n$light: var(--dh-color-gray-light);\n$dark: var(--dh-color-gray-dark);\n// Bootstrap doesn't define $mid, and we want to move away from this particular\n// semantic. Should be deleted by #1635\n$mid: var(--dh-color-gray-mid);\n\n$semantic-colors: (\n  'primary-hover': $primary-hover,\n  'primary-dark': $primary-dark,\n  'mid': $mid,\n  'content-bg': $interfacegray,\n  'background': $interfaceblack,\n  'foreground': $interfacewhite,\n  'secondary-hover': $secondary-hover,\n  'danger-hover': $danger-hover,\n);\n\n$component-active-bg: $primary;\n$theme-color-interval: 9%;\n$yiq-contrasted-threshold: 180;\n\n// Override fonts\n$font-family-sans-serif:\n  'Fira Sans',\n  -apple-system,\n  blinkmacsystemfont,\n  'Segoe UI',\n  'Roboto',\n  'Helvetica Neue',\n  arial,\n  sans-serif; //fira sans then native system ui fallbacks\n$font-family-monospace: 'Fira Mono', menlo, monaco, consolas, 'Liberation Mono',\n  'Courier New', monospace;\n$font-family-base: $font-family-sans-serif;\n\n$headings-font-weight: 400;\n\n//Text overides\n$text-muted: $gray-400;\n\n//Style Selection highlight color\n$text-select-color: var(--dh-color-text-highlight);\n\n//Grid variables, same value as default just making easily accessible\n$grid-gutter-width: 30px;\n\n//Visual Overrides\n$border-radius: 4px;\n$box-shadow: 0 0.1rem 1rem var(--dh-color-dropshadow);\n\n//Override Btn\n$btn-border-radius: 4rem;\n$btn-padding-x: 1.5rem;\n$btn-transition:\n  color 0.12s ease-in-out,\n  background-color 0.12s ease-in-out,\n  border-color 0.12s ease-in-out,\n  box-shadow 0.12s ease-in-out; //default 0.15 is too long\n$btn-border-width: 2px;\n$btn-font-weight: var(--spectrum-global-font-weight-bold);\n$btn-line-height: 1.3;\n\n//Override Inputs\n$input-bg: var(--dh-color-input-bg);\n$input-disabled-bg: var(--dh-color-input-disabled-bg);\n$input-color: var(--dh-color-input-fg);\n$input-border-color: var(--dh-color-input-border);\n$input-placeholder-color: var(--dh-color-input-placeholder);\n$input-focus-border-color: var(--dh-color-input-focus-border);\n\n$input-btn-focus-width: 0.2rem;\n$input-btn-focus-color: hsla(var(--dh-color-accent-hsl), 0.35);\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color;\n$input-btn-line-height: 1.3;\n// Bootstrap uses a calc expression to determine the input height (calc(line-height + 2*padding-y + border)).\n// The padding-y value has to be in rem to match units as it is a SASS calc.\n// Using 0.42145rem with 1.3 line height gets us to spectrum's 32px.\n/* stylelint-disable-next-line number-max-precision */\n$input-btn-padding-y: 0.42145rem;\n\n//checkbox\n$custom-control-indicator-bg: var(--dh-color-input-bg);\n$custom-control-indicator-border-color: var(--dh-color-input-border);\n$custom-checkbox-indicator-border-radius: 2px;\n$custom-control-indicator-border-width: 2px;\n$custom-control-indicator-active-bg: var(--dh-color-input-bg);\n$custom-control-indicator-active-border-color: var(--dh-color-input-fg);\n$custom-control-indicator-checked-bg: var(--dh-color-input-fg);\n$custom-control-indicator-checked-color: black; // used as mask fill color\n$custom-checkbox-indicator-indeterminate-bg: var(--dh-color-input-fg);\n$custom-control-indicator-bg-size: 75% 75%;\n$custom-control-indicator-disabled-bg: var(--dh-color-input-disabled-bg);\n$custom-control-indicator-checked-disabled-bg: var(\n  --dh-color-input-disabled-bg\n);\n$custom-control-label-disabled-color: var(--dh-color-input-disabled-fg);\n\n// The $custom-select-indicator variable is used by Bootstrap to provide the\n// icon for the select dropdown. Inline svgs can't use CSS variables, so we hard\n// code the color to #929192 (the default value of --dh-color-gray-600). PR #1651\n// overrides this icon altogether for known dropdowns, so technically we may not\n// need this, but it's here in case there are any remaining instances.\n$custom-select-indicator-color: #929192;\n$custom-select-bg: var(--dh-color-selector-bg);\n$custom-select-bg-size: 16px 16px;\n//dhSort icon encoded\n$custom-select-indicator: str-replace(\n  url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M4 7l-.4-.8 4-3.7h.8l4 3.7-.4.8H4zm0 2l-.4.8 4 3.7h.8l4-3.7L12 9H4z'/%3E%3C/svg%3E\"),\n  '#',\n  '%23'\n);\n$custom-select-focus-box-shadow: $input-btn-focus-box-shadow;\n$custom-select-disabled-color: $gray-500;\n$custom-select-disabled-bg: $gray-800;\n\n//modal\n$modal-content-bg: $content-bg;\n$modal-content-border-width: 0;\n$modal-md: 550px;\n$close-color: var(--dh-color-text);\n$close-text-shadow: none;\n\n// Toast notification\n$toast-bg: var(--dh-color-accent-100);\n$toast-color: var(--dh-color-text);\n$toast-error-bg: var(--dh-color-negative-bg);\n$toast-error-color: var(--dh-color-text);\n\n//tooltips\n$tooltip-bg: var(--dh-color-tooltip-bg);\n$tooltip-color: var(--dh-color-tooltip-fg);\n$tooltip-box-shadow: 0 0.1rem 1.5rem 0.1rem var(--dh-color-tooltip-box-shadow);\n\n//drowdowns\n$dropdown-bg: $gray-600;\n$dropdown-link-color: $foreground;\n$dropdown-link-hover-color: $foreground;\n$dropdown-link-hover-bg: var(--dh-color-item-list-hover-bg);\n$dropdown-divider-bg: $gray-700;\n\n//context menus\n$contextmenu-bg: var(--dh-color-popover-bg);\n$contextmenu-color: var(--dh-color-text);\n$contextmenu-disabled-color: var(--dh-color-input-disabled-fg);\n$contextmenu-keyboard-selected-bg: var(--dh-color-keyboard-selected-bg);\n$contextmenu-selected-bg: var(--dh-color-item-list-hover-bg);\n$contextmenu-selected-color: var(--dh-color-item-list-selected-fg);\n\n//hr\n$hr-border-color: var(--dh-color-hr);\n\n//links\n$link-color: $gray-400;\n$link-hover-color: $foreground;\n\n//progress-bar\n$progress-bg: $gray-600;\n$progress-border-radius: 1rem;\n\n// Set global options\n$enable-shadows: false;\n$enable-gradients: false;\n$enable-print-styles: false; //I don't think anyone should expect to \"print\" this app.\n\n// Transition times\n$transition: 0.15s;\n$transition-mid: 0.2s;\n$transition-long: 0.3s;\n$transition-slow: 0.6s;\n\n//form-validation icon, uses vsWarning icon encoded here as svg\n$form-feedback-icon-invalid-color: $danger;\n$form-feedback-icon-invalid: str-replace(\n  url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none'%3E%3Cg fill='#{$form-feedback-icon-invalid-color}'%3E%3Cpath d='M7.56 1h.88l6.54 12.26-.44.74H1.44L1 13.26 7.56 1zM8 2.28 2.28 13H13.7L8 2.28zM8.625 12v-1h-1.25v1h1.25zm-1.25-2V6h1.25v4h-1.25z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E \"),\n  '#',\n  '%23'\n);\n\n// This section of variables is not consumed directly by DH, but they need to be\n// defined for sass to compile _variables\n$table-dark-bg: $gray-800;\n$table-dark-accent-bg: var(--dh-color-highlight-hover);\n$table-dark-hover-bg: var(--dh-color-highlight-active);\n$table-dark-border-color: $gray-700;\n$popover-bg: var(--dh-color-tooltip-bg);\n$popover-border-color: var(--dh-color-overlay-modal-bg);\n$popover-header-bg: #000;\n$popover-arrow-outer-color: var(--dh-color-dropshadow);\n$custom-range-thumb-active-bg: var(--dh-color-accent-1100);\n","@import '../../scss/custom.scss';\n\n$arrow-width: 5px;\n$animation-scale: 0.92;\n$animation-offset: 10px;\n\n.popper-container {\n  position: absolute;\n  z-index: 5000;\n}\n\n.popper.popper-tooltip {\n  --background-color: var(--dh-color-tooltip-bg);\n}\n\n.popper {\n  --background-color: var(--dh-color-popover-bg);\n\n  background: var(--background-color);\n  color: var(--dh-color-tooltip-fg);\n  border-radius: $border-radius;\n  box-shadow: $box-shadow;\n  transition:\n    visibility $transition,\n    opacity $transition;\n  pointer-events: none;\n  outline: 0;\n\n  .popper-content {\n    position: relative;\n\n    .tooltip-content {\n      text-align: center;\n      padding: $tooltip-padding-y $tooltip-padding-x;\n    }\n  }\n\n  .popper-arrow {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    position: absolute;\n    margin: $arrow-width;\n    border-color: var(--background-color);\n  }\n}\n\n.popper.interactive {\n  pointer-events: auto;\n}\n\n.popper-transition-enter {\n  opacity: 0;\n  transition: none;\n}\n\n.popper-transition-exit {\n  opacity: 0;\n  transition: all $transition;\n}\n\n.popper-container[x-placement^='top'] > .popper-transition-enter,\n.popper-container[x-placement^='top'] > .popper-transition-exit {\n  transform: scale($animation-scale) translate(0, $animation-offset);\n}\n\n.popper-container[x-placement^='right'] > .popper-transition-enter,\n.popper-container[x-placement^='right'] > .popper-transition-exit {\n  transform: scale($animation-scale) translate(-$animation-offset, 0);\n}\n\n.popper-container[x-placement^='bottom'] > .popper-transition-enter,\n.popper-container[x-placement^='bottom'] > .popper-transition-exit {\n  transform: scale($animation-scale) translate(0, -$animation-offset);\n}\n\n.popper-container[x-placement^='left'] > .popper-transition-enter,\n.popper-container[x-placement^='left'] > .popper-transition-exit {\n  transform: scale($animation-scale) translate($animation-offset, 0);\n}\n\n.popper-container[x-placement^='top'] > .popper-transition-enter-active.popper,\n.popper-container[x-placement^='right']\n  > .popper-transition-enter-active.popper,\n.popper-container[x-placement^='bottom']\n  > .popper-transition-enter-active.popper,\n.popper-container[x-placement^='left']\n  > .popper-transition-enter-active.popper {\n  opacity: 1;\n  transform: none;\n  transition: all $transition ease-out;\n}\n\n.popper-container[x-placement^='top'] > .popper {\n  margin-bottom: $arrow-width;\n\n  .popper-arrow {\n    border-width: $arrow-width $arrow-width 0 $arrow-width;\n    border-left-color: transparent;\n    border-right-color: transparent;\n    border-bottom-color: transparent;\n    bottom: -$arrow-width;\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n}\n\n.popper-container[x-placement^='bottom'] > .popper {\n  margin-top: $arrow-width;\n\n  .popper-arrow {\n    border-width: 0 $arrow-width $arrow-width $arrow-width;\n    border-left-color: transparent;\n    border-right-color: transparent;\n    border-top-color: transparent;\n    top: -$arrow-width;\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n}\n\n.popper-container[x-placement^='right'] > .popper {\n  margin-left: $arrow-width;\n\n  .popper-arrow {\n    border-width: $arrow-width $arrow-width $arrow-width 0;\n    border-left-color: transparent;\n    border-top-color: transparent;\n    border-bottom-color: transparent;\n    left: -$arrow-width;\n    margin-left: 0;\n    margin-right: 0;\n  }\n}\n\n.popper-container[x-placement^='left'] > .popper {\n  margin-right: $arrow-width;\n\n  .popper-arrow {\n    border-width: $arrow-width 0 $arrow-width $arrow-width;\n    border-top-color: transparent;\n    border-right-color: transparent;\n    border-bottom-color: transparent;\n    right: -$arrow-width;\n    margin-left: 0;\n    margin-right: 0;\n  }\n}\n"]}
+{"version":3,"sourceRoot":"","sources":["../../scss/custom.scss","../../scss/bootstrap_overrides.scss","../../src/popper/Popper.scss"],"names":[],"mappings":"AAAA;AC6LA;ACvLA;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EAEA;EACA;EACA,eDuIc;ECtId,YDuIW;ECtIX,YACE;EAEF;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA,QAxCU;EAyCV;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;EAOE;EACA;EACA;;;AAGF;EACE,eA5FY;;AA8FZ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE,YA1GY;;AA4GZ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE,aAxHY;;AA0HZ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE,cAtIY;;AAwIZ;EACE;EACA;EACA;EACA;EACA;EACA;EACA","file":"Popper.css","sourcesContent":["/* stylelint-disable scss/at-import-no-partial-leading-underscore */\n// Consumers should be able to resolve bootstrap/ to node_modules/bootstrap\n\n//Make bootstrap functions available for use in overrides\n@import 'bootstrap/scss/_functions.scss';\n@import './bootstrap_overrides.scss';\n\n//_variable imports come after bootstrap default overrides,\n// makes all other variables and mixins from bootstrap available\n/// with just importing customer.scss\n@import 'bootstrap/scss/_variables.scss';\n@import 'bootstrap/scss/_mixins.scss';\n\n//New variables come after imports\n@import './new_variables.scss';\n@import './util.scss';\n","// Styling overrides for bootstrap\n@use 'sass:map';\n\n// Override / set color variables\n$red: var(--dh-color-visual-red);\n$orange: var(--dh-color-visual-orange);\n$yellow: var(--dh-color-visual-yellow);\n$green: var(--dh-color-visual-green);\n$blue: var(--dh-color-visual-blue);\n$purple: var(--dh-color-visual-purple);\n\n// Fallback colors are used if theme isn't loaded\n// this is required for error messages if the API doesn't load\n\n//Define our Gray scale\n$gray-100: var(--dh-color-gray-900, #fcfcfa);\n$gray-200: var(--dh-color-gray-800);\n$gray-300: var(--dh-color-gray-700);\n$gray-400: var(--dh-color-gray-600);\n$gray-500: var(--dh-color-gray-500);\n// intentional duplicate, scale doesn't line up otherwise\n// as we have gray-850 and spectrum doesn't and it is needed\n$gray-600: var(--dh-color-gray-500);\n$gray-700: var(--dh-color-gray-400);\n$gray-800: var(--dh-color-gray-300);\n$gray-850: var(--dh-color-gray-200);\n$gray-900: var(--dh-color-gray-75);\n$black: var(--dh-color-black, #1a171a);\n$white: var(--dh-color-white, #f0f0ee);\n\n//Define some UI colors\n$interfacegray: var(--dh-color-content-bg, #2d2a2e);\n$interfaceblue: var(--dh-color-accent-bg);\n$interfacewhite: $white;\n$interfaceblack: $black;\n$content-bg: var(--dh-color-content-bg, #2d2a2e);\n$background: var(--dh-color-bg, #1a171a);\n$foreground: var(--dh-color-fg, #f0f0ee);\n\n// Extend default Bootstrap $grays map\n$grays-custom: (\n  '850': $gray-850,\n);\n$grays: () !default;\n$grays: map-merge($grays, $grays-custom);\n\n// Extend default Bootstrap $colors map\n$colors-custom: (\n  'black': $black,\n);\n$colors: () !default;\n$colors: map-merge($colors, $colors-custom);\n\n// Override default Bootstrap $theme-colors map by mapping each key to itself.\n// These will then be re-mapped inside of `button-outline-variant` and\n// `button-outline-variant` mixins in `bootstrap_override_mixins_buttons.scss`\n$theme-colors-self-map: ();\n@each $key\n  in (\n    'primary',\n    'secondary',\n    'success',\n    'info',\n    'warning',\n    'danger',\n    'light',\n    'dark'\n  )\n{\n  $theme-colors-self-map: map.set($theme-colors-self-map, $key, $key);\n}\n$theme-colors: () !default;\n$theme-colors: map-merge($theme-colors, $theme-colors-self-map);\n\n// Used by bootstrap_override_mixins_buttons.scss to map Bootstrap colors to\n// DH semantic colors\n$bootstrap-dh-semantic-map: (\n  'primary': 'accent',\n  'secondary': 'neutral',\n  'success': 'positive',\n  'info': 'info',\n  'warning': 'notice',\n  'danger': 'negative',\n  // We shouldn't be using these, but mapping so they work with our custom\n  // `color-yiq` mixin. If we find a way to remove $light + $dark that are\n  // defined in Bootstrap _variables.scss, we should remove these\n  'light': 'neutral',\n  'dark': 'neutral',\n);\n\n//Set default colors\n$body-bg: $black;\n$body-color: $interfacewhite;\n\n// Set brand colors\n$primary: var(--dh-color-accent-bg);\n$primary-hover: var(--dh-color-accent-hover-bg);\n$primary-dark: var(--dh-color-accent-down-bg);\n$secondary: var(--dh-color-neutral-bg);\n$secondary-hover: var(--dh-color-neutral-hover-bg);\n$success: $green;\n$info: $yellow;\n$warning: $orange;\n$danger: var(--dh-color-negative-bg);\n$danger-hover: var(--dh-color-negative-hover-bg);\n// We really don't want to use $light or $dark variables, but Bootstrap defines\n// them in _variables.scss. Explicitly setting them to ensure we are in control\n// of their values. If we can find a way to remove them, we should\n$light: var(--dh-color-gray-light);\n$dark: var(--dh-color-gray-dark);\n// Bootstrap doesn't define $mid, and we want to move away from this particular\n// semantic. Should be deleted by #1635\n$mid: var(--dh-color-gray-mid);\n\n$semantic-colors: (\n  'primary-hover': $primary-hover,\n  'primary-dark': $primary-dark,\n  'mid': $mid,\n  'content-bg': $interfacegray,\n  'background': $interfaceblack,\n  'foreground': $interfacewhite,\n  'secondary-hover': $secondary-hover,\n  'danger-hover': $danger-hover,\n);\n\n$component-active-bg: $primary;\n$theme-color-interval: 9%;\n$yiq-contrasted-threshold: 180;\n\n// Override fonts\n$font-family-sans-serif:\n  'Fira Sans',\n  -apple-system,\n  blinkmacsystemfont,\n  'Segoe UI',\n  'Roboto',\n  'Helvetica Neue',\n  arial,\n  sans-serif; //fira sans then native system ui fallbacks\n$font-family-monospace: 'Fira Mono', menlo, monaco, consolas, 'Liberation Mono',\n  'Courier New', monospace;\n$font-family-base: $font-family-sans-serif;\n\n$headings-font-weight: 400;\n\n//Text overides\n$text-muted: $gray-400;\n\n//Style Selection highlight color\n$text-select-color: var(--dh-color-text-highlight);\n\n//Grid variables, same value as default just making easily accessible\n$grid-gutter-width: 30px;\n\n//Visual Overrides\n$border-radius: 4px;\n$box-shadow: 0 0.1rem 1rem var(--dh-color-dropshadow);\n\n//Override Btn\n$btn-border-radius: 4rem;\n$btn-padding-x: 1.5rem;\n$btn-transition:\n  color 0.12s ease-in-out,\n  background-color 0.12s ease-in-out,\n  border-color 0.12s ease-in-out,\n  box-shadow 0.12s ease-in-out; //default 0.15 is too long\n$btn-border-width: 2px;\n$btn-font-weight: var(--spectrum-global-font-weight-bold);\n$btn-line-height: 1.3;\n\n//Override Inputs\n$input-bg: var(--dh-color-input-bg);\n$input-disabled-bg: var(--dh-color-input-disabled-bg);\n$input-color: var(--dh-color-input-fg);\n$input-border-color: var(--dh-color-input-border);\n$input-placeholder-color: var(--dh-color-input-placeholder);\n$input-focus-border-color: var(--dh-color-input-focus-border);\n\n$input-btn-focus-width: 0.2rem;\n$input-btn-focus-color: color-mix(\n  in srgb,\n  var(--dh-color-accent) 35%,\n  transparent\n);\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color;\n$input-btn-line-height: 1.3;\n// Bootstrap uses a calc expression to determine the input height (calc(line-height + 2*padding-y + border)).\n// The padding-y value has to be in rem to match units as it is a SASS calc.\n// Using 0.42145rem with 1.3 line height gets us to spectrum's 32px.\n/* stylelint-disable-next-line number-max-precision */\n$input-btn-padding-y: 0.42145rem;\n\n//checkbox\n$custom-control-indicator-bg: var(--dh-color-input-bg);\n$custom-control-indicator-border-color: var(--dh-color-input-border);\n$custom-checkbox-indicator-border-radius: 2px;\n$custom-control-indicator-border-width: 2px;\n$custom-control-indicator-active-bg: var(--dh-color-input-bg);\n$custom-control-indicator-active-border-color: var(--dh-color-input-fg);\n$custom-control-indicator-checked-bg: var(--dh-color-input-fg);\n$custom-control-indicator-checked-color: black; // used as mask fill color\n$custom-checkbox-indicator-indeterminate-bg: var(--dh-color-input-fg);\n$custom-control-indicator-bg-size: 75% 75%;\n$custom-control-indicator-disabled-bg: var(--dh-color-input-disabled-bg);\n$custom-control-indicator-checked-disabled-bg: var(\n  --dh-color-input-disabled-bg\n);\n$custom-control-label-disabled-color: var(--dh-color-input-disabled-fg);\n\n// The $custom-select-indicator variable is used by Bootstrap to provide the\n// icon for the select dropdown. Inline svgs can't use CSS variables, so we hard\n// code the color to #929192 (the default value of --dh-color-gray-600). PR #1651\n// overrides this icon altogether for known dropdowns, so technically we may not\n// need this, but it's here in case there are any remaining instances.\n$custom-select-indicator-color: #929192;\n$custom-select-bg: var(--dh-color-selector-bg);\n$custom-select-bg-size: 16px 16px;\n//dhSort icon encoded\n$custom-select-indicator: str-replace(\n  url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M4 7l-.4-.8 4-3.7h.8l4 3.7-.4.8H4zm0 2l-.4.8 4 3.7h.8l4-3.7L12 9H4z'/%3E%3C/svg%3E\"),\n  '#',\n  '%23'\n);\n$custom-select-focus-box-shadow: $input-btn-focus-box-shadow;\n$custom-select-disabled-color: $gray-500;\n$custom-select-disabled-bg: $gray-800;\n\n//modal\n$modal-content-bg: $content-bg;\n$modal-content-border-width: 0;\n$modal-md: 550px;\n$close-color: var(--dh-color-text);\n$close-text-shadow: none;\n\n// Toast notification\n$toast-bg: var(--dh-color-accent-100);\n$toast-color: var(--dh-color-text);\n$toast-error-bg: var(--dh-color-negative-bg);\n$toast-error-color: var(--dh-color-text);\n\n//tooltips\n$tooltip-bg: var(--dh-color-tooltip-bg);\n$tooltip-color: var(--dh-color-tooltip-fg);\n$tooltip-box-shadow: 0 0.1rem 1.5rem 0.1rem var(--dh-color-tooltip-box-shadow);\n\n//drowdowns\n$dropdown-bg: $gray-600;\n$dropdown-link-color: $foreground;\n$dropdown-link-hover-color: $foreground;\n$dropdown-link-hover-bg: var(--dh-color-item-list-hover-bg);\n$dropdown-divider-bg: $gray-700;\n\n//context menus\n$contextmenu-bg: var(--dh-color-popover-bg);\n$contextmenu-color: var(--dh-color-text);\n$contextmenu-disabled-color: var(--dh-color-input-disabled-fg);\n$contextmenu-keyboard-selected-bg: var(--dh-color-keyboard-selected-bg);\n$contextmenu-selected-bg: var(--dh-color-item-list-hover-bg);\n$contextmenu-selected-color: var(--dh-color-item-list-selected-fg);\n\n//hr\n$hr-border-color: var(--dh-color-hr);\n\n//links\n$link-color: $gray-400;\n$link-hover-color: $foreground;\n\n//progress-bar\n$progress-bg: $gray-600;\n$progress-border-radius: 1rem;\n\n// Set global options\n$enable-shadows: false;\n$enable-gradients: false;\n$enable-print-styles: false; //I don't think anyone should expect to \"print\" this app.\n\n// Transition times\n$transition: 0.15s;\n$transition-mid: 0.2s;\n$transition-long: 0.3s;\n$transition-slow: 0.6s;\n\n//form-validation icon, uses vsWarning icon encoded here as svg\n$form-feedback-icon-invalid-color: $danger;\n$form-feedback-icon-invalid: str-replace(\n  url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none'%3E%3Cg fill='#{$form-feedback-icon-invalid-color}'%3E%3Cpath d='M7.56 1h.88l6.54 12.26-.44.74H1.44L1 13.26 7.56 1zM8 2.28 2.28 13H13.7L8 2.28zM8.625 12v-1h-1.25v1h1.25zm-1.25-2V6h1.25v4h-1.25z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E \"),\n  '#',\n  '%23'\n);\n\n// This section of variables is not consumed directly by DH, but they need to be\n// defined for sass to compile _variables\n$table-dark-bg: $gray-800;\n$table-dark-accent-bg: var(--dh-color-highlight-hover);\n$table-dark-hover-bg: var(--dh-color-highlight-active);\n$table-dark-border-color: $gray-700;\n$popover-bg: var(--dh-color-tooltip-bg);\n$popover-border-color: var(--dh-color-overlay-modal-bg);\n$popover-header-bg: #000;\n$popover-arrow-outer-color: var(--dh-color-dropshadow);\n$custom-range-thumb-active-bg: var(--dh-color-accent-1100);\n","@import '../../scss/custom.scss';\n\n$arrow-width: 5px;\n$animation-scale: 0.92;\n$animation-offset: 10px;\n\n.popper-container {\n  position: absolute;\n  z-index: 5000;\n}\n\n.popper.popper-tooltip {\n  --background-color: var(--dh-color-tooltip-bg);\n}\n\n.popper {\n  --background-color: var(--dh-color-popover-bg);\n\n  background: var(--background-color);\n  color: var(--dh-color-tooltip-fg);\n  border-radius: $border-radius;\n  box-shadow: $box-shadow;\n  transition:\n    visibility $transition,\n    opacity $transition;\n  pointer-events: none;\n  outline: 0;\n\n  .popper-content {\n    position: relative;\n\n    .tooltip-content {\n      text-align: center;\n      padding: $tooltip-padding-y $tooltip-padding-x;\n    }\n  }\n\n  .popper-arrow {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    position: absolute;\n    margin: $arrow-width;\n    border-color: var(--background-color);\n  }\n}\n\n.popper.interactive {\n  pointer-events: auto;\n}\n\n.popper-transition-enter {\n  opacity: 0;\n  transition: none;\n}\n\n.popper-transition-exit {\n  opacity: 0;\n  transition: all $transition;\n}\n\n.popper-container[x-placement^='top'] > .popper-transition-enter,\n.popper-container[x-placement^='top'] > .popper-transition-exit {\n  transform: scale($animation-scale) translate(0, $animation-offset);\n}\n\n.popper-container[x-placement^='right'] > .popper-transition-enter,\n.popper-container[x-placement^='right'] > .popper-transition-exit {\n  transform: scale($animation-scale) translate(-$animation-offset, 0);\n}\n\n.popper-container[x-placement^='bottom'] > .popper-transition-enter,\n.popper-container[x-placement^='bottom'] > .popper-transition-exit {\n  transform: scale($animation-scale) translate(0, -$animation-offset);\n}\n\n.popper-container[x-placement^='left'] > .popper-transition-enter,\n.popper-container[x-placement^='left'] > .popper-transition-exit {\n  transform: scale($animation-scale) translate($animation-offset, 0);\n}\n\n.popper-container[x-placement^='top'] > .popper-transition-enter-active.popper,\n.popper-container[x-placement^='right']\n  > .popper-transition-enter-active.popper,\n.popper-container[x-placement^='bottom']\n  > .popper-transition-enter-active.popper,\n.popper-container[x-placement^='left']\n  > .popper-transition-enter-active.popper {\n  opacity: 1;\n  transform: none;\n  transition: all $transition ease-out;\n}\n\n.popper-container[x-placement^='top'] > .popper {\n  margin-bottom: $arrow-width;\n\n  .popper-arrow {\n    border-width: $arrow-width $arrow-width 0 $arrow-width;\n    border-left-color: transparent;\n    border-right-color: transparent;\n    border-bottom-color: transparent;\n    bottom: -$arrow-width;\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n}\n\n.popper-container[x-placement^='bottom'] > .popper {\n  margin-top: $arrow-width;\n\n  .popper-arrow {\n    border-width: 0 $arrow-width $arrow-width $arrow-width;\n    border-left-color: transparent;\n    border-right-color: transparent;\n    border-top-color: transparent;\n    top: -$arrow-width;\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n}\n\n.popper-container[x-placement^='right'] > .popper {\n  margin-left: $arrow-width;\n\n  .popper-arrow {\n    border-width: $arrow-width $arrow-width $arrow-width 0;\n    border-left-color: transparent;\n    border-top-color: transparent;\n    border-bottom-color: transparent;\n    left: -$arrow-width;\n    margin-left: 0;\n    margin-right: 0;\n  }\n}\n\n.popper-container[x-placement^='left'] > .popper {\n  margin-right: $arrow-width;\n\n  .popper-arrow {\n    border-width: $arrow-width 0 $arrow-width $arrow-width;\n    border-top-color: transparent;\n    border-right-color: transparent;\n    border-bottom-color: transparent;\n    right: -$arrow-width;\n    margin-left: 0;\n    margin-right: 0;\n  }\n}\n"]}

package/dist/theme/ThemeUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeUtils.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeUtils.ts"],"names":[],"mappings":"AAIA,OAAO,EAIL,SAAS,EACT,gBAAgB,EAChB,uBAAuB,EAEvB,qBAAqB,EAGrB,oBAAoB,EAErB,MAAM,cAAc,CAAC;AAItB,eAAO,MAAM,yBAAyB,WAAW,CAAC;AAClD,eAAO,MAAM,mBAAmB,WAAW,CAAC;AAC5C,eAAO,MAAM,oBAAoB,QAAO,CAAC;AACzC,eAAO,MAAM,gBAAgB,QAAO,CAAC;AAErC,MAAM,MAAM,qBAAqB,GAAG,CAAC,aAAa,EAAE,MAAM,KAAK,MAAM,CAAC;AAEtE;;;;;;GAMG;AACH,wBAAgB,4BAA4B,CAC1C,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAC3C,uBAAuB,CAazB;AAED;;;;;;;GAOG;AACH,wBAAgB,yBAAyB,CACvC,EAAE,EAAE,OAAO,EACX,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GACpC,CAAC,OAAO,EAAE,oBAAoB,KAAK,MAAM,CAgB3C;AAED;;;;GAIG;AACH,wBAAgB,yBAAyB,CACvC,EAAE,EAAE,iBAAiB,MAAM,EAAE,EAC7B,mBAAmB,EAAE,uBAAuB,GAC3C,IAAI,CAKN;AAED;;;;GAIG;AACH,wBAAgB,qCAAqC,CACnD,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAC7B,GAAG,CAAC,MAAM,CAAC,CAcb;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAC7B,QAAQ,EAAE,MAAM,EAChB,iBAAiB,EAAE,qBAAqB,GACvC,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC,CA+BtC;AAED;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,SAAS,EAAE,CAgBlD;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,IAAI,gBAAgB,GAAG,IAAI,CAU7D;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAiCrE;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,GAChB,MAAM,CAKR;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,2BAA2B,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAC1E,MAAM,EAAE,CAAC,EACT,aAAa,GAAE,WAA2B,EAC1C,eAAe,UAAQ,GACtB,CAAC,CA2CH;AAED;;;;;;GAMG;AACH,wBAAgB,2BAA2B,CACzC,QAAQ,EAAE,qBAAqB,EAC/B,KAAK,EAAE,MAAM,GACZ,MAAM,CAyBR;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,gBAAgB,GAAG,IAAI,CAKvE;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAEzE;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAC1B,oBAAoB,GAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAkC,GAC5E,IAAI,CAyBN;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,qBAAqB,CACnC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GACpC,IAAI,CAkBN"}
+{"version":3,"file":"ThemeUtils.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeUtils.ts"],"names":[],"mappings":"AAIA,OAAO,EAIL,SAAS,EACT,gBAAgB,EAChB,uBAAuB,EAEvB,qBAAqB,EAGrB,oBAAoB,EAErB,MAAM,cAAc,CAAC;AAItB,eAAO,MAAM,yBAAyB,WAAW,CAAC;AAClD,eAAO,MAAM,mBAAmB,WAAW,CAAC;AAC5C,eAAO,MAAM,oBAAoB,QAAO,CAAC;AACzC,eAAO,MAAM,gBAAgB,QAAO,CAAC;AAErC,MAAM,MAAM,qBAAqB,GAAG,CAAC,aAAa,EAAE,MAAM,KAAK,MAAM,CAAC;AAEtE;;;;;;GAMG;AACH,wBAAgB,4BAA4B,CAC1C,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAC3C,uBAAuB,CAazB;AAED;;;;;;;GAOG;AACH,wBAAgB,yBAAyB,CACvC,EAAE,EAAE,OAAO,EACX,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GACpC,CAAC,OAAO,EAAE,oBAAoB,KAAK,MAAM,CAgB3C;AAED;;;;GAIG;AACH,wBAAgB,yBAAyB,CACvC,EAAE,EAAE,iBAAiB,MAAM,EAAE,EAC7B,mBAAmB,EAAE,uBAAuB,GAC3C,IAAI,CAKN;AAED;;;;GAIG;AACH,wBAAgB,qCAAqC,CACnD,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAC7B,GAAG,CAAC,MAAM,CAAC,CAcb;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAC7B,QAAQ,EAAE,MAAM,EAChB,iBAAiB,EAAE,qBAAqB,GACvC,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC,CA+BtC;AAED;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,SAAS,EAAE,CAgBlD;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,IAAI,gBAAgB,GAAG,IAAI,CAU7D;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAiCrE;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,GAChB,MAAM,CAKR;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,2BAA2B,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAC1E,MAAM,EAAE,CAAC,EACT,aAAa,GAAE,WAA2B,EAC1C,eAAe,UAAQ,GACtB,CAAC,CA0DH;AAED;;;;;;GAMG;AACH,wBAAgB,2BAA2B,CACzC,QAAQ,EAAE,qBAAqB,EAC/B,KAAK,EAAE,MAAM,GACZ,MAAM,CAyBR;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,gBAAgB,GAAG,IAAI,CAKvE;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAEzE;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAC1B,oBAAoB,GAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAkC,GAC5E,IAAI,CAyBN;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,qBAAqB,CACnC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GACpC,IAAI,CAkBN"}

package/dist/theme/ThemeUtils.js

@@ -220,29 +220,51 @@ export function resolveCssVariablesInRecord(record) {
 
   // Add a temporary div to attach temp css variables to
   var tmpPropEl = document.createElement('div');
-  targetElement.appendChild(tmpPropEl);
-  var varExpressions = [...extractDistinctCssVariableExpressions(record)];
-
-  // Set temporary css variables for resolving var expressions
-  varExpressions.forEach((varExpression, i) => {
-    var tmpPropKey = "--".concat(TMP_CSS_PROP_PREFIX, "-").concat(i);
-    tmpPropEl.style.setProperty(tmpPropKey, varExpression);
+  tmpPropEl.style.display = 'none';
+  var recordArray = Object.entries(record);
+  recordArray.forEach((_ref2, i) => {
+    var [, value] = _ref2;
+    tmpPropEl.style.setProperty("--".concat(TMP_CSS_PROP_PREFIX, "-").concat(i), value);
+    // faster to create these now all at once, even if we don't use them all
+    // since the parent isn't added yet to the DOM
+    var el = document.createElement('div');
+    // use background color instead of color to avoid inherited values
+    el.style.backgroundColor = value;
+    tmpPropEl.appendChild(el);
   });
-  var result = {};
-  var computedStyle = window.getComputedStyle(tmpPropEl);
-  var resolver = varExpression => {
-    var tmpPropKey = "--".concat(TMP_CSS_PROP_PREFIX, "-").concat(varExpressions.indexOf(varExpression));
-    var resolved = computedStyle.getPropertyValue(tmpPropKey);
-    return ColorUtils.normalizeCssColor(resolved, isAlphaOptional);
-  };
 
-  // Resolve the temporary css variables
-  Object.entries(record).forEach(_ref2 => {
-    var [key, value] = _ref2;
-    result[key] = resolveCssVariablesInString(resolver, value);
+  // append only once to avoid multiple re-layouts
+  // must be part of DOM to get computed color
+  targetElement.appendChild(tmpPropEl);
+  var tempPropElComputedStyle = window.getComputedStyle(tmpPropEl);
+  var result = {};
+  recordArray.forEach((_ref3, i) => {
+    var [key, value] = _ref3;
+    // only resolve if it contains a css var expression
+    if (!value.includes(CSS_VAR_EXPRESSION_PREFIX)) {
+      result[key] = value;
+      return;
+    }
+    // resolves any variables in the expression
+    var resolved = tempPropElComputedStyle.getPropertyValue("--".concat(TMP_CSS_PROP_PREFIX, "-").concat(i));
+    if (
+    // skip if resolved is already hex
+    !/^#[0-9A-F]{6}[0-9a-f]{0,2}$/i.test(resolved) &&
+    // only try to normalize things that are valid colors
+    // otherwise non-colors will be made #00000000
+    CSS.supports('color', resolved)) {
+      // getting the computed background color is necessary
+      // because resolved can still contain a color-mix() function
+      var el = tmpPropEl.children[i];
+      var computedStyle = window.getComputedStyle(el);
+      var color = computedStyle.getPropertyValue('background-color');
+      // convert color to hex, which is what monaco and plotly require
+      resolved = ColorUtils.normalizeCssColor(color, isAlphaOptional);
+    }
+    result[key] = resolved;
   });
 
-  // Remove the temporary css variables
+  // Remove the temporary div
   tmpPropEl.remove();
   log.debug('Resolved css variables', performance.now() - perfStart, 'ms');
   return result;
@@ -258,8 +280,8 @@ export function resolveCssVariablesInRecord(record) {
 export function resolveCssVariablesInString(resolver, value) {
   var result = [];
   var i = 0;
-  getExpressionRanges(value).forEach(_ref3 => {
-    var [start, end] = _ref3;
+  getExpressionRanges(value).forEach(_ref4 => {
+    var [start, end] = _ref4;
     if (i < start) {
       result.push(value.substring(i, start));
       i += start - i;
@@ -331,8 +353,8 @@ export function preloadTheme() {
  */
 export function overrideSVGFillColors(defaultValues) {
   var resolveVar = createCssVariableResolver(document.body, defaultValues);
-  Object.entries(SVG_ICON_MANUAL_COLOR_MAP).forEach(_ref4 => {
-    var [key, value] = _ref4;
+  Object.entries(SVG_ICON_MANUAL_COLOR_MAP).forEach(_ref5 => {
+    var [key, value] = _ref5;
     // Clear any previous override so that our variables get resolved against the
     // actual svg content provided by the active themes and not from a previous
     // override

package/dist/theme/ThemeUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeUtils.js","names":["Log","assertNotNull","ColorUtils","themeDark","themeLight","DEFAULT_DARK_THEME_KEY","DEFAULT_LIGHT_THEME_KEY","DEFAULT_PRELOAD_DATA_VARIABLES","THEME_CACHE_LOCAL_STORAGE_KEY","SVG_ICON_MANUAL_COLOR_MAP","log","module","CSS_VAR_EXPRESSION_PREFIX","TMP_CSS_PROP_PREFIX","NON_WHITESPACE_REGEX","WHITESPACE_REGEX","calculatePreloadStyleContent","defaultPreloadValues","resolveVar","createCssVariableResolver","document","body","pairs","Object","keys","map","key","concat","join","el","defaultValues","computedStyle","getComputedStyle","cssVariableResolver","varName","_defaultValues","value","getPropertyValue","createPreloadStyleElement","id","preloadStyleContent","style","createElement","innerHTML","head","appendChild","extractDistinctCssVariableExpressions","record","set","Set","values","forEach","getExpressionRanges","_ref","start","end","expression","substring","includes","add","getActiveThemes","themeKey","themeRegistration","_custom$baseThemeKey","custom","find","theme","baseThemeKey","base","error","debug","getDefaultBaseThemes","name","styleContent","getThemePreloadData","data","localStorage","getItem","JSON","parse","_unused","_NON_WHITESPACE_REGEX","_NON_WHITESPACE_REGEX2","ranges","exec","index","parenLevel","i","length","test","push","replaceSVGFillColor","svgContent","fillColor","replace","encodeURIComponent","resolveCssVariablesInRecord","targetElement","arguments","undefined","isAlphaOptional","perfStart","performance","now","tmpPropEl","varExpressions","varExpression","tmpPropKey","setProperty","result","window","resolver","indexOf","resolved","normalizeCssColor","entries","_ref2","resolveCssVariablesInString","remove","_ref3","setThemePreloadData","preloadData","setItem","stringify","getThemeKey","pluginName","themeName","preloadTheme","_getThemePreloadData","previousPreloadStyleContent","defaultPreloadStyleContent","overrideSVGFillColors","_ref4","removeProperty","newSVGContent"],"sources":["../../src/theme/ThemeUtils.ts"],"sourcesContent":["import Log from '@deephaven/log';\nimport { assertNotNull, ColorUtils } from '@deephaven/utils';\nimport { themeDark } from './theme-dark';\nimport { themeLight } from './theme-light';\nimport {\n  DEFAULT_DARK_THEME_KEY,\n  DEFAULT_LIGHT_THEME_KEY,\n  DEFAULT_PRELOAD_DATA_VARIABLES,\n  ThemeData,\n  ThemePreloadData,\n  CssVariableStyleContent,\n  ThemePreloadColorVariable,\n  ThemeRegistrationData,\n  THEME_CACHE_LOCAL_STORAGE_KEY,\n  SVG_ICON_MANUAL_COLOR_MAP,\n  ThemeCssVariableName,\n  ThemeIconsRequiringManualColorChanges,\n} from './ThemeModel';\n\nconst log = Log.module('ThemeUtils');\n\nexport const CSS_VAR_EXPRESSION_PREFIX = 'var(--';\nexport const TMP_CSS_PROP_PREFIX = 'dh-tmp';\nexport const NON_WHITESPACE_REGEX = /\\S/;\nexport const WHITESPACE_REGEX = /\\s/;\n\nexport type VarExpressionResolver = (varExpression: string) => string;\n\n/**\n * Resolves the current values of CSS variables we want to preload. Preloading\n * happens before themes are fully loaded so that we can style things like the\n * loading spinner and background color which are shown to the user early on in\n * the app lifecycle.\n * @defaultPreloadValues Default values to use if a preload variable is not set.\n */\nexport function calculatePreloadStyleContent(\n  defaultPreloadValues: Record<string, string>\n): CssVariableStyleContent {\n  const resolveVar = createCssVariableResolver(\n    document.body,\n    defaultPreloadValues\n  );\n\n  // Calculate the current preload variables. If the variable is not set, use\n  // the default value.\n  const pairs = Object.keys(defaultPreloadValues).map(\n    key => `${key}:${resolveVar(key as ThemePreloadColorVariable)}`\n  );\n\n  return `:root{${pairs.join(';')}}`;\n}\n\n/**\n * Create a resolver function for calculating the value of a css variable based\n * on a given element's computed style. If the variable resolves to '', we check\n * `defaultValues` for a default value, and if one does not exist,\n * return ''.\n * @param el Element to resolve css variables against\n * @param defaultValues Default values to use if a variable is not set.\n */\nexport function createCssVariableResolver(\n  el: Element,\n  defaultValues: Record<string, string>\n): (varName: ThemeCssVariableName) => string {\n  const computedStyle = getComputedStyle(el);\n\n  /**\n   * Resolve the given css variable name to a value. If the variable is not set,\n   * return the default preload value or '' if one does not exist.\n   */\n  return function cssVariableResolver(varName: ThemeCssVariableName): string {\n    const value = computedStyle.getPropertyValue(varName);\n\n    if (value !== '') {\n      return value;\n    }\n\n    return defaultValues[varName as ThemePreloadColorVariable] ?? '';\n  };\n}\n\n/**\n * Create a style tag containing preload css variables and add to the head.\n * @param id The id of the style tag\n * @param preloadStyleContent The css variable content to add to the style tag\n */\nexport function createPreloadStyleElement(\n  id: `theme-preload-${string}`,\n  preloadStyleContent: CssVariableStyleContent\n): void {\n  const style = document.createElement('style');\n  style.id = id;\n  style.innerHTML = preloadStyleContent;\n  document.head.appendChild(style);\n}\n\n/**\n * Extracts all css variable expressions from the given record and returns\n * a set of unique expressions.\n * @param record The record to extract css variable expressions from\n */\nexport function extractDistinctCssVariableExpressions(\n  record: Record<string, string>\n): Set<string> {\n  const set = new Set<string>();\n\n  Object.values(record).forEach(value => {\n    getExpressionRanges(value).forEach(([start, end]) => {\n      const expression = value.substring(start, end + 1);\n\n      if (expression.includes(CSS_VAR_EXPRESSION_PREFIX)) {\n        set.add(expression);\n      }\n    });\n  });\n\n  return set;\n}\n\n/**\n * Returns an array of the active themes. The first item will always be one\n * of the base themes. Optionally, the second item will be a custom theme.\n */\nexport function getActiveThemes(\n  themeKey: string,\n  themeRegistration: ThemeRegistrationData\n): [ThemeData] | [ThemeData, ThemeData] {\n  const custom = themeRegistration.custom.find(\n    theme => theme.themeKey === themeKey\n  );\n\n  const baseThemeKey = custom?.baseThemeKey ?? themeKey;\n\n  let base = themeRegistration.base.find(\n    theme => theme.themeKey === baseThemeKey\n  );\n\n  if (base == null) {\n    log.error(\n      `No registered base theme found for theme key: '${baseThemeKey}'`,\n      'Registered:',\n      themeRegistration.base.map(theme => theme.themeKey),\n      themeRegistration.custom.map(theme => theme.themeKey)\n    );\n    base = themeRegistration.base.find(\n      theme => theme.themeKey === DEFAULT_DARK_THEME_KEY\n    );\n\n    assertNotNull(\n      base,\n      `Default base theme '${DEFAULT_DARK_THEME_KEY}' is not registered`\n    );\n  }\n\n  log.debug('Applied themes:', base.themeKey, custom?.themeKey);\n\n  return custom == null ? [base] : [base, custom];\n}\n\n/**\n * Get default base theme data.\n */\nexport function getDefaultBaseThemes(): ThemeData[] {\n  return [\n    {\n      name: 'Default Dark',\n      themeKey: DEFAULT_DARK_THEME_KEY,\n      styleContent: themeDark,\n    },\n    // The ThemePicker shows whenever more than 1 theme is available. Disable\n    // light theme for now to keep the picker hidden until it is fully\n    // implemented by #1539.\n    {\n      name: 'Default Light',\n      themeKey: DEFAULT_LIGHT_THEME_KEY,\n      styleContent: themeLight,\n    },\n  ];\n}\n\n/**\n * Get the preload data from local storage or null if it does not exist or is\n * invalid\n */\nexport function getThemePreloadData(): ThemePreloadData | null {\n  const data = localStorage.getItem(THEME_CACHE_LOCAL_STORAGE_KEY);\n\n  try {\n    return data == null ? null : JSON.parse(data);\n  } catch {\n    // ignore\n  }\n\n  return null;\n}\n\n/**\n * Identifies start and end indices of any top-level expressions in the given\n * string.\n *\n * e.g.\n * getExpressionRanges('var(--aaa-aa) #fff var(--bbb-bb)')\n * yields:\n * [\n *   [0, 12],  // 'var(--aaa-aa)'\n *   [14, 17]  // '#fff'\n *   [19, 31], // 'var(--bbb-bb)'\n * ]\n *\n * In cases where there are nested expressions, only the indices of the outermost\n * expression will be included.\n *\n * e.g.\n * getExpressionRanges('var(--ccc-cc, var(--aaa-aa, green)) var(--bbb-bb)')\n * yields:\n * [\n *   [0, 34],  // 'var(--ccc-cc, var(--aaa-aa, green))'\n *   [36, 48], // 'var(--bbb-bb)'\n * ]\n * @param value The string to search for expressions\n * @returns An array of [start, end] index pairs for each expression\n */\nexport function getExpressionRanges(value: string): [number, number][] {\n  const ranges: [number, number][] = [];\n\n  let start = NON_WHITESPACE_REGEX.exec(value)?.index ?? 0;\n  let parenLevel = 0;\n\n  for (let i = 0; i < value.length; i += 1) {\n    if (value[i] === '(') {\n      parenLevel += 1;\n    } else if (value[i] === ')') {\n      parenLevel -= 1;\n    }\n\n    if (\n      i === value.length - 1 ||\n      (WHITESPACE_REGEX.test(value[i + 1]) && parenLevel === 0)\n    ) {\n      ranges.push([start, i]);\n\n      while (i < value.length - 1 && WHITESPACE_REGEX.test(value[i + 1])) {\n        i += 1;\n      }\n\n      start = i + 1;\n    }\n  }\n\n  if (parenLevel !== 0) {\n    log.error('Unbalanced parentheses in css var expression', value);\n    return [];\n  }\n\n  return ranges;\n}\n\n/**\n * Replace the `fill='...'` attribute in the given SVG content with the given\n * color string.\n * @param svgContent Inline SVG content to replace the fill color in\n * @param fillColor The color to replace the fill color with\n */\nexport function replaceSVGFillColor(\n  svgContent: string,\n  fillColor: string\n): string {\n  return svgContent.replace(\n    /fill='.*?'/,\n    `fill='${encodeURIComponent(fillColor)}'`\n  );\n}\n\n/**\n * Make a copy of the given object replacing any css variable expressions\n * contained in its prop values with values resolved from the given HTML element.\n * Variables that resolve to color strings will also be normalized to 8 digit\n * hex values (or optionally 6 digit hex if `isAlphaOptional` is true).\n *\n * Note that the browser will force a reflow when calling `getComputedStyle` if\n * css properties have changed. In order to avoid a reflow for every property\n * check we use distinct setup, resolve / normalize, and cleanup passes:\n * 1. Setup - Create a tmp element and set all css props we want to evaluate\n * 2. Resolve / Normalize - Evaluate all css props via `getPropertyValue` calls\n *    and replace the original expressions with resolved values. Also normalize\n *    css colors to rgb/a.\n * 3. Cleanup - Remove the tmp element\n * @param record An object whose values may contain css var expressions\n * @param targetElement The element to resolve css variables against. Defaults\n * to document.body\n * @param isAlphaOptional If true, the alpha value will be dropped from resolved\n * 8 character hex colors if it is 'ff'. Defaults to false.\n */\nexport function resolveCssVariablesInRecord<T extends Record<string, string>>(\n  record: T,\n  targetElement: HTMLElement = document.body,\n  isAlphaOptional = false\n): T {\n  const perfStart = performance.now();\n\n  // Add a temporary div to attach temp css variables to\n  const tmpPropEl = document.createElement('div');\n  targetElement.appendChild(tmpPropEl);\n\n  const varExpressions = [...extractDistinctCssVariableExpressions(record)];\n\n  // Set temporary css variables for resolving var expressions\n  varExpressions.forEach((varExpression, i) => {\n    const tmpPropKey = `--${TMP_CSS_PROP_PREFIX}-${i}`;\n    tmpPropEl.style.setProperty(tmpPropKey, varExpression);\n  });\n\n  const result = {} as T;\n\n  const computedStyle = window.getComputedStyle(tmpPropEl);\n\n  const resolver = (varExpression: string): string => {\n    const tmpPropKey = `--${TMP_CSS_PROP_PREFIX}-${varExpressions.indexOf(\n      varExpression\n    )}`;\n\n    const resolved = computedStyle.getPropertyValue(tmpPropKey);\n\n    return ColorUtils.normalizeCssColor(resolved, isAlphaOptional);\n  };\n\n  // Resolve the temporary css variables\n  Object.entries(record).forEach(([key, value]) => {\n    result[key as keyof T] = resolveCssVariablesInString(\n      resolver,\n      value\n    ) as T[keyof T];\n  });\n\n  // Remove the temporary css variables\n  tmpPropEl.remove();\n\n  log.debug('Resolved css variables', performance.now() - perfStart, 'ms');\n\n  return result;\n}\n\n/**\n * Resolve css variable expressions in the given string using the\n * given resolver and replace the original expressions with the resolved values.\n *\n * @param resolver Function that can resolve a css variable expression\n * @param value Value that may contain css variable expressions\n */\nexport function resolveCssVariablesInString(\n  resolver: VarExpressionResolver,\n  value: string\n): string {\n  const result: string[] = [];\n  let i = 0;\n  getExpressionRanges(value).forEach(([start, end]) => {\n    if (i < start) {\n      result.push(value.substring(i, start));\n      i += start - i;\n    }\n\n    const expression = value.substring(start, end + 1);\n\n    result.push(\n      expression.includes(CSS_VAR_EXPRESSION_PREFIX)\n        ? resolver(expression)\n        : expression\n    );\n\n    i += end - start + 1;\n  });\n\n  if (result.length === 0) {\n    return value;\n  }\n\n  return result.join('');\n}\n\n/**\n * Store theme preload data in local storage.\n * @param preloadData The preload data to set\n */\nexport function setThemePreloadData(preloadData: ThemePreloadData): void {\n  localStorage.setItem(\n    THEME_CACHE_LOCAL_STORAGE_KEY,\n    JSON.stringify(preloadData)\n  );\n}\n\n/**\n * Derive unique theme key from plugin root path and theme name.\n * @param pluginName The root path of the plugin\n * @param themeName The name of the theme\n */\nexport function getThemeKey(pluginName: string, themeName: string): string {\n  return `${pluginName}_${themeName}`;\n}\n\n/**\n * Preload minimal theme variables from the cache.\n * @defaultPreloadValues Optional default values to use if a preload variable is not set.\n */\nexport function preloadTheme(\n  defaultPreloadValues: Record<string, string> = DEFAULT_PRELOAD_DATA_VARIABLES\n): void {\n  const previousPreloadStyleContent =\n    getThemePreloadData()?.preloadStyleContent;\n\n  const defaultPreloadStyleContent =\n    calculatePreloadStyleContent(defaultPreloadValues);\n\n  log.debug('Preloading theme content:', {\n    defaultPreloadStyleContent,\n    previousPreloadStyleContent,\n  });\n\n  createPreloadStyleElement(\n    'theme-preload-defaults',\n    defaultPreloadStyleContent\n  );\n\n  // Any preload variables that were saved by last theme load should override\n  // the defaults\n  if (previousPreloadStyleContent != null) {\n    createPreloadStyleElement(\n      'theme-preload-previous',\n      previousPreloadStyleContent\n    );\n  }\n}\n\n/**\n * Inline SVGs cannot depend on dynamic CSS variables, so we have to statically\n * update them if we want to change their color.\n *\n * This function:\n * 1. Clears any previous overrides\n * 2. Resolves CSS variables containing inline SVG urls\n * 3. Resolves mapped color variables and replaces the `fill='...'` attribute with the result\n * 4. Sets the original CSS variable to the new replaced value\n *\n * Note that it is preferable to use inline SVGs as background-mask values and\n * just change the background color instead of relying on this util, but this\n * is not always possible. e.g. <select> elements don't support pseudo elements,\n * so there's not a good way to set icons via masks.\n * @param defaultValues Default values to use if a variable is not set.\n */\nexport function overrideSVGFillColors(\n  defaultValues: Record<string, string>\n): void {\n  const resolveVar = createCssVariableResolver(document.body, defaultValues);\n\n  Object.entries(SVG_ICON_MANUAL_COLOR_MAP).forEach(([key, value]) => {\n    // Clear any previous override so that our variables get resolved against the\n    // actual svg content provided by the active themes and not from a previous\n    // override\n    document.body.style.removeProperty(key);\n\n    const svgContent = resolveVar(key as ThemeIconsRequiringManualColorChanges);\n    const fillColor = resolveVar(value as ThemePreloadColorVariable);\n\n    const newSVGContent = replaceSVGFillColor(svgContent, fillColor);\n\n    // This will take precedence over any values for the variable provided by\n    // the active themes\n    document.body.style.setProperty(key, newSVGContent);\n  });\n}\n"],"mappings":"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"}
+{"version":3,"file":"ThemeUtils.js","names":["Log","assertNotNull","ColorUtils","themeDark","themeLight","DEFAULT_DARK_THEME_KEY","DEFAULT_LIGHT_THEME_KEY","DEFAULT_PRELOAD_DATA_VARIABLES","THEME_CACHE_LOCAL_STORAGE_KEY","SVG_ICON_MANUAL_COLOR_MAP","log","module","CSS_VAR_EXPRESSION_PREFIX","TMP_CSS_PROP_PREFIX","NON_WHITESPACE_REGEX","WHITESPACE_REGEX","calculatePreloadStyleContent","defaultPreloadValues","resolveVar","createCssVariableResolver","document","body","pairs","Object","keys","map","key","concat","join","el","defaultValues","computedStyle","getComputedStyle","cssVariableResolver","varName","_defaultValues","value","getPropertyValue","createPreloadStyleElement","id","preloadStyleContent","style","createElement","innerHTML","head","appendChild","extractDistinctCssVariableExpressions","record","set","Set","values","forEach","getExpressionRanges","_ref","start","end","expression","substring","includes","add","getActiveThemes","themeKey","themeRegistration","_custom$baseThemeKey","custom","find","theme","baseThemeKey","base","error","debug","getDefaultBaseThemes","name","styleContent","getThemePreloadData","data","localStorage","getItem","JSON","parse","_unused","_NON_WHITESPACE_REGEX","_NON_WHITESPACE_REGEX2","ranges","exec","index","parenLevel","i","length","test","push","replaceSVGFillColor","svgContent","fillColor","replace","encodeURIComponent","resolveCssVariablesInRecord","targetElement","arguments","undefined","isAlphaOptional","perfStart","performance","now","tmpPropEl","display","recordArray","entries","_ref2","setProperty","backgroundColor","tempPropElComputedStyle","window","result","_ref3","resolved","CSS","supports","children","color","normalizeCssColor","remove","resolveCssVariablesInString","resolver","_ref4","setThemePreloadData","preloadData","setItem","stringify","getThemeKey","pluginName","themeName","preloadTheme","_getThemePreloadData","previousPreloadStyleContent","defaultPreloadStyleContent","overrideSVGFillColors","_ref5","removeProperty","newSVGContent"],"sources":["../../src/theme/ThemeUtils.ts"],"sourcesContent":["import Log from '@deephaven/log';\nimport { assertNotNull, ColorUtils } from '@deephaven/utils';\nimport { themeDark } from './theme-dark';\nimport { themeLight } from './theme-light';\nimport {\n  DEFAULT_DARK_THEME_KEY,\n  DEFAULT_LIGHT_THEME_KEY,\n  DEFAULT_PRELOAD_DATA_VARIABLES,\n  ThemeData,\n  ThemePreloadData,\n  CssVariableStyleContent,\n  ThemePreloadColorVariable,\n  ThemeRegistrationData,\n  THEME_CACHE_LOCAL_STORAGE_KEY,\n  SVG_ICON_MANUAL_COLOR_MAP,\n  ThemeCssVariableName,\n  ThemeIconsRequiringManualColorChanges,\n} from './ThemeModel';\n\nconst log = Log.module('ThemeUtils');\n\nexport const CSS_VAR_EXPRESSION_PREFIX = 'var(--';\nexport const TMP_CSS_PROP_PREFIX = 'dh-tmp';\nexport const NON_WHITESPACE_REGEX = /\\S/;\nexport const WHITESPACE_REGEX = /\\s/;\n\nexport type VarExpressionResolver = (varExpression: string) => string;\n\n/**\n * Resolves the current values of CSS variables we want to preload. Preloading\n * happens before themes are fully loaded so that we can style things like the\n * loading spinner and background color which are shown to the user early on in\n * the app lifecycle.\n * @defaultPreloadValues Default values to use if a preload variable is not set.\n */\nexport function calculatePreloadStyleContent(\n  defaultPreloadValues: Record<string, string>\n): CssVariableStyleContent {\n  const resolveVar = createCssVariableResolver(\n    document.body,\n    defaultPreloadValues\n  );\n\n  // Calculate the current preload variables. If the variable is not set, use\n  // the default value.\n  const pairs = Object.keys(defaultPreloadValues).map(\n    key => `${key}:${resolveVar(key as ThemePreloadColorVariable)}`\n  );\n\n  return `:root{${pairs.join(';')}}`;\n}\n\n/**\n * Create a resolver function for calculating the value of a css variable based\n * on a given element's computed style. If the variable resolves to '', we check\n * `defaultValues` for a default value, and if one does not exist,\n * return ''.\n * @param el Element to resolve css variables against\n * @param defaultValues Default values to use if a variable is not set.\n */\nexport function createCssVariableResolver(\n  el: Element,\n  defaultValues: Record<string, string>\n): (varName: ThemeCssVariableName) => string {\n  const computedStyle = getComputedStyle(el);\n\n  /**\n   * Resolve the given css variable name to a value. If the variable is not set,\n   * return the default preload value or '' if one does not exist.\n   */\n  return function cssVariableResolver(varName: ThemeCssVariableName): string {\n    const value = computedStyle.getPropertyValue(varName);\n\n    if (value !== '') {\n      return value;\n    }\n\n    return defaultValues[varName as ThemePreloadColorVariable] ?? '';\n  };\n}\n\n/**\n * Create a style tag containing preload css variables and add to the head.\n * @param id The id of the style tag\n * @param preloadStyleContent The css variable content to add to the style tag\n */\nexport function createPreloadStyleElement(\n  id: `theme-preload-${string}`,\n  preloadStyleContent: CssVariableStyleContent\n): void {\n  const style = document.createElement('style');\n  style.id = id;\n  style.innerHTML = preloadStyleContent;\n  document.head.appendChild(style);\n}\n\n/**\n * Extracts all css variable expressions from the given record and returns\n * a set of unique expressions.\n * @param record The record to extract css variable expressions from\n */\nexport function extractDistinctCssVariableExpressions(\n  record: Record<string, string>\n): Set<string> {\n  const set = new Set<string>();\n\n  Object.values(record).forEach(value => {\n    getExpressionRanges(value).forEach(([start, end]) => {\n      const expression = value.substring(start, end + 1);\n\n      if (expression.includes(CSS_VAR_EXPRESSION_PREFIX)) {\n        set.add(expression);\n      }\n    });\n  });\n\n  return set;\n}\n\n/**\n * Returns an array of the active themes. The first item will always be one\n * of the base themes. Optionally, the second item will be a custom theme.\n */\nexport function getActiveThemes(\n  themeKey: string,\n  themeRegistration: ThemeRegistrationData\n): [ThemeData] | [ThemeData, ThemeData] {\n  const custom = themeRegistration.custom.find(\n    theme => theme.themeKey === themeKey\n  );\n\n  const baseThemeKey = custom?.baseThemeKey ?? themeKey;\n\n  let base = themeRegistration.base.find(\n    theme => theme.themeKey === baseThemeKey\n  );\n\n  if (base == null) {\n    log.error(\n      `No registered base theme found for theme key: '${baseThemeKey}'`,\n      'Registered:',\n      themeRegistration.base.map(theme => theme.themeKey),\n      themeRegistration.custom.map(theme => theme.themeKey)\n    );\n    base = themeRegistration.base.find(\n      theme => theme.themeKey === DEFAULT_DARK_THEME_KEY\n    );\n\n    assertNotNull(\n      base,\n      `Default base theme '${DEFAULT_DARK_THEME_KEY}' is not registered`\n    );\n  }\n\n  log.debug('Applied themes:', base.themeKey, custom?.themeKey);\n\n  return custom == null ? [base] : [base, custom];\n}\n\n/**\n * Get default base theme data.\n */\nexport function getDefaultBaseThemes(): ThemeData[] {\n  return [\n    {\n      name: 'Default Dark',\n      themeKey: DEFAULT_DARK_THEME_KEY,\n      styleContent: themeDark,\n    },\n    // The ThemePicker shows whenever more than 1 theme is available. Disable\n    // light theme for now to keep the picker hidden until it is fully\n    // implemented by #1539.\n    {\n      name: 'Default Light',\n      themeKey: DEFAULT_LIGHT_THEME_KEY,\n      styleContent: themeLight,\n    },\n  ];\n}\n\n/**\n * Get the preload data from local storage or null if it does not exist or is\n * invalid\n */\nexport function getThemePreloadData(): ThemePreloadData | null {\n  const data = localStorage.getItem(THEME_CACHE_LOCAL_STORAGE_KEY);\n\n  try {\n    return data == null ? null : JSON.parse(data);\n  } catch {\n    // ignore\n  }\n\n  return null;\n}\n\n/**\n * Identifies start and end indices of any top-level expressions in the given\n * string.\n *\n * e.g.\n * getExpressionRanges('var(--aaa-aa) #fff var(--bbb-bb)')\n * yields:\n * [\n *   [0, 12],  // 'var(--aaa-aa)'\n *   [14, 17]  // '#fff'\n *   [19, 31], // 'var(--bbb-bb)'\n * ]\n *\n * In cases where there are nested expressions, only the indices of the outermost\n * expression will be included.\n *\n * e.g.\n * getExpressionRanges('var(--ccc-cc, var(--aaa-aa, green)) var(--bbb-bb)')\n * yields:\n * [\n *   [0, 34],  // 'var(--ccc-cc, var(--aaa-aa, green))'\n *   [36, 48], // 'var(--bbb-bb)'\n * ]\n * @param value The string to search for expressions\n * @returns An array of [start, end] index pairs for each expression\n */\nexport function getExpressionRanges(value: string): [number, number][] {\n  const ranges: [number, number][] = [];\n\n  let start = NON_WHITESPACE_REGEX.exec(value)?.index ?? 0;\n  let parenLevel = 0;\n\n  for (let i = 0; i < value.length; i += 1) {\n    if (value[i] === '(') {\n      parenLevel += 1;\n    } else if (value[i] === ')') {\n      parenLevel -= 1;\n    }\n\n    if (\n      i === value.length - 1 ||\n      (WHITESPACE_REGEX.test(value[i + 1]) && parenLevel === 0)\n    ) {\n      ranges.push([start, i]);\n\n      while (i < value.length - 1 && WHITESPACE_REGEX.test(value[i + 1])) {\n        i += 1;\n      }\n\n      start = i + 1;\n    }\n  }\n\n  if (parenLevel !== 0) {\n    log.error('Unbalanced parentheses in css var expression', value);\n    return [];\n  }\n\n  return ranges;\n}\n\n/**\n * Replace the `fill='...'` attribute in the given SVG content with the given\n * color string.\n * @param svgContent Inline SVG content to replace the fill color in\n * @param fillColor The color to replace the fill color with\n */\nexport function replaceSVGFillColor(\n  svgContent: string,\n  fillColor: string\n): string {\n  return svgContent.replace(\n    /fill='.*?'/,\n    `fill='${encodeURIComponent(fillColor)}'`\n  );\n}\n\n/**\n * Make a copy of the given object replacing any css variable expressions\n * contained in its prop values with values resolved from the given HTML element.\n * Variables that resolve to color strings will also be normalized to 8 digit\n * hex values (or optionally 6 digit hex if `isAlphaOptional` is true).\n *\n * Note that the browser will force a reflow when calling `getComputedStyle` if\n * css properties have changed. In order to avoid a reflow for every property\n * check we use distinct setup, resolve / normalize, and cleanup passes:\n * 1. Setup - Create a tmp element and set all css props we want to evaluate\n * 2. Resolve / Normalize - Evaluate all css props via `getPropertyValue` calls\n *    and replace the original expressions with resolved values. Also normalize\n *    css colors to rgb/a.\n * 3. Cleanup - Remove the tmp element\n * @param record An object whose values may contain css var expressions\n * @param targetElement The element to resolve css variables against. Defaults\n * to document.body\n * @param isAlphaOptional If true, the alpha value will be dropped from resolved\n * 8 character hex colors if it is 'ff'. Defaults to false.\n */\nexport function resolveCssVariablesInRecord<T extends Record<string, string>>(\n  record: T,\n  targetElement: HTMLElement = document.body,\n  isAlphaOptional = false\n): T {\n  const perfStart = performance.now();\n\n  // Add a temporary div to attach temp css variables to\n  const tmpPropEl = document.createElement('div');\n  tmpPropEl.style.display = 'none';\n\n  const recordArray = Object.entries(record);\n  recordArray.forEach(([, value], i) => {\n    tmpPropEl.style.setProperty(`--${TMP_CSS_PROP_PREFIX}-${i}`, value);\n    // faster to create these now all at once, even if we don't use them all\n    // since the parent isn't added yet to the DOM\n    const el = document.createElement('div');\n    // use background color instead of color to avoid inherited values\n    el.style.backgroundColor = value;\n    tmpPropEl.appendChild(el);\n  });\n\n  // append only once to avoid multiple re-layouts\n  // must be part of DOM to get computed color\n  targetElement.appendChild(tmpPropEl);\n  const tempPropElComputedStyle = window.getComputedStyle(tmpPropEl);\n\n  const result = {} as T;\n  recordArray.forEach(([key, value], i) => {\n    // only resolve if it contains a css var expression\n    if (!value.includes(CSS_VAR_EXPRESSION_PREFIX)) {\n      (result as Record<string, string>)[key] = value;\n      return;\n    }\n    // resolves any variables in the expression\n    let resolved = tempPropElComputedStyle.getPropertyValue(\n      `--${TMP_CSS_PROP_PREFIX}-${i}`\n    );\n    if (\n      // skip if resolved is already hex\n      !/^#[0-9A-F]{6}[0-9a-f]{0,2}$/i.test(resolved) &&\n      // only try to normalize things that are valid colors\n      // otherwise non-colors will be made #00000000\n      CSS.supports('color', resolved)\n    ) {\n      // getting the computed background color is necessary\n      // because resolved can still contain a color-mix() function\n      const el = tmpPropEl.children[i] as HTMLDivElement;\n      const computedStyle = window.getComputedStyle(el);\n      const color = computedStyle.getPropertyValue('background-color');\n      // convert color to hex, which is what monaco and plotly require\n      resolved = ColorUtils.normalizeCssColor(color, isAlphaOptional);\n    }\n    (result as Record<string, string>)[key] = resolved;\n  });\n\n  // Remove the temporary div\n  tmpPropEl.remove();\n\n  log.debug('Resolved css variables', performance.now() - perfStart, 'ms');\n\n  return result;\n}\n\n/**\n * Resolve css variable expressions in the given string using the\n * given resolver and replace the original expressions with the resolved values.\n *\n * @param resolver Function that can resolve a css variable expression\n * @param value Value that may contain css variable expressions\n */\nexport function resolveCssVariablesInString(\n  resolver: VarExpressionResolver,\n  value: string\n): string {\n  const result: string[] = [];\n  let i = 0;\n  getExpressionRanges(value).forEach(([start, end]) => {\n    if (i < start) {\n      result.push(value.substring(i, start));\n      i += start - i;\n    }\n\n    const expression = value.substring(start, end + 1);\n\n    result.push(\n      expression.includes(CSS_VAR_EXPRESSION_PREFIX)\n        ? resolver(expression)\n        : expression\n    );\n\n    i += end - start + 1;\n  });\n\n  if (result.length === 0) {\n    return value;\n  }\n\n  return result.join('');\n}\n\n/**\n * Store theme preload data in local storage.\n * @param preloadData The preload data to set\n */\nexport function setThemePreloadData(preloadData: ThemePreloadData): void {\n  localStorage.setItem(\n    THEME_CACHE_LOCAL_STORAGE_KEY,\n    JSON.stringify(preloadData)\n  );\n}\n\n/**\n * Derive unique theme key from plugin root path and theme name.\n * @param pluginName The root path of the plugin\n * @param themeName The name of the theme\n */\nexport function getThemeKey(pluginName: string, themeName: string): string {\n  return `${pluginName}_${themeName}`;\n}\n\n/**\n * Preload minimal theme variables from the cache.\n * @defaultPreloadValues Optional default values to use if a preload variable is not set.\n */\nexport function preloadTheme(\n  defaultPreloadValues: Record<string, string> = DEFAULT_PRELOAD_DATA_VARIABLES\n): void {\n  const previousPreloadStyleContent =\n    getThemePreloadData()?.preloadStyleContent;\n\n  const defaultPreloadStyleContent =\n    calculatePreloadStyleContent(defaultPreloadValues);\n\n  log.debug('Preloading theme content:', {\n    defaultPreloadStyleContent,\n    previousPreloadStyleContent,\n  });\n\n  createPreloadStyleElement(\n    'theme-preload-defaults',\n    defaultPreloadStyleContent\n  );\n\n  // Any preload variables that were saved by last theme load should override\n  // the defaults\n  if (previousPreloadStyleContent != null) {\n    createPreloadStyleElement(\n      'theme-preload-previous',\n      previousPreloadStyleContent\n    );\n  }\n}\n\n/**\n * Inline SVGs cannot depend on dynamic CSS variables, so we have to statically\n * update them if we want to change their color.\n *\n * This function:\n * 1. Clears any previous overrides\n * 2. Resolves CSS variables containing inline SVG urls\n * 3. Resolves mapped color variables and replaces the `fill='...'` attribute with the result\n * 4. Sets the original CSS variable to the new replaced value\n *\n * Note that it is preferable to use inline SVGs as background-mask values and\n * just change the background color instead of relying on this util, but this\n * is not always possible. e.g. <select> elements don't support pseudo elements,\n * so there's not a good way to set icons via masks.\n * @param defaultValues Default values to use if a variable is not set.\n */\nexport function overrideSVGFillColors(\n  defaultValues: Record<string, string>\n): void {\n  const resolveVar = createCssVariableResolver(document.body, defaultValues);\n\n  Object.entries(SVG_ICON_MANUAL_COLOR_MAP).forEach(([key, value]) => {\n    // Clear any previous override so that our variables get resolved against the\n    // actual svg content provided by the active themes and not from a previous\n    // override\n    document.body.style.removeProperty(key);\n\n    const svgContent = resolveVar(key as ThemeIconsRequiringManualColorChanges);\n    const fillColor = resolveVar(value as ThemePreloadColorVariable);\n\n    const newSVGContent = replaceSVGFillColor(svgContent, fillColor);\n\n    // This will take precedence over any values for the variable provided by\n    // the active themes\n    document.body.style.setProperty(key, newSVGContent);\n  });\n}\n"],"mappings":"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"}

package/dist/theme/theme-dark/theme-dark-components.css

@@ -1 +1 @@
-:root{--dh-color-loading-spinner-primary: var(--dh-color-accent-bg);--dh-color-loading-spinner-secondary: hsla(var(--dh-color-gray-800-hsl), 0.5);--dh-color-quickactions-bg: hsla(var(--dh-color-visual-gray-hsl), 0.9);--dh-color-radial-reaction: hsla(var(--dh-color-visual-gray-hsl), 0.6);--dh-color-colorpicker-border: hsla(var(--dh-color-visual-gray-hsl), 0.1);--dh-logo-img: var(--dh-logo-dark-img);--dh-color-login-form-bg: var(--dh-color-gray-400);--dh-color-login-status-message: var(--dh-color-gray-600);--dh-color-login-logo-bg: var(--dh-color-gray-900);--dh-color-login-footer-fg: var(--dh-color-gray-700);--dh-color-random-area-plot-animation-fg-fill: hsla( var(--dh-color-accent-hsl), 0.08 );--dh-color-random-area-plot-animation-fg-stroke: hsla( var(--dh-color-accent-hsl), 0.2 );--dh-color-random-area-plot-animation-bg: var(--dh-color-gray-75);--dh-color-random-area-plot-animation-grid: var(--dh-color-gray-300);--dh-color-action-bg: var(--dh-color-gray-75);--dh-color-action-fg: var(--dh-color-text);--dh-color-action-border: var(--dh-color-border);--dh-color-action-down-bg: var(--dh-color-gray-300);--dh-color-action-hover-bg: var(--dh-color-gray-50);--dh-color-action-hover-fg: var(--dh-color-text-hover);--dh-color-action-hover-border: var(--dh-color-hover-border);--dh-color-action-active-bg: var(--dh-color-gray-800);--dh-color-action-active-fg: var(--dh-color-gray-50);--dh-color-action-active-border: var(--dh-color-gray-800);--dh-color-action-active-hover-bg: var(--dh-color-gray-900);--dh-color-action-active-hover-fg: var(--dh-color-gray-50);--dh-color-action-active-hover-border: var(--dh-color-gray-900);--dh-color-action-disabled-bg: transparent;--dh-color-action-disabled-fg: var(--dh-color-text-disabled);--dh-color-action-disabled-border: var(--dh-color-gray-300);--dh-color-icon-fg: var(--dh-color-gray-700);--dh-color-icon-disabled-fg: var(--dh-color-gray-400);--dh-color-input-bg: var(--dh-color-gray-75);--dh-color-input-fg: var(--dh-color-text);--dh-color-input-border: var(--dh-color-border);--dh-color-input-placeholder: var(--dh-color-gray-600);--dh-color-input-active-bg: var(--dh-color-input-bg);--dh-color-input-disabled-bg: var(--dh-color-disabled-bg);--dh-color-input-disabled-border: transparent;--dh-color-input-disabled-fg: var(--dh-color-text-disabled);--dh-color-input-hover-border: var(--dh-color-gray-600);--dh-color-input-focus-border: var(--dh-color-border-focus);--dh-color-search-icon: var(--dh-color-fg);--dh-color-form-control-error: hsl(var(--dh-color-visual-negative-hsl));--dh-color-form-control-error-shadow: hsla( var(--dh-color-visual-negative-hsl), 0.25 );--dh-color-label-text: var(--dh-color-gray-700);--dh-color-selector-fg: var(--dh-color-icon-fg);--dh-color-selector-bg: var(--dh-color-gray-75);--dh-color-selector-hover-bg: var(--dh-color-gray-50);--dh-color-selector-hover-fg: var(--dh-color-gray-900);--dh-color-selector-disabled-fg: var(--dh-color-icon-disabled-fg);--dh-color-item-list-bg: transparent;--dh-color-item-list-active-bg: var(--dh-color-highlight-active);--dh-color-item-list-hover-bg: var(--dh-color-highlight-hover);--dh-color-item-list-selected-fg: var(--dh-color-text);--dh-color-item-list-selected-bg: var(--dh-color-highlight-selected);--dh-color-item-list-selected-hover-bg: var( --dh-color-highlight-selected-hover );--dh-color-item-list-selected-inactive-bg: var(--dh-color-gray-200);--dh-color-item-list-selected-border: hsla(var(--dh-color-accent-hsl), 0.6);--dh-color-item-list-drop-target-fg: var(--dh-color-white);--dh-color-item-list-keyboard-selected-bg: hsla( var(--dh-color-accent-hsl), 0.5 );--dh-color-golden-layout-tab-header-bg: var(--dh-color-gray-75);--dh-color-golden-layout-tab-bg: var(--dh-color-gray-75);--dh-color-golden-layout-tab-selected-bg: var(--dh-color-content-bg);--dh-color-menu-item-fg: var(--dh-color-gray-700);--dh-color-hr: var(--dh-color-gray-300);--dh-color-dialog-title-fg: var(--dh-color-heading-text);--dh-color-dialog-fg: var(--dh-color-text);--dh-color-popover-bg: var(--dh-color-bg);--dh-color-tooltip-bg: var(--dh-color-gray-400);--dh-color-tooltip-fg: var(--dh-color-fg);--dh-color-tooltip-box-shadow: var(--dh-color-dropshadow);--dh-color-well-bg: hsla(var(--dh-color-visual-gray-hsl), 0.02);--dh-color-well-border: hsla(var(--dh-color-visual-gray-hsl), 0.05)}/*# sourceMappingURL=theme-dark-components.css.map */
+:root{--dh-color-loading-spinner-primary: var(--dh-color-accent-bg);--dh-color-loading-spinner-secondary: color-mix( in srgb, var(--dh-color-gray-800) 50%, transparent );--dh-color-quickactions-bg: color-mix( in srgb, var(--dh-color-visual-gray) 90%, transparent );--dh-color-radial-reaction: color-mix( in srgb, var(--dh-color-visual-gray) 60%, transparent );--dh-color-colorpicker-border: color-mix( in srgb, var(--dh-color-visual-gray) 10%, transparent );--dh-logo-img: var(--dh-logo-dark-img);--dh-color-login-form-bg: var(--dh-color-gray-400);--dh-color-login-status-message: var(--dh-color-gray-600);--dh-color-login-logo-bg: var(--dh-color-gray-900);--dh-color-login-footer-fg: var(--dh-color-gray-700);--dh-color-random-area-plot-animation-fg-fill: color-mix( in srgb, var(--dh-color-accent) 8%, transparent );--dh-color-random-area-plot-animation-fg-stroke: color-mix( in srgb, var(--dh-color-accent) 20%, transparent );--dh-color-random-area-plot-animation-bg: var(--dh-color-gray-75);--dh-color-random-area-plot-animation-grid: var(--dh-color-gray-300);--dh-color-action-bg: var(--dh-color-gray-75);--dh-color-action-fg: var(--dh-color-text);--dh-color-action-border: var(--dh-color-border);--dh-color-action-down-bg: var(--dh-color-gray-300);--dh-color-action-hover-bg: var(--dh-color-gray-50);--dh-color-action-hover-fg: var(--dh-color-text-hover);--dh-color-action-hover-border: var(--dh-color-hover-border);--dh-color-action-active-bg: var(--dh-color-gray-800);--dh-color-action-active-fg: var(--dh-color-gray-50);--dh-color-action-active-border: var(--dh-color-gray-800);--dh-color-action-active-hover-bg: var(--dh-color-gray-900);--dh-color-action-active-hover-fg: var(--dh-color-gray-50);--dh-color-action-active-hover-border: var(--dh-color-gray-900);--dh-color-action-disabled-bg: transparent;--dh-color-action-disabled-fg: var(--dh-color-text-disabled);--dh-color-action-disabled-border: var(--dh-color-gray-300);--dh-color-icon-fg: var(--dh-color-gray-700);--dh-color-icon-disabled-fg: var(--dh-color-gray-400);--dh-color-input-bg: var(--dh-color-gray-75);--dh-color-input-fg: var(--dh-color-text);--dh-color-input-border: var(--dh-color-border);--dh-color-input-placeholder: var(--dh-color-gray-600);--dh-color-input-active-bg: var(--dh-color-input-bg);--dh-color-input-disabled-bg: var(--dh-color-disabled-bg);--dh-color-input-disabled-border: transparent;--dh-color-input-disabled-fg: var(--dh-color-text-disabled);--dh-color-input-hover-border: var(--dh-color-hover-border);--dh-color-input-focus-border: var(--dh-color-border-focus);--dh-color-search-icon: var(--dh-color-fg);--dh-color-form-control-error: var(--dh-color-visual-negative);--dh-color-form-control-error-shadow: color-mix( in srgb, var(--dh-color-visual-negative) 25%, transparent );--dh-color-label-text: var(--dh-color-gray-700);--dh-color-selector-fg: var(--dh-color-icon-fg);--dh-color-selector-bg: var(--dh-color-gray-75);--dh-color-selector-hover-bg: var(--dh-color-gray-50);--dh-color-selector-hover-fg: var(--dh-color-gray-900);--dh-color-selector-disabled-fg: var(--dh-color-icon-disabled-fg);--dh-color-item-list-bg: transparent;--dh-color-item-list-active-bg: var(--dh-color-highlight-active);--dh-color-item-list-hover-bg: var(--dh-color-highlight-hover);--dh-color-item-list-selected-fg: var(--dh-color-text);--dh-color-item-list-selected-bg: var(--dh-color-highlight-selected);--dh-color-item-list-selected-hover-bg: var( --dh-color-highlight-selected-hover );--dh-color-item-list-selected-inactive-bg: var(--dh-color-gray-200);--dh-color-item-list-selected-border: color-mix( in srgb, var(--dh-color-accent) 60%, transparent );--dh-color-item-list-drop-target-fg: var(--dh-color-white);--dh-color-item-list-keyboard-selected-bg: color-mix( in srgb, var(--dh-color-accent) 50%, transparent );--dh-color-golden-layout-tab-header-bg: var(--dh-color-gray-75);--dh-color-golden-layout-tab-bg: var(--dh-color-gray-75);--dh-color-golden-layout-tab-selected-bg: var(--dh-color-content-bg);--dh-color-menu-item-fg: var(--dh-color-gray-700);--dh-color-hr: var(--dh-color-gray-300);--dh-color-dialog-title-fg: var(--dh-color-heading-text);--dh-color-dialog-fg: var(--dh-color-text);--dh-color-popover-bg: var(--dh-color-bg);--dh-color-tooltip-bg: var(--dh-color-gray-400);--dh-color-tooltip-fg: var(--dh-color-fg);--dh-color-tooltip-box-shadow: var(--dh-color-dropshadow);--dh-color-well-bg: color-mix( in srgb, var(--dh-color-visual-gray) 2%, transparent );--dh-color-well-border: color-mix( in srgb, var(--dh-color-visual-gray) 5%, transparent )}/*# sourceMappingURL=theme-dark-components.css.map */

package/dist/theme/theme-dark/theme-dark-components.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-components.css"],"names":[],"mappings":"AAEA,MACE,8DACA,8EACA,uEACA,uEACA,0EAGA,uCAGA,mDACA,0DACA,mDACA,qDAIA,wFAIA,yFAIA,kEACA,qEAGA,8CACA,2CACA,iDAEA,oDAEA,oDACA,uDACA,6DAEA,sDACA,qDACA,0DAEA,4DACA,2DACA,gEAEA,2CACA,6DACA,4DAGA,6CACA,sDAGA,6CACA,0CACA,gDACA,uDACA,qDACA,0DACA,8CACA,4DACA,wDACA,4DAGA,2CACA,wEACA,wFAMA,gDAGA,gDACA,gDACA,sDACA,uDACA,kEAGA,qCACA,iEACA,+DACA,uDACA,qEACA,mFAGA,oEACA,4EACA,2DAEA,mFAcA,gEACA,yDACA,qEAGA,kDAGA,wCAGA,yDACA,2CAGA,0CAGA,gDACA,0CACA,0DAGA,gEACA","file":"theme-dark-components.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before */\n/* stylelint-disable alpha-value-notation */\n:root {\n  --dh-color-loading-spinner-primary: var(--dh-color-accent-bg);\n  --dh-color-loading-spinner-secondary: hsla(var(--dh-color-gray-800-hsl), 0.5);\n  --dh-color-quickactions-bg: hsla(var(--dh-color-visual-gray-hsl), 0.9);\n  --dh-color-radial-reaction: hsla(var(--dh-color-visual-gray-hsl), 0.6);\n  --dh-color-colorpicker-border: hsla(var(--dh-color-visual-gray-hsl), 0.1);\n\n  /* Logo */\n  --dh-logo-img: var(--dh-logo-dark-img);\n\n  /* Login */\n  --dh-color-login-form-bg: var(--dh-color-gray-400);\n  --dh-color-login-status-message: var(--dh-color-gray-600);\n  --dh-color-login-logo-bg: var(--dh-color-gray-900);\n  --dh-color-login-footer-fg: var(--dh-color-gray-700);\n\n  /* We should base this color on something from the palette, but for now just\n   * hard coding the original value */\n  --dh-color-random-area-plot-animation-fg-fill: hsla(\n    var(--dh-color-accent-hsl),\n    0.08\n  );\n  --dh-color-random-area-plot-animation-fg-stroke: hsla(\n    var(--dh-color-accent-hsl),\n    0.2\n  );\n  --dh-color-random-area-plot-animation-bg: var(--dh-color-gray-75);\n  --dh-color-random-area-plot-animation-grid: var(--dh-color-gray-300);\n\n  /* Actions */\n  --dh-color-action-bg: var(--dh-color-gray-75);\n  --dh-color-action-fg: var(--dh-color-text);\n  --dh-color-action-border: var(--dh-color-border);\n\n  --dh-color-action-down-bg: var(--dh-color-gray-300);\n\n  --dh-color-action-hover-bg: var(--dh-color-gray-50);\n  --dh-color-action-hover-fg: var(--dh-color-text-hover);\n  --dh-color-action-hover-border: var(--dh-color-hover-border);\n\n  --dh-color-action-active-bg: var(--dh-color-gray-800);\n  --dh-color-action-active-fg: var(--dh-color-gray-50);\n  --dh-color-action-active-border: var(--dh-color-gray-800);\n\n  --dh-color-action-active-hover-bg: var(--dh-color-gray-900);\n  --dh-color-action-active-hover-fg: var(--dh-color-gray-50);\n  --dh-color-action-active-hover-border: var(--dh-color-gray-900);\n\n  --dh-color-action-disabled-bg: transparent;\n  --dh-color-action-disabled-fg: var(--dh-color-text-disabled);\n  --dh-color-action-disabled-border: var(--dh-color-gray-300);\n\n  /* Icons */\n  --dh-color-icon-fg: var(--dh-color-gray-700);\n  --dh-color-icon-disabled-fg: var(--dh-color-gray-400);\n\n  /* Inputs */\n  --dh-color-input-bg: var(--dh-color-gray-75);\n  --dh-color-input-fg: var(--dh-color-text);\n  --dh-color-input-border: var(--dh-color-border);\n  --dh-color-input-placeholder: var(--dh-color-gray-600);\n  --dh-color-input-active-bg: var(--dh-color-input-bg);\n  --dh-color-input-disabled-bg: var(--dh-color-disabled-bg);\n  --dh-color-input-disabled-border: transparent;\n  --dh-color-input-disabled-fg: var(--dh-color-text-disabled);\n  --dh-color-input-hover-border: var(--dh-color-gray-600);\n  --dh-color-input-focus-border: var(--dh-color-border-focus);\n\n  /* Form Controls */\n  --dh-color-search-icon: var(--dh-color-fg);\n  --dh-color-form-control-error: hsl(var(--dh-color-visual-negative-hsl));\n  --dh-color-form-control-error-shadow: hsla(\n    var(--dh-color-visual-negative-hsl),\n    0.25\n  );\n\n  /* Labels */\n  --dh-color-label-text: var(--dh-color-gray-700);\n\n  /* Selectors (pickers, dropdowns, select, etc.) */\n  --dh-color-selector-fg: var(--dh-color-icon-fg);\n  --dh-color-selector-bg: var(--dh-color-gray-75);\n  --dh-color-selector-hover-bg: var(--dh-color-gray-50);\n  --dh-color-selector-hover-fg: var(--dh-color-gray-900);\n  --dh-color-selector-disabled-fg: var(--dh-color-icon-disabled-fg);\n\n  /* Item List */\n  --dh-color-item-list-bg: transparent;\n  --dh-color-item-list-active-bg: var(--dh-color-highlight-active);\n  --dh-color-item-list-hover-bg: var(--dh-color-highlight-hover);\n  --dh-color-item-list-selected-fg: var(--dh-color-text);\n  --dh-color-item-list-selected-bg: var(--dh-color-highlight-selected);\n  --dh-color-item-list-selected-hover-bg: var(\n    --dh-color-highlight-selected-hover\n  );\n  --dh-color-item-list-selected-inactive-bg: var(--dh-color-gray-200);\n  --dh-color-item-list-selected-border: hsla(var(--dh-color-accent-hsl), 0.6);\n  --dh-color-item-list-drop-target-fg: var(--dh-color-white);\n\n  --dh-color-item-list-keyboard-selected-bg: hsla(\n    var(--dh-color-accent-hsl),\n    0.5\n  );\n\n  /* \n   * There are a couple of related variables used in Enterprise SingleClickItemList.\n   * that aren't consumed in DHC. We should see if there is a way to include these\n   * in the theming variables.\n   * --dh-color-item-list-keyboard-selected-border\n   * --dh-color-item-list-keyboard-selected-hover-bg\n   */\n\n  /* Golden Layout */\n  --dh-color-golden-layout-tab-header-bg: var(--dh-color-gray-75);\n  --dh-color-golden-layout-tab-bg: var(--dh-color-gray-75);\n  --dh-color-golden-layout-tab-selected-bg: var(--dh-color-content-bg);\n\n  /* Navigation Menu */\n  --dh-color-menu-item-fg: var(--dh-color-gray-700);\n\n  /* Hr */\n  --dh-color-hr: var(--dh-color-gray-300);\n\n  /* Dialogs */\n  --dh-color-dialog-title-fg: var(--dh-color-heading-text);\n  --dh-color-dialog-fg: var(--dh-color-text);\n\n  /* Popovers */\n  --dh-color-popover-bg: var(--dh-color-bg);\n\n  /* Tooltips */\n  --dh-color-tooltip-bg: var(--dh-color-gray-400);\n  --dh-color-tooltip-fg: var(--dh-color-fg);\n  --dh-color-tooltip-box-shadow: var(--dh-color-dropshadow);\n\n  /* Wells */\n  --dh-color-well-bg: hsla(var(--dh-color-visual-gray-hsl), 0.02);\n  --dh-color-well-border: hsla(var(--dh-color-visual-gray-hsl), 0.05);\n}\n"]}
+{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-components.css"],"names":[],"mappings":"AAEA,MACE,8DACA,sGAKA,+FAKA,+FAKA,kGAOA,uCAGA,mDACA,0DACA,mDACA,qDAIA,4GAKA,+GAKA,kEACA,qEAGA,8CACA,2CACA,iDAEA,oDAEA,oDACA,uDACA,6DAEA,sDACA,qDACA,0DAEA,4DACA,2DACA,gEAEA,2CACA,6DACA,4DAGA,6CACA,sDAGA,6CACA,0CACA,gDACA,uDACA,qDACA,0DACA,8CACA,4DACA,4DACA,4DAGA,2CACA,+DACA,6GAOA,gDAGA,gDACA,gDACA,sDACA,uDACA,kEAGA,qCACA,iEACA,+DACA,uDACA,qEACA,mFAGA,oEACA,oGAKA,2DAEA,yGAeA,gEACA,yDACA,qEAGA,kDAGA,wCAGA,yDACA,2CAGA,0CAGA,gDACA,0CACA,0DAGA,sFAKA","file":"theme-dark-components.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before */\n/* stylelint-disable alpha-value-notation */\n:root {\n  --dh-color-loading-spinner-primary: var(--dh-color-accent-bg);\n  --dh-color-loading-spinner-secondary: color-mix(\n    in srgb,\n    var(--dh-color-gray-800) 50%,\n    transparent\n  );\n  --dh-color-quickactions-bg: color-mix(\n    in srgb,\n    var(--dh-color-visual-gray) 90%,\n    transparent\n  );\n  --dh-color-radial-reaction: color-mix(\n    in srgb,\n    var(--dh-color-visual-gray) 60%,\n    transparent\n  );\n  --dh-color-colorpicker-border: color-mix(\n    in srgb,\n    var(--dh-color-visual-gray) 10%,\n    transparent\n  );\n\n  /* Logo */\n  --dh-logo-img: var(--dh-logo-dark-img);\n\n  /* Login */\n  --dh-color-login-form-bg: var(--dh-color-gray-400);\n  --dh-color-login-status-message: var(--dh-color-gray-600);\n  --dh-color-login-logo-bg: var(--dh-color-gray-900);\n  --dh-color-login-footer-fg: var(--dh-color-gray-700);\n\n  /* We should base this color on something from the palette, but for now just\n   * hard coding the original value */\n  --dh-color-random-area-plot-animation-fg-fill: color-mix(\n    in srgb,\n    var(--dh-color-accent) 8%,\n    transparent\n  );\n  --dh-color-random-area-plot-animation-fg-stroke: color-mix(\n    in srgb,\n    var(--dh-color-accent) 20%,\n    transparent\n  );\n  --dh-color-random-area-plot-animation-bg: var(--dh-color-gray-75);\n  --dh-color-random-area-plot-animation-grid: var(--dh-color-gray-300);\n\n  /* Actions */\n  --dh-color-action-bg: var(--dh-color-gray-75);\n  --dh-color-action-fg: var(--dh-color-text);\n  --dh-color-action-border: var(--dh-color-border);\n\n  --dh-color-action-down-bg: var(--dh-color-gray-300);\n\n  --dh-color-action-hover-bg: var(--dh-color-gray-50);\n  --dh-color-action-hover-fg: var(--dh-color-text-hover);\n  --dh-color-action-hover-border: var(--dh-color-hover-border);\n\n  --dh-color-action-active-bg: var(--dh-color-gray-800);\n  --dh-color-action-active-fg: var(--dh-color-gray-50);\n  --dh-color-action-active-border: var(--dh-color-gray-800);\n\n  --dh-color-action-active-hover-bg: var(--dh-color-gray-900);\n  --dh-color-action-active-hover-fg: var(--dh-color-gray-50);\n  --dh-color-action-active-hover-border: var(--dh-color-gray-900);\n\n  --dh-color-action-disabled-bg: transparent;\n  --dh-color-action-disabled-fg: var(--dh-color-text-disabled);\n  --dh-color-action-disabled-border: var(--dh-color-gray-300);\n\n  /* Icons */\n  --dh-color-icon-fg: var(--dh-color-gray-700);\n  --dh-color-icon-disabled-fg: var(--dh-color-gray-400);\n\n  /* Inputs */\n  --dh-color-input-bg: var(--dh-color-gray-75);\n  --dh-color-input-fg: var(--dh-color-text);\n  --dh-color-input-border: var(--dh-color-border);\n  --dh-color-input-placeholder: var(--dh-color-gray-600);\n  --dh-color-input-active-bg: var(--dh-color-input-bg);\n  --dh-color-input-disabled-bg: var(--dh-color-disabled-bg);\n  --dh-color-input-disabled-border: transparent;\n  --dh-color-input-disabled-fg: var(--dh-color-text-disabled);\n  --dh-color-input-hover-border: var(--dh-color-hover-border);\n  --dh-color-input-focus-border: var(--dh-color-border-focus);\n\n  /* Form Controls */\n  --dh-color-search-icon: var(--dh-color-fg);\n  --dh-color-form-control-error: var(--dh-color-visual-negative);\n  --dh-color-form-control-error-shadow: color-mix(\n    in srgb,\n    var(--dh-color-visual-negative) 25%,\n    transparent\n  );\n\n  /* Labels */\n  --dh-color-label-text: var(--dh-color-gray-700);\n\n  /* Selectors (pickers, dropdowns, select, etc.) */\n  --dh-color-selector-fg: var(--dh-color-icon-fg);\n  --dh-color-selector-bg: var(--dh-color-gray-75);\n  --dh-color-selector-hover-bg: var(--dh-color-gray-50);\n  --dh-color-selector-hover-fg: var(--dh-color-gray-900);\n  --dh-color-selector-disabled-fg: var(--dh-color-icon-disabled-fg);\n\n  /* Item List */\n  --dh-color-item-list-bg: transparent;\n  --dh-color-item-list-active-bg: var(--dh-color-highlight-active);\n  --dh-color-item-list-hover-bg: var(--dh-color-highlight-hover);\n  --dh-color-item-list-selected-fg: var(--dh-color-text);\n  --dh-color-item-list-selected-bg: var(--dh-color-highlight-selected);\n  --dh-color-item-list-selected-hover-bg: var(\n    --dh-color-highlight-selected-hover\n  );\n  --dh-color-item-list-selected-inactive-bg: var(--dh-color-gray-200);\n  --dh-color-item-list-selected-border: color-mix(\n    in srgb,\n    var(--dh-color-accent) 60%,\n    transparent\n  );\n  --dh-color-item-list-drop-target-fg: var(--dh-color-white);\n\n  --dh-color-item-list-keyboard-selected-bg: color-mix(\n    in srgb,\n    var(--dh-color-accent) 50%,\n    transparent\n  );\n\n  /* \n   * There are a couple of related variables used in Enterprise SingleClickItemList.\n   * that aren't consumed in DHC. We should see if there is a way to include these\n   * in the theming variables.\n   * --dh-color-item-list-keyboard-selected-border\n   * --dh-color-item-list-keyboard-selected-hover-bg\n   */\n\n  /* Golden Layout */\n  --dh-color-golden-layout-tab-header-bg: var(--dh-color-gray-75);\n  --dh-color-golden-layout-tab-bg: var(--dh-color-gray-75);\n  --dh-color-golden-layout-tab-selected-bg: var(--dh-color-content-bg);\n\n  /* Navigation Menu */\n  --dh-color-menu-item-fg: var(--dh-color-gray-700);\n\n  /* Hr */\n  --dh-color-hr: var(--dh-color-gray-300);\n\n  /* Dialogs */\n  --dh-color-dialog-title-fg: var(--dh-color-heading-text);\n  --dh-color-dialog-fg: var(--dh-color-text);\n\n  /* Popovers */\n  --dh-color-popover-bg: var(--dh-color-bg);\n\n  /* Tooltips */\n  --dh-color-tooltip-bg: var(--dh-color-gray-400);\n  --dh-color-tooltip-fg: var(--dh-color-fg);\n  --dh-color-tooltip-box-shadow: var(--dh-color-dropshadow);\n\n  /* Wells */\n  --dh-color-well-bg: color-mix(\n    in srgb,\n    var(--dh-color-visual-gray) 2%,\n    transparent\n  );\n  --dh-color-well-border: color-mix(\n    in srgb,\n    var(--dh-color-visual-gray) 5%,\n    transparent\n  );\n}\n"]}

package/dist/theme/theme-dark/theme-dark-palette.css

@@ -1 +1 @@
-:root{--dh-color-gray-50-hsl: 300deg, 6.1%, 9.6%;--dh-color-gray-75-hsl: 280deg, 4.6%, 12.7%;--dh-color-gray-100-hsl: 285deg, 4.5%, 17.3%;--dh-color-gray-200-hsl: 285deg, 4.1%, 19.2%;--dh-color-gray-300-hsl: 285deg, 3.7%, 21.2%;--dh-color-gray-400-hsl: 280deg, 2.4%, 24.9%;--dh-color-gray-500-hsl: 270deg, 1.1%, 35.7%;--dh-color-gray-600-hsl: 300deg, 0.5%, 57.1%;--dh-color-gray-700-hsl: 0deg, 0.8%, 75.1%;--dh-color-gray-800-hsl: 60deg, 6.2%, 93.7%;--dh-color-gray-900-hsl: 60deg, 25%, 98.4%;--dh-color-gray-light-hsl: var(--dh-color-gray-900-hsl);--dh-color-gray-mid-hsl: var(--dh-color-gray-600-hsl);--dh-color-gray-dark-hsl: var(--dh-color-gray-300-hsl);--dh-color-black-hsl: var(--dh-color-gray-50-hsl);--dh-color-white-hsl: var(--dh-color-gray-800-hsl);--dh-color-true-black-hsl: 0deg, 0%, 0%;--dh-color-true-white-hsl: 0deg, 0%, 100%;--dh-color-red-100-hsl: 346deg, 54.3%, 18%;--dh-color-red-200-hsl: 345deg, 55%, 23.5%;--dh-color-red-300-hsl: 346deg, 54.2%, 30%;--dh-color-red-400-hsl: 345deg, 54.3%, 36.9%;--dh-color-red-500-hsl: 345deg, 53.4%, 43.7%;--dh-color-red-600-hsl: 345deg, 54.8%, 51.4%;--dh-color-red-700-hsl: 345deg, 71.3%, 59%;--dh-color-red-800-hsl: 345deg, 91.7%, 67.1%;--dh-color-red-900-hsl: 344deg, 100%, 74.1%;--dh-color-red-1000-hsl: 343deg, 100%, 80%;--dh-color-red-1100-hsl: 343deg, 100%, 85.3%;--dh-color-red-1200-hsl: 344deg, 100%, 89.8%;--dh-color-red-1300-hsl: 344deg, 100%, 93.5%;--dh-color-red-1400-hsl: 344deg, 100%, 96.3%;--dh-color-orange-100-hsl: 20deg, 100%, 13.9%;--dh-color-orange-200-hsl: 22deg, 95.7%, 18%;--dh-color-orange-300-hsl: 23deg, 89.8%, 23.1%;--dh-color-orange-400-hsl: 22deg, 83.7%, 28.8%;--dh-color-orange-500-hsl: 22deg, 79.7%, 34.7%;--dh-color-orange-600-hsl: 22deg, 74.3%, 41.2%;--dh-color-orange-700-hsl: 22deg, 69.8%, 48%;--dh-color-orange-800-hsl: 22deg, 78.2%, 55.1%;--dh-color-orange-900-hsl: 21deg, 94.7%, 63.1%;--dh-color-orange-1000-hsl: 22deg, 100%, 70.6%;--dh-color-orange-1100-hsl: 23deg, 100%, 77.6%;--dh-color-orange-1200-hsl: 24deg, 100%, 84.3%;--dh-color-orange-1300-hsl: 24deg, 100%, 89.8%;--dh-color-orange-1400-hsl: 25deg, 100%, 94.3%;--dh-color-yellow-100-hsl: 51deg, 100%, 9%;--dh-color-yellow-200-hsl: 50deg, 100%, 12%;--dh-color-yellow-300-hsl: 51deg, 100%, 15.1%;--dh-color-yellow-400-hsl: 50deg, 90%, 19.6%;--dh-color-yellow-500-hsl: 49deg, 82.4%, 24.5%;--dh-color-yellow-600-hsl: 48deg, 75%, 29.8%;--dh-color-yellow-700-hsl: 48deg, 70.2%, 35.5%;--dh-color-yellow-800-hsl: 47deg, 65.7%, 41.2%;--dh-color-yellow-900-hsl: 47deg, 61.2%, 47.5%;--dh-color-yellow-1000-hsl: 47deg, 66.2%, 53.5%;--dh-color-yellow-1100-hsl: 46deg, 79.4%, 60%;--dh-color-yellow-1200-hsl: 46deg, 94.2%, 66.5%;--dh-color-yellow-1300-hsl: 49deg, 100%, 73.9%;--dh-color-yellow-1400-hsl: 51deg, 100%, 83.7%;--dh-color-chartreuse-100-hsl: 77deg, 100%, 8.4%;--dh-color-chartreuse-200-hsl: 75deg, 83.6%, 12%;--dh-color-chartreuse-300-hsl: 74deg, 73.2%, 16.1%;--dh-color-chartreuse-400-hsl: 71deg, 67%, 20.2%;--dh-color-chartreuse-500-hsl: 71deg, 62.2%, 24.9%;--dh-color-chartreuse-600-hsl: 70deg, 58.9%, 29.6%;--dh-color-chartreuse-700-hsl: 69deg, 55.7%, 34.5%;--dh-color-chartreuse-800-hsl: 68deg, 52.9%, 40%;--dh-color-chartreuse-900-hsl: 67deg, 50%, 45.5%;--dh-color-chartreuse-1000-hsl: 67deg, 49.2%, 51.4%;--dh-color-chartreuse-1100-hsl: 67deg, 57.8%, 57.3%;--dh-color-chartreuse-1200-hsl: 66deg, 67.2%, 64.1%;--dh-color-chartreuse-1300-hsl: 66deg, 75.7%, 72.5%;--dh-color-chartreuse-1400-hsl: 66deg, 82%, 82.5%;--dh-color-celery-100-hsl: 127deg, 42.9%, 12.4%;--dh-color-celery-200-hsl: 125deg, 43.2%, 15.9%;--dh-color-celery-300-hsl: 125deg, 42.9%, 20.6%;--dh-color-celery-400-hsl: 125deg, 42.6%, 25.3%;--dh-color-celery-500-hsl: 125deg, 41.6%, 30.2%;--dh-color-celery-600-hsl: 126deg, 40.7%, 35.7%;--dh-color-celery-700-hsl: 125deg, 39.3%, 41.4%;--dh-color-celery-800-hsl: 125deg, 36.6%, 47.6%;--dh-color-celery-900-hsl: 125deg, 39.1%, 54.9%;--dh-color-celery-1000-hsl: 125deg, 43.9%, 62.9%;--dh-color-celery-1100-hsl: 125deg, 47.9%, 71.4%;--dh-color-celery-1200-hsl: 126deg, 49.5%, 79.8%;--dh-color-celery-1300-hsl: 126deg, 48.5%, 87.1%;--dh-color-celery-1400-hsl: 127deg, 50%, 92.9%;--dh-color-green-100-hsl: 95deg, 17.1%, 13.7%;--dh-color-green-200-hsl: 92deg, 18.7%, 17.8%;--dh-color-green-300-hsl: 94deg, 21.7%, 22.5%;--dh-color-green-400-hsl: 94deg, 22.9%, 27.5%;--dh-color-green-500-hsl: 93deg, 25.6%, 32.2%;--dh-color-green-600-hsl: 95deg, 27.7%, 37.5%;--dh-color-green-700-hsl: 95deg, 29.6%, 42.4%;--dh-color-green-800-hsl: 94deg, 31.7%, 47.6%;--dh-color-green-900-hsl: 94deg, 37.5%, 52.9%;--dh-color-green-1000-hsl: 94deg, 47.4%, 58.2%;--dh-color-green-1100-hsl: 94deg, 58.9%, 63.7%;--dh-color-green-1200-hsl: 94deg, 70.9%, 70.4%;--dh-color-green-1300-hsl: 94deg, 81.5%, 78.8%;--dh-color-green-1400-hsl: 93deg, 87.7%, 87.3%;--dh-color-seafoam-100-hsl: 156deg, 13.9%, 14.1%;--dh-color-seafoam-200-hsl: 158deg, 17.4%, 18%;--dh-color-seafoam-300-hsl: 159deg, 19.7%, 22.9%;--dh-color-seafoam-400-hsl: 158deg, 22.5%, 27.8%;--dh-color-seafoam-500-hsl: 158deg, 25.7%, 32.7%;--dh-color-seafoam-600-hsl: 159deg, 28.8%, 37.5%;--dh-color-seafoam-700-hsl: 161deg, 33%, 42.2%;--dh-color-seafoam-800-hsl: 161deg, 36.4%, 46.9%;--dh-color-seafoam-900-hsl: 162deg, 41.9%, 51.4%;--dh-color-seafoam-1000-hsl: 161deg, 53.4%, 56.3%;--dh-color-seafoam-1100-hsl: 162deg, 66%, 62%;--dh-color-seafoam-1200-hsl: 161deg, 76.5%, 70%;--dh-color-seafoam-1300-hsl: 158deg, 86.5%, 79.6%;--dh-color-seafoam-1400-hsl: 156deg, 89.1%, 89.2%;--dh-color-cyan-100-hsl: 185deg, 38.5%, 12.7%;--dh-color-cyan-200-hsl: 186deg, 38.1%, 16.5%;--dh-color-cyan-300-hsl: 186deg, 38.9%, 21.2%;--dh-color-cyan-400-hsl: 185deg, 38.3%, 26.1%;--dh-color-cyan-500-hsl: 185deg, 38.4%, 31.2%;--dh-color-cyan-600-hsl: 186deg, 38%, 36.7%;--dh-color-cyan-700-hsl: 185deg, 37.7%, 42.2%;--dh-color-cyan-800-hsl: 185deg, 37.1%, 48%;--dh-color-cyan-900-hsl: 185deg, 42.5%, 54.3%;--dh-color-cyan-1000-hsl: 185deg, 52.5%, 60.4%;--dh-color-cyan-1100-hsl: 186deg, 64.5%, 66.9%;--dh-color-cyan-1200-hsl: 186deg, 78.9%, 73.9%;--dh-color-cyan-1300-hsl: 186deg, 91.6%, 81.4%;--dh-color-cyan-1400-hsl: 186deg, 100%, 89.6%;--dh-color-blue-100-hsl: 222deg, 65.3%, 19.2%;--dh-color-blue-200-hsl: 222deg, 66.2%, 25.5%;--dh-color-blue-300-hsl: 222deg, 64.8%, 32.4%;--dh-color-blue-400-hsl: 222deg, 63.2%, 39.4%;--dh-color-blue-500-hsl: 222deg, 60.7%, 46.9%;--dh-color-blue-600-hsl: 222deg, 68.2%, 54.3%;--dh-color-blue-700-hsl: 222deg, 82.7%, 61.6%;--dh-color-blue-800-hsl: 222deg, 93.8%, 68.4%;--dh-color-blue-900-hsl: 222deg, 100%, 74.3%;--dh-color-blue-1000-hsl: 222deg, 100%, 79.6%;--dh-color-blue-1100-hsl: 221deg, 100%, 84.3%;--dh-color-blue-1200-hsl: 221deg, 100%, 89%;--dh-color-blue-1300-hsl: 222deg, 100%, 92.9%;--dh-color-blue-1400-hsl: 224deg, 100%, 96.3%;--dh-color-indigo-100-hsl: 237deg, 58.1%, 24.3%;--dh-color-indigo-200-hsl: 236deg, 51.9%, 30.2%;--dh-color-indigo-300-hsl: 236deg, 46.8%, 36.9%;--dh-color-indigo-400-hsl: 235deg, 42.6%, 43.7%;--dh-color-indigo-500-hsl: 235deg, 40.2%, 50.8%;--dh-color-indigo-600-hsl: 235deg, 48.8%, 57.8%;--dh-color-indigo-700-hsl: 234deg, 59.8%, 64.9%;--dh-color-indigo-800-hsl: 234deg, 74.8%, 72%;--dh-color-indigo-900-hsl: 234deg, 91%, 78.2%;--dh-color-indigo-1000-hsl: 234deg, 100%, 83.3%;--dh-color-indigo-1100-hsl: 234deg, 100%, 87.3%;--dh-color-indigo-1200-hsl: 235deg, 100%, 91.2%;--dh-color-indigo-1300-hsl: 232deg, 100%, 94.1%;--dh-color-indigo-1400-hsl: 236deg, 100%, 96.9%;--dh-color-purple-100-hsl: 263deg, 73.1%, 23.3%;--dh-color-purple-200-hsl: 260deg, 59.2%, 29.8%;--dh-color-purple-300-hsl: 258deg, 49.7%, 36.7%;--dh-color-purple-400-hsl: 257deg, 43.2%, 43.5%;--dh-color-purple-500-hsl: 255deg, 38.3%, 50.4%;--dh-color-purple-600-hsl: 254deg, 45%, 57.3%;--dh-color-purple-700-hsl: 253deg, 53.8%, 64.3%;--dh-color-purple-800-hsl: 251deg, 64.4%, 71.4%;--dh-color-purple-900-hsl: 250deg, 78.8%, 77.8%;--dh-color-purple-1000-hsl: 249deg, 90.6%, 83.3%;--dh-color-purple-1100-hsl: 249deg, 96.8%, 87.6%;--dh-color-purple-1200-hsl: 250deg, 100%, 91.4%;--dh-color-purple-1300-hsl: 251deg, 100%, 94.5%;--dh-color-purple-1400-hsl: 260deg, 88.2%, 96.7%;--dh-color-fuchsia-100-hsl: 301deg, 64.3%, 16.5%;--dh-color-fuchsia-200-hsl: 300deg, 53.2%, 21.8%;--dh-color-fuchsia-300-hsl: 297deg, 43.8%, 28.6%;--dh-color-fuchsia-400-hsl: 294deg, 39.2%, 35.5%;--dh-color-fuchsia-500-hsl: 291deg, 35.2%, 42.9%;--dh-color-fuchsia-600-hsl: 287deg, 32.5%, 50.6%;--dh-color-fuchsia-700-hsl: 283deg, 39.6%, 58.4%;--dh-color-fuchsia-800-hsl: 279deg, 50%, 66.3%;--dh-color-fuchsia-900-hsl: 277deg, 61.5%, 73.5%;--dh-color-fuchsia-1000-hsl: 275deg, 70.9%, 79.8%;--dh-color-fuchsia-1100-hsl: 275deg, 76.3%, 85.1%;--dh-color-fuchsia-1200-hsl: 277deg, 77.8%, 89.4%;--dh-color-fuchsia-1300-hsl: 280deg, 77.1%, 93.1%;--dh-color-fuchsia-1400-hsl: 288deg, 71.4%, 95.9%;--dh-color-magenta-100-hsl: 333deg, 90.7%, 16.9%;--dh-color-magenta-200-hsl: 334deg, 72.4%, 22.7%;--dh-color-magenta-300-hsl: 334deg, 60.3%, 29.6%;--dh-color-magenta-400-hsl: 334deg, 51.6%, 36.5%;--dh-color-magenta-500-hsl: 333deg, 45.7%, 43.3%;--dh-color-magenta-600-hsl: 332deg, 41.5%, 50.4%;--dh-color-magenta-700-hsl: 330deg, 50.7%, 57.8%;--dh-color-magenta-800-hsl: 329deg, 60.7%, 65.1%;--dh-color-magenta-900-hsl: 329deg, 75.9%, 72.4%;--dh-color-magenta-1000-hsl: 328deg, 92.5%, 79.2%;--dh-color-magenta-1100-hsl: 327deg, 100%, 84.7%;--dh-color-magenta-1200-hsl: 327deg, 100%, 89.4%;--dh-color-magenta-1300-hsl: 326deg, 100%, 93.3%;--dh-color-magenta-1400-hsl: 328deg, 100%, 96.3%;--dh-color-gray-50: hsl(var(--dh-color-gray-50-hsl));--dh-color-gray-75: hsl(var(--dh-color-gray-75-hsl));--dh-color-gray-100: hsl(var(--dh-color-gray-100-hsl));--dh-color-gray-200: hsl(var(--dh-color-gray-200-hsl));--dh-color-gray-300: hsl(var(--dh-color-gray-300-hsl));--dh-color-gray-400: hsl(var(--dh-color-gray-400-hsl));--dh-color-gray-500: hsl(var(--dh-color-gray-500-hsl));--dh-color-gray-600: hsl(var(--dh-color-gray-600-hsl));--dh-color-gray-700: hsl(var(--dh-color-gray-700-hsl));--dh-color-gray-800: hsl(var(--dh-color-gray-800-hsl));--dh-color-gray-900: hsl(var(--dh-color-gray-900-hsl));--dh-color-gray-light: hsl(var(--dh-color-gray-light-hsl));--dh-color-gray-mid: hsl(var(--dh-color-gray-mid-hsl));--dh-color-gray-dark: hsl(var(--dh-color-gray-dark-hsl));--dh-color-black: hsl(var(--dh-color-black-hsl));--dh-color-white: hsl(var(--dh-color-white-hsl));--dh-color-red-100: hsl(var(--dh-color-red-100-hsl));--dh-color-red-200: hsl(var(--dh-color-red-200-hsl));--dh-color-red-300: hsl(var(--dh-color-red-300-hsl));--dh-color-red-400: hsl(var(--dh-color-red-400-hsl));--dh-color-red-500: hsl(var(--dh-color-red-500-hsl));--dh-color-red-600: hsl(var(--dh-color-red-600-hsl));--dh-color-red-700: hsl(var(--dh-color-red-700-hsl));--dh-color-red-800: hsl(var(--dh-color-red-800-hsl));--dh-color-red-900: hsl(var(--dh-color-red-900-hsl));--dh-color-red-1000: hsl(var(--dh-color-red-1000-hsl));--dh-color-red-1100: hsl(var(--dh-color-red-1100-hsl));--dh-color-red-1200: hsl(var(--dh-color-red-1200-hsl));--dh-color-red-1300: hsl(var(--dh-color-red-1300-hsl));--dh-color-red-1400: hsl(var(--dh-color-red-1400-hsl));--dh-color-orange-100: hsl(var(--dh-color-orange-100-hsl));--dh-color-orange-200: hsl(var(--dh-color-orange-200-hsl));--dh-color-orange-300: hsl(var(--dh-color-orange-300-hsl));--dh-color-orange-400: hsl(var(--dh-color-orange-400-hsl));--dh-color-orange-500: hsl(var(--dh-color-orange-500-hsl));--dh-color-orange-600: hsl(var(--dh-color-orange-600-hsl));--dh-color-orange-700: hsl(var(--dh-color-orange-700-hsl));--dh-color-orange-800: hsl(var(--dh-color-orange-800-hsl));--dh-color-orange-900: hsl(var(--dh-color-orange-900-hsl));--dh-color-orange-1000: hsl(var(--dh-color-orange-1000-hsl));--dh-color-orange-1100: hsl(var(--dh-color-orange-1100-hsl));--dh-color-orange-1200: hsl(var(--dh-color-orange-1200-hsl));--dh-color-orange-1300: hsl(var(--dh-color-orange-1300-hsl));--dh-color-orange-1400: hsl(var(--dh-color-orange-1400-hsl));--dh-color-yellow-100: hsl(var(--dh-color-yellow-100-hsl));--dh-color-yellow-200: hsl(var(--dh-color-yellow-200-hsl));--dh-color-yellow-300: hsl(var(--dh-color-yellow-300-hsl));--dh-color-yellow-400: hsl(var(--dh-color-yellow-400-hsl));--dh-color-yellow-500: hsl(var(--dh-color-yellow-500-hsl));--dh-color-yellow-600: hsl(var(--dh-color-yellow-600-hsl));--dh-color-yellow-700: hsl(var(--dh-color-yellow-700-hsl));--dh-color-yellow-800: hsl(var(--dh-color-yellow-800-hsl));--dh-color-yellow-900: hsl(var(--dh-color-yellow-900-hsl));--dh-color-yellow-1000: hsl(var(--dh-color-yellow-1000-hsl));--dh-color-yellow-1100: hsl(var(--dh-color-yellow-1100-hsl));--dh-color-yellow-1200: hsl(var(--dh-color-yellow-1200-hsl));--dh-color-yellow-1300: hsl(var(--dh-color-yellow-1300-hsl));--dh-color-yellow-1400: hsl(var(--dh-color-yellow-1400-hsl));--dh-color-chartreuse-100: hsl(var(--dh-color-chartreuse-100-hsl));--dh-color-chartreuse-200: hsl(var(--dh-color-chartreuse-200-hsl));--dh-color-chartreuse-300: hsl(var(--dh-color-chartreuse-300-hsl));--dh-color-chartreuse-400: hsl(var(--dh-color-chartreuse-400-hsl));--dh-color-chartreuse-500: hsl(var(--dh-color-chartreuse-500-hsl));--dh-color-chartreuse-600: hsl(var(--dh-color-chartreuse-600-hsl));--dh-color-chartreuse-700: hsl(var(--dh-color-chartreuse-700-hsl));--dh-color-chartreuse-800: hsl(var(--dh-color-chartreuse-800-hsl));--dh-color-chartreuse-900: hsl(var(--dh-color-chartreuse-900-hsl));--dh-color-chartreuse-1000: hsl(var(--dh-color-chartreuse-1000-hsl));--dh-color-chartreuse-1100: hsl(var(--dh-color-chartreuse-1100-hsl));--dh-color-chartreuse-1200: hsl(var(--dh-color-chartreuse-1200-hsl));--dh-color-chartreuse-1300: hsl(var(--dh-color-chartreuse-1300-hsl));--dh-color-chartreuse-1400: hsl(var(--dh-color-chartreuse-1400-hsl));--dh-color-celery-100: hsl(var(--dh-color-celery-100-hsl));--dh-color-celery-200: hsl(var(--dh-color-celery-200-hsl));--dh-color-celery-300: hsl(var(--dh-color-celery-300-hsl));--dh-color-celery-400: hsl(var(--dh-color-celery-400-hsl));--dh-color-celery-500: hsl(var(--dh-color-celery-500-hsl));--dh-color-celery-600: hsl(var(--dh-color-celery-600-hsl));--dh-color-celery-700: hsl(var(--dh-color-celery-700-hsl));--dh-color-celery-800: hsl(var(--dh-color-celery-800-hsl));--dh-color-celery-900: hsl(var(--dh-color-celery-900-hsl));--dh-color-celery-1000: hsl(var(--dh-color-celery-1000-hsl));--dh-color-celery-1100: hsl(var(--dh-color-celery-1100-hsl));--dh-color-celery-1200: hsl(var(--dh-color-celery-1200-hsl));--dh-color-celery-1300: hsl(var(--dh-color-celery-1300-hsl));--dh-color-celery-1400: hsl(var(--dh-color-celery-1400-hsl));--dh-color-green-100: hsl(var(--dh-color-green-100-hsl));--dh-color-green-200: hsl(var(--dh-color-green-200-hsl));--dh-color-green-300: hsl(var(--dh-color-green-300-hsl));--dh-color-green-400: hsl(var(--dh-color-green-400-hsl));--dh-color-green-500: hsl(var(--dh-color-green-500-hsl));--dh-color-green-600: hsl(var(--dh-color-green-600-hsl));--dh-color-green-700: hsl(var(--dh-color-green-700-hsl));--dh-color-green-800: hsl(var(--dh-color-green-800-hsl));--dh-color-green-900: hsl(var(--dh-color-green-900-hsl));--dh-color-green-1000: hsl(var(--dh-color-green-1000-hsl));--dh-color-green-1100: hsl(var(--dh-color-green-1100-hsl));--dh-color-green-1200: hsl(var(--dh-color-green-1200-hsl));--dh-color-green-1300: hsl(var(--dh-color-green-1300-hsl));--dh-color-green-1400: hsl(var(--dh-color-green-1400-hsl));--dh-color-seafoam-100: hsl(var(--dh-color-seafoam-100-hsl));--dh-color-seafoam-200: hsl(var(--dh-color-seafoam-200-hsl));--dh-color-seafoam-300: hsl(var(--dh-color-seafoam-300-hsl));--dh-color-seafoam-400: hsl(var(--dh-color-seafoam-400-hsl));--dh-color-seafoam-500: hsl(var(--dh-color-seafoam-500-hsl));--dh-color-seafoam-600: hsl(var(--dh-color-seafoam-600-hsl));--dh-color-seafoam-700: hsl(var(--dh-color-seafoam-700-hsl));--dh-color-seafoam-800: hsl(var(--dh-color-seafoam-800-hsl));--dh-color-seafoam-900: hsl(var(--dh-color-seafoam-900-hsl));--dh-color-seafoam-1000: hsl(var(--dh-color-seafoam-1000-hsl));--dh-color-seafoam-1100: hsl(var(--dh-color-seafoam-1100-hsl));--dh-color-seafoam-1200: hsl(var(--dh-color-seafoam-1200-hsl));--dh-color-seafoam-1300: hsl(var(--dh-color-seafoam-1300-hsl));--dh-color-seafoam-1400: hsl(var(--dh-color-seafoam-1400-hsl));--dh-color-cyan-100: hsl(var(--dh-color-cyan-100-hsl));--dh-color-cyan-200: hsl(var(--dh-color-cyan-200-hsl));--dh-color-cyan-300: hsl(var(--dh-color-cyan-300-hsl));--dh-color-cyan-400: hsl(var(--dh-color-cyan-400-hsl));--dh-color-cyan-500: hsl(var(--dh-color-cyan-500-hsl));--dh-color-cyan-600: hsl(var(--dh-color-cyan-600-hsl));--dh-color-cyan-700: hsl(var(--dh-color-cyan-700-hsl));--dh-color-cyan-800: hsl(var(--dh-color-cyan-800-hsl));--dh-color-cyan-900: hsl(var(--dh-color-cyan-900-hsl));--dh-color-cyan-1000: hsl(var(--dh-color-cyan-1000-hsl));--dh-color-cyan-1100: hsl(var(--dh-color-cyan-1100-hsl));--dh-color-cyan-1200: hsl(var(--dh-color-cyan-1200-hsl));--dh-color-cyan-1300: hsl(var(--dh-color-cyan-1300-hsl));--dh-color-cyan-1400: hsl(var(--dh-color-cyan-1400-hsl));--dh-color-blue-100: hsl(var(--dh-color-blue-100-hsl));--dh-color-blue-200: hsl(var(--dh-color-blue-200-hsl));--dh-color-blue-300: hsl(var(--dh-color-blue-300-hsl));--dh-color-blue-400: hsl(var(--dh-color-blue-400-hsl));--dh-color-blue-500: hsl(var(--dh-color-blue-500-hsl));--dh-color-blue-600: hsl(var(--dh-color-blue-600-hsl));--dh-color-blue-700: hsl(var(--dh-color-blue-700-hsl));--dh-color-blue-800: hsl(var(--dh-color-blue-800-hsl));--dh-color-blue-900: hsl(var(--dh-color-blue-900-hsl));--dh-color-blue-1000: hsl(var(--dh-color-blue-1000-hsl));--dh-color-blue-1100: hsl(var(--dh-color-blue-1100-hsl));--dh-color-blue-1200: hsl(var(--dh-color-blue-1200-hsl));--dh-color-blue-1300: hsl(var(--dh-color-blue-1300-hsl));--dh-color-blue-1400: hsl(var(--dh-color-blue-1400-hsl));--dh-color-indigo-100: hsl(var(--dh-color-indigo-100-hsl));--dh-color-indigo-200: hsl(var(--dh-color-indigo-200-hsl));--dh-color-indigo-300: hsl(var(--dh-color-indigo-300-hsl));--dh-color-indigo-400: hsl(var(--dh-color-indigo-400-hsl));--dh-color-indigo-500: hsl(var(--dh-color-indigo-500-hsl));--dh-color-indigo-600: hsl(var(--dh-color-indigo-600-hsl));--dh-color-indigo-700: hsl(var(--dh-color-indigo-700-hsl));--dh-color-indigo-800: hsl(var(--dh-color-indigo-800-hsl));--dh-color-indigo-900: hsl(var(--dh-color-indigo-900-hsl));--dh-color-indigo-1000: hsl(var(--dh-color-indigo-1000-hsl));--dh-color-indigo-1100: hsl(var(--dh-color-indigo-1100-hsl));--dh-color-indigo-1200: hsl(var(--dh-color-indigo-1200-hsl));--dh-color-indigo-1300: hsl(var(--dh-color-indigo-1300-hsl));--dh-color-indigo-1400: hsl(var(--dh-color-indigo-1400-hsl));--dh-color-purple-100: hsl(var(--dh-color-purple-100-hsl));--dh-color-purple-200: hsl(var(--dh-color-purple-200-hsl));--dh-color-purple-300: hsl(var(--dh-color-purple-300-hsl));--dh-color-purple-400: hsl(var(--dh-color-purple-400-hsl));--dh-color-purple-500: hsl(var(--dh-color-purple-500-hsl));--dh-color-purple-600: hsl(var(--dh-color-purple-600-hsl));--dh-color-purple-700: hsl(var(--dh-color-purple-700-hsl));--dh-color-purple-800: hsl(var(--dh-color-purple-800-hsl));--dh-color-purple-900: hsl(var(--dh-color-purple-900-hsl));--dh-color-purple-1000: hsl(var(--dh-color-purple-1000-hsl));--dh-color-purple-1100: hsl(var(--dh-color-purple-1100-hsl));--dh-color-purple-1200: hsl(var(--dh-color-purple-1200-hsl));--dh-color-purple-1300: hsl(var(--dh-color-purple-1300-hsl));--dh-color-purple-1400: hsl(var(--dh-color-purple-1400-hsl));--dh-color-fuchsia-100: hsl(var(--dh-color-fuchsia-100-hsl));--dh-color-fuchsia-200: hsl(var(--dh-color-fuchsia-200-hsl));--dh-color-fuchsia-300: hsl(var(--dh-color-fuchsia-300-hsl));--dh-color-fuchsia-400: hsl(var(--dh-color-fuchsia-400-hsl));--dh-color-fuchsia-500: hsl(var(--dh-color-fuchsia-500-hsl));--dh-color-fuchsia-600: hsl(var(--dh-color-fuchsia-600-hsl));--dh-color-fuchsia-700: hsl(var(--dh-color-fuchsia-700-hsl));--dh-color-fuchsia-800: hsl(var(--dh-color-fuchsia-800-hsl));--dh-color-fuchsia-900: hsl(var(--dh-color-fuchsia-900-hsl));--dh-color-fuchsia-1000: hsl(var(--dh-color-fuchsia-1000-hsl));--dh-color-fuchsia-1100: hsl(var(--dh-color-fuchsia-1100-hsl));--dh-color-fuchsia-1200: hsl(var(--dh-color-fuchsia-1200-hsl));--dh-color-fuchsia-1300: hsl(var(--dh-color-fuchsia-1300-hsl));--dh-color-fuchsia-1400: hsl(var(--dh-color-fuchsia-1400-hsl));--dh-color-magenta-100: hsl(var(--dh-color-magenta-100-hsl));--dh-color-magenta-200: hsl(var(--dh-color-magenta-200-hsl));--dh-color-magenta-300: hsl(var(--dh-color-magenta-300-hsl));--dh-color-magenta-400: hsl(var(--dh-color-magenta-400-hsl));--dh-color-magenta-500: hsl(var(--dh-color-magenta-500-hsl));--dh-color-magenta-600: hsl(var(--dh-color-magenta-600-hsl));--dh-color-magenta-700: hsl(var(--dh-color-magenta-700-hsl));--dh-color-magenta-800: hsl(var(--dh-color-magenta-800-hsl));--dh-color-magenta-900: hsl(var(--dh-color-magenta-900-hsl));--dh-color-magenta-1000: hsl(var(--dh-color-magenta-1000-hsl));--dh-color-magenta-1100: hsl(var(--dh-color-magenta-1100-hsl));--dh-color-magenta-1200: hsl(var(--dh-color-magenta-1200-hsl));--dh-color-magenta-1300: hsl(var(--dh-color-magenta-1300-hsl));--dh-color-magenta-1400: hsl(var(--dh-color-magenta-1400-hsl))}/*# sourceMappingURL=theme-dark-palette.css.map */
+:root{--dh-color-gray-50: #1a171a;--dh-color-gray-75: #211f22;--dh-color-gray-100: #2d2a2e;--dh-color-gray-200: #322f33;--dh-color-gray-300: #373438;--dh-color-gray-400: #403e41;--dh-color-gray-500: #5b5a5c;--dh-color-gray-600: #929192;--dh-color-gray-700: #c0bfbf;--dh-color-gray-800: #f0f0ee;--dh-color-gray-900: #fcfcfa;--dh-color-gray-light: var(--dh-color-gray-900);--dh-color-gray-mid: var(--dh-color-gray-600);--dh-color-gray-dark: var(--dh-color-gray-300);--dh-color-black: var(--dh-color-gray-50);--dh-color-white: var(--dh-color-gray-800);--dh-color-true-black: #000000;--dh-color-true-white: #ffffff;--dh-color-red-100: #471521;--dh-color-red-200: #5d1b2b;--dh-color-red-300: #762336;--dh-color-red-400: #912b45;--dh-color-red-500: #ab3452;--dh-color-red-600: #c73f61;--dh-color-red-700: #e14c71;--dh-color-red-800: #f85e85;--dh-color-red-900: #ff7b9e;--dh-color-red-1000: #ff99b6;--dh-color-red-1100: #ffb4c9;--dh-color-red-1200: #ffcbd9;--dh-color-red-1300: #ffdee7;--dh-color-red-1400: #ffecf1;--dh-color-orange-100: #471800;--dh-color-orange-200: #5a2202;--dh-color-orange-300: #702f06;--dh-color-orange-400: #87390c;--dh-color-orange-500: #9f4612;--dh-color-orange-600: #b7541b;--dh-color-orange-700: #d06425;--dh-color-orange-800: #e67533;--dh-color-orange-900: #fa8648;--dh-color-orange-1000: #ffa069;--dh-color-orange-1100: #ffb98d;--dh-color-orange-1200: #ffcfaf;--dh-color-orange-1300: #ffe0cb;--dh-color-orange-1400: #ffeee2;--dh-color-yellow-100: #2e2700;--dh-color-yellow-200: #3d3300;--dh-color-yellow-300: #4d4100;--dh-color-yellow-400: #5f5005;--dh-color-yellow-500: #725f0b;--dh-color-yellow-600: #856e13;--dh-color-yellow-700: #9a811b;--dh-color-yellow-800: #ae9024;--dh-color-yellow-900: #c3a32f;--dh-color-yellow-1000: #d7b53a;--dh-color-yellow-1100: #eac448;--dh-color-yellow-1200: #fad459;--dh-color-yellow-1300: #ffe77a;--dh-color-yellow-1400: #fff3ac;--dh-color-chartreuse-100: #1f2b00;--dh-color-chartreuse-200: #2b3805;--dh-color-chartreuse-300: #39470b;--dh-color-chartreuse-400: #495611;--dh-color-chartreuse-500: #596718;--dh-color-chartreuse-600: #69781f;--dh-color-chartreuse-700: #7a8927;--dh-color-chartreuse-800: #8e9c30;--dh-color-chartreuse-900: #a1ae3a;--dh-color-chartreuse-1000: #b2c046;--dh-color-chartreuse-1100: #c2d153;--dh-color-chartreuse-1200: #d5e166;--dh-color-chartreuse-1300: #e3ee84;--dh-color-chartreuse-1400: #f0f7ae;--dh-color-celery-100: #122d15;--dh-color-celery-200: #173a1a;--dh-color-celery-300: #1e4b22;--dh-color-celery-400: #255c2a;--dh-color-celery-500: #2d6d32;--dh-color-celery-600: #36803d;--dh-color-celery-700: #409347;--dh-color-celery-800: #4da654;--dh-color-celery-900: #5fb967;--dh-color-celery-1000: #77ca7e;--dh-color-celery-1100: #93d999;--dh-color-celery-1200: #b2e5b7;--dh-color-celery-1300: #ceeed1;--dh-color-celery-1400: #e4f6e6;--dh-color-green-100: #22291d;--dh-color-green-200: #2d3625;--dh-color-green-300: #38462d;--dh-color-green-400: #445636;--dh-color-green-500: #50673d;--dh-color-green-600: #5b7a45;--dh-color-green-700: #678c4c;--dh-color-green-800: #74a053;--dh-color-green-900: #81b45a;--dh-color-green-1000: #8ec762;--dh-color-green-1100: #9bd96c;--dh-color-green-1200: #ace97e;--dh-color-green-1300: #c3f59d;--dh-color-green-1400: #dcfbc2;--dh-color-seafoam-100: #1f2925;--dh-color-seafoam-200: #263630;--dh-color-seafoam-300: #2f463e;--dh-color-seafoam-400: #37574b;--dh-color-seafoam-500: #3e6959;--dh-color-seafoam-600: #447b68;--dh-color-seafoam-700: #488f79;--dh-color-seafoam-800: #4ca388;--dh-color-seafoam-900: #4fb798;--dh-color-seafoam-1000: #54cba5;--dh-color-seafoam-1100: #5edeb8;--dh-color-seafoam-1200: #78edc8;--dh-color-seafoam-1300: #9ef8d7;--dh-color-seafoam-1400: #cbfce8;--dh-color-cyan-100: #142b2d;--dh-color-cyan-200: #1a373a;--dh-color-cyan-300: #21474b;--dh-color-cyan-400: #29585c;--dh-color-cyan-500: #31696e;--dh-color-cyan-600: #3a7a81;--dh-color-cyan-700: #438d94;--dh-color-cyan-800: #4da0a8;--dh-color-cyan-900: #59b4bc;--dh-color-cyan-1000: #65c6cf;--dh-color-cyan-1100: #74d6e1;--dh-color-cyan-1200: #88e6f1;--dh-color-cyan-1300: #a4f2fb;--dh-color-cyan-1400: #cafaff;--dh-color-blue-100: #112451;--dh-color-blue-200: #16306c;--dh-color-blue-300: #1d3d88;--dh-color-blue-400: #254ba4;--dh-color-blue-500: #2f5bc0;--dh-color-blue-600: #3b6bda;--dh-color-blue-700: #4c7dee;--dh-color-blue-800: #6390fa;--dh-color-blue-900: #7ca3ff;--dh-color-blue-1000: #97b6ff;--dh-color-blue-1100: #afc8ff;--dh-color-blue-1200: #c7d9ff;--dh-color-blue-1300: #dbe6ff;--dh-color-blue-1400: #ecf1ff;--dh-color-indigo-100: #1a1e62;--dh-color-indigo-200: #252a75;--dh-color-indigo-300: #32388a;--dh-color-indigo-400: #40489f;--dh-color-indigo-500: #4f58b4;--dh-color-indigo-600: #5f68c8;--dh-color-indigo-700: #707bdb;--dh-color-indigo-800: #828ded;--dh-color-indigo-900: #959ffa;--dh-color-indigo-1000: #aab2ff;--dh-color-indigo-1100: #bec5ff;--dh-color-indigo-1200: #d2d6ff;--dh-color-indigo-1300: #e1e5ff;--dh-color-indigo-1400: #eff0ff;--dh-color-purple-100: #311067;--dh-color-purple-200: #3d1f79;--dh-color-purple-300: #4b2f8c;--dh-color-purple-400: #5a3f9f;--dh-color-purple-500: #6850b1;--dh-color-purple-600: #7861c3;--dh-color-purple-700: #8873d5;--dh-color-purple-800: #9887e5;--dh-color-purple-900: #a99af3;--dh-color-purple-1000: #b9aefb;--dh-color-purple-1100: #cac1fe;--dh-color-purple-1200: #dad3ff;--dh-color-purple-1300: #e8e3ff;--dh-color-purple-1400: #f4effe;--dh-color-fuchsia-100: #450f44;--dh-color-fuchsia-200: #551a55;--dh-color-fuchsia-300: #662969;--dh-color-fuchsia-400: #77377e;--dh-color-fuchsia-500: #884794;--dh-color-fuchsia-600: #9858aa;--dh-color-fuchsia-700: #a76bbf;--dh-color-fuchsia-800: #b67ed4;--dh-color-fuchsia-900: #c592e5;--dh-color-fuchsia-1000: #d2a7f0;--dh-color-fuchsia-1100: #debcf6;--dh-color-fuchsia-1200: #e9cff9;--dh-color-fuchsia-1300: #f2e0fb;--dh-color-fuchsia-1400: #f9edfc;--dh-color-magenta-100: #520427;--dh-color-magenta-200: #641034;--dh-color-magenta-300: #791e45;--dh-color-magenta-400: #8d2d57;--dh-color-magenta-500: #a13c69;--dh-color-magenta-600: #b54c7d;--dh-color-magenta-700: #ca5d93;--dh-color-magenta-800: #dc70a8;--dh-color-magenta-900: #ee83ba;--dh-color-magenta-1000: #fb99cd;--dh-color-magenta-1100: #ffb1dc;--dh-color-magenta-1200: #ffc9e7;--dh-color-magenta-1300: #ffddf0;--dh-color-magenta-1400: #ffecf6}/*# sourceMappingURL=theme-dark-palette.css.map */

package/dist/theme/theme-dark/theme-dark-palette.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-palette.css"],"names":[],"mappings":"AACA,MAEE,2CACA,4CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,2CACA,4CACA,2CAEA,wDACA,sDACA,uDAGA,kDACA,mDACA,wCACA,0CAGA,2CACA,2CACA,2CACA,6CACA,6CACA,6CACA,2CACA,6CACA,4CACA,2CACA,6CACA,6CACA,6CACA,6CAGA,8CACA,6CACA,+CACA,+CACA,+CACA,+CACA,6CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CAGA,2CACA,4CACA,8CACA,6CACA,+CACA,6CACA,+CACA,+CACA,+CACA,gDACA,8CACA,gDACA,+CACA,+CAGA,iDACA,iDACA,mDACA,iDACA,mDACA,mDACA,mDACA,iDACA,iDACA,oDACA,oDACA,oDACA,oDACA,kDAGA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,iDACA,iDACA,iDACA,iDACA,+CAGA,8CACA,8CACA,8CACA,8CACA,8CACA,8CACA,8CACA,8CACA,8CACA,+CACA,+CACA,+CACA,+CACA,+CAGA,iDACA,+CACA,iDACA,iDACA,iDACA,iDACA,+CACA,iDACA,iDACA,kDACA,8CACA,gDACA,kDACA,kDAGA,8CACA,8CACA,8CACA,8CACA,8CACA,4CACA,8CACA,4CACA,8CACA,+CACA,+CACA,+CACA,+CACA,8CAGA,8CACA,8CACA,8CACA,8CACA,8CACA,8CACA,8CACA,8CACA,6CACA,8CACA,8CACA,4CACA,8CACA,8CAGA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,8CACA,8CACA,gDACA,gDACA,gDACA,gDACA,gDAGA,gDACA,gDACA,gDACA,gDACA,gDACA,8CACA,gDACA,gDACA,gDACA,iDACA,iDACA,gDACA,gDACA,iDAGA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,+CACA,iDACA,kDACA,kDACA,kDACA,kDACA,kDAGA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,kDACA,iDACA,iDACA,iDACA,iDAGA,qDACA,qDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDAEA,2DACA,uDACA,yDAGA,iDACA,iDAGA,qDACA,qDACA,qDACA,qDACA,qDACA,qDACA,qDACA,qDACA,qDACA,uDACA,uDACA,uDACA,uDACA,uDAGA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,6DACA,6DACA,6DACA,6DACA,6DAGA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,6DACA,6DACA,6DACA,6DACA,6DAGA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,qEACA,qEACA,qEACA,qEACA,qEAGA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,6DACA,6DACA,6DACA,6DACA,6DAGA,yDACA,yDACA,yDACA,yDACA,yDACA,yDACA,yDACA,yDACA,yDACA,2DACA,2DACA,2DACA,2DACA,2DAGA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,+DACA,+DACA,+DACA,+DACA,+DAGA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,yDACA,yDACA,yDACA,yDACA,yDAGA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,yDACA,yDACA,yDACA,yDACA,yDAGA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,6DACA,6DACA,6DACA,6DACA,6DAGA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,6DACA,6DACA,6DACA,6DACA,6DAGA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,+DACA,+DACA,+DACA,+DACA,+DAGA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,+DACA,+DACA,+DACA,+DACA","file":"theme-dark-palette.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before */\n:root {\n  /* Gray */\n  --dh-color-gray-50-hsl: 300deg, 6.1%, 9.6%;\n  --dh-color-gray-75-hsl: 280deg, 4.6%, 12.7%;\n  --dh-color-gray-100-hsl: 285deg, 4.5%, 17.3%;\n  --dh-color-gray-200-hsl: 285deg, 4.1%, 19.2%;\n  --dh-color-gray-300-hsl: 285deg, 3.7%, 21.2%;\n  --dh-color-gray-400-hsl: 280deg, 2.4%, 24.9%;\n  --dh-color-gray-500-hsl: 270deg, 1.1%, 35.7%;\n  --dh-color-gray-600-hsl: 300deg, 0.5%, 57.1%;\n  --dh-color-gray-700-hsl: 0deg, 0.8%, 75.1%;\n  --dh-color-gray-800-hsl: 60deg, 6.2%, 93.7%;\n  --dh-color-gray-900-hsl: 60deg, 25%, 98.4%;\n\n  --dh-color-gray-light-hsl: var(--dh-color-gray-900-hsl);\n  --dh-color-gray-mid-hsl: var(--dh-color-gray-600-hsl);\n  --dh-color-gray-dark-hsl: var(--dh-color-gray-300-hsl);\n\n  /** Black & White */\n  --dh-color-black-hsl: var(--dh-color-gray-50-hsl);\n  --dh-color-white-hsl: var(--dh-color-gray-800-hsl);\n  --dh-color-true-black-hsl: 0deg, 0%, 0%;\n  --dh-color-true-white-hsl: 0deg, 0%, 100%;\n\n  /* Reds HSL components */\n  --dh-color-red-100-hsl: 346deg, 54.3%, 18%;\n  --dh-color-red-200-hsl: 345deg, 55%, 23.5%;\n  --dh-color-red-300-hsl: 346deg, 54.2%, 30%;\n  --dh-color-red-400-hsl: 345deg, 54.3%, 36.9%;\n  --dh-color-red-500-hsl: 345deg, 53.4%, 43.7%;\n  --dh-color-red-600-hsl: 345deg, 54.8%, 51.4%;\n  --dh-color-red-700-hsl: 345deg, 71.3%, 59%;\n  --dh-color-red-800-hsl: 345deg, 91.7%, 67.1%;\n  --dh-color-red-900-hsl: 344deg, 100%, 74.1%;\n  --dh-color-red-1000-hsl: 343deg, 100%, 80%;\n  --dh-color-red-1100-hsl: 343deg, 100%, 85.3%;\n  --dh-color-red-1200-hsl: 344deg, 100%, 89.8%;\n  --dh-color-red-1300-hsl: 344deg, 100%, 93.5%;\n  --dh-color-red-1400-hsl: 344deg, 100%, 96.3%;\n\n  /* Orange HSL components */\n  --dh-color-orange-100-hsl: 20deg, 100%, 13.9%;\n  --dh-color-orange-200-hsl: 22deg, 95.7%, 18%;\n  --dh-color-orange-300-hsl: 23deg, 89.8%, 23.1%;\n  --dh-color-orange-400-hsl: 22deg, 83.7%, 28.8%;\n  --dh-color-orange-500-hsl: 22deg, 79.7%, 34.7%;\n  --dh-color-orange-600-hsl: 22deg, 74.3%, 41.2%;\n  --dh-color-orange-700-hsl: 22deg, 69.8%, 48%;\n  --dh-color-orange-800-hsl: 22deg, 78.2%, 55.1%;\n  --dh-color-orange-900-hsl: 21deg, 94.7%, 63.1%;\n  --dh-color-orange-1000-hsl: 22deg, 100%, 70.6%;\n  --dh-color-orange-1100-hsl: 23deg, 100%, 77.6%;\n  --dh-color-orange-1200-hsl: 24deg, 100%, 84.3%;\n  --dh-color-orange-1300-hsl: 24deg, 100%, 89.8%;\n  --dh-color-orange-1400-hsl: 25deg, 100%, 94.3%;\n\n  /* Yellow HSL components */\n  --dh-color-yellow-100-hsl: 51deg, 100%, 9%;\n  --dh-color-yellow-200-hsl: 50deg, 100%, 12%;\n  --dh-color-yellow-300-hsl: 51deg, 100%, 15.1%;\n  --dh-color-yellow-400-hsl: 50deg, 90%, 19.6%;\n  --dh-color-yellow-500-hsl: 49deg, 82.4%, 24.5%;\n  --dh-color-yellow-600-hsl: 48deg, 75%, 29.8%;\n  --dh-color-yellow-700-hsl: 48deg, 70.2%, 35.5%;\n  --dh-color-yellow-800-hsl: 47deg, 65.7%, 41.2%;\n  --dh-color-yellow-900-hsl: 47deg, 61.2%, 47.5%;\n  --dh-color-yellow-1000-hsl: 47deg, 66.2%, 53.5%;\n  --dh-color-yellow-1100-hsl: 46deg, 79.4%, 60%;\n  --dh-color-yellow-1200-hsl: 46deg, 94.2%, 66.5%;\n  --dh-color-yellow-1300-hsl: 49deg, 100%, 73.9%;\n  --dh-color-yellow-1400-hsl: 51deg, 100%, 83.7%;\n\n  /* Chartreuse HSL components */\n  --dh-color-chartreuse-100-hsl: 77deg, 100%, 8.4%;\n  --dh-color-chartreuse-200-hsl: 75deg, 83.6%, 12%;\n  --dh-color-chartreuse-300-hsl: 74deg, 73.2%, 16.1%;\n  --dh-color-chartreuse-400-hsl: 71deg, 67%, 20.2%;\n  --dh-color-chartreuse-500-hsl: 71deg, 62.2%, 24.9%;\n  --dh-color-chartreuse-600-hsl: 70deg, 58.9%, 29.6%;\n  --dh-color-chartreuse-700-hsl: 69deg, 55.7%, 34.5%;\n  --dh-color-chartreuse-800-hsl: 68deg, 52.9%, 40%;\n  --dh-color-chartreuse-900-hsl: 67deg, 50%, 45.5%;\n  --dh-color-chartreuse-1000-hsl: 67deg, 49.2%, 51.4%;\n  --dh-color-chartreuse-1100-hsl: 67deg, 57.8%, 57.3%;\n  --dh-color-chartreuse-1200-hsl: 66deg, 67.2%, 64.1%;\n  --dh-color-chartreuse-1300-hsl: 66deg, 75.7%, 72.5%;\n  --dh-color-chartreuse-1400-hsl: 66deg, 82%, 82.5%;\n\n  /* Celery HSL components */\n  --dh-color-celery-100-hsl: 127deg, 42.9%, 12.4%;\n  --dh-color-celery-200-hsl: 125deg, 43.2%, 15.9%;\n  --dh-color-celery-300-hsl: 125deg, 42.9%, 20.6%;\n  --dh-color-celery-400-hsl: 125deg, 42.6%, 25.3%;\n  --dh-color-celery-500-hsl: 125deg, 41.6%, 30.2%;\n  --dh-color-celery-600-hsl: 126deg, 40.7%, 35.7%;\n  --dh-color-celery-700-hsl: 125deg, 39.3%, 41.4%;\n  --dh-color-celery-800-hsl: 125deg, 36.6%, 47.6%;\n  --dh-color-celery-900-hsl: 125deg, 39.1%, 54.9%;\n  --dh-color-celery-1000-hsl: 125deg, 43.9%, 62.9%;\n  --dh-color-celery-1100-hsl: 125deg, 47.9%, 71.4%;\n  --dh-color-celery-1200-hsl: 126deg, 49.5%, 79.8%;\n  --dh-color-celery-1300-hsl: 126deg, 48.5%, 87.1%;\n  --dh-color-celery-1400-hsl: 127deg, 50%, 92.9%;\n\n  /* Green HSL components */\n  --dh-color-green-100-hsl: 95deg, 17.1%, 13.7%;\n  --dh-color-green-200-hsl: 92deg, 18.7%, 17.8%;\n  --dh-color-green-300-hsl: 94deg, 21.7%, 22.5%;\n  --dh-color-green-400-hsl: 94deg, 22.9%, 27.5%;\n  --dh-color-green-500-hsl: 93deg, 25.6%, 32.2%;\n  --dh-color-green-600-hsl: 95deg, 27.7%, 37.5%;\n  --dh-color-green-700-hsl: 95deg, 29.6%, 42.4%;\n  --dh-color-green-800-hsl: 94deg, 31.7%, 47.6%;\n  --dh-color-green-900-hsl: 94deg, 37.5%, 52.9%;\n  --dh-color-green-1000-hsl: 94deg, 47.4%, 58.2%;\n  --dh-color-green-1100-hsl: 94deg, 58.9%, 63.7%;\n  --dh-color-green-1200-hsl: 94deg, 70.9%, 70.4%;\n  --dh-color-green-1300-hsl: 94deg, 81.5%, 78.8%;\n  --dh-color-green-1400-hsl: 93deg, 87.7%, 87.3%;\n\n  /* Seafoam HSL components */\n  --dh-color-seafoam-100-hsl: 156deg, 13.9%, 14.1%;\n  --dh-color-seafoam-200-hsl: 158deg, 17.4%, 18%;\n  --dh-color-seafoam-300-hsl: 159deg, 19.7%, 22.9%;\n  --dh-color-seafoam-400-hsl: 158deg, 22.5%, 27.8%;\n  --dh-color-seafoam-500-hsl: 158deg, 25.7%, 32.7%;\n  --dh-color-seafoam-600-hsl: 159deg, 28.8%, 37.5%;\n  --dh-color-seafoam-700-hsl: 161deg, 33%, 42.2%;\n  --dh-color-seafoam-800-hsl: 161deg, 36.4%, 46.9%;\n  --dh-color-seafoam-900-hsl: 162deg, 41.9%, 51.4%;\n  --dh-color-seafoam-1000-hsl: 161deg, 53.4%, 56.3%;\n  --dh-color-seafoam-1100-hsl: 162deg, 66%, 62%;\n  --dh-color-seafoam-1200-hsl: 161deg, 76.5%, 70%;\n  --dh-color-seafoam-1300-hsl: 158deg, 86.5%, 79.6%;\n  --dh-color-seafoam-1400-hsl: 156deg, 89.1%, 89.2%;\n\n  /* Cyan HSL components */\n  --dh-color-cyan-100-hsl: 185deg, 38.5%, 12.7%;\n  --dh-color-cyan-200-hsl: 186deg, 38.1%, 16.5%;\n  --dh-color-cyan-300-hsl: 186deg, 38.9%, 21.2%;\n  --dh-color-cyan-400-hsl: 185deg, 38.3%, 26.1%;\n  --dh-color-cyan-500-hsl: 185deg, 38.4%, 31.2%;\n  --dh-color-cyan-600-hsl: 186deg, 38%, 36.7%;\n  --dh-color-cyan-700-hsl: 185deg, 37.7%, 42.2%;\n  --dh-color-cyan-800-hsl: 185deg, 37.1%, 48%;\n  --dh-color-cyan-900-hsl: 185deg, 42.5%, 54.3%;\n  --dh-color-cyan-1000-hsl: 185deg, 52.5%, 60.4%;\n  --dh-color-cyan-1100-hsl: 186deg, 64.5%, 66.9%;\n  --dh-color-cyan-1200-hsl: 186deg, 78.9%, 73.9%;\n  --dh-color-cyan-1300-hsl: 186deg, 91.6%, 81.4%;\n  --dh-color-cyan-1400-hsl: 186deg, 100%, 89.6%;\n\n  /* Blue HSL components */\n  --dh-color-blue-100-hsl: 222deg, 65.3%, 19.2%;\n  --dh-color-blue-200-hsl: 222deg, 66.2%, 25.5%;\n  --dh-color-blue-300-hsl: 222deg, 64.8%, 32.4%;\n  --dh-color-blue-400-hsl: 222deg, 63.2%, 39.4%;\n  --dh-color-blue-500-hsl: 222deg, 60.7%, 46.9%;\n  --dh-color-blue-600-hsl: 222deg, 68.2%, 54.3%;\n  --dh-color-blue-700-hsl: 222deg, 82.7%, 61.6%;\n  --dh-color-blue-800-hsl: 222deg, 93.8%, 68.4%;\n  --dh-color-blue-900-hsl: 222deg, 100%, 74.3%;\n  --dh-color-blue-1000-hsl: 222deg, 100%, 79.6%;\n  --dh-color-blue-1100-hsl: 221deg, 100%, 84.3%;\n  --dh-color-blue-1200-hsl: 221deg, 100%, 89%;\n  --dh-color-blue-1300-hsl: 222deg, 100%, 92.9%;\n  --dh-color-blue-1400-hsl: 224deg, 100%, 96.3%;\n\n  /* Indigo HSL components */\n  --dh-color-indigo-100-hsl: 237deg, 58.1%, 24.3%;\n  --dh-color-indigo-200-hsl: 236deg, 51.9%, 30.2%;\n  --dh-color-indigo-300-hsl: 236deg, 46.8%, 36.9%;\n  --dh-color-indigo-400-hsl: 235deg, 42.6%, 43.7%;\n  --dh-color-indigo-500-hsl: 235deg, 40.2%, 50.8%;\n  --dh-color-indigo-600-hsl: 235deg, 48.8%, 57.8%;\n  --dh-color-indigo-700-hsl: 234deg, 59.8%, 64.9%;\n  --dh-color-indigo-800-hsl: 234deg, 74.8%, 72%;\n  --dh-color-indigo-900-hsl: 234deg, 91%, 78.2%;\n  --dh-color-indigo-1000-hsl: 234deg, 100%, 83.3%;\n  --dh-color-indigo-1100-hsl: 234deg, 100%, 87.3%;\n  --dh-color-indigo-1200-hsl: 235deg, 100%, 91.2%;\n  --dh-color-indigo-1300-hsl: 232deg, 100%, 94.1%;\n  --dh-color-indigo-1400-hsl: 236deg, 100%, 96.9%;\n\n  /* Purple HSL components */\n  --dh-color-purple-100-hsl: 263deg, 73.1%, 23.3%;\n  --dh-color-purple-200-hsl: 260deg, 59.2%, 29.8%;\n  --dh-color-purple-300-hsl: 258deg, 49.7%, 36.7%;\n  --dh-color-purple-400-hsl: 257deg, 43.2%, 43.5%;\n  --dh-color-purple-500-hsl: 255deg, 38.3%, 50.4%;\n  --dh-color-purple-600-hsl: 254deg, 45%, 57.3%;\n  --dh-color-purple-700-hsl: 253deg, 53.8%, 64.3%;\n  --dh-color-purple-800-hsl: 251deg, 64.4%, 71.4%;\n  --dh-color-purple-900-hsl: 250deg, 78.8%, 77.8%;\n  --dh-color-purple-1000-hsl: 249deg, 90.6%, 83.3%;\n  --dh-color-purple-1100-hsl: 249deg, 96.8%, 87.6%;\n  --dh-color-purple-1200-hsl: 250deg, 100%, 91.4%;\n  --dh-color-purple-1300-hsl: 251deg, 100%, 94.5%;\n  --dh-color-purple-1400-hsl: 260deg, 88.2%, 96.7%;\n\n  /* Fuchsia HSL components */\n  --dh-color-fuchsia-100-hsl: 301deg, 64.3%, 16.5%;\n  --dh-color-fuchsia-200-hsl: 300deg, 53.2%, 21.8%;\n  --dh-color-fuchsia-300-hsl: 297deg, 43.8%, 28.6%;\n  --dh-color-fuchsia-400-hsl: 294deg, 39.2%, 35.5%;\n  --dh-color-fuchsia-500-hsl: 291deg, 35.2%, 42.9%;\n  --dh-color-fuchsia-600-hsl: 287deg, 32.5%, 50.6%;\n  --dh-color-fuchsia-700-hsl: 283deg, 39.6%, 58.4%;\n  --dh-color-fuchsia-800-hsl: 279deg, 50%, 66.3%;\n  --dh-color-fuchsia-900-hsl: 277deg, 61.5%, 73.5%;\n  --dh-color-fuchsia-1000-hsl: 275deg, 70.9%, 79.8%;\n  --dh-color-fuchsia-1100-hsl: 275deg, 76.3%, 85.1%;\n  --dh-color-fuchsia-1200-hsl: 277deg, 77.8%, 89.4%;\n  --dh-color-fuchsia-1300-hsl: 280deg, 77.1%, 93.1%;\n  --dh-color-fuchsia-1400-hsl: 288deg, 71.4%, 95.9%;\n\n  /* Magenta HSL components */\n  --dh-color-magenta-100-hsl: 333deg, 90.7%, 16.9%;\n  --dh-color-magenta-200-hsl: 334deg, 72.4%, 22.7%;\n  --dh-color-magenta-300-hsl: 334deg, 60.3%, 29.6%;\n  --dh-color-magenta-400-hsl: 334deg, 51.6%, 36.5%;\n  --dh-color-magenta-500-hsl: 333deg, 45.7%, 43.3%;\n  --dh-color-magenta-600-hsl: 332deg, 41.5%, 50.4%;\n  --dh-color-magenta-700-hsl: 330deg, 50.7%, 57.8%;\n  --dh-color-magenta-800-hsl: 329deg, 60.7%, 65.1%;\n  --dh-color-magenta-900-hsl: 329deg, 75.9%, 72.4%;\n  --dh-color-magenta-1000-hsl: 328deg, 92.5%, 79.2%;\n  --dh-color-magenta-1100-hsl: 327deg, 100%, 84.7%;\n  --dh-color-magenta-1200-hsl: 327deg, 100%, 89.4%;\n  --dh-color-magenta-1300-hsl: 326deg, 100%, 93.3%;\n  --dh-color-magenta-1400-hsl: 328deg, 100%, 96.3%;\n\n  /* Grays */\n  --dh-color-gray-50: hsl(var(--dh-color-gray-50-hsl));\n  --dh-color-gray-75: hsl(var(--dh-color-gray-75-hsl));\n  --dh-color-gray-100: hsl(var(--dh-color-gray-100-hsl));\n  --dh-color-gray-200: hsl(var(--dh-color-gray-200-hsl));\n  --dh-color-gray-300: hsl(var(--dh-color-gray-300-hsl));\n  --dh-color-gray-400: hsl(var(--dh-color-gray-400-hsl));\n  --dh-color-gray-500: hsl(var(--dh-color-gray-500-hsl));\n  --dh-color-gray-600: hsl(var(--dh-color-gray-600-hsl));\n  --dh-color-gray-700: hsl(var(--dh-color-gray-700-hsl));\n  --dh-color-gray-800: hsl(var(--dh-color-gray-800-hsl));\n  --dh-color-gray-900: hsl(var(--dh-color-gray-900-hsl));\n\n  --dh-color-gray-light: hsl(var(--dh-color-gray-light-hsl));\n  --dh-color-gray-mid: hsl(var(--dh-color-gray-mid-hsl));\n  --dh-color-gray-dark: hsl(var(--dh-color-gray-dark-hsl));\n\n  /** Black & White */\n  --dh-color-black: hsl(var(--dh-color-black-hsl));\n  --dh-color-white: hsl(var(--dh-color-white-hsl));\n\n  /* Red */\n  --dh-color-red-100: hsl(var(--dh-color-red-100-hsl));\n  --dh-color-red-200: hsl(var(--dh-color-red-200-hsl));\n  --dh-color-red-300: hsl(var(--dh-color-red-300-hsl));\n  --dh-color-red-400: hsl(var(--dh-color-red-400-hsl));\n  --dh-color-red-500: hsl(var(--dh-color-red-500-hsl));\n  --dh-color-red-600: hsl(var(--dh-color-red-600-hsl));\n  --dh-color-red-700: hsl(var(--dh-color-red-700-hsl));\n  --dh-color-red-800: hsl(var(--dh-color-red-800-hsl));\n  --dh-color-red-900: hsl(var(--dh-color-red-900-hsl));\n  --dh-color-red-1000: hsl(var(--dh-color-red-1000-hsl));\n  --dh-color-red-1100: hsl(var(--dh-color-red-1100-hsl));\n  --dh-color-red-1200: hsl(var(--dh-color-red-1200-hsl));\n  --dh-color-red-1300: hsl(var(--dh-color-red-1300-hsl));\n  --dh-color-red-1400: hsl(var(--dh-color-red-1400-hsl));\n\n  /* Orange */\n  --dh-color-orange-100: hsl(var(--dh-color-orange-100-hsl));\n  --dh-color-orange-200: hsl(var(--dh-color-orange-200-hsl));\n  --dh-color-orange-300: hsl(var(--dh-color-orange-300-hsl));\n  --dh-color-orange-400: hsl(var(--dh-color-orange-400-hsl));\n  --dh-color-orange-500: hsl(var(--dh-color-orange-500-hsl));\n  --dh-color-orange-600: hsl(var(--dh-color-orange-600-hsl));\n  --dh-color-orange-700: hsl(var(--dh-color-orange-700-hsl));\n  --dh-color-orange-800: hsl(var(--dh-color-orange-800-hsl));\n  --dh-color-orange-900: hsl(var(--dh-color-orange-900-hsl));\n  --dh-color-orange-1000: hsl(var(--dh-color-orange-1000-hsl));\n  --dh-color-orange-1100: hsl(var(--dh-color-orange-1100-hsl));\n  --dh-color-orange-1200: hsl(var(--dh-color-orange-1200-hsl));\n  --dh-color-orange-1300: hsl(var(--dh-color-orange-1300-hsl));\n  --dh-color-orange-1400: hsl(var(--dh-color-orange-1400-hsl));\n\n  /* Yellow */\n  --dh-color-yellow-100: hsl(var(--dh-color-yellow-100-hsl));\n  --dh-color-yellow-200: hsl(var(--dh-color-yellow-200-hsl));\n  --dh-color-yellow-300: hsl(var(--dh-color-yellow-300-hsl));\n  --dh-color-yellow-400: hsl(var(--dh-color-yellow-400-hsl));\n  --dh-color-yellow-500: hsl(var(--dh-color-yellow-500-hsl));\n  --dh-color-yellow-600: hsl(var(--dh-color-yellow-600-hsl));\n  --dh-color-yellow-700: hsl(var(--dh-color-yellow-700-hsl));\n  --dh-color-yellow-800: hsl(var(--dh-color-yellow-800-hsl));\n  --dh-color-yellow-900: hsl(var(--dh-color-yellow-900-hsl));\n  --dh-color-yellow-1000: hsl(var(--dh-color-yellow-1000-hsl));\n  --dh-color-yellow-1100: hsl(var(--dh-color-yellow-1100-hsl));\n  --dh-color-yellow-1200: hsl(var(--dh-color-yellow-1200-hsl));\n  --dh-color-yellow-1300: hsl(var(--dh-color-yellow-1300-hsl));\n  --dh-color-yellow-1400: hsl(var(--dh-color-yellow-1400-hsl));\n\n  /* Chartreuse */\n  --dh-color-chartreuse-100: hsl(var(--dh-color-chartreuse-100-hsl));\n  --dh-color-chartreuse-200: hsl(var(--dh-color-chartreuse-200-hsl));\n  --dh-color-chartreuse-300: hsl(var(--dh-color-chartreuse-300-hsl));\n  --dh-color-chartreuse-400: hsl(var(--dh-color-chartreuse-400-hsl));\n  --dh-color-chartreuse-500: hsl(var(--dh-color-chartreuse-500-hsl));\n  --dh-color-chartreuse-600: hsl(var(--dh-color-chartreuse-600-hsl));\n  --dh-color-chartreuse-700: hsl(var(--dh-color-chartreuse-700-hsl));\n  --dh-color-chartreuse-800: hsl(var(--dh-color-chartreuse-800-hsl));\n  --dh-color-chartreuse-900: hsl(var(--dh-color-chartreuse-900-hsl));\n  --dh-color-chartreuse-1000: hsl(var(--dh-color-chartreuse-1000-hsl));\n  --dh-color-chartreuse-1100: hsl(var(--dh-color-chartreuse-1100-hsl));\n  --dh-color-chartreuse-1200: hsl(var(--dh-color-chartreuse-1200-hsl));\n  --dh-color-chartreuse-1300: hsl(var(--dh-color-chartreuse-1300-hsl));\n  --dh-color-chartreuse-1400: hsl(var(--dh-color-chartreuse-1400-hsl));\n\n  /* Celery */\n  --dh-color-celery-100: hsl(var(--dh-color-celery-100-hsl));\n  --dh-color-celery-200: hsl(var(--dh-color-celery-200-hsl));\n  --dh-color-celery-300: hsl(var(--dh-color-celery-300-hsl));\n  --dh-color-celery-400: hsl(var(--dh-color-celery-400-hsl));\n  --dh-color-celery-500: hsl(var(--dh-color-celery-500-hsl));\n  --dh-color-celery-600: hsl(var(--dh-color-celery-600-hsl));\n  --dh-color-celery-700: hsl(var(--dh-color-celery-700-hsl));\n  --dh-color-celery-800: hsl(var(--dh-color-celery-800-hsl));\n  --dh-color-celery-900: hsl(var(--dh-color-celery-900-hsl));\n  --dh-color-celery-1000: hsl(var(--dh-color-celery-1000-hsl));\n  --dh-color-celery-1100: hsl(var(--dh-color-celery-1100-hsl));\n  --dh-color-celery-1200: hsl(var(--dh-color-celery-1200-hsl));\n  --dh-color-celery-1300: hsl(var(--dh-color-celery-1300-hsl));\n  --dh-color-celery-1400: hsl(var(--dh-color-celery-1400-hsl));\n\n  /* Green */\n  --dh-color-green-100: hsl(var(--dh-color-green-100-hsl));\n  --dh-color-green-200: hsl(var(--dh-color-green-200-hsl));\n  --dh-color-green-300: hsl(var(--dh-color-green-300-hsl));\n  --dh-color-green-400: hsl(var(--dh-color-green-400-hsl));\n  --dh-color-green-500: hsl(var(--dh-color-green-500-hsl));\n  --dh-color-green-600: hsl(var(--dh-color-green-600-hsl));\n  --dh-color-green-700: hsl(var(--dh-color-green-700-hsl));\n  --dh-color-green-800: hsl(var(--dh-color-green-800-hsl));\n  --dh-color-green-900: hsl(var(--dh-color-green-900-hsl));\n  --dh-color-green-1000: hsl(var(--dh-color-green-1000-hsl));\n  --dh-color-green-1100: hsl(var(--dh-color-green-1100-hsl));\n  --dh-color-green-1200: hsl(var(--dh-color-green-1200-hsl));\n  --dh-color-green-1300: hsl(var(--dh-color-green-1300-hsl));\n  --dh-color-green-1400: hsl(var(--dh-color-green-1400-hsl));\n\n  /* Seafoam */\n  --dh-color-seafoam-100: hsl(var(--dh-color-seafoam-100-hsl));\n  --dh-color-seafoam-200: hsl(var(--dh-color-seafoam-200-hsl));\n  --dh-color-seafoam-300: hsl(var(--dh-color-seafoam-300-hsl));\n  --dh-color-seafoam-400: hsl(var(--dh-color-seafoam-400-hsl));\n  --dh-color-seafoam-500: hsl(var(--dh-color-seafoam-500-hsl));\n  --dh-color-seafoam-600: hsl(var(--dh-color-seafoam-600-hsl));\n  --dh-color-seafoam-700: hsl(var(--dh-color-seafoam-700-hsl));\n  --dh-color-seafoam-800: hsl(var(--dh-color-seafoam-800-hsl));\n  --dh-color-seafoam-900: hsl(var(--dh-color-seafoam-900-hsl));\n  --dh-color-seafoam-1000: hsl(var(--dh-color-seafoam-1000-hsl));\n  --dh-color-seafoam-1100: hsl(var(--dh-color-seafoam-1100-hsl));\n  --dh-color-seafoam-1200: hsl(var(--dh-color-seafoam-1200-hsl));\n  --dh-color-seafoam-1300: hsl(var(--dh-color-seafoam-1300-hsl));\n  --dh-color-seafoam-1400: hsl(var(--dh-color-seafoam-1400-hsl));\n\n  /* Cyan */\n  --dh-color-cyan-100: hsl(var(--dh-color-cyan-100-hsl));\n  --dh-color-cyan-200: hsl(var(--dh-color-cyan-200-hsl));\n  --dh-color-cyan-300: hsl(var(--dh-color-cyan-300-hsl));\n  --dh-color-cyan-400: hsl(var(--dh-color-cyan-400-hsl));\n  --dh-color-cyan-500: hsl(var(--dh-color-cyan-500-hsl));\n  --dh-color-cyan-600: hsl(var(--dh-color-cyan-600-hsl));\n  --dh-color-cyan-700: hsl(var(--dh-color-cyan-700-hsl));\n  --dh-color-cyan-800: hsl(var(--dh-color-cyan-800-hsl));\n  --dh-color-cyan-900: hsl(var(--dh-color-cyan-900-hsl));\n  --dh-color-cyan-1000: hsl(var(--dh-color-cyan-1000-hsl));\n  --dh-color-cyan-1100: hsl(var(--dh-color-cyan-1100-hsl));\n  --dh-color-cyan-1200: hsl(var(--dh-color-cyan-1200-hsl));\n  --dh-color-cyan-1300: hsl(var(--dh-color-cyan-1300-hsl));\n  --dh-color-cyan-1400: hsl(var(--dh-color-cyan-1400-hsl));\n\n  /* Blue */\n  --dh-color-blue-100: hsl(var(--dh-color-blue-100-hsl));\n  --dh-color-blue-200: hsl(var(--dh-color-blue-200-hsl));\n  --dh-color-blue-300: hsl(var(--dh-color-blue-300-hsl));\n  --dh-color-blue-400: hsl(var(--dh-color-blue-400-hsl));\n  --dh-color-blue-500: hsl(var(--dh-color-blue-500-hsl));\n  --dh-color-blue-600: hsl(var(--dh-color-blue-600-hsl));\n  --dh-color-blue-700: hsl(var(--dh-color-blue-700-hsl));\n  --dh-color-blue-800: hsl(var(--dh-color-blue-800-hsl));\n  --dh-color-blue-900: hsl(var(--dh-color-blue-900-hsl));\n  --dh-color-blue-1000: hsl(var(--dh-color-blue-1000-hsl));\n  --dh-color-blue-1100: hsl(var(--dh-color-blue-1100-hsl));\n  --dh-color-blue-1200: hsl(var(--dh-color-blue-1200-hsl));\n  --dh-color-blue-1300: hsl(var(--dh-color-blue-1300-hsl));\n  --dh-color-blue-1400: hsl(var(--dh-color-blue-1400-hsl));\n\n  /* Indigo */\n  --dh-color-indigo-100: hsl(var(--dh-color-indigo-100-hsl));\n  --dh-color-indigo-200: hsl(var(--dh-color-indigo-200-hsl));\n  --dh-color-indigo-300: hsl(var(--dh-color-indigo-300-hsl));\n  --dh-color-indigo-400: hsl(var(--dh-color-indigo-400-hsl));\n  --dh-color-indigo-500: hsl(var(--dh-color-indigo-500-hsl));\n  --dh-color-indigo-600: hsl(var(--dh-color-indigo-600-hsl));\n  --dh-color-indigo-700: hsl(var(--dh-color-indigo-700-hsl));\n  --dh-color-indigo-800: hsl(var(--dh-color-indigo-800-hsl));\n  --dh-color-indigo-900: hsl(var(--dh-color-indigo-900-hsl));\n  --dh-color-indigo-1000: hsl(var(--dh-color-indigo-1000-hsl));\n  --dh-color-indigo-1100: hsl(var(--dh-color-indigo-1100-hsl));\n  --dh-color-indigo-1200: hsl(var(--dh-color-indigo-1200-hsl));\n  --dh-color-indigo-1300: hsl(var(--dh-color-indigo-1300-hsl));\n  --dh-color-indigo-1400: hsl(var(--dh-color-indigo-1400-hsl));\n\n  /* Purple */\n  --dh-color-purple-100: hsl(var(--dh-color-purple-100-hsl));\n  --dh-color-purple-200: hsl(var(--dh-color-purple-200-hsl));\n  --dh-color-purple-300: hsl(var(--dh-color-purple-300-hsl));\n  --dh-color-purple-400: hsl(var(--dh-color-purple-400-hsl));\n  --dh-color-purple-500: hsl(var(--dh-color-purple-500-hsl));\n  --dh-color-purple-600: hsl(var(--dh-color-purple-600-hsl));\n  --dh-color-purple-700: hsl(var(--dh-color-purple-700-hsl));\n  --dh-color-purple-800: hsl(var(--dh-color-purple-800-hsl));\n  --dh-color-purple-900: hsl(var(--dh-color-purple-900-hsl));\n  --dh-color-purple-1000: hsl(var(--dh-color-purple-1000-hsl));\n  --dh-color-purple-1100: hsl(var(--dh-color-purple-1100-hsl));\n  --dh-color-purple-1200: hsl(var(--dh-color-purple-1200-hsl));\n  --dh-color-purple-1300: hsl(var(--dh-color-purple-1300-hsl));\n  --dh-color-purple-1400: hsl(var(--dh-color-purple-1400-hsl));\n\n  /* Fuchsia */\n  --dh-color-fuchsia-100: hsl(var(--dh-color-fuchsia-100-hsl));\n  --dh-color-fuchsia-200: hsl(var(--dh-color-fuchsia-200-hsl));\n  --dh-color-fuchsia-300: hsl(var(--dh-color-fuchsia-300-hsl));\n  --dh-color-fuchsia-400: hsl(var(--dh-color-fuchsia-400-hsl));\n  --dh-color-fuchsia-500: hsl(var(--dh-color-fuchsia-500-hsl));\n  --dh-color-fuchsia-600: hsl(var(--dh-color-fuchsia-600-hsl));\n  --dh-color-fuchsia-700: hsl(var(--dh-color-fuchsia-700-hsl));\n  --dh-color-fuchsia-800: hsl(var(--dh-color-fuchsia-800-hsl));\n  --dh-color-fuchsia-900: hsl(var(--dh-color-fuchsia-900-hsl));\n  --dh-color-fuchsia-1000: hsl(var(--dh-color-fuchsia-1000-hsl));\n  --dh-color-fuchsia-1100: hsl(var(--dh-color-fuchsia-1100-hsl));\n  --dh-color-fuchsia-1200: hsl(var(--dh-color-fuchsia-1200-hsl));\n  --dh-color-fuchsia-1300: hsl(var(--dh-color-fuchsia-1300-hsl));\n  --dh-color-fuchsia-1400: hsl(var(--dh-color-fuchsia-1400-hsl));\n\n  /* Magenta */\n  --dh-color-magenta-100: hsl(var(--dh-color-magenta-100-hsl));\n  --dh-color-magenta-200: hsl(var(--dh-color-magenta-200-hsl));\n  --dh-color-magenta-300: hsl(var(--dh-color-magenta-300-hsl));\n  --dh-color-magenta-400: hsl(var(--dh-color-magenta-400-hsl));\n  --dh-color-magenta-500: hsl(var(--dh-color-magenta-500-hsl));\n  --dh-color-magenta-600: hsl(var(--dh-color-magenta-600-hsl));\n  --dh-color-magenta-700: hsl(var(--dh-color-magenta-700-hsl));\n  --dh-color-magenta-800: hsl(var(--dh-color-magenta-800-hsl));\n  --dh-color-magenta-900: hsl(var(--dh-color-magenta-900-hsl));\n  --dh-color-magenta-1000: hsl(var(--dh-color-magenta-1000-hsl));\n  --dh-color-magenta-1100: hsl(var(--dh-color-magenta-1100-hsl));\n  --dh-color-magenta-1200: hsl(var(--dh-color-magenta-1200-hsl));\n  --dh-color-magenta-1300: hsl(var(--dh-color-magenta-1300-hsl));\n  --dh-color-magenta-1400: hsl(var(--dh-color-magenta-1400-hsl));\n}\n"]}
+{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-palette.css"],"names":[],"mappings":"AACA,MAEE,4BACA,4BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BAEA,gDACA,8CACA,+CAGA,0CACA,2CACA,+BACA,+BAGA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,6BACA,6BACA,6BACA,6BACA,6BAGA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,gCACA,gCACA,gCACA,gCACA,gCAGA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,gCACA,gCACA,gCACA,gCACA,gCAGA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,oCACA,oCACA,oCACA,oCACA,oCAGA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,gCACA,gCACA,gCACA,gCACA,gCAGA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,+BACA,+BACA,+BACA,+BACA,+BAGA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,iCACA,iCACA,iCACA,iCACA,iCAGA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,8BACA,8BACA,8BACA,8BACA,8BAGA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,8BACA,8BACA,8BACA,8BACA,8BAGA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,gCACA,gCACA,gCACA,gCACA,gCAGA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,gCACA,gCACA,gCACA,gCACA,gCAGA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,iCACA,iCACA,iCACA,iCACA,iCAGA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,iCACA,iCACA,iCACA,iCACA","file":"theme-dark-palette.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before */\n:root {\n  /* Gray */\n  --dh-color-gray-50: #1a171a;\n  --dh-color-gray-75: #211f22;\n  --dh-color-gray-100: #2d2a2e;\n  --dh-color-gray-200: #322f33;\n  --dh-color-gray-300: #373438;\n  --dh-color-gray-400: #403e41;\n  --dh-color-gray-500: #5b5a5c;\n  --dh-color-gray-600: #929192;\n  --dh-color-gray-700: #c0bfbf;\n  --dh-color-gray-800: #f0f0ee;\n  --dh-color-gray-900: #fcfcfa;\n\n  --dh-color-gray-light: var(--dh-color-gray-900);\n  --dh-color-gray-mid: var(--dh-color-gray-600);\n  --dh-color-gray-dark: var(--dh-color-gray-300);\n\n  /** Black & White */\n  --dh-color-black: var(--dh-color-gray-50);\n  --dh-color-white: var(--dh-color-gray-800);\n  --dh-color-true-black: #000000;\n  --dh-color-true-white: #ffffff;\n\n  /* Reds HSL components */\n  --dh-color-red-100: #471521;\n  --dh-color-red-200: #5d1b2b;\n  --dh-color-red-300: #762336;\n  --dh-color-red-400: #912b45;\n  --dh-color-red-500: #ab3452;\n  --dh-color-red-600: #c73f61;\n  --dh-color-red-700: #e14c71;\n  --dh-color-red-800: #f85e85;\n  --dh-color-red-900: #ff7b9e;\n  --dh-color-red-1000: #ff99b6;\n  --dh-color-red-1100: #ffb4c9;\n  --dh-color-red-1200: #ffcbd9;\n  --dh-color-red-1300: #ffdee7;\n  --dh-color-red-1400: #ffecf1;\n\n  /* Orange HSL components */\n  --dh-color-orange-100: #471800;\n  --dh-color-orange-200: #5a2202;\n  --dh-color-orange-300: #702f06;\n  --dh-color-orange-400: #87390c;\n  --dh-color-orange-500: #9f4612;\n  --dh-color-orange-600: #b7541b;\n  --dh-color-orange-700: #d06425;\n  --dh-color-orange-800: #e67533;\n  --dh-color-orange-900: #fa8648;\n  --dh-color-orange-1000: #ffa069;\n  --dh-color-orange-1100: #ffb98d;\n  --dh-color-orange-1200: #ffcfaf;\n  --dh-color-orange-1300: #ffe0cb;\n  --dh-color-orange-1400: #ffeee2;\n\n  /* Yellow HSL components */\n  --dh-color-yellow-100: #2e2700;\n  --dh-color-yellow-200: #3d3300;\n  --dh-color-yellow-300: #4d4100;\n  --dh-color-yellow-400: #5f5005;\n  --dh-color-yellow-500: #725f0b;\n  --dh-color-yellow-600: #856e13;\n  --dh-color-yellow-700: #9a811b;\n  --dh-color-yellow-800: #ae9024;\n  --dh-color-yellow-900: #c3a32f;\n  --dh-color-yellow-1000: #d7b53a;\n  --dh-color-yellow-1100: #eac448;\n  --dh-color-yellow-1200: #fad459;\n  --dh-color-yellow-1300: #ffe77a;\n  --dh-color-yellow-1400: #fff3ac;\n\n  /* Chartreuse HSL components */\n  --dh-color-chartreuse-100: #1f2b00;\n  --dh-color-chartreuse-200: #2b3805;\n  --dh-color-chartreuse-300: #39470b;\n  --dh-color-chartreuse-400: #495611;\n  --dh-color-chartreuse-500: #596718;\n  --dh-color-chartreuse-600: #69781f;\n  --dh-color-chartreuse-700: #7a8927;\n  --dh-color-chartreuse-800: #8e9c30;\n  --dh-color-chartreuse-900: #a1ae3a;\n  --dh-color-chartreuse-1000: #b2c046;\n  --dh-color-chartreuse-1100: #c2d153;\n  --dh-color-chartreuse-1200: #d5e166;\n  --dh-color-chartreuse-1300: #e3ee84;\n  --dh-color-chartreuse-1400: #f0f7ae;\n\n  /* Celery HSL components */\n  --dh-color-celery-100: #122d15;\n  --dh-color-celery-200: #173a1a;\n  --dh-color-celery-300: #1e4b22;\n  --dh-color-celery-400: #255c2a;\n  --dh-color-celery-500: #2d6d32;\n  --dh-color-celery-600: #36803d;\n  --dh-color-celery-700: #409347;\n  --dh-color-celery-800: #4da654;\n  --dh-color-celery-900: #5fb967;\n  --dh-color-celery-1000: #77ca7e;\n  --dh-color-celery-1100: #93d999;\n  --dh-color-celery-1200: #b2e5b7;\n  --dh-color-celery-1300: #ceeed1;\n  --dh-color-celery-1400: #e4f6e6;\n\n  /* Green HSL components */\n  --dh-color-green-100: #22291d;\n  --dh-color-green-200: #2d3625;\n  --dh-color-green-300: #38462d;\n  --dh-color-green-400: #445636;\n  --dh-color-green-500: #50673d;\n  --dh-color-green-600: #5b7a45;\n  --dh-color-green-700: #678c4c;\n  --dh-color-green-800: #74a053;\n  --dh-color-green-900: #81b45a;\n  --dh-color-green-1000: #8ec762;\n  --dh-color-green-1100: #9bd96c;\n  --dh-color-green-1200: #ace97e;\n  --dh-color-green-1300: #c3f59d;\n  --dh-color-green-1400: #dcfbc2;\n\n  /* Seafoam HSL components */\n  --dh-color-seafoam-100: #1f2925;\n  --dh-color-seafoam-200: #263630;\n  --dh-color-seafoam-300: #2f463e;\n  --dh-color-seafoam-400: #37574b;\n  --dh-color-seafoam-500: #3e6959;\n  --dh-color-seafoam-600: #447b68;\n  --dh-color-seafoam-700: #488f79;\n  --dh-color-seafoam-800: #4ca388;\n  --dh-color-seafoam-900: #4fb798;\n  --dh-color-seafoam-1000: #54cba5;\n  --dh-color-seafoam-1100: #5edeb8;\n  --dh-color-seafoam-1200: #78edc8;\n  --dh-color-seafoam-1300: #9ef8d7;\n  --dh-color-seafoam-1400: #cbfce8;\n\n  /* Cyan HSL components */\n  --dh-color-cyan-100: #142b2d;\n  --dh-color-cyan-200: #1a373a;\n  --dh-color-cyan-300: #21474b;\n  --dh-color-cyan-400: #29585c;\n  --dh-color-cyan-500: #31696e;\n  --dh-color-cyan-600: #3a7a81;\n  --dh-color-cyan-700: #438d94;\n  --dh-color-cyan-800: #4da0a8;\n  --dh-color-cyan-900: #59b4bc;\n  --dh-color-cyan-1000: #65c6cf;\n  --dh-color-cyan-1100: #74d6e1;\n  --dh-color-cyan-1200: #88e6f1;\n  --dh-color-cyan-1300: #a4f2fb;\n  --dh-color-cyan-1400: #cafaff;\n\n  /* Blue HSL components */\n  --dh-color-blue-100: #112451;\n  --dh-color-blue-200: #16306c;\n  --dh-color-blue-300: #1d3d88;\n  --dh-color-blue-400: #254ba4;\n  --dh-color-blue-500: #2f5bc0;\n  --dh-color-blue-600: #3b6bda;\n  --dh-color-blue-700: #4c7dee;\n  --dh-color-blue-800: #6390fa;\n  --dh-color-blue-900: #7ca3ff;\n  --dh-color-blue-1000: #97b6ff;\n  --dh-color-blue-1100: #afc8ff;\n  --dh-color-blue-1200: #c7d9ff;\n  --dh-color-blue-1300: #dbe6ff;\n  --dh-color-blue-1400: #ecf1ff;\n\n  /* Indigo HSL components */\n  --dh-color-indigo-100: #1a1e62;\n  --dh-color-indigo-200: #252a75;\n  --dh-color-indigo-300: #32388a;\n  --dh-color-indigo-400: #40489f;\n  --dh-color-indigo-500: #4f58b4;\n  --dh-color-indigo-600: #5f68c8;\n  --dh-color-indigo-700: #707bdb;\n  --dh-color-indigo-800: #828ded;\n  --dh-color-indigo-900: #959ffa;\n  --dh-color-indigo-1000: #aab2ff;\n  --dh-color-indigo-1100: #bec5ff;\n  --dh-color-indigo-1200: #d2d6ff;\n  --dh-color-indigo-1300: #e1e5ff;\n  --dh-color-indigo-1400: #eff0ff;\n\n  /* Purple HSL components */\n  --dh-color-purple-100: #311067;\n  --dh-color-purple-200: #3d1f79;\n  --dh-color-purple-300: #4b2f8c;\n  --dh-color-purple-400: #5a3f9f;\n  --dh-color-purple-500: #6850b1;\n  --dh-color-purple-600: #7861c3;\n  --dh-color-purple-700: #8873d5;\n  --dh-color-purple-800: #9887e5;\n  --dh-color-purple-900: #a99af3;\n  --dh-color-purple-1000: #b9aefb;\n  --dh-color-purple-1100: #cac1fe;\n  --dh-color-purple-1200: #dad3ff;\n  --dh-color-purple-1300: #e8e3ff;\n  --dh-color-purple-1400: #f4effe;\n\n  /* Fuchsia HSL components */\n  --dh-color-fuchsia-100: #450f44;\n  --dh-color-fuchsia-200: #551a55;\n  --dh-color-fuchsia-300: #662969;\n  --dh-color-fuchsia-400: #77377e;\n  --dh-color-fuchsia-500: #884794;\n  --dh-color-fuchsia-600: #9858aa;\n  --dh-color-fuchsia-700: #a76bbf;\n  --dh-color-fuchsia-800: #b67ed4;\n  --dh-color-fuchsia-900: #c592e5;\n  --dh-color-fuchsia-1000: #d2a7f0;\n  --dh-color-fuchsia-1100: #debcf6;\n  --dh-color-fuchsia-1200: #e9cff9;\n  --dh-color-fuchsia-1300: #f2e0fb;\n  --dh-color-fuchsia-1400: #f9edfc;\n\n  /* Magenta HSL components */\n  --dh-color-magenta-100: #520427;\n  --dh-color-magenta-200: #641034;\n  --dh-color-magenta-300: #791e45;\n  --dh-color-magenta-400: #8d2d57;\n  --dh-color-magenta-500: #a13c69;\n  --dh-color-magenta-600: #b54c7d;\n  --dh-color-magenta-700: #ca5d93;\n  --dh-color-magenta-800: #dc70a8;\n  --dh-color-magenta-900: #ee83ba;\n  --dh-color-magenta-1000: #fb99cd;\n  --dh-color-magenta-1100: #ffb1dc;\n  --dh-color-magenta-1200: #ffc9e7;\n  --dh-color-magenta-1300: #ffddf0;\n  --dh-color-magenta-1400: #ffecf6;\n}\n"]}

package/dist/theme/theme-dark/theme-dark-semantic-chart.css

@@ -1 +1 @@
-:root{--dh-color-chart-bg: var(--dh-color-content-bg);--dh-color-chart-plot-bg: var(--dh-color-gray-200);--dh-color-chart-title: var(--dh-color-text);--dh-color-chart-legend-fg: var(--dh-color-text);--dh-color-chart-colorway: var(--dh-color-visual-cyan) var(--dh-color-visual-green) var(--dh-color-visual-yellow) var(--dh-color-visual-purple) var(--dh-color-visual-orange) var(--dh-color-visual-red) var(--dh-color-visual-chartreuse) var(--dh-color-visual-fuchsia) var(--dh-color-visual-seafoam) var(--dh-color-visual-magenta) var(--dh-color-white);--dh-color-chart-grid: var(--dh-color-gray-400);--dh-color-chart-axis-line: var(--dh-color-gray-500);--dh-color-chart-axis-line-zero: var(--dh-color-gray-700);--dh-color-chart-error-band-line: var(--dh-color-green-1400);--dh-color-chart-ohlc-increase: var(--dh-color-visual-green);--dh-color-chart-ohlc-decrease: var(--dh-color-visual-red);--dh-color-plotly-axis-text: var(--dh-color-gray-500);--dh-color-plotly-zoombox: hsla(var(--dh-color-true-black-hsl), 0.5);--dh-color-plotly-zoombox-corners-fill: var(--dh-color-white);--dh-color-plotly-zoombox-corners-stroke: var(--dh-color-gray-75);--dh-color-plotly-modebar-btn-active: hsla( var(--dh-color-true-white-hsl), 0.3 );--dh-color-plotly-modebar-btn-warning: var(--dh-color-visual-orange);--dh-color-plotly-notifier-note-bg: var(--dh-color-gray-500);--dh-color-chart-geo-coastline: var(--dh-color-gray-200);--dh-color-chart-geo-land: var(--dh-color-gray-700);--dh-color-chart-geo-ocean: var(--dh-color-gray-300);--dh-color-chart-geo-lake: var(--dh-color-blue-400);--dh-color-chart-geo-river: var(--dh-color-blue-400)}/*# sourceMappingURL=theme-dark-semantic-chart.css.map */
+:root{--dh-color-chart-bg: var(--dh-color-content-bg);--dh-color-chart-plot-bg: var(--dh-color-gray-200);--dh-color-chart-title: var(--dh-color-text);--dh-color-chart-legend-fg: var(--dh-color-text);--dh-color-chart-colorway: var(--dh-color-visual-cyan) var(--dh-color-visual-green) var(--dh-color-visual-yellow) var(--dh-color-visual-purple) var(--dh-color-visual-orange) var(--dh-color-visual-red) var(--dh-color-visual-chartreuse) var(--dh-color-visual-fuchsia) var(--dh-color-visual-seafoam) var(--dh-color-visual-magenta) var(--dh-color-white);--dh-color-chart-grid: var(--dh-color-gray-400);--dh-color-chart-axis-line: var(--dh-color-gray-500);--dh-color-chart-axis-line-zero: var(--dh-color-gray-700);--dh-color-chart-error-band-line: var(--dh-color-green-1400);--dh-color-chart-ohlc-increase: var(--dh-color-visual-green);--dh-color-chart-ohlc-decrease: var(--dh-color-visual-red);--dh-color-plotly-axis-text: var(--dh-color-gray-500);--dh-color-plotly-zoombox: color-mix( in srgb, var(--dh-color-true-black) 50%, transparent );--dh-color-plotly-zoombox-corners-fill: var(--dh-color-white);--dh-color-plotly-zoombox-corners-stroke: var(--dh-color-gray-75);--dh-color-plotly-modebar-btn-active: color-mix( in srgb, var(--dh-color-true-white) 30%, transparent );--dh-color-plotly-modebar-btn-warning: var(--dh-color-visual-orange);--dh-color-plotly-notifier-note-bg: var(--dh-color-gray-500);--dh-color-chart-geo-coastline: var(--dh-color-gray-200);--dh-color-chart-geo-land: var(--dh-color-gray-700);--dh-color-chart-geo-ocean: var(--dh-color-gray-300);--dh-color-chart-geo-lake: var(--dh-color-blue-200);--dh-color-chart-geo-river: var(--dh-color-blue-200)}/*# sourceMappingURL=theme-dark-semantic-chart.css.map */

package/dist/theme/theme-dark/theme-dark-semantic-chart.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic-chart.css"],"names":[],"mappings":"AAEA,MACE,gDACA,mDACA,6CACA,iDAGA,8VAMA,gDACA,qDACA,0DAGA,6DAGA,6DACA,2DAEA,sDACA,qEACA,8DACA,kEAEA,kFAIA,qEACA,6DAGA,yDACA,oDACA,qDACA,oDACA","file":"theme-dark-semantic-chart.css","sourcesContent":["/* stylelint-disable alpha-value-notation */\n/* stylelint-disable custom-property-empty-line-before */\n:root {\n  --dh-color-chart-bg: var(--dh-color-content-bg);\n  --dh-color-chart-plot-bg: var(--dh-color-gray-200);\n  --dh-color-chart-title: var(--dh-color-text);\n  --dh-color-chart-legend-fg: var(--dh-color-text);\n\n  /* Colorway */\n  --dh-color-chart-colorway: var(--dh-color-visual-cyan)\n    var(--dh-color-visual-green) var(--dh-color-visual-yellow)\n    var(--dh-color-visual-purple) var(--dh-color-visual-orange)\n    var(--dh-color-visual-red) var(--dh-color-visual-chartreuse)\n    var(--dh-color-visual-fuchsia) var(--dh-color-visual-seafoam)\n    var(--dh-color-visual-magenta) var(--dh-color-white);\n  --dh-color-chart-grid: var(--dh-color-gray-400);\n  --dh-color-chart-axis-line: var(--dh-color-gray-500);\n  --dh-color-chart-axis-line-zero: var(--dh-color-gray-700);\n\n  /* Error band */\n  --dh-color-chart-error-band-line: var(--dh-color-green-1400);\n\n  /* OHLC */\n  --dh-color-chart-ohlc-increase: var(--dh-color-visual-green);\n  --dh-color-chart-ohlc-decrease: var(--dh-color-visual-red);\n\n  --dh-color-plotly-axis-text: var(--dh-color-gray-500);\n  --dh-color-plotly-zoombox: hsla(var(--dh-color-true-black-hsl), 0.5);\n  --dh-color-plotly-zoombox-corners-fill: var(--dh-color-white);\n  --dh-color-plotly-zoombox-corners-stroke: var(--dh-color-gray-75);\n\n  --dh-color-plotly-modebar-btn-active: hsla(\n    var(--dh-color-true-white-hsl),\n    0.3\n  );\n  --dh-color-plotly-modebar-btn-warning: var(--dh-color-visual-orange);\n  --dh-color-plotly-notifier-note-bg: var(--dh-color-gray-500);\n\n  /* Geo */\n  --dh-color-chart-geo-coastline: var(--dh-color-gray-200);\n  --dh-color-chart-geo-land: var(--dh-color-gray-700);\n  --dh-color-chart-geo-ocean: var(--dh-color-gray-300);\n  --dh-color-chart-geo-lake: var(--dh-color-blue-400);\n  --dh-color-chart-geo-river: var(--dh-color-blue-400);\n}\n"]}
+{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic-chart.css"],"names":[],"mappings":"AAEA,MACE,gDACA,mDACA,6CACA,iDAGA,8VAMA,gDACA,qDACA,0DAGA,6DAGA,6DACA,2DAEA,sDACA,6FAKA,8DACA,kEAEA,wGAKA,qEACA,6DAGA,yDACA,oDACA,qDACA,oDACA","file":"theme-dark-semantic-chart.css","sourcesContent":["/* stylelint-disable alpha-value-notation */\n/* stylelint-disable custom-property-empty-line-before */\n:root {\n  --dh-color-chart-bg: var(--dh-color-content-bg);\n  --dh-color-chart-plot-bg: var(--dh-color-gray-200);\n  --dh-color-chart-title: var(--dh-color-text);\n  --dh-color-chart-legend-fg: var(--dh-color-text);\n\n  /* Colorway */\n  --dh-color-chart-colorway: var(--dh-color-visual-cyan)\n    var(--dh-color-visual-green) var(--dh-color-visual-yellow)\n    var(--dh-color-visual-purple) var(--dh-color-visual-orange)\n    var(--dh-color-visual-red) var(--dh-color-visual-chartreuse)\n    var(--dh-color-visual-fuchsia) var(--dh-color-visual-seafoam)\n    var(--dh-color-visual-magenta) var(--dh-color-white);\n  --dh-color-chart-grid: var(--dh-color-gray-400);\n  --dh-color-chart-axis-line: var(--dh-color-gray-500);\n  --dh-color-chart-axis-line-zero: var(--dh-color-gray-700);\n\n  /* Error band */\n  --dh-color-chart-error-band-line: var(--dh-color-green-1400);\n\n  /* OHLC */\n  --dh-color-chart-ohlc-increase: var(--dh-color-visual-green);\n  --dh-color-chart-ohlc-decrease: var(--dh-color-visual-red);\n\n  --dh-color-plotly-axis-text: var(--dh-color-gray-500);\n  --dh-color-plotly-zoombox: color-mix(\n    in srgb,\n    var(--dh-color-true-black) 50%,\n    transparent\n  );\n  --dh-color-plotly-zoombox-corners-fill: var(--dh-color-white);\n  --dh-color-plotly-zoombox-corners-stroke: var(--dh-color-gray-75);\n\n  --dh-color-plotly-modebar-btn-active: color-mix(\n    in srgb,\n    var(--dh-color-true-white) 30%,\n    transparent\n  );\n  --dh-color-plotly-modebar-btn-warning: var(--dh-color-visual-orange);\n  --dh-color-plotly-notifier-note-bg: var(--dh-color-gray-500);\n\n  /* Geo */\n  --dh-color-chart-geo-coastline: var(--dh-color-gray-200);\n  --dh-color-chart-geo-land: var(--dh-color-gray-700);\n  --dh-color-chart-geo-ocean: var(--dh-color-gray-300);\n  --dh-color-chart-geo-lake: var(--dh-color-blue-200);\n  --dh-color-chart-geo-river: var(--dh-color-blue-200);\n}\n"]}

package/dist/theme/theme-dark/theme-dark-semantic-grid.css

@@ -1 +1 @@
-:root{--dh-color-grid-bg: var(--dh-color-gray-75);--dh-color-grid-header-bg: var(--dh-color-gray-100);--dh-color-grid-header-text: var(--dh-color-heading-text);--dh-color-grid-header-separator: var(--dh-color-gray-50);--dh-color-grid-header-separator-hover: var(--dh-color-gray-600);--dh-color-grid-header-separator-hidden-hover: var(--dh-color-accent-700);--dh-color-grid-header-sort-bar: var(--dh-color-visual-purple);--dh-color-grid-header-reverse-bar: var(--dh-color-visual-green);--dh-color-grid-header-bar-casing: var(--dh-color-gray-50);--dh-color-grid-row-0-bg: var(--dh-color-gray-300);--dh-color-grid-row-1-bg: var(--dh-color-gray-100);--dh-color-grid-row-hover-bg: var(--dh-color-highlight-hover);--dh-color-grid-row-hover-bg-selected: var( --dh-color-highlight-selected-hover );--dh-color-grid-row-shadow-alpha: 0.15;--dh-color-grid-selection: var(--dh-color-highlight-selected);--dh-color-grid-selection-outline: var(--dh-color-accent-900);--dh-color-grid-selection-outline-casing: var(--dh-color-gray-50);--dh-color-grid-scroll-bar-active-selection-tick: var(--dh-color-accent-400);--dh-color-grid-scroll-bar-bg: var(--dh-color-gray-100);--dh-color-grid-scroll-bar-hover-bg: var(--dh-color-gray-200);--dh-color-grid-scroll-bar-casing: var(--dh-color-gray-400);--dh-color-grid-scroll-bar-corner: var(--dh-color-gray-100);--dh-color-grid-scroll-bar: var(--dh-color-gray-500);--dh-color-grid-scroll-bar-hover: var(--dh-color-gray-600);--dh-color-grid-scroll-bar-active: var(--dh-color-gray-700);--dh-color-grid-text: var(--dh-color-text);--dh-color-grid-text-hyperlink: var(--dh-color-accent-1000);--dh-color-grid-text-pending: var(--dh-color-yellow-1300);--dh-color-grid-text-error: var(--dh-color-visual-negative);--dh-color-grid-date: var(--dh-color-visual-notice);--dh-color-grid-number-positive: var(--dh-color-visual-positive);--dh-color-grid-number-negative: var(--dh-color-visual-negative);--dh-color-grid-number-zero: var(--dh-color-visual-notice);--dh-color-grid-string-null: var(--dh-color-gray-600);--dh-color-grid-filter-bar-active-bg: hsla( var(--dh-color-accent-700-hsl), 0.5 );--dh-color-grid-filter-bar-active: var(--dh-color-accent-600);--dh-color-grid-filter-bar-expanded-bg: var(--dh-color-gray-200);--dh-color-grid-filter-bar-expanded-active-bg: hsla( var(--dh-color-accent-1000-hsl), 0.19 );--dh-color-grid-filter-bar-expanded-active-cell-bg: hsla( var(--dh-color-accent-700-hsl), 0.32 );--dh-color-grid-filter-bar-separator: var(--dh-color-gray-600);--dh-color-grid-filter-bar-error: var(--dh-color-visual-negative);--dh-color-grid-filter-icon: var(--dh-color-accent-600);--dh-color-grid-context-menu-sort-icon: var(--dh-color-visual-purple);--dh-color-grid-context-menu-reverse-icon: var(--dh-color-visual-green);--dh-color-grid-column-linker-hover-bg: var( --dh-color-highlight-selected-hover );--dh-color-grid-column-grouped-divider: var(--dh-color-gray-50);--dh-color-grid-tree-line: var(--dh-color-gray-500);--dh-color-grid-tree-marker: var(--dh-color-gray-700);--dh-color-grid-tree-marker-hover: var(--dh-color-gray-900);--dh-color-grid-floating-row: var(--dh-color-gray-300);--dh-color-grid-floating-row-bg: var(--dh-color-gray-200);--dh-color-grid-floating-divider-inner: var(--dh-color-gray-200);--dh-color-grid-floating-divider-outer: var(--dh-color-gray-50);--dh-color-grid-overflow-button: var(--dh-color-gray-700);--dh-color-grid-overflow-button-hover: var(--dh-color-gray-900);--dh-color-grid-data-bar-positive: var(--dh-color-visual-positive);--dh-color-grid-data-bar-negative: var(--dh-color-visual-negative);--dh-color-grid-data-bar-marker: var(--dh-color-white);--dh-color-grid-data-bar-zero-line: var(--dh-color-gray-300);--dh-color-grid-scrim: var(--dh-color-gray-50)}/*# sourceMappingURL=theme-dark-semantic-grid.css.map */
+:root{--dh-color-grid-bg: var(--dh-color-gray-75);--dh-color-grid-header-bg: var(--dh-color-gray-100);--dh-color-grid-header-text: var(--dh-color-heading-text);--dh-color-grid-header-separator: var(--dh-color-gray-50);--dh-color-grid-header-separator-hover: var(--dh-color-gray-600);--dh-color-grid-header-separator-hidden-hover: var(--dh-color-accent-700);--dh-color-grid-header-sort-bar: var(--dh-color-visual-purple);--dh-color-grid-header-reverse-bar: var(--dh-color-visual-green);--dh-color-grid-header-bar-casing: var(--dh-color-gray-50);--dh-color-grid-row-0-bg: var(--dh-color-gray-300);--dh-color-grid-row-1-bg: var(--dh-color-gray-100);--dh-color-grid-row-hover-bg: var(--dh-color-highlight-hover);--dh-color-grid-row-hover-bg-selected: var( --dh-color-highlight-selected-hover );--dh-color-grid-row-shadow-alpha: 0.15;--dh-color-grid-selection: var(--dh-color-highlight-selected);--dh-color-grid-selection-outline: var(--dh-color-accent-900);--dh-color-grid-selection-outline-casing: var(--dh-color-gray-50);--dh-color-grid-scroll-bar-active-selection-tick: var(--dh-color-accent-400);--dh-color-grid-scroll-bar-bg: var(--dh-color-gray-100);--dh-color-grid-scroll-bar-hover-bg: var(--dh-color-gray-200);--dh-color-grid-scroll-bar-casing: var(--dh-color-gray-400);--dh-color-grid-scroll-bar-corner: var(--dh-color-gray-100);--dh-color-grid-scroll-bar: var(--dh-color-gray-500);--dh-color-grid-scroll-bar-hover: var(--dh-color-gray-600);--dh-color-grid-scroll-bar-active: var(--dh-color-gray-700);--dh-color-grid-text: var(--dh-color-text);--dh-color-grid-text-hyperlink: var(--dh-color-accent-1000);--dh-color-grid-text-pending: var(--dh-color-yellow-1300);--dh-color-grid-text-error: var(--dh-color-visual-negative);--dh-color-grid-date: var(--dh-color-visual-notice);--dh-color-grid-number-positive: var(--dh-color-visual-positive);--dh-color-grid-number-negative: var(--dh-color-visual-negative);--dh-color-grid-number-zero: var(--dh-color-visual-notice);--dh-color-grid-string-null: var(--dh-color-gray-600);--dh-color-grid-filter-bar-active-bg: color-mix( in srgb, var(--dh-color-accent-700) 50%, transparent );--dh-color-grid-filter-bar-active: var(--dh-color-accent-600);--dh-color-grid-filter-bar-expanded-bg: var(--dh-color-gray-200);--dh-color-grid-filter-bar-expanded-active-bg: color-mix( in srgb, var(--dh-color-accent-1000) 19%, transparent );--dh-color-grid-filter-bar-expanded-active-cell-bg: color-mix( in srgb, var(--dh-color-accent-700) 32%, transparent );--dh-color-grid-filter-bar-separator: var(--dh-color-gray-600);--dh-color-grid-filter-bar-error: var(--dh-color-visual-negative);--dh-color-grid-filter-icon: var(--dh-color-accent-600);--dh-color-grid-context-menu-sort-icon: var(--dh-color-visual-purple);--dh-color-grid-context-menu-reverse-icon: var(--dh-color-visual-green);--dh-color-grid-column-linker-hover-bg: var( --dh-color-highlight-selected-hover );--dh-color-grid-column-grouped-divider: var(--dh-color-gray-50);--dh-color-grid-tree-line: var(--dh-color-gray-500);--dh-color-grid-tree-marker: var(--dh-color-gray-700);--dh-color-grid-tree-marker-hover: var(--dh-color-gray-900);--dh-color-grid-floating-row: var(--dh-color-gray-300);--dh-color-grid-floating-row-bg: var(--dh-color-gray-200);--dh-color-grid-floating-divider-inner: var(--dh-color-gray-200);--dh-color-grid-floating-divider-outer: var(--dh-color-gray-50);--dh-color-grid-overflow-button: var(--dh-color-gray-700);--dh-color-grid-overflow-button-hover: var(--dh-color-gray-900);--dh-color-grid-data-bar-positive: var(--dh-color-visual-positive);--dh-color-grid-data-bar-negative: var(--dh-color-visual-negative);--dh-color-grid-data-bar-marker: var(--dh-color-white);--dh-color-grid-data-bar-zero-line: var(--dh-color-gray-300);--dh-color-grid-scrim: var(--dh-color-gray-50)}/*# sourceMappingURL=theme-dark-semantic-grid.css.map */