@deephaven/components 0.59.1-beta.0 → 0.59.1-beta.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/dist/HierarchicalCheckboxMenu.css +1 -0
  2. package/dist/HierarchicalCheckboxMenu.css.map +1 -1
  3. package/dist/Option.d.ts +3 -5
  4. package/dist/Option.d.ts.map +1 -1
  5. package/dist/Option.js +14 -10
  6. package/dist/Option.js.map +1 -1
  7. package/dist/Select.d.ts +1 -1
  8. package/dist/shortcuts/GlobalShortcuts.d.ts +1 -0
  9. package/dist/shortcuts/GlobalShortcuts.d.ts.map +1 -1
  10. package/dist/shortcuts/GlobalShortcuts.js +8 -0
  11. package/dist/shortcuts/GlobalShortcuts.js.map +1 -1
  12. package/dist/theme/theme-dark/theme-dark-palette.css +1 -1
  13. package/dist/theme/theme-dark/theme-dark-palette.css.map +1 -1
  14. package/dist/theme/theme-dark/theme-dark-semantic-chart.css +1 -1
  15. package/dist/theme/theme-dark/theme-dark-semantic-chart.css.map +1 -1
  16. package/dist/theme/theme-light/theme-light-palette.css +1 -1
  17. package/dist/theme/theme-light/theme-light-palette.css.map +1 -1
  18. package/dist/theme/theme-light/theme-light-semantic-chart.css +1 -1
  19. package/dist/theme/theme-light/theme-light-semantic-chart.css.map +1 -1
  20. package/package.json +7 -7
package/dist/HierarchicalCheckboxMenu.css CHANGED
@@ -24,6 +24,7 @@
24
24
  width: 10px;
25
25
  height: 6px;
26
26
  margin-right: 4px;
27
+ flex-shrink: 0;
27
28
  }
28
29
 
29
30
  .hcm-btn:focus {
package/dist/HierarchicalCheckboxMenu.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../scss/custom.scss","../scss/bootstrap_overrides.scss","../src/HierarchicalCheckboxMenu.scss","../../../node_modules/bootstrap/scss/_variables.scss","../scss/util.scss","../scss/new_variables.scss"],"names":[],"mappings":"AAAA;ACyLA;ACtLA;EACE;EACA;EACA;EACA,KC6X4B;ED5X5B;EACA,eDkJc;ECjJd;EACA;EACA;EACA;EACA,aCkR4B;;ADhR5B;EEdA,iBAY4D;EAX5D;EACA,YAUyB;EATzB;EACA;EACA,WAO4D;EAE5D;EACA,OALQ;EAMR,QALS;EFMP;;;AAIJ;EACE,cDwJyB;;;ACrJ3B;EACE;EACA;EACA;;AACA;EACE;;;AAIJ;EACE,SGhCS;;AHiCT;EACE;;AAEF;EACE,aGpCO","file":"HierarchicalCheckboxMenu.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@import '../scss/util.scss';\n\n.hcm-btn {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: $custom-select-padding-x;\n justify-content: space-between;\n border-radius: $border-radius;\n border: $input-border-width solid $input-border-color;\n color: var(--dh-color-input-fg);\n background-color: var(--dh-color-selector-bg);\n padding: $custom-select-padding-y $custom-select-padding-x;\n font-weight: $font-weight-normal;\n\n .cs-caret {\n @include caret-icon;\n\n margin-right: 4px;\n }\n}\n\n.hcm-btn:focus {\n border-color: $input-focus-border-color;\n}\n\n.hcm-btn:hover:not(:disabled) {\n border-color: var(--dh-color-input-hover-border);\n color: var(--dh-color-selector-hover-fg);\n background-color: var(--dh-color-selector-hover-bg);\n .cs-caret {\n background-color: var(--dh-color-selector-hover-fg);\n }\n}\n\n.hcm-menu-container {\n padding: $spacer-2;\n .hcm-parent {\n font-weight: bold;\n }\n .hcm-child {\n margin-left: $spacer-3;\n }\n}\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n$colors: map-merge(\n (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n ),\n $colors\n);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n$theme-colors: map-merge(\n (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n ),\n $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n (\"<\", \"%3c\"),\n (\">\", \"%3e\"),\n (\"#\", \"%23\"),\n (\"(\", \"%28\"),\n (\")\", \"%29\"),\n) !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-prefers-reduced-motion-media-query: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-pointer-cursor-for-buttons: true !default;\n$enable-print-styles: true !default;\n$enable-responsive-font-sizes: false !default;\n$enable-validation-icons: true !default;\n$enable-deprecation-messages: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-merge(\n (\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n ),\n $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n$sizes: map-merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n$grid-row-columns: 6 !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n$transition-collapse-width: width .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n$embed-responsive-aspect-ratios: join(\n (\n (21 9),\n (16 9),\n (4 3),\n (1 1),\n ),\n $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: $font-size-base * 1.25 !default;\n$font-size-sm: $font-size-base * .875 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: $spacer * .5 !default;\n$headings-font-family: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: .875em !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-small-font-size: $small-font-size !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-color: $body-color !default;\n$table-bg: null !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-color: $table-color !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n$table-th-font-weight: null !default;\n\n$table-dark-color: $white !default;\n$table-dark-bg: $gray-800 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-color: $table-dark-color !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;\n\n$table-striped-order: odd !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-border-level: -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n$btn-white-space: null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$label-margin-bottom: .5rem !default;\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half: add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y * .5) !default;\n\n$input-height: add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm: add($input-line-height-sm * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg: add($input-line-height-lg * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-grid-gutter-width: 10px !default;\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter: .5rem !default;\n$custom-control-spacer-x: 1rem !default;\n$custom-control-cursor: null !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $input-bg !default;\n\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-label-color: null !default;\n\n$custom-control-indicator-disabled-bg: $input-disabled-bg !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: null !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color: $input-focus-border-color !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: null !default;\n$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/></svg>\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow: null !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color}'/></svg>\") !default;\n\n$custom-switch-width: $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius: $custom-control-indicator-size * .5 !default;\n$custom-switch-indicator-size: subtract($custom-control-indicator-size, $custom-control-indicator-border-width * 4) !default;\n\n$custom-select-padding-y: $input-padding-y !default;\n$custom-select-padding-x: $input-padding-x !default;\n$custom-select-font-family: $input-font-family !default;\n$custom-select-font-size: $input-font-size !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight: $input-font-weight !default;\n$custom-select-line-height: $input-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $input-bg !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>\") !default;\n$custom-select-background: escape-svg($custom-select-indicator) right $custom-select-padding-x center / $custom-select-bg-size no-repeat !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: add(1em * .75, (2 * $custom-select-padding-y * .75) + $custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width: $input-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-width: $input-focus-width !default;\n$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm: $input-padding-y-sm !default;\n$custom-select-padding-x-sm: $input-padding-x-sm !default;\n$custom-select-font-size-sm: $input-font-size-sm !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-padding-y-lg: $input-padding-y-lg !default;\n$custom-select-padding-x-lg: $input-padding-x-lg !default;\n$custom-select-font-size-lg: $input-font-size-lg !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-range-track-width: 100% !default;\n$custom-range-track-height: .5rem !default;\n$custom-range-track-cursor: pointer !default;\n$custom-range-track-bg: $gray-300 !default;\n$custom-range-track-border-radius: 1rem !default;\n$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width: 1rem !default;\n$custom-range-thumb-height: $custom-range-thumb-width !default;\n$custom-range-thumb-bg: $component-active-bg !default;\n$custom-range-thumb-border: 0 !default;\n$custom-range-thumb-border-radius: 1rem !default;\n$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg: $gray-500 !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-height-inner: $input-height-inner !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-file-disabled-bg: $input-disabled-bg !default;\n\n$custom-file-padding-y: $input-padding-y !default;\n$custom-file-padding-x: $input-padding-x !default;\n$custom-file-line-height: $input-line-height !default;\n$custom-file-font-family: $input-font-family !default;\n$custom-file-font-weight: $input-font-weight !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\n\n$form-validation-states: () !default;\n$form-validation-states: map-merge(\n (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n ),\n ),\n $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n$nav-divider-color: $gray-200 !default;\n$nav-divider-margin-y: $spacer * .5 !default;\n\n\n// Navbar\n\n$navbar-padding-y: $spacer * .5 !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) * .5 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-nav-scroll-max-height: 75vh !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-x: 0 !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-divider-margin-y: $nav-divider-margin-y !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-200 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-500 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n$dropdown-header-padding: $dropdown-padding-y $dropdown-item-padding-x !default;\n\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n$pagination-border-radius-sm: $border-radius-sm !default;\n$pagination-border-radius-lg: $border-radius-lg !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-color: null !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-height: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: $grid-gutter-width * .5 !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: $line-height-base !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-inner-border-radius: subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .25rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba(0, 0, 0, .1) !default;\n$toast-border-radius: .25rem !default;\n$toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-transition: $btn-transition !default;\n$badge-focus-width: $input-btn-focus-width !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding\n$modal-footer-margin-between: .5rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: 1rem !default;\n$modal-header-padding-x: 1rem !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl: 1140px !default;\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n$modal-scale-transform: scale(1.02) !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n\n// List group\n\n$list-group-color: null !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-font-size: null !default;\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n\n$breadcrumb-border-radius: $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>\") !default;\n$carousel-control-next-icon-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>\") !default;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-vertical-align: -.125em !default;\n$spinner-border-width: .25em !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n$user-selects: all, auto, none !default;\n\n\n// Printing\n\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n","// Setup a mask-image for an inline svg\n@mixin icon-image-mask($mask-image, $size: 16px) {\n background-size: $size;\n background-color: var(--dh-color-fg);\n mask-image: $mask-image;\n mask-position: center center;\n mask-repeat: no-repeat;\n mask-size: $size;\n}\n\n// Caret icon for pickers, dropdowns, select, etc.\n@mixin caret-icon() {\n $width: 10px;\n $height: 6px;\n @include icon-image-mask(var(--dh-svg-icon-selector-caret), $width $height);\n\n background-color: var(--dh-color-selector-fg);\n width: $width;\n height: $height;\n}\n\n/// Utilty for increasing specificity by repeating a given selector n number of\n/// times.\n///\n/// It should work for selectors that can be concatenated without delimiters\n/// such as '.some-selector.some-selector', '#some-id#some-id', or '&&'. A\n/// case where it would not work would be with an element selector e.g. 'divdiv'.\n///\n/// Example usage:\n///\n/// #{multiply-specificity-n('.some-selector', 2)} {\n/// }\n///\n/// would produce\n///\n/// .some-selector.some-selector {\n/// }\n///\n/// @param {string} $selector the selector to duplicate\n/// @param {number} $n number of times to duplicate\n/// @return {string} duplicated selector\n@function multiply-specificity-n($selector, $n) {\n $result: $selector;\n @for $i from 2 through $n {\n $result: selector-append($result, $selector);\n }\n\n @return $result;\n}\n\n// Linear gradient with same start and end color. Useful for certain scenarios\n// where we need a solid background image layer.\n@function solid-gradient($color) {\n @return linear-gradient(0deg, $color, $color);\n}\n","@use 'sass:math';\n\n//Set of spacer variables from the spacer map\n$spacer-0: map-get($spacers, 0); //0\n$spacer-1: map-get($spacers, 1);\n$spacer-2: map-get($spacers, 2);\n$spacer-3: map-get($spacers, 3);\n$spacer-4: map-get($spacers, 4);\n$spacer-5: map-get($spacers, 5);\n\n//Marching Ants for golden layout dropzone and drag and drop\n//top bottom, left right.\n//create 4 background images that are 50% color 1, 50% color 2 using graidents, two veritical, two horizontal\n//size them to ant-size and thickness\n//position those images along the egdes and make top/bottom repeat-x and left/right repeat-y\n//then offest each of those background positions by ant-size in animation to make them march.\n$ant-size: 8px;\n$ant-thickness: 1px;\n\n@mixin ants-base($color-1: black, $color-2: white) {\n background-image: linear-gradient(to right, $color-2 50%, $color-1 50%),\n linear-gradient(to right, $color-2 50%, $color-1 50%),\n linear-gradient(to bottom, $color-2 50%, $color-1 50%),\n linear-gradient(to bottom, $color-2 50%, $color-1 50%);\n background-size:\n $ant-size $ant-thickness,\n $ant-size $ant-thickness,\n $ant-thickness $ant-size,\n $ant-thickness $ant-size;\n background-position:\n 0 top,\n 0 bottom,\n left 0,\n right 0;\n background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;\n animation: march 0.5s;\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n}\n\n@mixin drag-stack($pseudo-element) {\n &::#{$pseudo-element} {\n content: ' ';\n background: $primary;\n box-shadow: $box-shadow;\n border-radius: $border-radius;\n position: absolute;\n height: 100%;\n width: 100%;\n @content;\n }\n}\n\n@function hsla-opacity($semantic-name, $i: 100) {\n @return hsla(var(--dh-color-#{$semantic-name}-hsl), math.div($i, 100));\n}\n\n@function accent-opacity($i: 100) {\n @return hsla-opacity('accent', $i);\n}\n\n@function background-opacity($i: 100) {\n @return hsla-opacity('bg', $i);\n}\n\n@function foreground-opacity($i: 100) {\n @return hsla-opacity('fg', $i);\n}\n\n$focus-bg-transparency: 0.12;\n$hover-bg-transparency: 0.14;\n$active-bg-transparency: 0.28;\n$exception-transparency: 0.13;\n"]}
1
+ {"version":3,"sourceRoot":"","sources":["../scss/custom.scss","../scss/bootstrap_overrides.scss","../src/HierarchicalCheckboxMenu.scss","../../../node_modules/bootstrap/scss/_variables.scss","../scss/util.scss","../scss/new_variables.scss"],"names":[],"mappings":"AAAA;ACyLA;ACtLA;EACE;EACA;EACA;EACA,KC6X4B;ED5X5B;EACA,eDkJc;ECjJd;EACA;EACA;EACA;EACA,aCkR4B;;ADhR5B;EEdA,iBAY4D;EAX5D;EACA,YAUyB;EATzB;EACA;EACA,WAO4D;EAE5D;EACA,OALQ;EAMR,QALS;EFMP;EACA;;;AAIJ;EACE,cDuJyB;;;ACpJ3B;EACE;EACA;EACA;;AACA;EACE;;;AAIJ;EACE,SGjCS;;AHkCT;EACE;;AAEF;EACE,aGrCO","file":"HierarchicalCheckboxMenu.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@import '../scss/util.scss';\n\n.hcm-btn {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: $custom-select-padding-x;\n justify-content: space-between;\n border-radius: $border-radius;\n border: $input-border-width solid $input-border-color;\n color: var(--dh-color-input-fg);\n background-color: var(--dh-color-selector-bg);\n padding: $custom-select-padding-y $custom-select-padding-x;\n font-weight: $font-weight-normal;\n\n .cs-caret {\n @include caret-icon;\n\n margin-right: 4px;\n flex-shrink: 0;\n }\n}\n\n.hcm-btn:focus {\n border-color: $input-focus-border-color;\n}\n\n.hcm-btn:hover:not(:disabled) {\n border-color: var(--dh-color-input-hover-border);\n color: var(--dh-color-selector-hover-fg);\n background-color: var(--dh-color-selector-hover-bg);\n .cs-caret {\n background-color: var(--dh-color-selector-hover-fg);\n }\n}\n\n.hcm-menu-container {\n padding: $spacer-2;\n .hcm-parent {\n font-weight: bold;\n }\n .hcm-child {\n margin-left: $spacer-3;\n }\n}\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n$colors: map-merge(\n (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n ),\n $colors\n);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n$theme-colors: map-merge(\n (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n ),\n $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n (\"<\", \"%3c\"),\n (\">\", \"%3e\"),\n (\"#\", \"%23\"),\n (\"(\", \"%28\"),\n (\")\", \"%29\"),\n) !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-prefers-reduced-motion-media-query: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-pointer-cursor-for-buttons: true !default;\n$enable-print-styles: true !default;\n$enable-responsive-font-sizes: false !default;\n$enable-validation-icons: true !default;\n$enable-deprecation-messages: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-merge(\n (\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n ),\n $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n$sizes: map-merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n$grid-row-columns: 6 !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n$transition-collapse-width: width .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n$embed-responsive-aspect-ratios: join(\n (\n (21 9),\n (16 9),\n (4 3),\n (1 1),\n ),\n $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: $font-size-base * 1.25 !default;\n$font-size-sm: $font-size-base * .875 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: $spacer * .5 !default;\n$headings-font-family: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: .875em !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-small-font-size: $small-font-size !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-color: $body-color !default;\n$table-bg: null !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-color: $table-color !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n$table-th-font-weight: null !default;\n\n$table-dark-color: $white !default;\n$table-dark-bg: $gray-800 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-color: $table-dark-color !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;\n\n$table-striped-order: odd !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-border-level: -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n$btn-white-space: null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$label-margin-bottom: .5rem !default;\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half: add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y * .5) !default;\n\n$input-height: add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm: add($input-line-height-sm * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg: add($input-line-height-lg * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-grid-gutter-width: 10px !default;\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter: .5rem !default;\n$custom-control-spacer-x: 1rem !default;\n$custom-control-cursor: null !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $input-bg !default;\n\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-label-color: null !default;\n\n$custom-control-indicator-disabled-bg: $input-disabled-bg !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: null !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color: $input-focus-border-color !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: null !default;\n$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/></svg>\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow: null !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color}'/></svg>\") !default;\n\n$custom-switch-width: $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius: $custom-control-indicator-size * .5 !default;\n$custom-switch-indicator-size: subtract($custom-control-indicator-size, $custom-control-indicator-border-width * 4) !default;\n\n$custom-select-padding-y: $input-padding-y !default;\n$custom-select-padding-x: $input-padding-x !default;\n$custom-select-font-family: $input-font-family !default;\n$custom-select-font-size: $input-font-size !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight: $input-font-weight !default;\n$custom-select-line-height: $input-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $input-bg !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>\") !default;\n$custom-select-background: escape-svg($custom-select-indicator) right $custom-select-padding-x center / $custom-select-bg-size no-repeat !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: add(1em * .75, (2 * $custom-select-padding-y * .75) + $custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width: $input-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-width: $input-focus-width !default;\n$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm: $input-padding-y-sm !default;\n$custom-select-padding-x-sm: $input-padding-x-sm !default;\n$custom-select-font-size-sm: $input-font-size-sm !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-padding-y-lg: $input-padding-y-lg !default;\n$custom-select-padding-x-lg: $input-padding-x-lg !default;\n$custom-select-font-size-lg: $input-font-size-lg !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-range-track-width: 100% !default;\n$custom-range-track-height: .5rem !default;\n$custom-range-track-cursor: pointer !default;\n$custom-range-track-bg: $gray-300 !default;\n$custom-range-track-border-radius: 1rem !default;\n$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width: 1rem !default;\n$custom-range-thumb-height: $custom-range-thumb-width !default;\n$custom-range-thumb-bg: $component-active-bg !default;\n$custom-range-thumb-border: 0 !default;\n$custom-range-thumb-border-radius: 1rem !default;\n$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg: $gray-500 !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-height-inner: $input-height-inner !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-file-disabled-bg: $input-disabled-bg !default;\n\n$custom-file-padding-y: $input-padding-y !default;\n$custom-file-padding-x: $input-padding-x !default;\n$custom-file-line-height: $input-line-height !default;\n$custom-file-font-family: $input-font-family !default;\n$custom-file-font-weight: $input-font-weight !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\n\n$form-validation-states: () !default;\n$form-validation-states: map-merge(\n (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n ),\n ),\n $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n$nav-divider-color: $gray-200 !default;\n$nav-divider-margin-y: $spacer * .5 !default;\n\n\n// Navbar\n\n$navbar-padding-y: $spacer * .5 !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) * .5 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-nav-scroll-max-height: 75vh !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-x: 0 !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-divider-margin-y: $nav-divider-margin-y !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-200 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-500 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n$dropdown-header-padding: $dropdown-padding-y $dropdown-item-padding-x !default;\n\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n$pagination-border-radius-sm: $border-radius-sm !default;\n$pagination-border-radius-lg: $border-radius-lg !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-color: null !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-height: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: $grid-gutter-width * .5 !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: $line-height-base !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-inner-border-radius: subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .25rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba(0, 0, 0, .1) !default;\n$toast-border-radius: .25rem !default;\n$toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-transition: $btn-transition !default;\n$badge-focus-width: $input-btn-focus-width !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding\n$modal-footer-margin-between: .5rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: 1rem !default;\n$modal-header-padding-x: 1rem !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl: 1140px !default;\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n$modal-scale-transform: scale(1.02) !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n\n// List group\n\n$list-group-color: null !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-font-size: null !default;\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n\n$breadcrumb-border-radius: $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>\") !default;\n$carousel-control-next-icon-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>\") !default;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-vertical-align: -.125em !default;\n$spinner-border-width: .25em !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n$user-selects: all, auto, none !default;\n\n\n// Printing\n\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n","// Setup a mask-image for an inline svg\n@mixin icon-image-mask($mask-image, $size: 16px) {\n background-size: $size;\n background-color: var(--dh-color-fg);\n mask-image: $mask-image;\n mask-position: center center;\n mask-repeat: no-repeat;\n mask-size: $size;\n}\n\n// Caret icon for pickers, dropdowns, select, etc.\n@mixin caret-icon() {\n $width: 10px;\n $height: 6px;\n @include icon-image-mask(var(--dh-svg-icon-selector-caret), $width $height);\n\n background-color: var(--dh-color-selector-fg);\n width: $width;\n height: $height;\n}\n\n/// Utilty for increasing specificity by repeating a given selector n number of\n/// times.\n///\n/// It should work for selectors that can be concatenated without delimiters\n/// such as '.some-selector.some-selector', '#some-id#some-id', or '&&'. A\n/// case where it would not work would be with an element selector e.g. 'divdiv'.\n///\n/// Example usage:\n///\n/// #{multiply-specificity-n('.some-selector', 2)} {\n/// }\n///\n/// would produce\n///\n/// .some-selector.some-selector {\n/// }\n///\n/// @param {string} $selector the selector to duplicate\n/// @param {number} $n number of times to duplicate\n/// @return {string} duplicated selector\n@function multiply-specificity-n($selector, $n) {\n $result: $selector;\n @for $i from 2 through $n {\n $result: selector-append($result, $selector);\n }\n\n @return $result;\n}\n\n// Linear gradient with same start and end color. Useful for certain scenarios\n// where we need a solid background image layer.\n@function solid-gradient($color) {\n @return linear-gradient(0deg, $color, $color);\n}\n","@use 'sass:math';\n\n//Set of spacer variables from the spacer map\n$spacer-0: map-get($spacers, 0); //0\n$spacer-1: map-get($spacers, 1);\n$spacer-2: map-get($spacers, 2);\n$spacer-3: map-get($spacers, 3);\n$spacer-4: map-get($spacers, 4);\n$spacer-5: map-get($spacers, 5);\n\n//Marching Ants for golden layout dropzone and drag and drop\n//top bottom, left right.\n//create 4 background images that are 50% color 1, 50% color 2 using graidents, two veritical, two horizontal\n//size them to ant-size and thickness\n//position those images along the egdes and make top/bottom repeat-x and left/right repeat-y\n//then offest each of those background positions by ant-size in animation to make them march.\n$ant-size: 8px;\n$ant-thickness: 1px;\n\n@mixin ants-base($color-1: black, $color-2: white) {\n background-image: linear-gradient(to right, $color-2 50%, $color-1 50%),\n linear-gradient(to right, $color-2 50%, $color-1 50%),\n linear-gradient(to bottom, $color-2 50%, $color-1 50%),\n linear-gradient(to bottom, $color-2 50%, $color-1 50%);\n background-size:\n $ant-size $ant-thickness,\n $ant-size $ant-thickness,\n $ant-thickness $ant-size,\n $ant-thickness $ant-size;\n background-position:\n 0 top,\n 0 bottom,\n left 0,\n right 0;\n background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;\n animation: march 0.5s;\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n}\n\n@mixin drag-stack($pseudo-element) {\n &::#{$pseudo-element} {\n content: ' ';\n background: $primary;\n box-shadow: $box-shadow;\n border-radius: $border-radius;\n position: absolute;\n height: 100%;\n width: 100%;\n @content;\n }\n}\n\n@function hsla-opacity($semantic-name, $i: 100) {\n @return hsla(var(--dh-color-#{$semantic-name}-hsl), math.div($i, 100));\n}\n\n@function accent-opacity($i: 100) {\n @return hsla-opacity('accent', $i);\n}\n\n@function background-opacity($i: 100) {\n @return hsla-opacity('bg', $i);\n}\n\n@function foreground-opacity($i: 100) {\n @return hsla-opacity('fg', $i);\n}\n\n$focus-bg-transparency: 0.12;\n$hover-bg-transparency: 0.14;\n$active-bg-transparency: 0.28;\n$exception-transparency: 0.13;\n"]}
package/dist/Option.d.ts CHANGED
@@ -1,10 +1,8 @@
1
- import React from 'react';
2
- export type OptionProps = {
1
+ import React, { OptionHTMLAttributes } from 'react';
2
+ export type OptionProps = OptionHTMLAttributes<HTMLOptionElement> & {
3
3
  children: React.ReactNode;
4
- disabled?: boolean;
5
- value: string;
6
4
  'data-testid'?: string;
7
5
  };
8
- declare function Option({ children, disabled, value, 'data-testid': dataTestId, }: OptionProps): JSX.Element;
6
+ declare function Option({ children, ...props }: OptionProps): JSX.Element;
9
7
  export default Option;
10
8
  //# sourceMappingURL=Option.d.ts.map
package/dist/Option.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../src/Option.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,iBAAS,MAAM,CAAC,EACd,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,aAAa,EAAE,UAAU,GAC1B,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAM3B;AAED,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../src/Option.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAEpD,MAAM,MAAM,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAClE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,iBAAS,MAAM,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAGhE;AAED,eAAe,MAAM,CAAC"}
package/dist/Option.js CHANGED
@@ -1,18 +1,22 @@
1
+ var _excluded = ["children"];
2
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
3
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
4
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
5
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
6
+ function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
7
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
8
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
1
9
  import React from 'react';
2
10
  import { jsx as _jsx } from "react/jsx-runtime";
3
11
  function Option(_ref) {
4
12
  var {
5
- children,
6
- disabled,
7
- value,
8
- 'data-testid': dataTestId
9
- } = _ref;
10
- return /*#__PURE__*/_jsx("option", {
11
- value: value,
12
- disabled: disabled,
13
- "data-testid": dataTestId,
13
+ children
14
+ } = _ref,
15
+ props = _objectWithoutProperties(_ref, _excluded);
16
+ // eslint-disable-next-line react/jsx-props-no-spreading
17
+ return /*#__PURE__*/_jsx("option", _objectSpread(_objectSpread({}, props), {}, {
14
18
  children: children
15
- });
19
+ }));
16
20
  }
17
21
  export default Option;
18
22
  //# sourceMappingURL=Option.js.map
package/dist/Option.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Option.js","names":["React","jsx","_jsx","Option","_ref","children","disabled","value","dataTestId"],"sources":["../src/Option.tsx"],"sourcesContent":["import React from 'react';\n\nexport type OptionProps = {\n children: React.ReactNode;\n disabled?: boolean;\n value: string;\n 'data-testid'?: string;\n};\n\nfunction Option({\n children,\n disabled,\n value,\n 'data-testid': dataTestId,\n}: OptionProps): JSX.Element {\n return (\n <option value={value} disabled={disabled} data-testid={dataTestId}>\n {children}\n </option>\n );\n}\n\nexport default Option;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAS1B,SAASC,MAAMA,CAAAC,IAAA,EAKc;EAAA,IALb;IACdC,QAAQ;IACRC,QAAQ;IACRC,KAAK;IACL,aAAa,EAAEC;EACJ,CAAC,GAAAJ,IAAA;EACZ,oBACEF,IAAA;IAAQK,KAAK,EAAEA,KAAM;IAACD,QAAQ,EAAEA,QAAS;IAAC,eAAaE,UAAW;IAAAH,QAAA,EAC/DA;EAAQ,CACH,CAAC;AAEb;AAEA,eAAeF,MAAM"}
1
+ {"version":3,"file":"Option.js","names":["React","jsx","_jsx","Option","_ref","children","props","_objectWithoutProperties","_excluded","_objectSpread"],"sources":["../src/Option.tsx"],"sourcesContent":["import React, { OptionHTMLAttributes } from 'react';\n\nexport type OptionProps = OptionHTMLAttributes<HTMLOptionElement> & {\n children: React.ReactNode;\n 'data-testid'?: string;\n};\n\nfunction Option({ children, ...props }: OptionProps): JSX.Element {\n // eslint-disable-next-line react/jsx-props-no-spreading\n return <option {...props}>{children}</option>;\n}\n\nexport default Option;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,MAAgC,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOpD,SAASC,MAAMA,CAAAC,IAAA,EAAmD;EAAA,IAAlD;MAAEC;IAAgC,CAAC,GAAAD,IAAA;IAApBE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAClC;EACA,oBAAON,IAAA,WAAAO,aAAA,CAAAA,aAAA,KAAYH,KAAK;IAAAD,QAAA,EAAGA;EAAQ,EAAS,CAAC;AAC/C;AAEA,eAAeF,MAAM"}
package/dist/Select.d.ts CHANGED
@@ -9,6 +9,6 @@ export type SelectProps = baseSelectProps & {
9
9
  * native select element.
10
10
  * @param props.onChange returns a string value and not the event
11
11
  */
12
- declare const Select: React.ForwardRefExoticComponent<Pick<SelectProps, "className" | "pattern" | "placeholder" | "value" | "onChange" | "onSelect" | "onSubmit" | "onFocus" | "onBlur" | "data-testid" | "key" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "color" | "hidden" | "type" | "onKeyDown" | "onSelectCapture" | "start" | "accept" | "alt" | "capture" | "checked" | "defaultChecked" | "defaultValue" | "disabled" | "formAction" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "readOnly" | "required" | "size" | "src" | "step" | "useMap" | "width" | "children" | "onClick" | "tabIndex" | "role" | "id" | "lang" | "media" | "method" | "target" | "crossOrigin" | "href" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "rows" | "download" | "autoFocus" | "spellCheck" | "formEncType" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "kind" | "htmlFor" | "action" | "content" | "default" | "wrap" | "open" | "nonce" | "autoComplete" | "acceptCharset" | "allowFullScreen" | "allowTransparency" | "as" | "async" | "autoPlay" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "dateTime" | "defer" | "encType" | "frameBorder" | "headers" | "high" | "hrefLang" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "mediaGroup" | "muted" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "rel" | "reversed" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "srcDoc" | "srcLang" | "srcSet" | "wmode"> & React.RefAttributes<HTMLSelectElement>>;
12
+ declare const Select: React.ForwardRefExoticComponent<Pick<SelectProps, "className" | "pattern" | "placeholder" | "value" | "onChange" | "onSelect" | "onSubmit" | "onFocus" | "onBlur" | "data-testid" | "key" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "color" | "hidden" | "type" | "onKeyDown" | "onSelectCapture" | "start" | "accept" | "alt" | "capture" | "checked" | "defaultChecked" | "defaultValue" | "disabled" | "formAction" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "readOnly" | "required" | "size" | "src" | "step" | "useMap" | "width" | "children" | "onClick" | "tabIndex" | "role" | "id" | "lang" | "media" | "method" | "target" | "crossOrigin" | "href" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "rows" | "download" | "autoFocus" | "spellCheck" | "formEncType" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "kind" | "htmlFor" | "action" | "content" | "default" | "wrap" | "open" | "nonce" | "autoComplete" | "selected" | "acceptCharset" | "allowFullScreen" | "allowTransparency" | "as" | "async" | "autoPlay" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "dateTime" | "defer" | "encType" | "frameBorder" | "headers" | "high" | "hrefLang" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "mediaGroup" | "muted" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "rel" | "reversed" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "shape" | "sizes" | "srcDoc" | "srcLang" | "srcSet" | "wmode"> & React.RefAttributes<HTMLSelectElement>>;
13
13
  export default Select;
14
14
  //# sourceMappingURL=Select.d.ts.map
package/dist/shortcuts/GlobalShortcuts.d.ts CHANGED
@@ -5,6 +5,7 @@ declare const GLOBAL_SHORTCUTS: {
5
5
  SELECT_ALL: import("./Shortcut").default;
6
6
  LINKER: import("./Shortcut").default;
7
7
  LINKER_CLOSE: import("./Shortcut").default;
8
+ COPY_VERSION_INFO: import("./Shortcut").default;
8
9
  NEXT: import("./Shortcut").default;
9
10
  PREVIOUS: import("./Shortcut").default;
10
11
  };
package/dist/shortcuts/GlobalShortcuts.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"GlobalShortcuts.d.ts","sourceRoot":"","sources":["../../src/shortcuts/GlobalShortcuts.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,gBAAgB;;;;;;;;;CAwDrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
1
+ {"version":3,"file":"GlobalShortcuts.d.ts","sourceRoot":"","sources":["../../src/shortcuts/GlobalShortcuts.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,gBAAgB;;;;;;;;;;CAgErB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
package/dist/shortcuts/GlobalShortcuts.js CHANGED
@@ -42,6 +42,14 @@ var GLOBAL_SHORTCUTS = {
42
42
  macShortcut: [KEY.ESCAPE],
43
43
  isEditable: false
44
44
  }),
45
+ COPY_VERSION_INFO: ShortcutRegistry.createAndAdd({
46
+ id: 'GLOBAL.COPY_VERSION_INFO',
47
+ name: 'Copy Version Info',
48
+ // alt vs shift to not be the devtools shortcut on each platform
49
+ shortcut: [MODIFIER.CTRL, MODIFIER.ALT, KEY.I],
50
+ macShortcut: [MODIFIER.CMD, MODIFIER.SHIFT, KEY.I],
51
+ isEditable: true
52
+ }),
45
53
  NEXT: ShortcutRegistry.createAndAdd({
46
54
  id: 'GLOBAL.NEXT',
47
55
  name: 'Next',
package/dist/shortcuts/GlobalShortcuts.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"GlobalShortcuts.js","names":["ShortcutRegistry","MODIFIER","KEY","GLOBAL_SHORTCUTS","COPY","createAndAdd","id","name","shortcut","CTRL","C","macShortcut","CMD","isEditable","PASTE","V","SAVE","S","SELECT_ALL","A","LINKER","L","LINKER_CLOSE","ESCAPE","NEXT","ENTER","PREVIOUS","SHIFT"],"sources":["../../src/shortcuts/GlobalShortcuts.ts"],"sourcesContent":["import ShortcutRegistry from './ShortcutRegistry';\nimport { MODIFIER, KEY } from './Shortcut';\n\nconst GLOBAL_SHORTCUTS = {\n COPY: ShortcutRegistry.createAndAdd({\n id: 'GLOBAL.COPY',\n name: 'Copy',\n shortcut: [MODIFIER.CTRL, KEY.C],\n macShortcut: [MODIFIER.CMD, KEY.C],\n isEditable: false,\n }),\n PASTE: ShortcutRegistry.createAndAdd({\n id: 'GLOBAL.PASTE',\n name: 'Paste',\n shortcut: [MODIFIER.CTRL, KEY.V],\n macShortcut: [MODIFIER.CMD, KEY.V],\n isEditable: false,\n }),\n SAVE: ShortcutRegistry.createAndAdd({\n id: 'GLOBAL.SAVE',\n name: 'Save',\n shortcut: [MODIFIER.CTRL, KEY.S],\n macShortcut: [MODIFIER.CMD, KEY.S],\n isEditable: false,\n }),\n SELECT_ALL: ShortcutRegistry.createAndAdd({\n id: 'GLOBAL.SELECT_ALL',\n name: 'Select All',\n shortcut: [MODIFIER.CTRL, KEY.A],\n macShortcut: [MODIFIER.CMD, KEY.A],\n isEditable: false,\n }),\n LINKER: ShortcutRegistry.createAndAdd({\n id: 'GLOBAL.LINKER',\n name: 'Linker',\n shortcut: [MODIFIER.CTRL, KEY.L],\n macShortcut: [MODIFIER.CMD, KEY.L],\n }),\n LINKER_CLOSE: ShortcutRegistry.createAndAdd({\n id: 'GLOBAL.LINKER_CLOSE',\n name: 'Close Linker Overlay',\n shortcut: [KEY.ESCAPE],\n macShortcut: [KEY.ESCAPE],\n isEditable: false,\n }),\n NEXT: ShortcutRegistry.createAndAdd({\n id: 'GLOBAL.NEXT',\n name: 'Next',\n shortcut: [KEY.ENTER],\n macShortcut: [KEY.ENTER],\n isEditable: false,\n }),\n PREVIOUS: ShortcutRegistry.createAndAdd({\n id: 'GLOBAL.PREVIOUS',\n name: 'Previous',\n shortcut: [MODIFIER.SHIFT, KEY.ENTER],\n macShortcut: [MODIFIER.SHIFT, KEY.ENTER],\n isEditable: false,\n }),\n};\n\nexport default GLOBAL_SHORTCUTS;\n"],"mappings":"OAAOA,gBAAgB;AAAA,SACdC,QAAQ,EAAEC,GAAG;AAEtB,IAAMC,gBAAgB,GAAG;EACvBC,IAAI,EAAEJ,gBAAgB,CAACK,YAAY,CAAC;IAClCC,EAAE,EAAE,aAAa;IACjBC,IAAI,EAAE,MAAM;IACZC,QAAQ,EAAE,CAACP,QAAQ,CAACQ,IAAI,EAAEP,GAAG,CAACQ,CAAC,CAAC;IAChCC,WAAW,EAAE,CAACV,QAAQ,CAACW,GAAG,EAAEV,GAAG,CAACQ,CAAC,CAAC;IAClCG,UAAU,EAAE;EACd,CAAC,CAAC;EACFC,KAAK,EAAEd,gBAAgB,CAACK,YAAY,CAAC;IACnCC,EAAE,EAAE,cAAc;IAClBC,IAAI,EAAE,OAAO;IACbC,QAAQ,EAAE,CAACP,QAAQ,CAACQ,IAAI,EAAEP,GAAG,CAACa,CAAC,CAAC;IAChCJ,WAAW,EAAE,CAACV,QAAQ,CAACW,GAAG,EAAEV,GAAG,CAACa,CAAC,CAAC;IAClCF,UAAU,EAAE;EACd,CAAC,CAAC;EACFG,IAAI,EAAEhB,gBAAgB,CAACK,YAAY,CAAC;IAClCC,EAAE,EAAE,aAAa;IACjBC,IAAI,EAAE,MAAM;IACZC,QAAQ,EAAE,CAACP,QAAQ,CAACQ,IAAI,EAAEP,GAAG,CAACe,CAAC,CAAC;IAChCN,WAAW,EAAE,CAACV,QAAQ,CAACW,GAAG,EAAEV,GAAG,CAACe,CAAC,CAAC;IAClCJ,UAAU,EAAE;EACd,CAAC,CAAC;EACFK,UAAU,EAAElB,gBAAgB,CAACK,YAAY,CAAC;IACxCC,EAAE,EAAE,mBAAmB;IACvBC,IAAI,EAAE,YAAY;IAClBC,QAAQ,EAAE,CAACP,QAAQ,CAACQ,IAAI,EAAEP,GAAG,CAACiB,CAAC,CAAC;IAChCR,WAAW,EAAE,CAACV,QAAQ,CAACW,GAAG,EAAEV,GAAG,CAACiB,CAAC,CAAC;IAClCN,UAAU,EAAE;EACd,CAAC,CAAC;EACFO,MAAM,EAAEpB,gBAAgB,CAACK,YAAY,CAAC;IACpCC,EAAE,EAAE,eAAe;IACnBC,IAAI,EAAE,QAAQ;IACdC,QAAQ,EAAE,CAACP,QAAQ,CAACQ,IAAI,EAAEP,GAAG,CAACmB,CAAC,CAAC;IAChCV,WAAW,EAAE,CAACV,QAAQ,CAACW,GAAG,EAAEV,GAAG,CAACmB,CAAC;EACnC,CAAC,CAAC;EACFC,YAAY,EAAEtB,gBAAgB,CAACK,YAAY,CAAC;IAC1CC,EAAE,EAAE,qBAAqB;IACzBC,IAAI,EAAE,sBAAsB;IAC5BC,QAAQ,EAAE,CAACN,GAAG,CAACqB,MAAM,CAAC;IACtBZ,WAAW,EAAE,CAACT,GAAG,CAACqB,MAAM,CAAC;IACzBV,UAAU,EAAE;EACd,CAAC,CAAC;EACFW,IAAI,EAAExB,gBAAgB,CAACK,YAAY,CAAC;IAClCC,EAAE,EAAE,aAAa;IACjBC,IAAI,EAAE,MAAM;IACZC,QAAQ,EAAE,CAACN,GAAG,CAACuB,KAAK,CAAC;IACrBd,WAAW,EAAE,CAACT,GAAG,CAACuB,KAAK,CAAC;IACxBZ,UAAU,EAAE;EACd,CAAC,CAAC;EACFa,QAAQ,EAAE1B,gBAAgB,CAACK,YAAY,CAAC;IACtCC,EAAE,EAAE,iBAAiB;IACrBC,IAAI,EAAE,UAAU;IAChBC,QAAQ,EAAE,CAACP,QAAQ,CAAC0B,KAAK,EAAEzB,GAAG,CAACuB,KAAK,CAAC;IACrCd,WAAW,EAAE,CAACV,QAAQ,CAAC0B,KAAK,EAAEzB,GAAG,CAACuB,KAAK,CAAC;IACxCZ,UAAU,EAAE;EACd,CAAC;AACH,CAAC;AAED,eAAeV,gBAAgB"}
1
+ {"version":3,"file":"GlobalShortcuts.js","names":["ShortcutRegistry","MODIFIER","KEY","GLOBAL_SHORTCUTS","COPY","createAndAdd","id","name","shortcut","CTRL","C","macShortcut","CMD","isEditable","PASTE","V","SAVE","S","SELECT_ALL","A","LINKER","L","LINKER_CLOSE","ESCAPE","COPY_VERSION_INFO","ALT","I","SHIFT","NEXT","ENTER","PREVIOUS"],"sources":["../../src/shortcuts/GlobalShortcuts.ts"],"sourcesContent":["import ShortcutRegistry from './ShortcutRegistry';\nimport { MODIFIER, KEY } from './Shortcut';\n\nconst GLOBAL_SHORTCUTS = {\n COPY: ShortcutRegistry.createAndAdd({\n id: 'GLOBAL.COPY',\n name: 'Copy',\n shortcut: [MODIFIER.CTRL, KEY.C],\n macShortcut: [MODIFIER.CMD, KEY.C],\n isEditable: false,\n }),\n PASTE: ShortcutRegistry.createAndAdd({\n id: 'GLOBAL.PASTE',\n name: 'Paste',\n shortcut: [MODIFIER.CTRL, KEY.V],\n macShortcut: [MODIFIER.CMD, KEY.V],\n isEditable: false,\n }),\n SAVE: ShortcutRegistry.createAndAdd({\n id: 'GLOBAL.SAVE',\n name: 'Save',\n shortcut: [MODIFIER.CTRL, KEY.S],\n macShortcut: [MODIFIER.CMD, KEY.S],\n isEditable: false,\n }),\n SELECT_ALL: ShortcutRegistry.createAndAdd({\n id: 'GLOBAL.SELECT_ALL',\n name: 'Select All',\n shortcut: [MODIFIER.CTRL, KEY.A],\n macShortcut: [MODIFIER.CMD, KEY.A],\n isEditable: false,\n }),\n LINKER: ShortcutRegistry.createAndAdd({\n id: 'GLOBAL.LINKER',\n name: 'Linker',\n shortcut: [MODIFIER.CTRL, KEY.L],\n macShortcut: [MODIFIER.CMD, KEY.L],\n }),\n LINKER_CLOSE: ShortcutRegistry.createAndAdd({\n id: 'GLOBAL.LINKER_CLOSE',\n name: 'Close Linker Overlay',\n shortcut: [KEY.ESCAPE],\n macShortcut: [KEY.ESCAPE],\n isEditable: false,\n }),\n COPY_VERSION_INFO: ShortcutRegistry.createAndAdd({\n id: 'GLOBAL.COPY_VERSION_INFO',\n name: 'Copy Version Info',\n // alt vs shift to not be the devtools shortcut on each platform\n shortcut: [MODIFIER.CTRL, MODIFIER.ALT, KEY.I],\n macShortcut: [MODIFIER.CMD, MODIFIER.SHIFT, KEY.I],\n isEditable: true,\n }),\n NEXT: ShortcutRegistry.createAndAdd({\n id: 'GLOBAL.NEXT',\n name: 'Next',\n shortcut: [KEY.ENTER],\n macShortcut: [KEY.ENTER],\n isEditable: false,\n }),\n PREVIOUS: ShortcutRegistry.createAndAdd({\n id: 'GLOBAL.PREVIOUS',\n name: 'Previous',\n shortcut: [MODIFIER.SHIFT, KEY.ENTER],\n macShortcut: [MODIFIER.SHIFT, KEY.ENTER],\n isEditable: false,\n }),\n};\n\nexport default GLOBAL_SHORTCUTS;\n"],"mappings":"OAAOA,gBAAgB;AAAA,SACdC,QAAQ,EAAEC,GAAG;AAEtB,IAAMC,gBAAgB,GAAG;EACvBC,IAAI,EAAEJ,gBAAgB,CAACK,YAAY,CAAC;IAClCC,EAAE,EAAE,aAAa;IACjBC,IAAI,EAAE,MAAM;IACZC,QAAQ,EAAE,CAACP,QAAQ,CAACQ,IAAI,EAAEP,GAAG,CAACQ,CAAC,CAAC;IAChCC,WAAW,EAAE,CAACV,QAAQ,CAACW,GAAG,EAAEV,GAAG,CAACQ,CAAC,CAAC;IAClCG,UAAU,EAAE;EACd,CAAC,CAAC;EACFC,KAAK,EAAEd,gBAAgB,CAACK,YAAY,CAAC;IACnCC,EAAE,EAAE,cAAc;IAClBC,IAAI,EAAE,OAAO;IACbC,QAAQ,EAAE,CAACP,QAAQ,CAACQ,IAAI,EAAEP,GAAG,CAACa,CAAC,CAAC;IAChCJ,WAAW,EAAE,CAACV,QAAQ,CAACW,GAAG,EAAEV,GAAG,CAACa,CAAC,CAAC;IAClCF,UAAU,EAAE;EACd,CAAC,CAAC;EACFG,IAAI,EAAEhB,gBAAgB,CAACK,YAAY,CAAC;IAClCC,EAAE,EAAE,aAAa;IACjBC,IAAI,EAAE,MAAM;IACZC,QAAQ,EAAE,CAACP,QAAQ,CAACQ,IAAI,EAAEP,GAAG,CAACe,CAAC,CAAC;IAChCN,WAAW,EAAE,CAACV,QAAQ,CAACW,GAAG,EAAEV,GAAG,CAACe,CAAC,CAAC;IAClCJ,UAAU,EAAE;EACd,CAAC,CAAC;EACFK,UAAU,EAAElB,gBAAgB,CAACK,YAAY,CAAC;IACxCC,EAAE,EAAE,mBAAmB;IACvBC,IAAI,EAAE,YAAY;IAClBC,QAAQ,EAAE,CAACP,QAAQ,CAACQ,IAAI,EAAEP,GAAG,CAACiB,CAAC,CAAC;IAChCR,WAAW,EAAE,CAACV,QAAQ,CAACW,GAAG,EAAEV,GAAG,CAACiB,CAAC,CAAC;IAClCN,UAAU,EAAE;EACd,CAAC,CAAC;EACFO,MAAM,EAAEpB,gBAAgB,CAACK,YAAY,CAAC;IACpCC,EAAE,EAAE,eAAe;IACnBC,IAAI,EAAE,QAAQ;IACdC,QAAQ,EAAE,CAACP,QAAQ,CAACQ,IAAI,EAAEP,GAAG,CAACmB,CAAC,CAAC;IAChCV,WAAW,EAAE,CAACV,QAAQ,CAACW,GAAG,EAAEV,GAAG,CAACmB,CAAC;EACnC,CAAC,CAAC;EACFC,YAAY,EAAEtB,gBAAgB,CAACK,YAAY,CAAC;IAC1CC,EAAE,EAAE,qBAAqB;IACzBC,IAAI,EAAE,sBAAsB;IAC5BC,QAAQ,EAAE,CAACN,GAAG,CAACqB,MAAM,CAAC;IACtBZ,WAAW,EAAE,CAACT,GAAG,CAACqB,MAAM,CAAC;IACzBV,UAAU,EAAE;EACd,CAAC,CAAC;EACFW,iBAAiB,EAAExB,gBAAgB,CAACK,YAAY,CAAC;IAC/CC,EAAE,EAAE,0BAA0B;IAC9BC,IAAI,EAAE,mBAAmB;IACzB;IACAC,QAAQ,EAAE,CAACP,QAAQ,CAACQ,IAAI,EAAER,QAAQ,CAACwB,GAAG,EAAEvB,GAAG,CAACwB,CAAC,CAAC;IAC9Cf,WAAW,EAAE,CAACV,QAAQ,CAACW,GAAG,EAAEX,QAAQ,CAAC0B,KAAK,EAAEzB,GAAG,CAACwB,CAAC,CAAC;IAClDb,UAAU,EAAE;EACd,CAAC,CAAC;EACFe,IAAI,EAAE5B,gBAAgB,CAACK,YAAY,CAAC;IAClCC,EAAE,EAAE,aAAa;IACjBC,IAAI,EAAE,MAAM;IACZC,QAAQ,EAAE,CAACN,GAAG,CAAC2B,KAAK,CAAC;IACrBlB,WAAW,EAAE,CAACT,GAAG,CAAC2B,KAAK,CAAC;IACxBhB,UAAU,EAAE;EACd,CAAC,CAAC;EACFiB,QAAQ,EAAE9B,gBAAgB,CAACK,YAAY,CAAC;IACtCC,EAAE,EAAE,iBAAiB;IACrBC,IAAI,EAAE,UAAU;IAChBC,QAAQ,EAAE,CAACP,QAAQ,CAAC0B,KAAK,EAAEzB,GAAG,CAAC2B,KAAK,CAAC;IACrClB,WAAW,EAAE,CAACV,QAAQ,CAAC0B,KAAK,EAAEzB,GAAG,CAAC2B,KAAK,CAAC;IACxChB,UAAU,EAAE;EACd,CAAC;AACH,CAAC;AAED,eAAeV,gBAAgB"}
package/dist/theme/theme-dark/theme-dark-palette.css CHANGED
@@ -1 +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-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-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-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-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-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-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 */
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 */
package/dist/theme/theme-dark/theme-dark-palette.css.map CHANGED
@@ -1 +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,8CACA,8CACA,8CACA,8CACA,8CACA,8CACA,8CACA,8CACA,6CACA,8CACA,8CACA,4CACA,8CACA,8CAGA,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,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,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,yDACA,yDACA,yDACA,yDACA,yDAGA,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,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 /* 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 /* 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 /* 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 /* 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 /* 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 /* 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"]}
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"]}
package/dist/theme/theme-dark/theme-dark-semantic-chart.css CHANGED
@@ -1 +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-active: var(--dh-color-accent-600);--dh-color-chart-range-bg: hsla(var(--dh-color-gray-500-hsl) 0.7);--dh-color-chart-area: var(--dh-color-visual-blue);--dh-color-chart-trend: var(--dh-color-green-1200);--dh-color-chart-error-band-line: var(--dh-color-green-1400);--dh-color-chart-error-band-fill: hsla(var(--dh-color-green-1200-hsl), 0.1);--dh-color-chart-ohlc-increase: var(--dh-color-visual-green);--dh-color-chart-ohlc-decrease: var(--dh-color-visual-red);--dh-color-chart-line-deprecated: var(--dh-color-visual-green);--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)}/*# sourceMappingURL=theme-dark-semantic-chart.css.map */
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 */
package/dist/theme/theme-dark/theme-dark-semantic-chart.css.map CHANGED
@@ -1 +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,0DACA,oDAEA,kEACA,mDACA,mDAGA,6DACA,4EAGA,6DACA,2DAOA,+DAEA,sDACA,qEACA,8DACA,kEAEA,kFAIA,qEACA","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 --dh-color-chart-active: var(--dh-color-accent-600);\n\n --dh-color-chart-range-bg: hsla(var(--dh-color-gray-500-hsl) 0.7);\n --dh-color-chart-area: var(--dh-color-visual-blue);\n --dh-color-chart-trend: var(--dh-color-green-1200);\n\n /* Error band */\n --dh-color-chart-error-band-line: var(--dh-color-green-1400);\n --dh-color-chart-error-band-fill: hsla(var(--dh-color-green-1200-hsl), 0.1);\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 /* \n * This color shows up in the styleguide, but it doesn't seem to be consumed\n * in production code. There has been discussion about it not being needed \n * anymore. \n */\n --dh-color-chart-line-deprecated: var(--dh-color-visual-green);\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"]}
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"]}
package/dist/theme/theme-light/theme-light-palette.css CHANGED
@@ -1 +1 @@
1
- :root{--dh-color-gray-50-hsl: 0, 0%, 100%;--dh-color-gray-75-hsl: 0, 0%, 98.22%;--dh-color-gray-100-hsl: 0, 0%, 96.85%;--dh-color-gray-200-hsl: 0, 0%, 93.2%;--dh-color-gray-300-hsl: 0, 0%, 85.53%;--dh-color-gray-400-hsl: 0, 0%, 72.41%;--dh-color-gray-500-hsl: 0, 0%, 58.47%;--dh-color-gray-600-hsl: 0, 0%, 44.75%;--dh-color-gray-700-hsl: 0, 0%, 27.45%;--dh-color-gray-800-hsl: 0, 0%, 13.33%;--dh-color-gray-900-hsl: 0, 0%, 0%;--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-900-hsl);--dh-color-white-hsl: var(--dh-color-gray-75-hsl);--dh-color-true-black-hsl: 0deg, 0%, 0%;--dh-color-true-white-hsl: 0deg, 0%, 100%;--dh-color-red-100-hsl: 10, 100%, 95.29%;--dh-color-red-200-hsl: 10.24, 100%, 91.96%;--dh-color-red-300-hsl: 10, 100%, 88.24%;--dh-color-red-400-hsl: 9.77, 100%, 83.14%;--dh-color-red-500-hsl: 9.58, 100%, 76.67%;--dh-color-red-600-hsl: 8.96, 100%, 69.8%;--dh-color-red-700-hsl: 7.46, 91.71%, 62.16%;--dh-color-red-800-hsl: 4.66, 82.13%, 53.92%;--dh-color-red-900-hsl: 1.54, 85.9%, 44.51%;--dh-color-red-1000-hsl: 0, 100%, 35.29%;--dh-color-red-1100-hsl: 0, 100%, 28.82%;--dh-color-red-1200-hsl: 0, 100%, 22.75%;--dh-color-red-1300-hsl: 0, 100%, 17.45%;--dh-color-red-1400-hsl: 0, 100%, 13.14%;--dh-color-orange-100-hsl: 37.65, 100%, 90%;--dh-color-orange-200-hsl: 36.59, 100%, 83.92%;--dh-color-orange-300-hsl: 36.11, 96.43%, 78.04%;--dh-color-orange-400-hsl: 33.85, 100%, 69.41%;--dh-color-orange-500-hsl: 31.5, 100%, 60.78%;--dh-color-orange-600-hsl: 30.39, 92.71%, 51.57%;--dh-color-orange-700-hsl: 29.21, 100%, 44.71%;--dh-color-orange-800-hsl: 27.49, 100%, 39.8%;--dh-color-orange-900-hsl: 25.76, 100%, 34.71%;--dh-color-orange-1000-hsl: 24.56, 100%, 29.22%;--dh-color-orange-1100-hsl: 23.11, 100%, 23.92%;--dh-color-orange-1200-hsl: 21.65, 100%, 19.02%;--dh-color-orange-1300-hsl: 20, 97.3%, 14.51%;--dh-color-orange-1400-hsl: 19.62, 96.3%, 10.59%;--dh-color-yellow-100-hsl: 53.94, 92.52%, 79.02%;--dh-color-yellow-200-hsl: 53.93, 92.31%, 64.31%;--dh-color-yellow-300-hsl: 52.38, 96.83%, 49.41%;--dh-color-yellow-400-hsl: 51.21, 100%, 45.49%;--dh-color-yellow-500-hsl: 49.95, 100%, 42.16%;--dh-color-yellow-600-hsl: 48.67, 100%, 38.43%;--dh-color-yellow-700-hsl: 47.73, 100%, 34.51%;--dh-color-yellow-800-hsl: 46.45, 100%, 30.39%;--dh-color-yellow-900-hsl: 46.02, 100%, 26.08%;--dh-color-yellow-1000-hsl: 44.46, 100%, 21.96%;--dh-color-yellow-1100-hsl: 44.18, 100%, 17.84%;--dh-color-yellow-1200-hsl: 42.5, 100%, 14.12%;--dh-color-yellow-1300-hsl: 41.11, 100%, 10.59%;--dh-color-yellow-1400-hsl: 39, 100%, 7.84%;--dh-color-chartreuse-100-hsl: 73.94, 95.95%, 70.98%;--dh-color-chartreuse-200-hsl: 73.9, 88.94%, 60.98%;--dh-color-chartreuse-300-hsl: 74.14, 81.28%, 53.92%;--dh-color-chartreuse-400-hsl: 74.23, 81.51%, 46.67%;--dh-color-chartreuse-500-hsl: 74.44, 90.34%, 40.59%;--dh-color-chartreuse-600-hsl: 74.48, 96.67%, 35.29%;--dh-color-chartreuse-700-hsl: 74.62, 100%, 30.59%;--dh-color-chartreuse-800-hsl: 74.56, 100%, 26.67%;--dh-color-chartreuse-900-hsl: 75, 100%, 22.75%;--dh-color-chartreuse-1000-hsl: 75, 100%, 18.82%;--dh-color-chartreuse-1100-hsl: 74.81, 100%, 15.1%;--dh-color-chartreuse-1200-hsl: 75.25, 100%, 11.57%;--dh-color-chartreuse-1300-hsl: 75, 100%, 8.63%;--dh-color-chartreuse-1400-hsl: 73.55, 100%, 6.08%;--dh-color-celery-100-hsl: 106.23, 91.04%, 86.86%;--dh-color-celery-200-hsl: 108.54, 83.18%, 79.02%;--dh-color-celery-300-hsl: 110.29, 75.54%, 72.75%;--dh-color-celery-400-hsl: 115.93, 65.56%, 64.71%;--dh-color-celery-500-hsl: 120.93, 57.33%, 55.88%;--dh-color-celery-600-hsl: 126.08, 65.49%, 44.31%;--dh-color-celery-700-hsl: 129.75, 91.95%, 34.12%;--dh-color-celery-800-hsl: 127.45, 100%, 28.43%;--dh-color-celery-900-hsl: 127.26, 100%, 24.31%;--dh-color-celery-1000-hsl: 128.74, 100%, 20.2%;--dh-color-celery-1100-hsl: 129.4, 100%, 16.27%;--dh-color-celery-1200-hsl: 129.38, 100%, 12.55%;--dh-color-celery-1300-hsl: 128.75, 100%, 9.41%;--dh-color-celery-1400-hsl: 128.82, 100%, 6.67%;--dh-color-green-100-hsl: 145.71, 75%, 89.02%;--dh-color-green-200-hsl: 147.89, 76.34%, 81.76%;--dh-color-green-300-hsl: 150.91, 72.26%, 73.14%;--dh-color-green-400-hsl: 152.77, 64.32%, 63.73%;--dh-color-green-500-hsl: 153.89, 56.22%, 54.31%;--dh-color-green-600-hsl: 155.47, 59.31%, 45.29%;--dh-color-green-700-hsl: 157.34, 77.3%, 36.27%;--dh-color-green-800-hsl: 159.02, 100%, 28.04%;--dh-color-green-900-hsl: 157.87, 100%, 23.92%;--dh-color-green-1000-hsl: 156.83, 100%, 19.8%;--dh-color-green-1100-hsl: 157.04, 100%, 15.88%;--dh-color-green-1200-hsl: 155.17, 85.29%, 13.33%;--dh-color-green-1300-hsl: 151.67, 64.29%, 10.98%;--dh-color-green-1400-hsl: 150, 52.38%, 8.24%;--dh-color-seafoam-100-hsl: 174.15, 71.93%, 88.82%;--dh-color-seafoam-200-hsl: 174.08, 71.72%, 80.59%;--dh-color-seafoam-300-hsl: 175.48, 67.88%, 73.14%;--dh-color-seafoam-400-hsl: 175.9, 61.26%, 62.55%;--dh-color-seafoam-500-hsl: 176.52, 56.1%, 51.76%;--dh-color-seafoam-600-hsl: 177.47, 84.69%, 38.43%;--dh-color-seafoam-700-hsl: 177.39, 100%, 31.57%;--dh-color-seafoam-800-hsl: 177.86, 100%, 27.45%;--dh-color-seafoam-900-hsl: 177.48, 100%, 23.33%;--dh-color-seafoam-1000-hsl: 177.58, 100%, 19.41%;--dh-color-seafoam-1100-hsl: 177.31, 73.63%, 17.84%;--dh-color-seafoam-1200-hsl: 177.14, 53.85%, 15.29%;--dh-color-seafoam-1300-hsl: 177.69, 41.94%, 12.16%;--dh-color-seafoam-1400-hsl: 176.25, 34.78%, 9.02%;--dh-color-cyan-100-hsl: 187.24, 100%, 88.63%;--dh-color-cyan-200-hsl: 189.89, 100%, 82.16%;--dh-color-cyan-300-hsl: 190, 91.94%, 75.69%;--dh-color-cyan-400-hsl: 191.02, 85.96%, 66.47%;--dh-color-cyan-500-hsl: 191.6, 79.74%, 55.49%;--dh-color-cyan-600-hsl: 192.6, 84.75%, 46.27%;--dh-color-cyan-700-hsl: 193.27, 99%, 39.41%;--dh-color-cyan-800-hsl: 195.33, 100%, 35.29%;--dh-color-cyan-900-hsl: 197.36, 100%, 31.18%;--dh-color-cyan-1000-hsl: 199.27, 100%, 26.86%;--dh-color-cyan-1100-hsl: 201.39, 100%, 22.55%;--dh-color-cyan-1200-hsl: 203.23, 100%, 18.24%;--dh-color-cyan-1300-hsl: 204, 100%, 13.73%;--dh-color-cyan-1400-hsl: 204.71, 100%, 10%;--dh-color-blue-100-hsl: 205.16, 100%, 93.92%;--dh-color-blue-200-hsl: 206.04, 100%, 89.61%;--dh-color-blue-300-hsl: 206.76, 100%, 85.49%;--dh-color-blue-400-hsl: 207.38, 96.26%, 79.02%;--dh-color-blue-500-hsl: 209.08, 92.86%, 72.55%;--dh-color-blue-600-hsl: 210.19, 89.71%, 65.69%;--dh-color-blue-700-hsl: 211.12, 88.63%, 58.63%;--dh-color-blue-800-hsl: 212.56, 90.28%, 51.57%;--dh-color-blue-900-hsl: 212.75, 98.2%, 43.53%;--dh-color-blue-1000-hsl: 212.31, 100%, 35.69%;--dh-color-blue-1100-hsl: 211.86, 100%, 28.43%;--dh-color-blue-1200-hsl: 211.86, 100%, 22.16%;--dh-color-blue-1300-hsl: 212.14, 100%, 16.47%;--dh-color-blue-1400-hsl: 212, 100%, 11.76%;--dh-color-indigo-100-hsl: 236.67, 100%, 96.47%;--dh-color-indigo-200-hsl: 236.13, 100%, 93.92%;--dh-color-indigo-300-hsl: 237.27, 100%, 91.37%;--dh-color-indigo-400-hsl: 237.1, 100%, 87.84%;--dh-color-indigo-500-hsl: 237.83, 100%, 83.73%;--dh-color-indigo-600-hsl: 237.74, 100%, 79.22%;--dh-color-indigo-700-hsl: 237.14, 95.45%, 74.12%;--dh-color-indigo-800-hsl: 237.86, 86.42%, 68.24%;--dh-color-indigo-900-hsl: 237.53, 73%, 60.78%;--dh-color-indigo-1000-hsl: 237.39, 56.56%, 52.16%;--dh-color-indigo-1100-hsl: 237.97, 54.13%, 42.75%;--dh-color-indigo-1200-hsl: 238.13, 55.81%, 33.73%;--dh-color-indigo-1300-hsl: 237.53, 57.48%, 24.9%;--dh-color-indigo-1400-hsl: 237.69, 56.52%, 18.04%;--dh-color-purple-100-hsl: 273, 100%, 96.08%;--dh-color-purple-200-hsl: 270, 100%, 93.33%;--dh-color-purple-300-hsl: 268.09, 100%, 90.78%;--dh-color-purple-400-hsl: 268.66, 97.1%, 86.47%;--dh-color-purple-500-hsl: 266.97, 95.7%, 81.76%;--dh-color-purple-600-hsl: 266.55, 94.96%, 76.67%;--dh-color-purple-700-hsl: 266.67, 91.84%, 71.18%;--dh-color-purple-800-hsl: 266.75, 87.71%, 64.9%;--dh-color-purple-900-hsl: 266.82, 77.98%, 57.25%;--dh-color-purple-1000-hsl: 266.71, 69.48%, 48.82%;--dh-color-purple-1100-hsl: 267.07, 81.19%, 39.61%;--dh-color-purple-1200-hsl: 266.03, 85%, 31.37%;--dh-color-purple-1300-hsl: 263.33, 73.77%, 23.92%;--dh-color-purple-1400-hsl: 260.69, 65.91%, 17.25%;--dh-color-fuchsia-100-hsl: 308.18, 100%, 95.69%;--dh-color-fuchsia-200-hsl: 308.11, 100%, 92.75%;--dh-color-fuchsia-300-hsl: 306.55, 96.49%, 88.82%;--dh-color-fuchsia-400-hsl: 303.9, 90.59%, 83.33%;--dh-color-fuchsia-500-hsl: 301.21, 83.19%, 76.67%;--dh-color-fuchsia-600-hsl: 300, 77.07%, 69.22%;--dh-color-fuchsia-700-hsl: 299.15, 70.85%, 60.98%;--dh-color-fuchsia-800-hsl: 299.59, 60.16%, 51.76%;--dh-color-fuchsia-900-hsl: 299.6, 68.66%, 42.55%;--dh-color-fuchsia-1000-hsl: 299.61, 96.27%, 31.57%;--dh-color-fuchsia-1100-hsl: 299.53, 100%, 25.29%;--dh-color-fuchsia-1200-hsl: 300, 88.68%, 20.78%;--dh-color-fuchsia-1300-hsl: 301.05, 67.06%, 16.67%;--dh-color-fuchsia-1400-hsl: 301.62, 58.73%, 12.35%;--dh-color-magenta-100-hsl: 340, 100%, 95.88%;--dh-color-magenta-200-hsl: 339.43, 100%, 93.14%;--dh-color-magenta-300-hsl: 338.49, 100%, 89.61%;--dh-color-magenta-400-hsl: 338.18, 100%, 84.9%;--dh-color-magenta-500-hsl: 337.36, 100%, 79.22%;--dh-color-magenta-600-hsl: 336.64, 92.91%, 72.35%;--dh-color-magenta-700-hsl: 335.03, 82.32%, 64.51%;--dh-color-magenta-800-hsl: 334.29, 70.93%, 55.49%;--dh-color-magenta-900-hsl: 334.34, 70.94%, 45.88%;--dh-color-magenta-1000-hsl: 332.2, 90.11%, 35.69%;--dh-color-magenta-1100-hsl: 330.85, 100%, 27.84%;--dh-color-magenta-1200-hsl: 330.54, 100%, 21.96%;--dh-color-magenta-1300-hsl: 331.11, 93.1%, 17.06%;--dh-color-magenta-1400-hsl: 334.44, 81.82%, 12.94%;--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-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-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-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-light-palette.css.map */
1
+ :root{--dh-color-gray-50-hsl: 0, 0%, 100%;--dh-color-gray-75-hsl: 0, 0%, 98.22%;--dh-color-gray-100-hsl: 0, 0%, 96.85%;--dh-color-gray-200-hsl: 0, 0%, 93.2%;--dh-color-gray-300-hsl: 0, 0%, 85.53%;--dh-color-gray-400-hsl: 0, 0%, 72.41%;--dh-color-gray-500-hsl: 0, 0%, 58.47%;--dh-color-gray-600-hsl: 0, 0%, 44.75%;--dh-color-gray-700-hsl: 0, 0%, 27.45%;--dh-color-gray-800-hsl: 0, 0%, 13.33%;--dh-color-gray-900-hsl: 0, 0%, 0%;--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-900-hsl);--dh-color-white-hsl: var(--dh-color-gray-75-hsl);--dh-color-true-black-hsl: 0deg, 0%, 0%;--dh-color-true-white-hsl: 0deg, 0%, 100%;--dh-color-red-100-hsl: 10, 100%, 95.29%;--dh-color-red-200-hsl: 10.24, 100%, 91.96%;--dh-color-red-300-hsl: 10, 100%, 88.24%;--dh-color-red-400-hsl: 9.77, 100%, 83.14%;--dh-color-red-500-hsl: 9.58, 100%, 76.67%;--dh-color-red-600-hsl: 8.96, 100%, 69.8%;--dh-color-red-700-hsl: 7.46, 91.71%, 62.16%;--dh-color-red-800-hsl: 4.66, 82.13%, 53.92%;--dh-color-red-900-hsl: 1.54, 85.9%, 44.51%;--dh-color-red-1000-hsl: 0, 100%, 35.29%;--dh-color-red-1100-hsl: 0, 100%, 28.82%;--dh-color-red-1200-hsl: 0, 100%, 22.75%;--dh-color-red-1300-hsl: 0, 100%, 17.45%;--dh-color-red-1400-hsl: 0, 100%, 13.14%;--dh-color-orange-100-hsl: 37.65, 100%, 90%;--dh-color-orange-200-hsl: 36.59, 100%, 83.92%;--dh-color-orange-300-hsl: 36.11, 96.43%, 78.04%;--dh-color-orange-400-hsl: 33.85, 100%, 69.41%;--dh-color-orange-500-hsl: 31.5, 100%, 60.78%;--dh-color-orange-600-hsl: 30.39, 92.71%, 51.57%;--dh-color-orange-700-hsl: 29.21, 100%, 44.71%;--dh-color-orange-800-hsl: 27.49, 100%, 39.8%;--dh-color-orange-900-hsl: 25.76, 100%, 34.71%;--dh-color-orange-1000-hsl: 24.56, 100%, 29.22%;--dh-color-orange-1100-hsl: 23.11, 100%, 23.92%;--dh-color-orange-1200-hsl: 21.65, 100%, 19.02%;--dh-color-orange-1300-hsl: 20, 97.3%, 14.51%;--dh-color-orange-1400-hsl: 19.62, 96.3%, 10.59%;--dh-color-yellow-100-hsl: 53.94, 92.52%, 79.02%;--dh-color-yellow-200-hsl: 53.93, 92.31%, 64.31%;--dh-color-yellow-300-hsl: 52.38, 96.83%, 49.41%;--dh-color-yellow-400-hsl: 51.21, 100%, 45.49%;--dh-color-yellow-500-hsl: 49.95, 100%, 42.16%;--dh-color-yellow-600-hsl: 48.67, 100%, 38.43%;--dh-color-yellow-700-hsl: 47.73, 100%, 34.51%;--dh-color-yellow-800-hsl: 46.45, 100%, 30.39%;--dh-color-yellow-900-hsl: 46.02, 100%, 26.08%;--dh-color-yellow-1000-hsl: 44.46, 100%, 21.96%;--dh-color-yellow-1100-hsl: 44.18, 100%, 17.84%;--dh-color-yellow-1200-hsl: 42.5, 100%, 14.12%;--dh-color-yellow-1300-hsl: 41.11, 100%, 10.59%;--dh-color-yellow-1400-hsl: 39, 100%, 7.84%;--dh-color-chartreuse-100-hsl: 73.94, 95.95%, 70.98%;--dh-color-chartreuse-200-hsl: 73.9, 88.94%, 60.98%;--dh-color-chartreuse-300-hsl: 74.14, 81.28%, 53.92%;--dh-color-chartreuse-400-hsl: 74.23, 81.51%, 46.67%;--dh-color-chartreuse-500-hsl: 74.44, 90.34%, 40.59%;--dh-color-chartreuse-600-hsl: 74.48, 96.67%, 35.29%;--dh-color-chartreuse-700-hsl: 74.62, 100%, 30.59%;--dh-color-chartreuse-800-hsl: 74.56, 100%, 26.67%;--dh-color-chartreuse-900-hsl: 75, 100%, 22.75%;--dh-color-chartreuse-1000-hsl: 75, 100%, 18.82%;--dh-color-chartreuse-1100-hsl: 74.81, 100%, 15.1%;--dh-color-chartreuse-1200-hsl: 75.25, 100%, 11.57%;--dh-color-chartreuse-1300-hsl: 75, 100%, 8.63%;--dh-color-chartreuse-1400-hsl: 73.55, 100%, 6.08%;--dh-color-celery-100-hsl: 106.23, 91.04%, 86.86%;--dh-color-celery-200-hsl: 108.54, 83.18%, 79.02%;--dh-color-celery-300-hsl: 110.29, 75.54%, 72.75%;--dh-color-celery-400-hsl: 115.93, 65.56%, 64.71%;--dh-color-celery-500-hsl: 120.93, 57.33%, 55.88%;--dh-color-celery-600-hsl: 126.08, 65.49%, 44.31%;--dh-color-celery-700-hsl: 129.75, 91.95%, 34.12%;--dh-color-celery-800-hsl: 127.45, 100%, 28.43%;--dh-color-celery-900-hsl: 127.26, 100%, 24.31%;--dh-color-celery-1000-hsl: 128.74, 100%, 20.2%;--dh-color-celery-1100-hsl: 129.4, 100%, 16.27%;--dh-color-celery-1200-hsl: 129.38, 100%, 12.55%;--dh-color-celery-1300-hsl: 128.75, 100%, 9.41%;--dh-color-celery-1400-hsl: 128.82, 100%, 6.67%;--dh-color-green-100-hsl: 145.71, 75%, 89.02%;--dh-color-green-200-hsl: 147.89, 76.34%, 81.76%;--dh-color-green-300-hsl: 150.91, 72.26%, 73.14%;--dh-color-green-400-hsl: 152.77, 64.32%, 63.73%;--dh-color-green-500-hsl: 153.89, 56.22%, 54.31%;--dh-color-green-600-hsl: 155.47, 59.31%, 45.29%;--dh-color-green-700-hsl: 157.34, 77.3%, 36.27%;--dh-color-green-800-hsl: 159.02, 100%, 28.04%;--dh-color-green-900-hsl: 157.87, 100%, 23.92%;--dh-color-green-1000-hsl: 156.83, 100%, 19.8%;--dh-color-green-1100-hsl: 157.04, 100%, 15.88%;--dh-color-green-1200-hsl: 155.17, 85.29%, 13.33%;--dh-color-green-1300-hsl: 151.67, 64.29%, 10.98%;--dh-color-green-1400-hsl: 150, 52.38%, 8.24%;--dh-color-seafoam-100-hsl: 174.15, 71.93%, 88.82%;--dh-color-seafoam-200-hsl: 174.08, 71.72%, 80.59%;--dh-color-seafoam-300-hsl: 175.48, 67.88%, 73.14%;--dh-color-seafoam-400-hsl: 175.9, 61.26%, 62.55%;--dh-color-seafoam-500-hsl: 176.52, 56.1%, 51.76%;--dh-color-seafoam-600-hsl: 177.47, 84.69%, 38.43%;--dh-color-seafoam-700-hsl: 177.39, 100%, 31.57%;--dh-color-seafoam-800-hsl: 177.86, 100%, 27.45%;--dh-color-seafoam-900-hsl: 177.48, 100%, 23.33%;--dh-color-seafoam-1000-hsl: 177.58, 100%, 19.41%;--dh-color-seafoam-1100-hsl: 177.31, 73.63%, 17.84%;--dh-color-seafoam-1200-hsl: 177.14, 53.85%, 15.29%;--dh-color-seafoam-1300-hsl: 177.69, 41.94%, 12.16%;--dh-color-seafoam-1400-hsl: 176.25, 34.78%, 9.02%;--dh-color-cyan-100-hsl: 187.24, 100%, 88.63%;--dh-color-cyan-200-hsl: 189.89, 100%, 82.16%;--dh-color-cyan-300-hsl: 190, 91.94%, 75.69%;--dh-color-cyan-400-hsl: 191.02, 85.96%, 66.47%;--dh-color-cyan-500-hsl: 191.6, 79.74%, 55.49%;--dh-color-cyan-600-hsl: 192.6, 84.75%, 46.27%;--dh-color-cyan-700-hsl: 193.27, 99%, 39.41%;--dh-color-cyan-800-hsl: 195.33, 100%, 35.29%;--dh-color-cyan-900-hsl: 197.36, 100%, 31.18%;--dh-color-cyan-1000-hsl: 199.27, 100%, 26.86%;--dh-color-cyan-1100-hsl: 201.39, 100%, 22.55%;--dh-color-cyan-1200-hsl: 203.23, 100%, 18.24%;--dh-color-cyan-1300-hsl: 204, 100%, 13.73%;--dh-color-cyan-1400-hsl: 204.71, 100%, 10%;--dh-color-blue-100-hsl: 205.16, 100%, 93.92%;--dh-color-blue-200-hsl: 206.04, 100%, 89.61%;--dh-color-blue-300-hsl: 206.76, 100%, 85.49%;--dh-color-blue-400-hsl: 207.38, 96.26%, 79.02%;--dh-color-blue-500-hsl: 209.08, 92.86%, 72.55%;--dh-color-blue-600-hsl: 210.19, 89.71%, 65.69%;--dh-color-blue-700-hsl: 211.12, 88.63%, 58.63%;--dh-color-blue-800-hsl: 212.56, 90.28%, 51.57%;--dh-color-blue-900-hsl: 212.75, 98.2%, 43.53%;--dh-color-blue-1000-hsl: 212.31, 100%, 35.69%;--dh-color-blue-1100-hsl: 211.86, 100%, 28.43%;--dh-color-blue-1200-hsl: 211.86, 100%, 22.16%;--dh-color-blue-1300-hsl: 212.14, 100%, 16.47%;--dh-color-blue-1400-hsl: 212, 100%, 11.76%;--dh-color-indigo-100-hsl: 236.67, 100%, 96.47%;--dh-color-indigo-200-hsl: 236.13, 100%, 93.92%;--dh-color-indigo-300-hsl: 237.27, 100%, 91.37%;--dh-color-indigo-400-hsl: 237.1, 100%, 87.84%;--dh-color-indigo-500-hsl: 237.83, 100%, 83.73%;--dh-color-indigo-600-hsl: 237.74, 100%, 79.22%;--dh-color-indigo-700-hsl: 237.14, 95.45%, 74.12%;--dh-color-indigo-800-hsl: 237.86, 86.42%, 68.24%;--dh-color-indigo-900-hsl: 237.53, 73%, 60.78%;--dh-color-indigo-1000-hsl: 237.39, 56.56%, 52.16%;--dh-color-indigo-1100-hsl: 237.97, 54.13%, 42.75%;--dh-color-indigo-1200-hsl: 238.13, 55.81%, 33.73%;--dh-color-indigo-1300-hsl: 237.53, 57.48%, 24.9%;--dh-color-indigo-1400-hsl: 237.69, 56.52%, 18.04%;--dh-color-purple-100-hsl: 273, 100%, 96.08%;--dh-color-purple-200-hsl: 270, 100%, 93.33%;--dh-color-purple-300-hsl: 268.09, 100%, 90.78%;--dh-color-purple-400-hsl: 268.66, 97.1%, 86.47%;--dh-color-purple-500-hsl: 266.97, 95.7%, 81.76%;--dh-color-purple-600-hsl: 266.55, 94.96%, 76.67%;--dh-color-purple-700-hsl: 266.67, 91.84%, 71.18%;--dh-color-purple-800-hsl: 266.75, 87.71%, 64.9%;--dh-color-purple-900-hsl: 266.82, 77.98%, 57.25%;--dh-color-purple-1000-hsl: 266.71, 69.48%, 48.82%;--dh-color-purple-1100-hsl: 267.07, 81.19%, 39.61%;--dh-color-purple-1200-hsl: 266.03, 85%, 31.37%;--dh-color-purple-1300-hsl: 263.33, 73.77%, 23.92%;--dh-color-purple-1400-hsl: 260.69, 65.91%, 17.25%;--dh-color-fuchsia-100-hsl: 308.18, 100%, 95.69%;--dh-color-fuchsia-200-hsl: 308.11, 100%, 92.75%;--dh-color-fuchsia-300-hsl: 306.55, 96.49%, 88.82%;--dh-color-fuchsia-400-hsl: 303.9, 90.59%, 83.33%;--dh-color-fuchsia-500-hsl: 301.21, 83.19%, 76.67%;--dh-color-fuchsia-600-hsl: 300, 77.07%, 69.22%;--dh-color-fuchsia-700-hsl: 299.15, 70.85%, 60.98%;--dh-color-fuchsia-800-hsl: 299.59, 60.16%, 51.76%;--dh-color-fuchsia-900-hsl: 299.6, 68.66%, 42.55%;--dh-color-fuchsia-1000-hsl: 299.61, 96.27%, 31.57%;--dh-color-fuchsia-1100-hsl: 299.53, 100%, 25.29%;--dh-color-fuchsia-1200-hsl: 300, 88.68%, 20.78%;--dh-color-fuchsia-1300-hsl: 301.05, 67.06%, 16.67%;--dh-color-fuchsia-1400-hsl: 301.62, 58.73%, 12.35%;--dh-color-magenta-100-hsl: 340, 100%, 95.88%;--dh-color-magenta-200-hsl: 339.43, 100%, 93.14%;--dh-color-magenta-300-hsl: 338.49, 100%, 89.61%;--dh-color-magenta-400-hsl: 338.18, 100%, 84.9%;--dh-color-magenta-500-hsl: 337.36, 100%, 79.22%;--dh-color-magenta-600-hsl: 336.64, 92.91%, 72.35%;--dh-color-magenta-700-hsl: 335.03, 82.32%, 64.51%;--dh-color-magenta-800-hsl: 334.29, 70.93%, 55.49%;--dh-color-magenta-900-hsl: 334.34, 70.94%, 45.88%;--dh-color-magenta-1000-hsl: 332.2, 90.11%, 35.69%;--dh-color-magenta-1100-hsl: 330.85, 100%, 27.84%;--dh-color-magenta-1200-hsl: 330.54, 100%, 21.96%;--dh-color-magenta-1300-hsl: 331.11, 93.1%, 17.06%;--dh-color-magenta-1400-hsl: 334.44, 81.82%, 12.94%;--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-light-palette.css.map */
package/dist/theme/theme-light/theme-light-palette.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-light/theme-light-palette.css"],"names":[],"mappings":"AACA,MAEE,oCACA,sCACA,uCACA,sCACA,uCACA,uCACA,uCACA,uCACA,uCACA,uCACA,mCAEA,wDACA,sDACA,uDAGA,mDACA,kDACA,wCACA,0CAEA,yCACA,4CACA,yCACA,2CACA,2CACA,0CACA,6CACA,6CACA,4CACA,yCACA,yCACA,yCACA,yCACA,yCACA,4CACA,+CACA,iDACA,+CACA,8CACA,iDACA,+CACA,8CACA,+CACA,gDACA,gDACA,gDACA,8CACA,iDACA,iDACA,iDACA,iDACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,gDACA,gDACA,+CACA,gDACA,4CACA,qDACA,oDACA,qDACA,qDACA,qDACA,qDACA,mDACA,mDACA,gDACA,iDACA,mDACA,oDACA,gDACA,mDACA,kDACA,kDACA,kDACA,kDACA,kDACA,kDACA,kDACA,gDACA,gDACA,gDACA,gDACA,iDACA,gDACA,gDACA,8CACA,iDACA,iDACA,iDACA,iDACA,iDACA,gDACA,+CACA,+CACA,+CACA,gDACA,kDACA,kDACA,8CACA,mDACA,mDACA,mDACA,kDACA,kDACA,mDACA,iDACA,iDACA,iDACA,kDACA,oDACA,oDACA,oDACA,mDACA,8CACA,8CACA,6CACA,gDACA,+CACA,+CACA,6CACA,8CACA,8CACA,+CACA,+CACA,+CACA,4CACA,4CACA,8CACA,8CACA,8CACA,gDACA,gDACA,gDACA,gDACA,gDACA,+CACA,+CACA,+CACA,+CACA,+CACA,4CACA,gDACA,gDACA,gDACA,+CACA,gDACA,gDACA,kDACA,kDACA,+CACA,mDACA,mDACA,mDACA,kDACA,mDACA,6CACA,6CACA,gDACA,iDACA,iDACA,kDACA,kDACA,iDACA,kDACA,mDACA,mDACA,gDACA,mDACA,mDACA,iDACA,iDACA,mDACA,kDACA,mDACA,gDACA,mDACA,mDACA,kDACA,oDACA,kDACA,iDACA,oDACA,oDACA,8CACA,iDACA,iDACA,gDACA,iDACA,mDACA,mDACA,mDACA,mDACA,mDACA,kDACA,kDACA,mDACA,oDAGA,qDACA,qDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDAEA,2DACA,uDACA,yDAGA,iDACA,iDAGA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,yDACA,yDACA,yDACA,yDACA,yDAGA,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,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-light-palette.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before */\n:root {\n /* Gray */\n --dh-color-gray-50-hsl: 0, 0%, 100%;\n --dh-color-gray-75-hsl: 0, 0%, 98.22%;\n --dh-color-gray-100-hsl: 0, 0%, 96.85%;\n --dh-color-gray-200-hsl: 0, 0%, 93.2%;\n --dh-color-gray-300-hsl: 0, 0%, 85.53%;\n --dh-color-gray-400-hsl: 0, 0%, 72.41%;\n --dh-color-gray-500-hsl: 0, 0%, 58.47%;\n --dh-color-gray-600-hsl: 0, 0%, 44.75%;\n --dh-color-gray-700-hsl: 0, 0%, 27.45%;\n --dh-color-gray-800-hsl: 0, 0%, 13.33%;\n --dh-color-gray-900-hsl: 0, 0%, 0%;\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-900-hsl);\n --dh-color-white-hsl: var(--dh-color-gray-75-hsl);\n --dh-color-true-black-hsl: 0deg, 0%, 0%;\n --dh-color-true-white-hsl: 0deg, 0%, 100%;\n\n --dh-color-red-100-hsl: 10, 100%, 95.29%;\n --dh-color-red-200-hsl: 10.24, 100%, 91.96%;\n --dh-color-red-300-hsl: 10, 100%, 88.24%;\n --dh-color-red-400-hsl: 9.77, 100%, 83.14%;\n --dh-color-red-500-hsl: 9.58, 100%, 76.67%;\n --dh-color-red-600-hsl: 8.96, 100%, 69.8%;\n --dh-color-red-700-hsl: 7.46, 91.71%, 62.16%;\n --dh-color-red-800-hsl: 4.66, 82.13%, 53.92%;\n --dh-color-red-900-hsl: 1.54, 85.9%, 44.51%;\n --dh-color-red-1000-hsl: 0, 100%, 35.29%;\n --dh-color-red-1100-hsl: 0, 100%, 28.82%;\n --dh-color-red-1200-hsl: 0, 100%, 22.75%;\n --dh-color-red-1300-hsl: 0, 100%, 17.45%;\n --dh-color-red-1400-hsl: 0, 100%, 13.14%;\n --dh-color-orange-100-hsl: 37.65, 100%, 90%;\n --dh-color-orange-200-hsl: 36.59, 100%, 83.92%;\n --dh-color-orange-300-hsl: 36.11, 96.43%, 78.04%;\n --dh-color-orange-400-hsl: 33.85, 100%, 69.41%;\n --dh-color-orange-500-hsl: 31.5, 100%, 60.78%;\n --dh-color-orange-600-hsl: 30.39, 92.71%, 51.57%;\n --dh-color-orange-700-hsl: 29.21, 100%, 44.71%;\n --dh-color-orange-800-hsl: 27.49, 100%, 39.8%;\n --dh-color-orange-900-hsl: 25.76, 100%, 34.71%;\n --dh-color-orange-1000-hsl: 24.56, 100%, 29.22%;\n --dh-color-orange-1100-hsl: 23.11, 100%, 23.92%;\n --dh-color-orange-1200-hsl: 21.65, 100%, 19.02%;\n --dh-color-orange-1300-hsl: 20, 97.3%, 14.51%;\n --dh-color-orange-1400-hsl: 19.62, 96.3%, 10.59%;\n --dh-color-yellow-100-hsl: 53.94, 92.52%, 79.02%;\n --dh-color-yellow-200-hsl: 53.93, 92.31%, 64.31%;\n --dh-color-yellow-300-hsl: 52.38, 96.83%, 49.41%;\n --dh-color-yellow-400-hsl: 51.21, 100%, 45.49%;\n --dh-color-yellow-500-hsl: 49.95, 100%, 42.16%;\n --dh-color-yellow-600-hsl: 48.67, 100%, 38.43%;\n --dh-color-yellow-700-hsl: 47.73, 100%, 34.51%;\n --dh-color-yellow-800-hsl: 46.45, 100%, 30.39%;\n --dh-color-yellow-900-hsl: 46.02, 100%, 26.08%;\n --dh-color-yellow-1000-hsl: 44.46, 100%, 21.96%;\n --dh-color-yellow-1100-hsl: 44.18, 100%, 17.84%;\n --dh-color-yellow-1200-hsl: 42.5, 100%, 14.12%;\n --dh-color-yellow-1300-hsl: 41.11, 100%, 10.59%;\n --dh-color-yellow-1400-hsl: 39, 100%, 7.84%;\n --dh-color-chartreuse-100-hsl: 73.94, 95.95%, 70.98%;\n --dh-color-chartreuse-200-hsl: 73.9, 88.94%, 60.98%;\n --dh-color-chartreuse-300-hsl: 74.14, 81.28%, 53.92%;\n --dh-color-chartreuse-400-hsl: 74.23, 81.51%, 46.67%;\n --dh-color-chartreuse-500-hsl: 74.44, 90.34%, 40.59%;\n --dh-color-chartreuse-600-hsl: 74.48, 96.67%, 35.29%;\n --dh-color-chartreuse-700-hsl: 74.62, 100%, 30.59%;\n --dh-color-chartreuse-800-hsl: 74.56, 100%, 26.67%;\n --dh-color-chartreuse-900-hsl: 75, 100%, 22.75%;\n --dh-color-chartreuse-1000-hsl: 75, 100%, 18.82%;\n --dh-color-chartreuse-1100-hsl: 74.81, 100%, 15.1%;\n --dh-color-chartreuse-1200-hsl: 75.25, 100%, 11.57%;\n --dh-color-chartreuse-1300-hsl: 75, 100%, 8.63%;\n --dh-color-chartreuse-1400-hsl: 73.55, 100%, 6.08%;\n --dh-color-celery-100-hsl: 106.23, 91.04%, 86.86%;\n --dh-color-celery-200-hsl: 108.54, 83.18%, 79.02%;\n --dh-color-celery-300-hsl: 110.29, 75.54%, 72.75%;\n --dh-color-celery-400-hsl: 115.93, 65.56%, 64.71%;\n --dh-color-celery-500-hsl: 120.93, 57.33%, 55.88%;\n --dh-color-celery-600-hsl: 126.08, 65.49%, 44.31%;\n --dh-color-celery-700-hsl: 129.75, 91.95%, 34.12%;\n --dh-color-celery-800-hsl: 127.45, 100%, 28.43%;\n --dh-color-celery-900-hsl: 127.26, 100%, 24.31%;\n --dh-color-celery-1000-hsl: 128.74, 100%, 20.2%;\n --dh-color-celery-1100-hsl: 129.4, 100%, 16.27%;\n --dh-color-celery-1200-hsl: 129.38, 100%, 12.55%;\n --dh-color-celery-1300-hsl: 128.75, 100%, 9.41%;\n --dh-color-celery-1400-hsl: 128.82, 100%, 6.67%;\n --dh-color-green-100-hsl: 145.71, 75%, 89.02%;\n --dh-color-green-200-hsl: 147.89, 76.34%, 81.76%;\n --dh-color-green-300-hsl: 150.91, 72.26%, 73.14%;\n --dh-color-green-400-hsl: 152.77, 64.32%, 63.73%;\n --dh-color-green-500-hsl: 153.89, 56.22%, 54.31%;\n --dh-color-green-600-hsl: 155.47, 59.31%, 45.29%;\n --dh-color-green-700-hsl: 157.34, 77.3%, 36.27%;\n --dh-color-green-800-hsl: 159.02, 100%, 28.04%;\n --dh-color-green-900-hsl: 157.87, 100%, 23.92%;\n --dh-color-green-1000-hsl: 156.83, 100%, 19.8%;\n --dh-color-green-1100-hsl: 157.04, 100%, 15.88%;\n --dh-color-green-1200-hsl: 155.17, 85.29%, 13.33%;\n --dh-color-green-1300-hsl: 151.67, 64.29%, 10.98%;\n --dh-color-green-1400-hsl: 150, 52.38%, 8.24%;\n --dh-color-seafoam-100-hsl: 174.15, 71.93%, 88.82%;\n --dh-color-seafoam-200-hsl: 174.08, 71.72%, 80.59%;\n --dh-color-seafoam-300-hsl: 175.48, 67.88%, 73.14%;\n --dh-color-seafoam-400-hsl: 175.9, 61.26%, 62.55%;\n --dh-color-seafoam-500-hsl: 176.52, 56.1%, 51.76%;\n --dh-color-seafoam-600-hsl: 177.47, 84.69%, 38.43%;\n --dh-color-seafoam-700-hsl: 177.39, 100%, 31.57%;\n --dh-color-seafoam-800-hsl: 177.86, 100%, 27.45%;\n --dh-color-seafoam-900-hsl: 177.48, 100%, 23.33%;\n --dh-color-seafoam-1000-hsl: 177.58, 100%, 19.41%;\n --dh-color-seafoam-1100-hsl: 177.31, 73.63%, 17.84%;\n --dh-color-seafoam-1200-hsl: 177.14, 53.85%, 15.29%;\n --dh-color-seafoam-1300-hsl: 177.69, 41.94%, 12.16%;\n --dh-color-seafoam-1400-hsl: 176.25, 34.78%, 9.02%;\n --dh-color-cyan-100-hsl: 187.24, 100%, 88.63%;\n --dh-color-cyan-200-hsl: 189.89, 100%, 82.16%;\n --dh-color-cyan-300-hsl: 190, 91.94%, 75.69%;\n --dh-color-cyan-400-hsl: 191.02, 85.96%, 66.47%;\n --dh-color-cyan-500-hsl: 191.6, 79.74%, 55.49%;\n --dh-color-cyan-600-hsl: 192.6, 84.75%, 46.27%;\n --dh-color-cyan-700-hsl: 193.27, 99%, 39.41%;\n --dh-color-cyan-800-hsl: 195.33, 100%, 35.29%;\n --dh-color-cyan-900-hsl: 197.36, 100%, 31.18%;\n --dh-color-cyan-1000-hsl: 199.27, 100%, 26.86%;\n --dh-color-cyan-1100-hsl: 201.39, 100%, 22.55%;\n --dh-color-cyan-1200-hsl: 203.23, 100%, 18.24%;\n --dh-color-cyan-1300-hsl: 204, 100%, 13.73%;\n --dh-color-cyan-1400-hsl: 204.71, 100%, 10%;\n --dh-color-blue-100-hsl: 205.16, 100%, 93.92%;\n --dh-color-blue-200-hsl: 206.04, 100%, 89.61%;\n --dh-color-blue-300-hsl: 206.76, 100%, 85.49%;\n --dh-color-blue-400-hsl: 207.38, 96.26%, 79.02%;\n --dh-color-blue-500-hsl: 209.08, 92.86%, 72.55%;\n --dh-color-blue-600-hsl: 210.19, 89.71%, 65.69%;\n --dh-color-blue-700-hsl: 211.12, 88.63%, 58.63%;\n --dh-color-blue-800-hsl: 212.56, 90.28%, 51.57%;\n --dh-color-blue-900-hsl: 212.75, 98.2%, 43.53%;\n --dh-color-blue-1000-hsl: 212.31, 100%, 35.69%;\n --dh-color-blue-1100-hsl: 211.86, 100%, 28.43%;\n --dh-color-blue-1200-hsl: 211.86, 100%, 22.16%;\n --dh-color-blue-1300-hsl: 212.14, 100%, 16.47%;\n --dh-color-blue-1400-hsl: 212, 100%, 11.76%;\n --dh-color-indigo-100-hsl: 236.67, 100%, 96.47%;\n --dh-color-indigo-200-hsl: 236.13, 100%, 93.92%;\n --dh-color-indigo-300-hsl: 237.27, 100%, 91.37%;\n --dh-color-indigo-400-hsl: 237.1, 100%, 87.84%;\n --dh-color-indigo-500-hsl: 237.83, 100%, 83.73%;\n --dh-color-indigo-600-hsl: 237.74, 100%, 79.22%;\n --dh-color-indigo-700-hsl: 237.14, 95.45%, 74.12%;\n --dh-color-indigo-800-hsl: 237.86, 86.42%, 68.24%;\n --dh-color-indigo-900-hsl: 237.53, 73%, 60.78%;\n --dh-color-indigo-1000-hsl: 237.39, 56.56%, 52.16%;\n --dh-color-indigo-1100-hsl: 237.97, 54.13%, 42.75%;\n --dh-color-indigo-1200-hsl: 238.13, 55.81%, 33.73%;\n --dh-color-indigo-1300-hsl: 237.53, 57.48%, 24.9%;\n --dh-color-indigo-1400-hsl: 237.69, 56.52%, 18.04%;\n --dh-color-purple-100-hsl: 273, 100%, 96.08%;\n --dh-color-purple-200-hsl: 270, 100%, 93.33%;\n --dh-color-purple-300-hsl: 268.09, 100%, 90.78%;\n --dh-color-purple-400-hsl: 268.66, 97.1%, 86.47%;\n --dh-color-purple-500-hsl: 266.97, 95.7%, 81.76%;\n --dh-color-purple-600-hsl: 266.55, 94.96%, 76.67%;\n --dh-color-purple-700-hsl: 266.67, 91.84%, 71.18%;\n --dh-color-purple-800-hsl: 266.75, 87.71%, 64.9%;\n --dh-color-purple-900-hsl: 266.82, 77.98%, 57.25%;\n --dh-color-purple-1000-hsl: 266.71, 69.48%, 48.82%;\n --dh-color-purple-1100-hsl: 267.07, 81.19%, 39.61%;\n --dh-color-purple-1200-hsl: 266.03, 85%, 31.37%;\n --dh-color-purple-1300-hsl: 263.33, 73.77%, 23.92%;\n --dh-color-purple-1400-hsl: 260.69, 65.91%, 17.25%;\n --dh-color-fuchsia-100-hsl: 308.18, 100%, 95.69%;\n --dh-color-fuchsia-200-hsl: 308.11, 100%, 92.75%;\n --dh-color-fuchsia-300-hsl: 306.55, 96.49%, 88.82%;\n --dh-color-fuchsia-400-hsl: 303.9, 90.59%, 83.33%;\n --dh-color-fuchsia-500-hsl: 301.21, 83.19%, 76.67%;\n --dh-color-fuchsia-600-hsl: 300, 77.07%, 69.22%;\n --dh-color-fuchsia-700-hsl: 299.15, 70.85%, 60.98%;\n --dh-color-fuchsia-800-hsl: 299.59, 60.16%, 51.76%;\n --dh-color-fuchsia-900-hsl: 299.6, 68.66%, 42.55%;\n --dh-color-fuchsia-1000-hsl: 299.61, 96.27%, 31.57%;\n --dh-color-fuchsia-1100-hsl: 299.53, 100%, 25.29%;\n --dh-color-fuchsia-1200-hsl: 300, 88.68%, 20.78%;\n --dh-color-fuchsia-1300-hsl: 301.05, 67.06%, 16.67%;\n --dh-color-fuchsia-1400-hsl: 301.62, 58.73%, 12.35%;\n --dh-color-magenta-100-hsl: 340, 100%, 95.88%;\n --dh-color-magenta-200-hsl: 339.43, 100%, 93.14%;\n --dh-color-magenta-300-hsl: 338.49, 100%, 89.61%;\n --dh-color-magenta-400-hsl: 338.18, 100%, 84.9%;\n --dh-color-magenta-500-hsl: 337.36, 100%, 79.22%;\n --dh-color-magenta-600-hsl: 336.64, 92.91%, 72.35%;\n --dh-color-magenta-700-hsl: 335.03, 82.32%, 64.51%;\n --dh-color-magenta-800-hsl: 334.29, 70.93%, 55.49%;\n --dh-color-magenta-900-hsl: 334.34, 70.94%, 45.88%;\n --dh-color-magenta-1000-hsl: 332.2, 90.11%, 35.69%;\n --dh-color-magenta-1100-hsl: 330.85, 100%, 27.84%;\n --dh-color-magenta-1200-hsl: 330.54, 100%, 21.96%;\n --dh-color-magenta-1300-hsl: 331.11, 93.1%, 17.06%;\n --dh-color-magenta-1400-hsl: 334.44, 81.82%, 12.94%;\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 /* 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 /* 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 /* 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"]}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-light/theme-light-palette.css"],"names":[],"mappings":"AACA,MAEE,oCACA,sCACA,uCACA,sCACA,uCACA,uCACA,uCACA,uCACA,uCACA,uCACA,mCAEA,wDACA,sDACA,uDAGA,mDACA,kDACA,wCACA,0CAEA,yCACA,4CACA,yCACA,2CACA,2CACA,0CACA,6CACA,6CACA,4CACA,yCACA,yCACA,yCACA,yCACA,yCACA,4CACA,+CACA,iDACA,+CACA,8CACA,iDACA,+CACA,8CACA,+CACA,gDACA,gDACA,gDACA,8CACA,iDACA,iDACA,iDACA,iDACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,gDACA,gDACA,+CACA,gDACA,4CACA,qDACA,oDACA,qDACA,qDACA,qDACA,qDACA,mDACA,mDACA,gDACA,iDACA,mDACA,oDACA,gDACA,mDACA,kDACA,kDACA,kDACA,kDACA,kDACA,kDACA,kDACA,gDACA,gDACA,gDACA,gDACA,iDACA,gDACA,gDACA,8CACA,iDACA,iDACA,iDACA,iDACA,iDACA,gDACA,+CACA,+CACA,+CACA,gDACA,kDACA,kDACA,8CACA,mDACA,mDACA,mDACA,kDACA,kDACA,mDACA,iDACA,iDACA,iDACA,kDACA,oDACA,oDACA,oDACA,mDACA,8CACA,8CACA,6CACA,gDACA,+CACA,+CACA,6CACA,8CACA,8CACA,+CACA,+CACA,+CACA,4CACA,4CACA,8CACA,8CACA,8CACA,gDACA,gDACA,gDACA,gDACA,gDACA,+CACA,+CACA,+CACA,+CACA,+CACA,4CACA,gDACA,gDACA,gDACA,+CACA,gDACA,gDACA,kDACA,kDACA,+CACA,mDACA,mDACA,mDACA,kDACA,mDACA,6CACA,6CACA,gDACA,iDACA,iDACA,kDACA,kDACA,iDACA,kDACA,mDACA,mDACA,gDACA,mDACA,mDACA,iDACA,iDACA,mDACA,kDACA,mDACA,gDACA,mDACA,mDACA,kDACA,oDACA,kDACA,iDACA,oDACA,oDACA,8CACA,iDACA,iDACA,gDACA,iDACA,mDACA,mDACA,mDACA,mDACA,mDACA,kDACA,kDACA,mDACA,oDAGA,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-light-palette.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before */\n:root {\n /* Gray */\n --dh-color-gray-50-hsl: 0, 0%, 100%;\n --dh-color-gray-75-hsl: 0, 0%, 98.22%;\n --dh-color-gray-100-hsl: 0, 0%, 96.85%;\n --dh-color-gray-200-hsl: 0, 0%, 93.2%;\n --dh-color-gray-300-hsl: 0, 0%, 85.53%;\n --dh-color-gray-400-hsl: 0, 0%, 72.41%;\n --dh-color-gray-500-hsl: 0, 0%, 58.47%;\n --dh-color-gray-600-hsl: 0, 0%, 44.75%;\n --dh-color-gray-700-hsl: 0, 0%, 27.45%;\n --dh-color-gray-800-hsl: 0, 0%, 13.33%;\n --dh-color-gray-900-hsl: 0, 0%, 0%;\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-900-hsl);\n --dh-color-white-hsl: var(--dh-color-gray-75-hsl);\n --dh-color-true-black-hsl: 0deg, 0%, 0%;\n --dh-color-true-white-hsl: 0deg, 0%, 100%;\n\n --dh-color-red-100-hsl: 10, 100%, 95.29%;\n --dh-color-red-200-hsl: 10.24, 100%, 91.96%;\n --dh-color-red-300-hsl: 10, 100%, 88.24%;\n --dh-color-red-400-hsl: 9.77, 100%, 83.14%;\n --dh-color-red-500-hsl: 9.58, 100%, 76.67%;\n --dh-color-red-600-hsl: 8.96, 100%, 69.8%;\n --dh-color-red-700-hsl: 7.46, 91.71%, 62.16%;\n --dh-color-red-800-hsl: 4.66, 82.13%, 53.92%;\n --dh-color-red-900-hsl: 1.54, 85.9%, 44.51%;\n --dh-color-red-1000-hsl: 0, 100%, 35.29%;\n --dh-color-red-1100-hsl: 0, 100%, 28.82%;\n --dh-color-red-1200-hsl: 0, 100%, 22.75%;\n --dh-color-red-1300-hsl: 0, 100%, 17.45%;\n --dh-color-red-1400-hsl: 0, 100%, 13.14%;\n --dh-color-orange-100-hsl: 37.65, 100%, 90%;\n --dh-color-orange-200-hsl: 36.59, 100%, 83.92%;\n --dh-color-orange-300-hsl: 36.11, 96.43%, 78.04%;\n --dh-color-orange-400-hsl: 33.85, 100%, 69.41%;\n --dh-color-orange-500-hsl: 31.5, 100%, 60.78%;\n --dh-color-orange-600-hsl: 30.39, 92.71%, 51.57%;\n --dh-color-orange-700-hsl: 29.21, 100%, 44.71%;\n --dh-color-orange-800-hsl: 27.49, 100%, 39.8%;\n --dh-color-orange-900-hsl: 25.76, 100%, 34.71%;\n --dh-color-orange-1000-hsl: 24.56, 100%, 29.22%;\n --dh-color-orange-1100-hsl: 23.11, 100%, 23.92%;\n --dh-color-orange-1200-hsl: 21.65, 100%, 19.02%;\n --dh-color-orange-1300-hsl: 20, 97.3%, 14.51%;\n --dh-color-orange-1400-hsl: 19.62, 96.3%, 10.59%;\n --dh-color-yellow-100-hsl: 53.94, 92.52%, 79.02%;\n --dh-color-yellow-200-hsl: 53.93, 92.31%, 64.31%;\n --dh-color-yellow-300-hsl: 52.38, 96.83%, 49.41%;\n --dh-color-yellow-400-hsl: 51.21, 100%, 45.49%;\n --dh-color-yellow-500-hsl: 49.95, 100%, 42.16%;\n --dh-color-yellow-600-hsl: 48.67, 100%, 38.43%;\n --dh-color-yellow-700-hsl: 47.73, 100%, 34.51%;\n --dh-color-yellow-800-hsl: 46.45, 100%, 30.39%;\n --dh-color-yellow-900-hsl: 46.02, 100%, 26.08%;\n --dh-color-yellow-1000-hsl: 44.46, 100%, 21.96%;\n --dh-color-yellow-1100-hsl: 44.18, 100%, 17.84%;\n --dh-color-yellow-1200-hsl: 42.5, 100%, 14.12%;\n --dh-color-yellow-1300-hsl: 41.11, 100%, 10.59%;\n --dh-color-yellow-1400-hsl: 39, 100%, 7.84%;\n --dh-color-chartreuse-100-hsl: 73.94, 95.95%, 70.98%;\n --dh-color-chartreuse-200-hsl: 73.9, 88.94%, 60.98%;\n --dh-color-chartreuse-300-hsl: 74.14, 81.28%, 53.92%;\n --dh-color-chartreuse-400-hsl: 74.23, 81.51%, 46.67%;\n --dh-color-chartreuse-500-hsl: 74.44, 90.34%, 40.59%;\n --dh-color-chartreuse-600-hsl: 74.48, 96.67%, 35.29%;\n --dh-color-chartreuse-700-hsl: 74.62, 100%, 30.59%;\n --dh-color-chartreuse-800-hsl: 74.56, 100%, 26.67%;\n --dh-color-chartreuse-900-hsl: 75, 100%, 22.75%;\n --dh-color-chartreuse-1000-hsl: 75, 100%, 18.82%;\n --dh-color-chartreuse-1100-hsl: 74.81, 100%, 15.1%;\n --dh-color-chartreuse-1200-hsl: 75.25, 100%, 11.57%;\n --dh-color-chartreuse-1300-hsl: 75, 100%, 8.63%;\n --dh-color-chartreuse-1400-hsl: 73.55, 100%, 6.08%;\n --dh-color-celery-100-hsl: 106.23, 91.04%, 86.86%;\n --dh-color-celery-200-hsl: 108.54, 83.18%, 79.02%;\n --dh-color-celery-300-hsl: 110.29, 75.54%, 72.75%;\n --dh-color-celery-400-hsl: 115.93, 65.56%, 64.71%;\n --dh-color-celery-500-hsl: 120.93, 57.33%, 55.88%;\n --dh-color-celery-600-hsl: 126.08, 65.49%, 44.31%;\n --dh-color-celery-700-hsl: 129.75, 91.95%, 34.12%;\n --dh-color-celery-800-hsl: 127.45, 100%, 28.43%;\n --dh-color-celery-900-hsl: 127.26, 100%, 24.31%;\n --dh-color-celery-1000-hsl: 128.74, 100%, 20.2%;\n --dh-color-celery-1100-hsl: 129.4, 100%, 16.27%;\n --dh-color-celery-1200-hsl: 129.38, 100%, 12.55%;\n --dh-color-celery-1300-hsl: 128.75, 100%, 9.41%;\n --dh-color-celery-1400-hsl: 128.82, 100%, 6.67%;\n --dh-color-green-100-hsl: 145.71, 75%, 89.02%;\n --dh-color-green-200-hsl: 147.89, 76.34%, 81.76%;\n --dh-color-green-300-hsl: 150.91, 72.26%, 73.14%;\n --dh-color-green-400-hsl: 152.77, 64.32%, 63.73%;\n --dh-color-green-500-hsl: 153.89, 56.22%, 54.31%;\n --dh-color-green-600-hsl: 155.47, 59.31%, 45.29%;\n --dh-color-green-700-hsl: 157.34, 77.3%, 36.27%;\n --dh-color-green-800-hsl: 159.02, 100%, 28.04%;\n --dh-color-green-900-hsl: 157.87, 100%, 23.92%;\n --dh-color-green-1000-hsl: 156.83, 100%, 19.8%;\n --dh-color-green-1100-hsl: 157.04, 100%, 15.88%;\n --dh-color-green-1200-hsl: 155.17, 85.29%, 13.33%;\n --dh-color-green-1300-hsl: 151.67, 64.29%, 10.98%;\n --dh-color-green-1400-hsl: 150, 52.38%, 8.24%;\n --dh-color-seafoam-100-hsl: 174.15, 71.93%, 88.82%;\n --dh-color-seafoam-200-hsl: 174.08, 71.72%, 80.59%;\n --dh-color-seafoam-300-hsl: 175.48, 67.88%, 73.14%;\n --dh-color-seafoam-400-hsl: 175.9, 61.26%, 62.55%;\n --dh-color-seafoam-500-hsl: 176.52, 56.1%, 51.76%;\n --dh-color-seafoam-600-hsl: 177.47, 84.69%, 38.43%;\n --dh-color-seafoam-700-hsl: 177.39, 100%, 31.57%;\n --dh-color-seafoam-800-hsl: 177.86, 100%, 27.45%;\n --dh-color-seafoam-900-hsl: 177.48, 100%, 23.33%;\n --dh-color-seafoam-1000-hsl: 177.58, 100%, 19.41%;\n --dh-color-seafoam-1100-hsl: 177.31, 73.63%, 17.84%;\n --dh-color-seafoam-1200-hsl: 177.14, 53.85%, 15.29%;\n --dh-color-seafoam-1300-hsl: 177.69, 41.94%, 12.16%;\n --dh-color-seafoam-1400-hsl: 176.25, 34.78%, 9.02%;\n --dh-color-cyan-100-hsl: 187.24, 100%, 88.63%;\n --dh-color-cyan-200-hsl: 189.89, 100%, 82.16%;\n --dh-color-cyan-300-hsl: 190, 91.94%, 75.69%;\n --dh-color-cyan-400-hsl: 191.02, 85.96%, 66.47%;\n --dh-color-cyan-500-hsl: 191.6, 79.74%, 55.49%;\n --dh-color-cyan-600-hsl: 192.6, 84.75%, 46.27%;\n --dh-color-cyan-700-hsl: 193.27, 99%, 39.41%;\n --dh-color-cyan-800-hsl: 195.33, 100%, 35.29%;\n --dh-color-cyan-900-hsl: 197.36, 100%, 31.18%;\n --dh-color-cyan-1000-hsl: 199.27, 100%, 26.86%;\n --dh-color-cyan-1100-hsl: 201.39, 100%, 22.55%;\n --dh-color-cyan-1200-hsl: 203.23, 100%, 18.24%;\n --dh-color-cyan-1300-hsl: 204, 100%, 13.73%;\n --dh-color-cyan-1400-hsl: 204.71, 100%, 10%;\n --dh-color-blue-100-hsl: 205.16, 100%, 93.92%;\n --dh-color-blue-200-hsl: 206.04, 100%, 89.61%;\n --dh-color-blue-300-hsl: 206.76, 100%, 85.49%;\n --dh-color-blue-400-hsl: 207.38, 96.26%, 79.02%;\n --dh-color-blue-500-hsl: 209.08, 92.86%, 72.55%;\n --dh-color-blue-600-hsl: 210.19, 89.71%, 65.69%;\n --dh-color-blue-700-hsl: 211.12, 88.63%, 58.63%;\n --dh-color-blue-800-hsl: 212.56, 90.28%, 51.57%;\n --dh-color-blue-900-hsl: 212.75, 98.2%, 43.53%;\n --dh-color-blue-1000-hsl: 212.31, 100%, 35.69%;\n --dh-color-blue-1100-hsl: 211.86, 100%, 28.43%;\n --dh-color-blue-1200-hsl: 211.86, 100%, 22.16%;\n --dh-color-blue-1300-hsl: 212.14, 100%, 16.47%;\n --dh-color-blue-1400-hsl: 212, 100%, 11.76%;\n --dh-color-indigo-100-hsl: 236.67, 100%, 96.47%;\n --dh-color-indigo-200-hsl: 236.13, 100%, 93.92%;\n --dh-color-indigo-300-hsl: 237.27, 100%, 91.37%;\n --dh-color-indigo-400-hsl: 237.1, 100%, 87.84%;\n --dh-color-indigo-500-hsl: 237.83, 100%, 83.73%;\n --dh-color-indigo-600-hsl: 237.74, 100%, 79.22%;\n --dh-color-indigo-700-hsl: 237.14, 95.45%, 74.12%;\n --dh-color-indigo-800-hsl: 237.86, 86.42%, 68.24%;\n --dh-color-indigo-900-hsl: 237.53, 73%, 60.78%;\n --dh-color-indigo-1000-hsl: 237.39, 56.56%, 52.16%;\n --dh-color-indigo-1100-hsl: 237.97, 54.13%, 42.75%;\n --dh-color-indigo-1200-hsl: 238.13, 55.81%, 33.73%;\n --dh-color-indigo-1300-hsl: 237.53, 57.48%, 24.9%;\n --dh-color-indigo-1400-hsl: 237.69, 56.52%, 18.04%;\n --dh-color-purple-100-hsl: 273, 100%, 96.08%;\n --dh-color-purple-200-hsl: 270, 100%, 93.33%;\n --dh-color-purple-300-hsl: 268.09, 100%, 90.78%;\n --dh-color-purple-400-hsl: 268.66, 97.1%, 86.47%;\n --dh-color-purple-500-hsl: 266.97, 95.7%, 81.76%;\n --dh-color-purple-600-hsl: 266.55, 94.96%, 76.67%;\n --dh-color-purple-700-hsl: 266.67, 91.84%, 71.18%;\n --dh-color-purple-800-hsl: 266.75, 87.71%, 64.9%;\n --dh-color-purple-900-hsl: 266.82, 77.98%, 57.25%;\n --dh-color-purple-1000-hsl: 266.71, 69.48%, 48.82%;\n --dh-color-purple-1100-hsl: 267.07, 81.19%, 39.61%;\n --dh-color-purple-1200-hsl: 266.03, 85%, 31.37%;\n --dh-color-purple-1300-hsl: 263.33, 73.77%, 23.92%;\n --dh-color-purple-1400-hsl: 260.69, 65.91%, 17.25%;\n --dh-color-fuchsia-100-hsl: 308.18, 100%, 95.69%;\n --dh-color-fuchsia-200-hsl: 308.11, 100%, 92.75%;\n --dh-color-fuchsia-300-hsl: 306.55, 96.49%, 88.82%;\n --dh-color-fuchsia-400-hsl: 303.9, 90.59%, 83.33%;\n --dh-color-fuchsia-500-hsl: 301.21, 83.19%, 76.67%;\n --dh-color-fuchsia-600-hsl: 300, 77.07%, 69.22%;\n --dh-color-fuchsia-700-hsl: 299.15, 70.85%, 60.98%;\n --dh-color-fuchsia-800-hsl: 299.59, 60.16%, 51.76%;\n --dh-color-fuchsia-900-hsl: 299.6, 68.66%, 42.55%;\n --dh-color-fuchsia-1000-hsl: 299.61, 96.27%, 31.57%;\n --dh-color-fuchsia-1100-hsl: 299.53, 100%, 25.29%;\n --dh-color-fuchsia-1200-hsl: 300, 88.68%, 20.78%;\n --dh-color-fuchsia-1300-hsl: 301.05, 67.06%, 16.67%;\n --dh-color-fuchsia-1400-hsl: 301.62, 58.73%, 12.35%;\n --dh-color-magenta-100-hsl: 340, 100%, 95.88%;\n --dh-color-magenta-200-hsl: 339.43, 100%, 93.14%;\n --dh-color-magenta-300-hsl: 338.49, 100%, 89.61%;\n --dh-color-magenta-400-hsl: 338.18, 100%, 84.9%;\n --dh-color-magenta-500-hsl: 337.36, 100%, 79.22%;\n --dh-color-magenta-600-hsl: 336.64, 92.91%, 72.35%;\n --dh-color-magenta-700-hsl: 335.03, 82.32%, 64.51%;\n --dh-color-magenta-800-hsl: 334.29, 70.93%, 55.49%;\n --dh-color-magenta-900-hsl: 334.34, 70.94%, 45.88%;\n --dh-color-magenta-1000-hsl: 332.2, 90.11%, 35.69%;\n --dh-color-magenta-1100-hsl: 330.85, 100%, 27.84%;\n --dh-color-magenta-1200-hsl: 330.54, 100%, 21.96%;\n --dh-color-magenta-1300-hsl: 331.11, 93.1%, 17.06%;\n --dh-color-magenta-1400-hsl: 334.44, 81.82%, 12.94%;\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"]}
package/dist/theme/theme-light/theme-light-semantic-chart.css CHANGED
@@ -1 +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-active: var(--dh-color-accent-600);--dh-color-chart-range-bg: hsla(var(--dh-color-gray-500-hsl) 0.7);--dh-color-chart-area: var(--dh-color-visual-blue);--dh-color-chart-trend: var(--dh-color-green-1200);--dh-color-chart-error-band-line: var(--dh-color-green-1400);--dh-color-chart-error-band-fill: hsla(var(--dh-color-green-1200-hsl), 0.1);--dh-color-chart-ohlc-increase: var(--dh-color-visual-green);--dh-color-chart-ohlc-decrease: var(--dh-color-visual-red);--dh-color-chart-line-deprecated: var(--dh-color-visual-green);--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-black-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)}/*# sourceMappingURL=theme-light-semantic-chart.css.map */
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-black-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-light-semantic-chart.css.map */
package/dist/theme/theme-light/theme-light-semantic-chart.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-light/theme-light-semantic-chart.css"],"names":[],"mappings":"AAEA,MACE,gDACA,mDACA,6CACA,iDAGA,8VAMA,gDACA,qDACA,0DACA,oDAEA,kEACA,mDACA,mDAGA,6DACA,4EAGA,6DACA,2DAOA,+DAEA,sDACA,qEACA,8DACA,kEAEA,kFAIA,qEACA","file":"theme-light-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 --dh-color-chart-active: var(--dh-color-accent-600);\n\n --dh-color-chart-range-bg: hsla(var(--dh-color-gray-500-hsl) 0.7);\n --dh-color-chart-area: var(--dh-color-visual-blue);\n --dh-color-chart-trend: var(--dh-color-green-1200);\n\n /* Error band */\n --dh-color-chart-error-band-line: var(--dh-color-green-1400);\n --dh-color-chart-error-band-fill: hsla(var(--dh-color-green-1200-hsl), 0.1);\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 /* \n * This color shows up in the styleguide, but it doesn't seem to be consumed\n * in production code. There has been discussion about it not being needed \n * anymore. \n */\n --dh-color-chart-line-deprecated: var(--dh-color-visual-green);\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-black-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"]}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-light/theme-light-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-light-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-black-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"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@deephaven/components",
3
- "version": "0.59.1-beta.0+9d2fcaeb",
3
+ "version": "0.59.1-beta.12+689a1e2f",
4
4
  "description": "Deephaven React component library",
5
5
  "author": "Deephaven Data Labs LLC",
6
6
  "license": "Apache-2.0",
@@ -25,10 +25,10 @@
25
25
  },
26
26
  "dependencies": {
27
27
  "@adobe/react-spectrum": "^3.29.0",
28
- "@deephaven/icons": "^0.59.1-beta.0+9d2fcaeb",
29
- "@deephaven/log": "^0.59.1-beta.0+9d2fcaeb",
30
- "@deephaven/react-hooks": "^0.59.1-beta.0+9d2fcaeb",
31
- "@deephaven/utils": "^0.59.1-beta.0+9d2fcaeb",
28
+ "@deephaven/icons": "^0.59.1-beta.12+689a1e2f",
29
+ "@deephaven/log": "^0.59.1-beta.12+689a1e2f",
30
+ "@deephaven/react-hooks": "^0.59.1-beta.12+689a1e2f",
31
+ "@deephaven/utils": "^0.59.1-beta.12+689a1e2f",
32
32
  "@fortawesome/fontawesome-svg-core": "^6.2.1",
33
33
  "@fortawesome/react-fontawesome": "^0.2.0",
34
34
  "@react-spectrum/theme-default": "^3.5.1",
@@ -52,7 +52,7 @@
52
52
  "react-dom": "^17.x"
53
53
  },
54
54
  "devDependencies": {
55
- "@deephaven/mocks": "^0.59.1-beta.0+9d2fcaeb"
55
+ "@deephaven/mocks": "^0.59.1-beta.12+689a1e2f"
56
56
  },
57
57
  "files": [
58
58
  "dist",
@@ -66,5 +66,5 @@
66
66
  "publishConfig": {
67
67
  "access": "public"
68
68
  },
69
- "gitHead": "9d2fcaeb5b6ffd624df9eab1cfea6ce0a183a803"
69
+ "gitHead": "689a1e2fda9a9dd9e50ae200b0ad0f2b69b1bdbc"
70
70
  }