npm - @deephaven/components - Versions diffs - 0.60.1-beta.0 → 0.60.1-beta.5 - Mend

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

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 (77) hide show

package/css/BaseStyleSheet.css +62 -62
package/css/BaseStyleSheet.css.map +1 -1
package/dist/AutoCompleteInput.css.map +1 -1
package/dist/AutoResizeTextarea.css.map +1 -1
package/dist/CardFlip.css.map +1 -1
package/dist/ComboBox.css.map +1 -1
package/dist/CustomTimeSelect.css.map +1 -1
package/dist/DraggableItemList.css +1 -1
package/dist/DraggableItemList.css.map +1 -1
package/dist/HierarchicalCheckboxMenu.css.map +1 -1
package/dist/ItemList.css.map +1 -1
package/dist/ItemListItem.css.map +1 -1
package/dist/LoadingOverlay.css +1 -1
package/dist/LoadingOverlay.css.map +1 -1
package/dist/MaskedInput.css.map +1 -1
package/dist/RandomAreaPlotAnimation.css.map +1 -1
package/dist/SearchInput.css +2 -2
package/dist/SearchInput.css.map +1 -1
package/dist/SelectValueList.css +1 -1
package/dist/SelectValueList.css.map +1 -1
package/dist/SocketedButton.css +3 -3
package/dist/SocketedButton.css.map +1 -1
package/dist/ThemeExport.module.css.map +1 -1
package/dist/TimeSlider.css +1 -1
package/dist/TimeSlider.css.map +1 -1
package/dist/TimeSlider.module.css +1 -1
package/dist/TimeSlider.module.css.map +1 -1
package/dist/ToastNotification.css.map +1 -1
package/dist/UISwitch.css +1 -1
package/dist/UISwitch.css.map +1 -1
package/dist/ValidateLabelInput.css.map +1 -1
package/dist/context-actions/ContextActions.css.map +1 -1
package/dist/menu-actions/DropdownMenu.css.map +1 -1
package/dist/modal/DebouncedModal.js +3 -1
package/dist/modal/DebouncedModal.js.map +1 -1
package/dist/modal/InfoModal.css.map +1 -1
package/dist/navigation/Menu.css.map +1 -1
package/dist/navigation/MenuItem.css +1 -1
package/dist/navigation/MenuItem.css.map +1 -1
package/dist/navigation/NavTabList.css +1 -1
package/dist/navigation/NavTabList.css.map +1 -1
package/dist/navigation/Page.css.map +1 -1
package/dist/navigation/Stack.css +1 -1
package/dist/navigation/Stack.css.map +1 -1
package/dist/popper/Popper.css.map +1 -1
package/dist/theme/ThemeUtils.d.ts.map +1 -1
package/dist/theme/ThemeUtils.js +45 -23
package/dist/theme/ThemeUtils.js.map +1 -1
package/dist/theme/theme-dark/theme-dark-components.css +1 -1
package/dist/theme/theme-dark/theme-dark-components.css.map +1 -1
package/dist/theme/theme-dark/theme-dark-palette.css +1 -1
package/dist/theme/theme-dark/theme-dark-palette.css.map +1 -1
package/dist/theme/theme-dark/theme-dark-semantic-chart.css +1 -1
package/dist/theme/theme-dark/theme-dark-semantic-chart.css.map +1 -1
package/dist/theme/theme-dark/theme-dark-semantic-grid.css +1 -1
package/dist/theme/theme-dark/theme-dark-semantic-grid.css.map +1 -1
package/dist/theme/theme-dark/theme-dark-semantic.css +1 -1
package/dist/theme/theme-dark/theme-dark-semantic.css.map +1 -1
package/dist/theme/theme-light/theme-light-components.css +1 -1
package/dist/theme/theme-light/theme-light-components.css.map +1 -1
package/dist/theme/theme-light/theme-light-palette.css +1 -1
package/dist/theme/theme-light/theme-light-palette.css.map +1 -1
package/dist/theme/theme-light/theme-light-semantic-chart.css +1 -1
package/dist/theme/theme-light/theme-light-semantic-chart.css.map +1 -1
package/dist/theme/theme-light/theme-light-semantic-grid.css +1 -1
package/dist/theme/theme-light/theme-light-semantic-grid.css.map +1 -1
package/dist/theme/theme-light/theme-light-semantic.css +1 -1
package/dist/theme/theme-light/theme-light-semantic.css.map +1 -1
package/dist/theme/theme-spectrum/theme-spectrum-alias.module.css +1 -1
package/dist/theme/theme-spectrum/theme-spectrum-alias.module.css.map +1 -1
package/package.json +7 -7
package/scss/BaseStyleSheet.scss +11 -10
package/scss/bootstrap_override_mixins_buttons.scss +10 -2
package/scss/bootstrap_overrides.scss +5 -1
package/scss/custom.scss +1 -0
package/scss/new_variables.scss +4 -20
package/scss/util.scss +29 -0

package/dist/theme/theme-dark/theme-dark-semantic-grid.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic-grid.css"],"names":[],"mappings":"AAAA,MAEE,4CAGA,oDACA,0DACA,0DACA,iEACA,0EACA,+DACA,iEACA,2DAGA,mDACA,mDACA,8DACA,kFAGA,uCAGA,8DACA,8DACA,kEAGA,6EACA,wDACA,8DACA,4DACA,4DACA,qDACA,2DACA,4DAGA,2CACA,4DACA,0DACA,4DAGA,oDACA,iEACA,iEACA,2DACA,sDAGA,~~kFAIA~~,8DACA,iEACA,~~6FAIA~~,~~iGAIA~~,+DACA,kEACA,wDAGA,sEACA,wEAGA,mFAGA,gEAGA,oDACA,sDACA,4DAGA,uDACA,0DACA,iEACA,gEAGA,0DACA,gEAGA,mEACA,mEACA,uDACA,6DAGA","file":"theme-dark-semantic-grid.css","sourcesContent":[":root {\n /* Grid /\n --dh-color-grid-bg: var(--dh-color-gray-75);\n\n / Header /\n --dh-color-grid-header-bg: var(--dh-color-gray-100);\n --dh-color-grid-header-text: var(--dh-color-heading-text);\n --dh-color-grid-header-separator: var(--dh-color-gray-50);\n --dh-color-grid-header-separator-hover: var(--dh-color-gray-600);\n --dh-color-grid-header-separator-hidden-hover: var(--dh-color-accent-700);\n --dh-color-grid-header-sort-bar: var(--dh-color-visual-purple);\n --dh-color-grid-header-reverse-bar: var(--dh-color-visual-green);\n --dh-color-grid-header-bar-casing: var(--dh-color-gray-50);\n\n / Row /\n --dh-color-grid-row-0-bg: var(--dh-color-gray-300);\n --dh-color-grid-row-1-bg: var(--dh-color-gray-100);\n --dh-color-grid-row-hover-bg: var(--dh-color-highlight-hover);\n --dh-color-grid-row-hover-bg-selected: var(\n --dh-color-highlight-selected-hover\n );\n --dh-color-grid-row-shadow-alpha: 0.15;\n\n / Selection /\n --dh-color-grid-selection: var(--dh-color-highlight-selected);\n --dh-color-grid-selection-outline: var(--dh-color-accent-900);\n --dh-color-grid-selection-outline-casing: var(--dh-color-gray-50);\n\n /* Sroll Bar /\n --dh-color-grid-scroll-bar-active-selection-tick: var(--dh-color-accent-400);\n --dh-color-grid-scroll-bar-bg: var(--dh-color-gray-100);\n --dh-color-grid-scroll-bar-hover-bg: var(--dh-color-gray-200);\n --dh-color-grid-scroll-bar-casing: var(--dh-color-gray-400);\n --dh-color-grid-scroll-bar-corner: var(--dh-color-gray-100);\n --dh-color-grid-scroll-bar: var(--dh-color-gray-500);\n --dh-color-grid-scroll-bar-hover: var(--dh-color-gray-600);\n --dh-color-grid-scroll-bar-active: var(--dh-color-gray-700);\n\n / Text /\n --dh-color-grid-text: var(--dh-color-text);\n --dh-color-grid-text-hyperlink: var(--dh-color-accent-1000);\n --dh-color-grid-text-pending: var(--dh-color-yellow-1300);\n --dh-color-grid-text-error: var(--dh-color-visual-negative);\n\n / Data Types /\n --dh-color-grid-date: var(--dh-color-visual-notice);\n --dh-color-grid-number-positive: var(--dh-color-visual-positive);\n --dh-color-grid-number-negative: var(--dh-color-visual-negative);\n --dh-color-grid-number-zero: var(--dh-color-visual-notice);\n --dh-color-grid-string-null: var(--dh-color-gray-600);\n\n / Filter Bar /\n --dh-color-grid-filter-bar-active-bg: ~~hsla~~(\n var(--dh-color-accent-700~~-hsl~~),\n ~~0.5~~\n );\n --dh-color-grid-filter-bar-active: var(--dh-color-accent-600);\n --dh-color-grid-filter-bar-expanded-bg: var(--dh-color-gray-200);\n --dh-color-grid-filter-bar-expanded-active-bg: ~~hsla~~(\n var(--dh-color-accent-1000~~-hsl~~),\n ~~0.19~~\n );\n --dh-color-grid-filter-bar-expanded-active-cell-bg: ~~hsla~~(\n var(--dh-color-accent-700~~-hsl~~),\n ~~0.32~~\n );\n --dh-color-grid-filter-bar-separator: var(--dh-color-gray-600);\n --dh-color-grid-filter-bar-error: var(--dh-color-visual-negative);\n --dh-color-grid-filter-icon: var(--dh-color-accent-600);\n\n / Context Menu /\n --dh-color-grid-context-menu-sort-icon: var(--dh-color-visual-purple);\n --dh-color-grid-context-menu-reverse-icon: var(--dh-color-visual-green);\n\n / Column /\n --dh-color-grid-column-linker-hover-bg: var(\n --dh-color-highlight-selected-hover\n );\n --dh-color-grid-column-grouped-divider: var(--dh-color-gray-50);\n\n / Tree /\n --dh-color-grid-tree-line: var(--dh-color-gray-500);\n --dh-color-grid-tree-marker: var(--dh-color-gray-700);\n --dh-color-grid-tree-marker-hover: var(--dh-color-gray-900);\n\n / Floating /\n --dh-color-grid-floating-row: var(--dh-color-gray-300);\n --dh-color-grid-floating-row-bg: var(--dh-color-gray-200);\n --dh-color-grid-floating-divider-inner: var(--dh-color-gray-200);\n --dh-color-grid-floating-divider-outer: var(--dh-color-gray-50);\n\n / Overflow Button /\n --dh-color-grid-overflow-button: var(--dh-color-gray-700);\n --dh-color-grid-overflow-button-hover: var(--dh-color-gray-900);\n\n / Data Bars /\n --dh-color-grid-data-bar-positive: var(--dh-color-visual-positive);\n --dh-color-grid-data-bar-negative: var(--dh-color-visual-negative);\n --dh-color-grid-data-bar-marker: var(--dh-color-white);\n --dh-color-grid-data-bar-zero-line: var(--dh-color-gray-300);\n\n / Scrim */\n --dh-color-grid-scrim: var(--dh-color-gray-50);\n}\n"]}
1	+ {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic-grid.css"],"names":[],"mappings":"AAAA,MAEE,4CAGA,oDACA,0DACA,0DACA,iEACA,0EACA,+DACA,iEACA,2DAGA,mDACA,mDACA,8DACA,kFAGA,uCAGA,8DACA,8DACA,kEAGA,6EACA,wDACA,8DACA,4DACA,4DACA,qDACA,2DACA,4DAGA,2CACA,4DACA,0DACA,4DAGA,oDACA,iEACA,iEACA,2DACA,sDAGA,wGAKA,8DACA,iEACA,kHAKA,sHAKA,+DACA,kEACA,wDAGA,sEACA,wEAGA,mFAGA,gEAGA,oDACA,sDACA,4DAGA,uDACA,0DACA,iEACA,gEAGA,0DACA,gEAGA,mEACA,mEACA,uDACA,6DAGA","file":"theme-dark-semantic-grid.css","sourcesContent":[":root {\n /* Grid /\n --dh-color-grid-bg: var(--dh-color-gray-75);\n\n / Header /\n --dh-color-grid-header-bg: var(--dh-color-gray-100);\n --dh-color-grid-header-text: var(--dh-color-heading-text);\n --dh-color-grid-header-separator: var(--dh-color-gray-50);\n --dh-color-grid-header-separator-hover: var(--dh-color-gray-600);\n --dh-color-grid-header-separator-hidden-hover: var(--dh-color-accent-700);\n --dh-color-grid-header-sort-bar: var(--dh-color-visual-purple);\n --dh-color-grid-header-reverse-bar: var(--dh-color-visual-green);\n --dh-color-grid-header-bar-casing: var(--dh-color-gray-50);\n\n / Row /\n --dh-color-grid-row-0-bg: var(--dh-color-gray-300);\n --dh-color-grid-row-1-bg: var(--dh-color-gray-100);\n --dh-color-grid-row-hover-bg: var(--dh-color-highlight-hover);\n --dh-color-grid-row-hover-bg-selected: var(\n --dh-color-highlight-selected-hover\n );\n --dh-color-grid-row-shadow-alpha: 0.15;\n\n / Selection /\n --dh-color-grid-selection: var(--dh-color-highlight-selected);\n --dh-color-grid-selection-outline: var(--dh-color-accent-900);\n --dh-color-grid-selection-outline-casing: var(--dh-color-gray-50);\n\n /* Sroll Bar /\n --dh-color-grid-scroll-bar-active-selection-tick: var(--dh-color-accent-400);\n --dh-color-grid-scroll-bar-bg: var(--dh-color-gray-100);\n --dh-color-grid-scroll-bar-hover-bg: var(--dh-color-gray-200);\n --dh-color-grid-scroll-bar-casing: var(--dh-color-gray-400);\n --dh-color-grid-scroll-bar-corner: var(--dh-color-gray-100);\n --dh-color-grid-scroll-bar: var(--dh-color-gray-500);\n --dh-color-grid-scroll-bar-hover: var(--dh-color-gray-600);\n --dh-color-grid-scroll-bar-active: var(--dh-color-gray-700);\n\n / Text /\n --dh-color-grid-text: var(--dh-color-text);\n --dh-color-grid-text-hyperlink: var(--dh-color-accent-1000);\n --dh-color-grid-text-pending: var(--dh-color-yellow-1300);\n --dh-color-grid-text-error: var(--dh-color-visual-negative);\n\n / Data Types /\n --dh-color-grid-date: var(--dh-color-visual-notice);\n --dh-color-grid-number-positive: var(--dh-color-visual-positive);\n --dh-color-grid-number-negative: var(--dh-color-visual-negative);\n --dh-color-grid-number-zero: var(--dh-color-visual-notice);\n --dh-color-grid-string-null: var(--dh-color-gray-600);\n\n / Filter Bar /\n --dh-color-grid-filter-bar-active-bg: color-mix(\n in srgb,\n var(--dh-color-accent-700) 50%,\n transparent\n );\n --dh-color-grid-filter-bar-active: var(--dh-color-accent-600);\n --dh-color-grid-filter-bar-expanded-bg: var(--dh-color-gray-200);\n --dh-color-grid-filter-bar-expanded-active-bg: color-mix(\n in srgb,\n var(--dh-color-accent-1000) 19%,\n transparent\n );\n --dh-color-grid-filter-bar-expanded-active-cell-bg: color-mix(\n in srgb,\n var(--dh-color-accent-700) 32%,\n transparent\n );\n --dh-color-grid-filter-bar-separator: var(--dh-color-gray-600);\n --dh-color-grid-filter-bar-error: var(--dh-color-visual-negative);\n --dh-color-grid-filter-icon: var(--dh-color-accent-600);\n\n / Context Menu /\n --dh-color-grid-context-menu-sort-icon: var(--dh-color-visual-purple);\n --dh-color-grid-context-menu-reverse-icon: var(--dh-color-visual-green);\n\n / Column /\n --dh-color-grid-column-linker-hover-bg: var(\n --dh-color-highlight-selected-hover\n );\n --dh-color-grid-column-grouped-divider: var(--dh-color-gray-50);\n\n / Tree /\n --dh-color-grid-tree-line: var(--dh-color-gray-500);\n --dh-color-grid-tree-marker: var(--dh-color-gray-700);\n --dh-color-grid-tree-marker-hover: var(--dh-color-gray-900);\n\n / Floating /\n --dh-color-grid-floating-row: var(--dh-color-gray-300);\n --dh-color-grid-floating-row-bg: var(--dh-color-gray-200);\n --dh-color-grid-floating-divider-inner: var(--dh-color-gray-200);\n --dh-color-grid-floating-divider-outer: var(--dh-color-gray-50);\n\n / Overflow Button /\n --dh-color-grid-overflow-button: var(--dh-color-gray-700);\n --dh-color-grid-overflow-button-hover: var(--dh-color-gray-900);\n\n / Data Bars /\n --dh-color-grid-data-bar-positive: var(--dh-color-visual-positive);\n --dh-color-grid-data-bar-negative: var(--dh-color-visual-negative);\n --dh-color-grid-data-bar-marker: var(--dh-color-white);\n --dh-color-grid-data-bar-zero-line: var(--dh-color-gray-300);\n\n / Scrim */\n --dh-color-grid-scrim: var(--dh-color-gray-50);\n}\n"]}

package/dist/theme/theme-dark/theme-dark-semantic.css CHANGED Viewed

	@@ -1 +1 @@
1	- :root{--dh-color-bg~~-hsl~~: var(--dh-color-black~~-hsl~~);--dh-color-content-bg~~-hsl~~: var(--dh-color-gray-100~~-hsl~~);--dh-color-subdued-content-bg~~-hsl~~: var(--dh-color-gray-75~~-hsl~~);--dh-color-surface-bg~~-hsl~~: var(--dh-color-gray-200~~-hsl~~);--dh-color-fg~~-hsl~~: var(--dh-color-white~~-hsl~~);--dh-color-~~disabled-bg-hsl~~: var(--dh-color-gray-~~300-hsl~~);--dh-color-~~scrollbar~~-~~hsl~~: var(--dh-color-fg-~~hsl~~);--dh-color-~~accent~~-~~100-hsl~~: var(--dh-color-~~blue-100-hsl);--dh-color-~~accent-~~200-hsl: var(--dh-color-blue-200-hsl~~);--dh-color-~~accent~~-~~300-hsl~~: var(--dh-color-~~blue~~-300~~-hsl~~);--dh-color-~~accent-400-hsl~~: var(--dh-color-~~blue-400-hsl~~);--dh-color-~~accent~~-~~500-hsl~~: var(--dh-color-~~blue~~-~~500-hsl~~);--dh-color-~~accent-600-hsl~~: var(--dh-color-~~blue~~-~~600-hsl);--dh-color-accent-700-hsl: var(--dh-color-blue-700-hsl);--dh-color-accent-~~800~~-hsl: var(--dh-color-blue-800-hsl~~);--dh-color-~~accent~~-~~900-hsl~~: var(--dh-color-~~blue~~-~~900-hsl~~);--dh-color-~~accent~~-~~1000-hsl~~: ~~var(--dh-~~color-~~blue-1000-hsl);--dh-color-accent-1100-hsl: var~~(~~--dh-color-blue-1100-hsl);--dh-color-accent-1200-hsl:~~ ~~var(--dh-color-blue-1200-hsl);--dh-color-accent-1300-hsl:~~ ~~var(--dh-color-blue-1300-hsl);--dh-color-accent-1400-hsl:~~ var(--dh-color-blue-~~1400-hsl~~)~~;--dh-color-accent-hsl:~~ ~~var(--dh-color-accent-600-hsl);--dh-color-border-hsl:~~ ~~var(--dh-color-gray-500-hsl);--dh-color-border-focus-hsl:~~ ~~var(--dh-color-accent-800-hsl~~);--dh-color-~~info~~-~~hsl~~: var(--dh-color-~~cyan-1000-hsl);--dh-color-neutral-hsl: var(--dh-color-~~gray-~~500-hsl);--dh-color-notice-hsl: var(--dh-color-yellow-1000-hsl);--dh-color-positive-hsl: var(--dh-color-green-~~900~~-hsl~~);--dh-color-~~negative-hsl: var(--dh-color-red-600-hsl);--dh-color-~~contrast-dark~~-hsl~~: var(--dh-color-gray-50~~-hsl~~);--dh-color-contrast-light~~-hsl~~: var(--dh-color-gray-900~~-hsl~~);--dh-color-accent-~~contrast-hsl~~: var(--dh-color-~~contrast~~-~~light-hsl~~);--dh-color-~~info~~-~~contrast-hsl~~: var(--dh-color-~~contrast~~-~~dark-hsl~~);--dh-color-~~negative~~-~~contrast-hsl~~: var(--dh-color-~~contrast~~-~~light-hsl~~);--dh-color-~~neutral~~-~~contrast-hsl~~: var(--dh-color-~~contrast~~-~~light-hsl~~);--dh-color-~~notice~~-~~contrast-hsl~~: var(--dh-color-~~contrast~~-~~dark-hsl~~);--dh-color-~~positive~~-~~contrast-hsl~~: var(--dh-color-~~contrast-light-hsl);--dh-color-visual-~~blue-~~hsl: var(--dh-color-blue-~~600~~-hsl~~);--dh-color-~~visual~~-~~celery-hsl~~: var(--dh-color-~~celery~~-~~1000-hsl~~);--dh-color-~~visual~~-~~chartreuse-hsl~~: var(--dh-color-~~chartreuse~~-~~1100-hsl~~);--dh-color-~~visual~~-~~cyan-hsl: var(--dh-color-cyan-1100-hsl);--dh-color-visual-fuchsia-hsl: var(--dh-color-fuchsia-~~900~~-hsl);--dh-color-visual-gray-hsl~~: var(--dh-color-~~gray~~-~~600-hsl);--dh-color-visual-green-hsl: var(--dh-color-green-1100-hsl);--dh-color-visual-indigo-hsl: var(--dh-color-indigo-~~900~~-hsl~~);--dh-color-~~visual~~-~~magenta-hsl~~: var(--dh-color-~~magenta~~-~~900-hsl~~);--dh-color-~~visual~~-~~orange-hsl: var(--dh-color-orange-900-hsl);--dh-color-visual-purple-hsl: var(--dh-color-purple-~~1100~~-hsl);--dh-color-visual-red-hsl~~: var(--dh-color-~~red~~-~~800-hsl);--dh-color-visual-seafoam-hsl: var(--dh-color-seafoam-~~1100~~-hsl~~);--dh-color-~~visual~~-~~yellow-hsl: var(--dh-color-yellow-~~1200~~-hsl);--dh-color-visual-positive-hsl~~: var(--dh-color-~~green~~-1200~~-hsl~~);--dh-color-~~visual~~-~~negative-hsl~~: var(--dh-color-~~red~~-~~800-hsl~~);--dh-color-~~visual~~-~~notice-hsl~~: var(--dh-color-~~yellow~~-~~1200-hsl~~);--dh-color-~~visual-info-hsl~~: var(--dh-color-~~cyan~~-~~1100-hsl~~);--dh-color-~~bg: hsl(var(--dh~~-~~color-~~bg~~-hsl));--dh-color-content-bg~~: ~~hsl(~~var(--dh-color-~~content-bg-hsl~~));--dh-color-~~subdued~~-~~content~~-bg: ~~hsl(~~var(--dh-color-~~subdued~~-~~content-bg-hsl~~));--dh-color-~~surface~~-~~bg: hsl(var(--dh~~-~~color-surface-~~bg~~-hsl));--dh-color-fg~~: ~~hsl(~~var(--dh-color-fg-~~hsl~~));--dh-color-~~border: hsl(var(--dh~~-~~color~~-~~border-hsl));--dh-color-hover-border: var(--dh-color-gray-600);--dh-color-border-~~focus~~: hsl(var(--dh~~-~~color-border-focus-hsl));--dh-color-disabled-~~bg: ~~hsl(~~var(--dh-color-~~disabled~~-~~bg-hsl~~));--dh-color-~~heading~~-~~text~~: var(--dh-color-~~gray~~-~~900~~);--dh-color-~~text: var(--dh-color-~~gray-~~800);--dh-color-text-disabled~~: var(--dh-color-gray-~~600~~);--dh-color-~~text~~-~~highlight~~: ~~hsla(~~var(--dh-color-~~blue~~-700~~-hsl~~)~~, 0.3)~~;--dh-color-~~text~~-~~hover~~: var(--dh-color-~~gray~~-~~900~~);--dh-color-~~contrast~~-~~dark~~: ~~hsl(~~var(--dh-color-~~contrast~~-~~dark-hsl~~));--dh-color-~~contrast~~-~~light~~: ~~hsl(~~var(--dh-color-~~contrast~~-~~light-hsl~~));--dh-color-~~accent~~-~~100~~: ~~hsl(~~var(--dh-color-~~accent~~-~~100-hsl~~));--dh-color-~~accent~~-~~200~~: ~~hsl(~~var(--dh-color-~~accent~~-~~200-hsl~~));--dh-color-~~accent~~-~~300~~: ~~hsl(~~var(--dh-color-~~accent~~-~~300-hsl~~));--dh-color-~~accent~~-~~400~~: ~~hsl(~~var(--dh-color-~~accent~~-~~400-hsl~~));--dh-color-~~accent~~-~~500~~: ~~hsl(~~var(--dh-color-~~accent~~-~~500-hsl~~));--dh-color-~~accent~~-~~600~~: ~~hsl(~~var(--dh-color-~~accent~~-~~600-hsl~~));--dh-color-~~accent~~-~~700~~: ~~hsl(~~var(--dh-color-~~accent~~-700~~-hsl~~));--dh-color-~~accent~~-~~800~~: ~~hsl(~~var(--dh-color-~~accent~~-~~800-hsl~~));--dh-color-~~accent~~-~~900~~: ~~hsl(~~var(--dh-color-~~accent~~-~~900-hsl~~));--dh-color-~~accent~~-~~1000~~: ~~hsl(~~var(--dh-color-~~accent~~-~~1000-hsl~~));--dh-color-~~accent~~-~~1100~~: ~~hsl(~~var(--dh-color-~~accent~~-~~1100-hsl~~));--dh-color-~~accent~~-~~1200~~: ~~hsl(~~var(--dh-color-~~accent~~-~~1200-hsl~~));--dh-color-~~accent~~-~~1300~~: ~~hsl(~~var(--dh-color-~~accent~~-~~1300-hsl~~));--dh-color-~~accent~~-~~1400~~: ~~hsl(~~var(--dh-color-~~accent~~-~~1400-hsl~~));--dh-color-~~accent~~-bg: ~~hsl(~~var(--dh-color-~~accent~~-~~hsl~~));--dh-color-~~accent~~-~~hover-bg~~: var(--dh-color-~~accent~~-~~500~~);--dh-color-~~accent~~-~~down-bg~~: var(--dh-color-~~accent~~-~~400~~);--dh-color-~~accent~~-~~key-focus-bg~~: var(--dh-color-~~accent~~-~~500~~);--dh-color-~~accent~~-~~contrast: hsl(var(--dh-color-accent-contrast-hsl));--dh-color-gray-bg: var(--dh-color-gray-700);--dh-color-~~blue~~-bg~~: var(--dh-color-blue-~~700~~);--dh-color-~~red~~-bg: var(--dh-color-~~red~~-~~700~~);--dh-color-~~orange~~-bg: var(--dh-color-~~orange~~-~~800~~);--dh-color-~~yellow~~-bg: var(--dh-color-~~yellow~~-~~1000~~);--dh-color-~~chartreuse~~-bg: var(--dh-color-~~chartreuse~~-900);--dh-color-~~celery~~-bg: var(--dh-color-~~celery~~-~~800~~);--dh-color-~~green~~-bg: var(--dh-color-~~green~~-~~700~~);--dh-color-~~seafoam~~-bg: var(--dh-color-~~seafoam~~-~~700~~);--dh-color-~~cyan~~-bg: var(--dh-color-cyan-~~700~~);--dh-color-~~indigo-bg: var(--dh-color-indigo-700);--dh-color-purple-bg: var(--dh-color-purple-700);--dh-color-fuchsia-bg: var(--dh-color-fuchsia-700);--dh-color-magenta-bg: var(--dh-color-magenta-700);--dh-color-~~focus: var(--dh-color-blue-800);--dh-color-focus-border: var(--dh-color-blue-800);--dh-color-focus-ring: var(--dh-color-focus);--dh-color-highlight-active: ~~hsla~~(var(--dh-color-visual-gray~~-hsl~~), ~~0.2~~);--dh-color-highlight-hover: ~~hsla~~(var(--dh-color-visual-gray~~-hsl~~), 0.18);--dh-color-highlight-invalid: ~~hsla~~(var(--dh-color-visual-red~~-hsl~~), 0.15);--dh-color-highlight-selected: ~~hsla~~(var(--dh-color-accent~~-hsl~~), ~~0.25~~);--dh-color-highlight-selected-hover: ~~hsla~~(var(--dh-color-accent~~-hsl~~), ~~0.35~~);--dh-color-keyboard-selected-bg: ~~hsla~~(var(--dh-color-accent~~-hsl~~), ~~0.5~~);--dh-color-dropshadow: ~~hsla~~(var(--dh-color-true-black~~-hsl~~), ~~0.8~~);--dh-color-overlay-modal-bg: ~~hsla~~(var(--dh-color-visual-gray~~-hsl~~), ~~0.6~~);--dh-color-overlay-hover-bg: ~~hsla~~(var(--dh-color-visual-gray~~-hsl~~), ~~0.08~~);--dh-color-negative-bg: ~~hsl(~~var(--dh-color-negative~~-hsl~~));--dh-color-negative-hover-bg: var(--dh-color-red-500);--dh-color-negative-down-bg: var(--dh-color-red-400);--dh-color-negative-key-focus-bg: var(--dh-color-red-500);--dh-color-negative-contrast: ~~hsl(~~var(--dh-color-~~negative-~~contrast-~~hsl~~));--dh-color-neutral-bg: ~~hsl(~~var(--dh-color-neutral~~-hsl~~));--dh-color-neutral-hover-bg: var(--dh-color-gray-300);--dh-color-neutral-down-bg: var(--dh-color-gray-200);--dh-color-neutral-key-focus-bg: var(--dh-color-gray-300);--dh-color-neutral-contrast: ~~hsl(~~var(--dh-color-~~neutral-~~contrast-~~hsl~~));--dh-color-neutral-subdued-bg: var(--dh-color-gray-400);--dh-color-neutral-subdued-hover-bg: var(--dh-color-gray-300);--dh-color-neutral-subdued-down-bg: var(--dh-color-gray-200);--dh-color-neutral-subdued-key-focus-bg: var(--dh-color-gray-300);--dh-color-positive~~-bg~~: ~~hsl(~~var(--dh-color-~~positive~~-~~hsl~~));--dh-color-positive-~~hover-~~bg: var(--dh-color-~~green-800~~);--dh-color-positive-~~down~~-bg: var(--dh-color-green-~~700~~);--dh-color-positive-~~key~~-~~focus-~~bg: var(--dh-color-green-~~800~~);--dh-color-positive-~~contrast: hsl(var(--dh~~-~~color~~-~~positive-contrast-hsl));--dh-color-info-~~bg: ~~hsl(~~var(--dh-color-~~info~~-~~hsl~~));--dh-color-~~info~~-~~hover-bg~~: var(--dh-color-~~cyan~~-~~900~~);--dh-color-info~~-down-bg~~: var(--dh-color-cyan-~~800~~);--dh-color-info-~~key-focus-~~bg: var(--dh-color-~~cyan-900~~);--dh-color-info-~~contrast: hsl(var(--dh-color-info-contrast-hsl));--dh-color-notice-bg: hsl(var(--dh-color-notice-hsl));--dh-color-notice-~~hover-bg: var(--dh-color-~~yellow~~-900);--dh-color-~~notice~~-down-bg: var(--dh-color-~~yellow~~-800);--dh-color-~~notice~~-key-focus-bg: var(--dh-color-~~yellow~~-~~1000~~);--dh-color-~~notice~~-contrast: ~~hsl(~~var(--dh-color-~~notice-~~contrast-~~hsl~~));--dh-color-~~visual-blue~~: ~~hsl(~~var(--dh-color-~~visual~~-~~blue-hsl~~));--dh-color-~~visual~~-~~celery~~: ~~hsl(~~var(--dh-color-~~visual-celery-hsl~~));--dh-color-~~visual~~-~~chartreuse: hsl(var(--dh~~-~~color-visual-chartreuse-hsl));--dh-color-visual-cyan~~: ~~hsl(~~var(--dh-color-~~visual~~-~~cyan-hsl~~));--dh-color-~~visual~~-~~fuchsia: hsl(var(--dh~~-~~color-visual-fuchsia-hsl));--dh-color-visual-gray~~: ~~hsl(~~var(--dh-color-~~visual~~-~~gray-hsl~~));--dh-color-~~visual~~-~~green: hsl(var(--dh~~-~~color~~-~~visual-green-hsl));--dh-color-visual-indigo~~: ~~hsl(~~var(--dh-color-visual-indigo-hsl));--dh-color-visual-magenta: hsl(var(--dh-color-visual-magenta-hsl));--dh-color-visual-orange: hsl(var(--dh-color-visual-orange-hsl));--dh-color-visual-purple: hsl(var(--dh-color-visual-purple-hsl));--dh-color-visual-red: hsl(var(--dh-color-visual-red-hsl));--dh-color-visual-seafoam: hsl(var(--dh-color-visual-seafoam-hsl));--dh-color-visual-yellow~~: hsl(var(--dh~~-~~color-visual-yellow-hsl~~));--dh-color-~~visual-positive: hsl(var(--dh-color-visual-positive-hsl));--dh-color-visual-negative: hsl(var(--dh-color-visual-negative-hsl));--dh-color-visual-~~notice~~: hsl(var(--dh~~-~~color-visual-notice-hsl));--dh-color-visual-info~~: ~~hsl(~~var(--dh-color-~~visual~~-~~info-hsl~~));--dh-color-modified: var(--dh-color-yellow-1300)}/# sourceMappingURL=theme-dark-semantic.css.map /
1	+ :root{--dh-color-bg: var(--dh-color-black);--dh-color-content-bg: var(--dh-color-gray-100);--dh-color-subdued-content-bg: var(--dh-color-gray-75);--dh-color-surface-bg: var(--dh-color-gray-200);--dh-color-fg: var(--dh-color-white);--dh-color-border: var(--dh-color-gray-500);--dh-color-hover-border: var(--dh-color-gray-600);--dh-color-border-focus: var(--dh-color-accent-800);--dh-color-disabled-bg: var(--dh-color-gray-300);--dh-color-scrollbar: var(--dh-color-fg);--dh-color-heading-text: var(--dh-color-gray-900);--dh-color-text: var(--dh-color-gray-800);--dh-color-text-disabled: var(--dh-color-gray-600);--dh-color-text-highlight: color-mix( in srgb, var(--dh-color-blue-700) 30%, transparent );--dh-color-text-hover: var(--dh-color-gray-900);--dh-color-contrast-dark: var(--dh-color-gray-50);--dh-color-contrast-light: var(--dh-color-gray-900);--dh-color-accent-100: var(--dh-color-blue-100);--dh-color-accent-200: var(--dh-color-blue-200);--dh-color-accent-300: var(--dh-color-blue-300);--dh-color-accent-400: var(--dh-color-blue-400);--dh-color-accent-500: var(--dh-color-blue-500);--dh-color-accent-600: var(--dh-color-blue-600);--dh-color-accent-700: var(--dh-color-blue-700);--dh-color-accent-800: var(--dh-color-blue-800);--dh-color-accent-900: var(--dh-color-blue-900);--dh-color-accent-1000: var(--dh-color-blue-1000);--dh-color-accent-1100: var(--dh-color-blue-1100);--dh-color-accent-1200: var(--dh-color-blue-1200);--dh-color-accent-1300: var(--dh-color-blue-1300);--dh-color-accent-1400: var(--dh-color-blue-1400);--dh-color-accent: var(--dh-color-accent-600);--dh-color-accent-bg: var(--dh-color-accent);--dh-color-accent-hover-bg: var(--dh-color-accent-500);--dh-color-accent-down-bg: var(--dh-color-accent-400);--dh-color-accent-key-focus-bg: var(--dh-color-accent-500);--dh-color-accent-contrast: var(--dh-color-contrast-light);--dh-color-gray-bg: var(--dh-color-gray-700);--dh-color-red-bg: var(--dh-color-red-700);--dh-color-orange-bg: var(--dh-color-orange-800);--dh-color-yellow-bg: var(--dh-color-yellow-1000);--dh-color-chartreuse-bg: var(--dh-color-chartreuse-900);--dh-color-celery-bg: var(--dh-color-celery-800);--dh-color-green-bg: var(--dh-color-green-700);--dh-color-seafoam-bg: var(--dh-color-seafoam-700);--dh-color-cyan-bg: var(--dh-color-cyan-700);--dh-color-blue-bg: var(--dh-color-blue-700);--dh-color-indigo-bg: var(--dh-color-indigo-700);--dh-color-purple-bg: var(--dh-color-purple-700);--dh-color-fuchsia-bg: var(--dh-color-fuchsia-700);--dh-color-magenta-bg: var(--dh-color-magenta-700);--dh-color-visual-gray: var(--dh-color-gray-600);--dh-color-visual-red: var(--dh-color-red-800);--dh-color-visual-orange: var(--dh-color-orange-900);--dh-color-visual-yellow: var(--dh-color-yellow-1200);--dh-color-visual-chartreuse: var(--dh-color-chartreuse-1100);--dh-color-visual-celery: var(--dh-color-celery-1000);--dh-color-visual-green: var(--dh-color-green-1100);--dh-color-visual-seafoam: var(--dh-color-seafoam-1100);--dh-color-visual-cyan: var(--dh-color-cyan-1100);--dh-color-visual-blue: var(--dh-color-blue-600);--dh-color-visual-indigo: var(--dh-color-indigo-900);--dh-color-visual-purple: var(--dh-color-purple-1100);--dh-color-visual-fuchsia: var(--dh-color-fuchsia-900);--dh-color-visual-magenta: var(--dh-color-magenta-900);--dh-color-visual-positive: var(--dh-color-green-1200);--dh-color-visual-negative: var(--dh-color-red-800);--dh-color-visual-notice: var(--dh-color-yellow-1200);--dh-color-visual-info: var(--dh-color-cyan-1100);--dh-color-focus: var(--dh-color-blue-800);--dh-color-focus-border: var(--dh-color-blue-800);--dh-color-focus-ring: var(--dh-color-focus);--dh-color-highlight-active: color-mix( in srgb, var(--dh-color-visual-gray) 20%, transparent );--dh-color-highlight-hover: color-mix( in srgb, var(--dh-color-visual-gray) 18%, transparent );--dh-color-highlight-invalid: color-mix( in srgb, var(--dh-color-visual-red) 15%, transparent );--dh-color-highlight-selected: color-mix( in srgb, var(--dh-color-accent) 9%, transparent );--dh-color-highlight-selected-hover: color-mix( in srgb, var(--dh-color-accent) 15%, transparent );--dh-color-keyboard-selected-bg: color-mix( in srgb, var(--dh-color-accent) 50%, transparent );--dh-color-dropshadow: color-mix( in srgb, var(--dh-color-true-black) 80%, transparent );--dh-color-overlay-modal-bg: color-mix( in srgb, var(--dh-color-visual-gray) 60%, transparent );--dh-color-overlay-hover-bg: color-mix( in srgb, var(--dh-color-visual-gray) 8%, transparent );--dh-color-negative: var(--dh-color-red-600);--dh-color-negative-bg: var(--dh-color-negative);--dh-color-negative-hover-bg: var(--dh-color-red-500);--dh-color-negative-down-bg: var(--dh-color-red-400);--dh-color-negative-key-focus-bg: var(--dh-color-red-500);--dh-color-negative-contrast: var(--dh-color-contrast-light);--dh-color-neutral: var(--dh-color-gray-500);--dh-color-neutral-bg: var(--dh-color-neutral);--dh-color-neutral-hover-bg: var(--dh-color-gray-300);--dh-color-neutral-down-bg: var(--dh-color-gray-200);--dh-color-neutral-key-focus-bg: var(--dh-color-gray-300);--dh-color-neutral-contrast: var(--dh-color-contrast-light);--dh-color-neutral-subdued-bg: var(--dh-color-gray-400);--dh-color-neutral-subdued-hover-bg: var(--dh-color-gray-300);--dh-color-neutral-subdued-down-bg: var(--dh-color-gray-200);--dh-color-neutral-subdued-key-focus-bg: var(--dh-color-gray-300);--dh-color-positive: var(--dh-color-green-900);--dh-color-positive-bg: var(--dh-color-positive);--dh-color-positive-hover-bg: var(--dh-color-green-800);--dh-color-positive-down-bg: var(--dh-color-green-700);--dh-color-positive-key-focus-bg: var(--dh-color-green-800);--dh-color-positive-contrast: var(--dh-color-contrast-light);--dh-color-info: var(--dh-color-cyan-1000);--dh-color-info-bg: var(--dh-color-info);--dh-color-info-hover-bg: var(--dh-color-cyan-900);--dh-color-info-down-bg: var(--dh-color-cyan-800);--dh-color-info-key-focus-bg: var(--dh-color-cyan-900);--dh-color-info-contrast: var(--dh-color-contrast-dark);--dh-color-notice: var(--dh-color-yellow-1000);--dh-color-notice-bg: var(--dh-color-notice);--dh-color-notice-hover-bg: var(--dh-color-yellow-900);--dh-color-notice-down-bg: var(--dh-color-yellow-800);--dh-color-notice-key-focus-bg: var(--dh-color-yellow-1000);--dh-color-notice-contrast: var(--dh-color-contrast-dark);--dh-color-modified: var(--dh-color-yellow-1300)}/# sourceMappingURL=theme-dark-semantic.css.map /

package/dist/theme/theme-dark/theme-dark-semantic.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic.css"],"names":[],"mappings":"AAEA,MAEE,6CACA,wDACA,+DACA,wDACA,6CAEA,yDACA,iDAEA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,0DACA,0DACA,0DACA,0DACA,0DACA,sDAEA,oDACA,4DAEA,mDACA,qDACA,uDACA,uDACA,qDAWA,0DACA,4DAEA,mEACA,gEACA,qEACA,oEACA,kEACA,qEAGA,yDACA,8DACA,sEACA,0DACA,+DACA,yDACA,4DACA,6DACA,+DACA,6DACA,8DACA,uDACA,gEACA,8DAEA,+DACA,4DACA,8DACA,0DAGA,2CACA,2DACA,2EACA,2DACA,2CACA,mDACA,kDACA,+DACA,6DAGA,kDACA,0CACA,mDACA,mEACA,gDAGA,iEACA,mEAGA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,6DACA,6DACA,6DACA,6DACA,6DAGA,sDACA,uDACA,sDACA,2DACA,qEAGA,6CACA,6CACA,2CACA,iDACA,kDACA,yDACA,iDACA,+CACA,mDACA,6CACA,iDACA,iDACA,mDACA,mDAGA,2CACA,kDACA,6CAGA,wEACA,wEACA,yEACA,sEACA,4EAGA,uEAGA,iEACA,wEACA,yEAGA,0DACA,sDACA,qDACA,0DACA,yEAGA,wDACA,sDACA,qDACA,0DACA,uEAEA,wDACA,8DACA,6DACA,kEAGA,0DACA,wDACA,uDACA,4DACA,yEAGA,kDACA,mDACA,kDACA,uDACA,iEAGA,sDACA,uDACA,sDACA,4DACA,qEAGA,6DACA,iEACA,yEACA,6DACA,mEACA,6DACA,+DACA,iEACA,mEACA,iEACA,iEACA,2DACA,mEACA,iEAEA,qEACA,qEACA,iEACA,6DAGA","file":"theme-dark-semantic.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before /\n/ stylelint-disable alpha-value-notation /\n:root {\n / HSL base colors /\n --dh-color-bg-hsl: var(--dh-color-black-hsl);\n --dh-color-content-bg-hsl: var(--dh-color-gray-100-hsl);\n --dh-color-subdued-content-bg-hsl: var(--dh-color-gray-75-hsl);\n --dh-color-surface-bg-hsl: var(--dh-color-gray-200-hsl);\n --dh-color-fg-hsl: var(--dh-color-white-hsl);\n\n --dh-color-disabled-bg-hsl: var(--dh-color-gray-300-hsl);\n --dh-color-scrollbar-hsl: var(--dh-color-fg-hsl);\n\n --dh-color-accent-100-hsl: var(--dh-color-blue-100-hsl);\n --dh-color-accent-200-hsl: var(--dh-color-blue-200-hsl);\n --dh-color-accent-300-hsl: var(--dh-color-blue-300-hsl);\n --dh-color-accent-400-hsl: var(--dh-color-blue-400-hsl);\n --dh-color-accent-500-hsl: var(--dh-color-blue-500-hsl);\n --dh-color-accent-600-hsl: var(--dh-color-blue-600-hsl);\n --dh-color-accent-700-hsl: var(--dh-color-blue-700-hsl);\n --dh-color-accent-800-hsl: var(--dh-color-blue-800-hsl);\n --dh-color-accent-900-hsl: var(--dh-color-blue-900-hsl);\n --dh-color-accent-1000-hsl: var(--dh-color-blue-1000-hsl);\n --dh-color-accent-1100-hsl: var(--dh-color-blue-1100-hsl);\n --dh-color-accent-1200-hsl: var(--dh-color-blue-1200-hsl);\n --dh-color-accent-1300-hsl: var(--dh-color-blue-1300-hsl);\n --dh-color-accent-1400-hsl: var(--dh-color-blue-1400-hsl);\n --dh-color-accent-hsl: var(--dh-color-accent-600-hsl);\n\n --dh-color-border-hsl: var(--dh-color-gray-500-hsl);\n --dh-color-border-focus-hsl: var(--dh-color-accent-800-hsl);\n\n --dh-color-info-hsl: var(--dh-color-cyan-1000-hsl);\n --dh-color-neutral-hsl: var(--dh-color-gray-500-hsl);\n --dh-color-notice-hsl: var(--dh-color-yellow-1000-hsl);\n --dh-color-positive-hsl: var(--dh-color-green-900-hsl);\n --dh-color-negative-hsl: var(--dh-color-red-600-hsl);\n\n /\n * Contrast Colors\n \n Note that React Spectrum guidance suggests that background colors containing\n * yellow, orange, chartreuse or cyan should use a dark contrast color. All\n * others should use light. Therefore, these should stay in sync with the \n * --dh-color-xxx-hsl values above.\n * https://spectrum.adobe.com/page/using-color/#Solid-color-background-with-black-or-white\n /\n --dh-color-contrast-dark-hsl: var(--dh-color-gray-50-hsl);\n --dh-color-contrast-light-hsl: var(--dh-color-gray-900-hsl);\n\n --dh-color-accent-contrast-hsl: var(--dh-color-contrast-light-hsl);\n --dh-color-info-contrast-hsl: var(--dh-color-contrast-dark-hsl);\n --dh-color-negative-contrast-hsl: var(--dh-color-contrast-light-hsl);\n --dh-color-neutral-contrast-hsl: var(--dh-color-contrast-light-hsl);\n --dh-color-notice-contrast-hsl: var(--dh-color-contrast-dark-hsl);\n --dh-color-positive-contrast-hsl: var(--dh-color-contrast-light-hsl);\n\n / Visual HSL /\n --dh-color-visual-blue-hsl: var(--dh-color-blue-600-hsl);\n --dh-color-visual-celery-hsl: var(--dh-color-celery-1000-hsl);\n --dh-color-visual-chartreuse-hsl: var(--dh-color-chartreuse-1100-hsl);\n --dh-color-visual-cyan-hsl: var(--dh-color-cyan-1100-hsl);\n --dh-color-visual-fuchsia-hsl: var(--dh-color-fuchsia-900-hsl);\n --dh-color-visual-gray-hsl: var(--dh-color-gray-600-hsl);\n --dh-color-visual-green-hsl: var(--dh-color-green-1100-hsl);\n --dh-color-visual-indigo-hsl: var(--dh-color-indigo-900-hsl);\n --dh-color-visual-magenta-hsl: var(--dh-color-magenta-900-hsl);\n --dh-color-visual-orange-hsl: var(--dh-color-orange-900-hsl);\n --dh-color-visual-purple-hsl: var(--dh-color-purple-1100-hsl);\n --dh-color-visual-red-hsl: var(--dh-color-red-800-hsl);\n --dh-color-visual-seafoam-hsl: var(--dh-color-seafoam-1100-hsl);\n --dh-color-visual-yellow-hsl: var(--dh-color-yellow-1200-hsl);\n\n --dh-color-visual-positive-hsl: var(--dh-color-green-1200-hsl);\n --dh-color-visual-negative-hsl: var(--dh-color-red-800-hsl);\n --dh-color-visual-notice-hsl: var(--dh-color-yellow-1200-hsl);\n --dh-color-visual-info-hsl: var(--dh-color-cyan-1100-hsl);\n\n / General /\n --dh-color-bg: hsl(var(--dh-color-bg-hsl));\n --dh-color-content-bg: hsl(var(--dh-color-content-bg-hsl));\n --dh-color-subdued-content-bg: hsl(var(--dh-color-subdued-content-bg-hsl));\n --dh-color-surface-bg: hsl(var(--dh-color-surface-bg-hsl));\n --dh-color-fg: hsl(var(--dh-color-fg-hsl));\n --dh-color-border: hsl(var(--dh-color-border-hsl));\n --dh-color-hover-border: var(--dh-color-gray-600);\n --dh-color-border-focus: hsl(var(--dh-color-border-focus-hsl));\n --dh-color-disabled-bg: hsl(var(--dh-color-disabled-bg-hsl));\n\n / Text /\n --dh-color-heading-text: var(--dh-color-gray-900);\n --dh-color-text: var(--dh-color-gray-800);\n --dh-color-text-disabled: var(--dh-color-gray-600);\n --dh-color-text-highlight: hsla(var(--dh-color-blue-700-hsl), 0.3);\n --dh-color-text-hover: var(--dh-color-gray-900);\n\n / Contrast Base /\n --dh-color-contrast-dark: hsl(var(--dh-color-contrast-dark-hsl));\n --dh-color-contrast-light: hsl(var(--dh-color-contrast-light-hsl));\n\n /* Accent Colors /\n --dh-color-accent-100: hsl(var(--dh-color-accent-100-hsl));\n --dh-color-accent-200: hsl(var(--dh-color-accent-200-hsl));\n --dh-color-accent-300: hsl(var(--dh-color-accent-300-hsl));\n --dh-color-accent-400: hsl(var(--dh-color-accent-400-hsl));\n --dh-color-accent-500: hsl(var(--dh-color-accent-500-hsl));\n --dh-color-accent-600: hsl(var(--dh-color-accent-600-hsl));\n --dh-color-accent-700: hsl(var(--dh-color-accent-700-hsl));\n --dh-color-accent-800: hsl(var(--dh-color-accent-800-hsl));\n --dh-color-accent-900: hsl(var(--dh-color-accent-900-hsl));\n --dh-color-accent-1000: hsl(var(--dh-color-accent-1000-hsl));\n --dh-color-accent-1100: hsl(var(--dh-color-accent-1100-hsl));\n --dh-color-accent-1200: hsl(var(--dh-color-accent-1200-hsl));\n --dh-color-accent-1300: hsl(var(--dh-color-accent-1300-hsl));\n --dh-color-accent-1400: hsl(var(--dh-color-accent-1400-hsl));\n\n / Accent /\n --dh-color-accent-bg: hsl(var(--dh-color-accent-hsl));\n --dh-color-accent-hover-bg: var(--dh-color-accent-500);\n --dh-color-accent-down-bg: var(--dh-color-accent-400);\n --dh-color-accent-key-focus-bg: var(--dh-color-accent-500);\n --dh-color-accent-contrast: hsl(var(--dh-color-accent-contrast-hsl));\n\n / Background Defaults /\n --dh-color-gray-bg: var(--dh-color-gray-700);\n --dh-color-blue-bg: var(--dh-color-blue-700);\n --dh-color-red-bg: var(--dh-color-red-700);\n --dh-color-orange-bg: var(--dh-color-orange-800);\n --dh-color-yellow-bg: var(--dh-color-yellow-1000);\n --dh-color-chartreuse-bg: var(--dh-color-chartreuse-900);\n --dh-color-celery-bg: var(--dh-color-celery-800);\n --dh-color-green-bg: var(--dh-color-green-700);\n --dh-color-seafoam-bg: var(--dh-color-seafoam-700);\n --dh-color-cyan-bg: var(--dh-color-cyan-700);\n --dh-color-indigo-bg: var(--dh-color-indigo-700);\n --dh-color-purple-bg: var(--dh-color-purple-700);\n --dh-color-fuchsia-bg: var(--dh-color-fuchsia-700);\n --dh-color-magenta-bg: var(--dh-color-magenta-700);\n\n / Focus /\n --dh-color-focus: var(--dh-color-blue-800);\n --dh-color-focus-border: var(--dh-color-blue-800);\n --dh-color-focus-ring: var(--dh-color-focus);\n\n / Highlight /\n --dh-color-highlight-active: hsla(var(--dh-color-visual-gray-hsl), 0.2);\n --dh-color-highlight-hover: hsla(var(--dh-color-visual-gray-hsl), 0.18);\n --dh-color-highlight-invalid: hsla(var(--dh-color-visual-red-hsl), 0.15);\n --dh-color-highlight-selected: hsla(var(--dh-color-accent-hsl), 0.25);\n --dh-color-highlight-selected-hover: hsla(var(--dh-color-accent-hsl), 0.35);\n\n / Keyboard selected /\n --dh-color-keyboard-selected-bg: hsla(var(--dh-color-accent-hsl), 0.5);\n\n / Shadows / Overlays /\n --dh-color-dropshadow: hsla(var(--dh-color-true-black-hsl), 0.8);\n --dh-color-overlay-modal-bg: hsla(var(--dh-color-visual-gray-hsl), 0.6);\n --dh-color-overlay-hover-bg: hsla(var(--dh-color-visual-gray-hsl), 0.08);\n\n / Negative /\n --dh-color-negative-bg: hsl(var(--dh-color-negative-hsl));\n --dh-color-negative-hover-bg: var(--dh-color-red-500);\n --dh-color-negative-down-bg: var(--dh-color-red-400);\n --dh-color-negative-key-focus-bg: var(--dh-color-red-500);\n --dh-color-negative-contrast: hsl(var(--dh-color-negative-contrast-hsl));\n\n / Neutral /\n --dh-color-neutral-bg: hsl(var(--dh-color-neutral-hsl));\n --dh-color-neutral-hover-bg: var(--dh-color-gray-300);\n --dh-color-neutral-down-bg: var(--dh-color-gray-200);\n --dh-color-neutral-key-focus-bg: var(--dh-color-gray-300);\n --dh-color-neutral-contrast: hsl(var(--dh-color-neutral-contrast-hsl));\n\n --dh-color-neutral-subdued-bg: var(--dh-color-gray-400);\n --dh-color-neutral-subdued-hover-bg: var(--dh-color-gray-300);\n --dh-color-neutral-subdued-down-bg: var(--dh-color-gray-200);\n --dh-color-neutral-subdued-key-focus-bg: var(--dh-color-gray-300);\n\n / Positive /\n --dh-color-positive-bg: hsl(var(--dh-color-positive-hsl));\n --dh-color-positive-hover-bg: var(--dh-color-green-800);\n --dh-color-positive-down-bg: var(--dh-color-green-700);\n --dh-color-positive-key-focus-bg: var(--dh-color-green-800);\n --dh-color-positive-contrast: hsl(var(--dh-color-positive-contrast-hsl));\n\n / Informative /\n --dh-color-info-bg: hsl(var(--dh-color-info-hsl));\n --dh-color-info-hover-bg: var(--dh-color-cyan-900);\n --dh-color-info-down-bg: var(--dh-color-cyan-800);\n --dh-color-info-key-focus-bg: var(--dh-color-cyan-900);\n --dh-color-info-contrast: hsl(var(--dh-color-info-contrast-hsl));\n\n / Notice /\n --dh-color-notice-bg: hsl(var(--dh-color-notice-hsl));\n --dh-color-notice-hover-bg: var(--dh-color-yellow-900);\n --dh-color-notice-down-bg: var(--dh-color-yellow-800);\n --dh-color-notice-key-focus-bg: var(--dh-color-yellow-1000);\n --dh-color-notice-contrast: hsl(var(--dh-color-notice-contrast-hsl));\n\n / Visual Colors /\n --dh-color-visual-blue: hsl(var(--dh-color-visual-blue-hsl));\n --dh-color-visual-celery: hsl(var(--dh-color-visual-celery-hsl));\n --dh-color-visual-chartreuse: hsl(var(--dh-color-visual-chartreuse-hsl));\n --dh-color-visual-cyan: hsl(var(--dh-color-visual-cyan-hsl));\n --dh-color-visual-fuchsia: hsl(var(--dh-color-visual-fuchsia-hsl));\n --dh-color-visual-gray: hsl(var(--dh-color-visual-gray-hsl));\n --dh-color-visual-green: hsl(var(--dh-color-visual-green-hsl));\n --dh-color-visual-indigo: hsl(var(--dh-color-visual-indigo-hsl));\n --dh-color-visual-magenta: hsl(var(--dh-color-visual-magenta-hsl));\n --dh-color-visual-orange: hsl(var(--dh-color-visual-orange-hsl));\n --dh-color-visual-purple: hsl(var(--dh-color-visual-purple-hsl));\n --dh-color-visual-red: hsl(var(--dh-color-visual-red-hsl));\n --dh-color-visual-seafoam: hsl(var(--dh-color-visual-seafoam-hsl));\n --dh-color-visual-yellow: hsl(var(--dh-color-visual-yellow-hsl));\n\n --dh-color-visual-positive: hsl(var(--dh-color-visual-positive-hsl));\n --dh-color-visual-negative: hsl(var(--dh-color-visual-negative-hsl));\n --dh-color-visual-notice: hsl(var(--dh-color-visual-notice-hsl));\n --dh-color-visual-info: hsl(var(--dh-color-visual-info-hsl));\n\n / Editing */\n --dh-color-modified: var(--dh-color-yellow-1300);\n}\n"]}
1	+ {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic.css"],"names":[],"mappings":"AAEA,MAEE,qCACA,gDACA,uDACA,gDACA,qCACA,4CACA,kDACA,oDACA,iDACA,yCAGA,kDACA,0CACA,mDACA,2FAKA,gDAUA,kDACA,oDAGA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,kDACA,kDACA,kDACA,kDACA,kDAGA,8CACA,6CACA,uDACA,sDACA,2DACA,2DAGA,6CACA,2CACA,iDACA,kDACA,yDACA,iDACA,+CACA,mDACA,6CACA,6CACA,iDACA,iDACA,mDACA,mDAGA,iDACA,+CACA,qDACA,sDACA,8DACA,sDACA,oDACA,wDACA,kDACA,iDACA,qDACA,sDACA,uDACA,uDAEA,uDACA,oDACA,sDACA,kDAGA,2CACA,kDACA,6CAGA,gGAKA,+FAKA,gGAKA,4FAKA,mGAOA,+FAOA,yFAKA,gGAKA,+FAOA,6CACA,iDACA,sDACA,qDACA,0DACA,6DAGA,6CACA,+CACA,sDACA,qDACA,0DACA,4DAEA,wDACA,8DACA,6DACA,kEAGA,+CACA,iDACA,wDACA,uDACA,4DACA,6DAGA,2CACA,yCACA,mDACA,kDACA,uDACA,wDAGA,+CACA,6CACA,uDACA,sDACA,4DACA,0DAGA","file":"theme-dark-semantic.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before /\n/ stylelint-disable alpha-value-notation /\n:root {\n / General /\n --dh-color-bg: var(--dh-color-black);\n --dh-color-content-bg: var(--dh-color-gray-100);\n --dh-color-subdued-content-bg: var(--dh-color-gray-75);\n --dh-color-surface-bg: var(--dh-color-gray-200);\n --dh-color-fg: var(--dh-color-white);\n --dh-color-border: var(--dh-color-gray-500);\n --dh-color-hover-border: var(--dh-color-gray-600);\n --dh-color-border-focus: var(--dh-color-accent-800);\n --dh-color-disabled-bg: var(--dh-color-gray-300);\n --dh-color-scrollbar: var(--dh-color-fg);\n\n / Text /\n --dh-color-heading-text: var(--dh-color-gray-900);\n --dh-color-text: var(--dh-color-gray-800);\n --dh-color-text-disabled: var(--dh-color-gray-600);\n --dh-color-text-highlight: color-mix(\n in srgb,\n var(--dh-color-blue-700) 30%,\n transparent\n );\n --dh-color-text-hover: var(--dh-color-gray-900);\n\n /\n * Contrast Colors\n \n Note that React Spectrum guidance suggests that background colors containing\n * yellow, orange, chartreuse or cyan should use a dark contrast color. All\n * others should use light.\n * https://spectrum.adobe.com/page/using-color/#Solid-color-background-with-black-or-white\n /\n --dh-color-contrast-dark: var(--dh-color-gray-50);\n --dh-color-contrast-light: var(--dh-color-gray-900);\n\n /* Accent Colors /\n --dh-color-accent-100: var(--dh-color-blue-100);\n --dh-color-accent-200: var(--dh-color-blue-200);\n --dh-color-accent-300: var(--dh-color-blue-300);\n --dh-color-accent-400: var(--dh-color-blue-400);\n --dh-color-accent-500: var(--dh-color-blue-500);\n --dh-color-accent-600: var(--dh-color-blue-600);\n --dh-color-accent-700: var(--dh-color-blue-700);\n --dh-color-accent-800: var(--dh-color-blue-800);\n --dh-color-accent-900: var(--dh-color-blue-900);\n --dh-color-accent-1000: var(--dh-color-blue-1000);\n --dh-color-accent-1100: var(--dh-color-blue-1100);\n --dh-color-accent-1200: var(--dh-color-blue-1200);\n --dh-color-accent-1300: var(--dh-color-blue-1300);\n --dh-color-accent-1400: var(--dh-color-blue-1400);\n\n / Accent /\n --dh-color-accent: var(--dh-color-accent-600);\n --dh-color-accent-bg: var(--dh-color-accent);\n --dh-color-accent-hover-bg: var(--dh-color-accent-500);\n --dh-color-accent-down-bg: var(--dh-color-accent-400);\n --dh-color-accent-key-focus-bg: var(--dh-color-accent-500);\n --dh-color-accent-contrast: var(--dh-color-contrast-light);\n\n / Background Defaults /\n --dh-color-gray-bg: var(--dh-color-gray-700);\n --dh-color-red-bg: var(--dh-color-red-700);\n --dh-color-orange-bg: var(--dh-color-orange-800);\n --dh-color-yellow-bg: var(--dh-color-yellow-1000);\n --dh-color-chartreuse-bg: var(--dh-color-chartreuse-900);\n --dh-color-celery-bg: var(--dh-color-celery-800);\n --dh-color-green-bg: var(--dh-color-green-700);\n --dh-color-seafoam-bg: var(--dh-color-seafoam-700);\n --dh-color-cyan-bg: var(--dh-color-cyan-700);\n --dh-color-blue-bg: var(--dh-color-blue-700);\n --dh-color-indigo-bg: var(--dh-color-indigo-700);\n --dh-color-purple-bg: var(--dh-color-purple-700);\n --dh-color-fuchsia-bg: var(--dh-color-fuchsia-700);\n --dh-color-magenta-bg: var(--dh-color-magenta-700);\n\n / Visual Colors /\n --dh-color-visual-gray: var(--dh-color-gray-600);\n --dh-color-visual-red: var(--dh-color-red-800);\n --dh-color-visual-orange: var(--dh-color-orange-900);\n --dh-color-visual-yellow: var(--dh-color-yellow-1200);\n --dh-color-visual-chartreuse: var(--dh-color-chartreuse-1100);\n --dh-color-visual-celery: var(--dh-color-celery-1000);\n --dh-color-visual-green: var(--dh-color-green-1100);\n --dh-color-visual-seafoam: var(--dh-color-seafoam-1100);\n --dh-color-visual-cyan: var(--dh-color-cyan-1100);\n --dh-color-visual-blue: var(--dh-color-blue-600);\n --dh-color-visual-indigo: var(--dh-color-indigo-900);\n --dh-color-visual-purple: var(--dh-color-purple-1100);\n --dh-color-visual-fuchsia: var(--dh-color-fuchsia-900);\n --dh-color-visual-magenta: var(--dh-color-magenta-900);\n\n --dh-color-visual-positive: var(--dh-color-green-1200);\n --dh-color-visual-negative: var(--dh-color-red-800);\n --dh-color-visual-notice: var(--dh-color-yellow-1200);\n --dh-color-visual-info: var(--dh-color-cyan-1100);\n\n / Focus /\n --dh-color-focus: var(--dh-color-blue-800);\n --dh-color-focus-border: var(--dh-color-blue-800);\n --dh-color-focus-ring: var(--dh-color-focus);\n\n / Highlight /\n --dh-color-highlight-active: color-mix(\n in srgb,\n var(--dh-color-visual-gray) 20%,\n transparent\n );\n --dh-color-highlight-hover: color-mix(\n in srgb,\n var(--dh-color-visual-gray) 18%,\n transparent\n );\n --dh-color-highlight-invalid: color-mix(\n in srgb,\n var(--dh-color-visual-red) 15%,\n transparent\n );\n --dh-color-highlight-selected: color-mix(\n in srgb,\n var(--dh-color-accent) 9%,\n transparent\n );\n --dh-color-highlight-selected-hover: color-mix(\n in srgb,\n var(--dh-color-accent) 15%,\n transparent\n );\n\n / Keyboard selected /\n --dh-color-keyboard-selected-bg: color-mix(\n in srgb,\n var(--dh-color-accent) 50%,\n transparent\n );\n\n / Shadows / Overlays /\n --dh-color-dropshadow: color-mix(\n in srgb,\n var(--dh-color-true-black) 80%,\n transparent\n );\n --dh-color-overlay-modal-bg: color-mix(\n in srgb,\n var(--dh-color-visual-gray) 60%,\n transparent\n );\n --dh-color-overlay-hover-bg: color-mix(\n in srgb,\n var(--dh-color-visual-gray) 8%,\n transparent\n );\n\n / Negative /\n --dh-color-negative: var(--dh-color-red-600);\n --dh-color-negative-bg: var(--dh-color-negative);\n --dh-color-negative-hover-bg: var(--dh-color-red-500);\n --dh-color-negative-down-bg: var(--dh-color-red-400);\n --dh-color-negative-key-focus-bg: var(--dh-color-red-500);\n --dh-color-negative-contrast: var(--dh-color-contrast-light);\n\n / Neutral /\n --dh-color-neutral: var(--dh-color-gray-500);\n --dh-color-neutral-bg: var(--dh-color-neutral);\n --dh-color-neutral-hover-bg: var(--dh-color-gray-300);\n --dh-color-neutral-down-bg: var(--dh-color-gray-200);\n --dh-color-neutral-key-focus-bg: var(--dh-color-gray-300);\n --dh-color-neutral-contrast: var(--dh-color-contrast-light);\n\n --dh-color-neutral-subdued-bg: var(--dh-color-gray-400);\n --dh-color-neutral-subdued-hover-bg: var(--dh-color-gray-300);\n --dh-color-neutral-subdued-down-bg: var(--dh-color-gray-200);\n --dh-color-neutral-subdued-key-focus-bg: var(--dh-color-gray-300);\n\n / Positive /\n --dh-color-positive: var(--dh-color-green-900);\n --dh-color-positive-bg: var(--dh-color-positive);\n --dh-color-positive-hover-bg: var(--dh-color-green-800);\n --dh-color-positive-down-bg: var(--dh-color-green-700);\n --dh-color-positive-key-focus-bg: var(--dh-color-green-800);\n --dh-color-positive-contrast: var(--dh-color-contrast-light);\n\n / Informative /\n --dh-color-info: var(--dh-color-cyan-1000);\n --dh-color-info-bg: var(--dh-color-info);\n --dh-color-info-hover-bg: var(--dh-color-cyan-900);\n --dh-color-info-down-bg: var(--dh-color-cyan-800);\n --dh-color-info-key-focus-bg: var(--dh-color-cyan-900);\n --dh-color-info-contrast: var(--dh-color-contrast-dark);\n\n / Notice /\n --dh-color-notice: var(--dh-color-yellow-1000);\n --dh-color-notice-bg: var(--dh-color-notice);\n --dh-color-notice-hover-bg: var(--dh-color-yellow-900);\n --dh-color-notice-down-bg: var(--dh-color-yellow-800);\n --dh-color-notice-key-focus-bg: var(--dh-color-yellow-1000);\n --dh-color-notice-contrast: var(--dh-color-contrast-dark);\n\n / Editing */\n --dh-color-modified: var(--dh-color-yellow-1300);\n}\n"]}

package/dist/theme/theme-light/theme-light-components.css CHANGED Viewed

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

package/dist/theme/theme-light/theme-light-components.css.map CHANGED Viewed

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

package/dist/theme/theme-light/theme-light-palette.css CHANGED Viewed

	@@ -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-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 /
1	+ :root{--dh-color-gray-50: #ffffff;--dh-color-gray-75: #fafafa;--dh-color-gray-100: #f7f7f7;--dh-color-gray-200: #eeeeee;--dh-color-gray-300: #dadada;--dh-color-gray-400: #b9b9b9;--dh-color-gray-500: #959595;--dh-color-gray-600: #727272;--dh-color-gray-700: #464646;--dh-color-gray-800: #222222;--dh-color-gray-900: #000000;--dh-color-gray-light: var(--dh-color-gray-900);--dh-color-gray-mid: var(--dh-color-gray-600);--dh-color-gray-dark: var(--dh-color-gray-300);--dh-color-black: var(--dh-color-gray-900);--dh-color-white: var(--dh-color-gray-75);--dh-color-true-black: #000000;--dh-color-true-white: #ffffff;--dh-color-red-100: #ffebe7;--dh-color-red-200: #ffddd6;--dh-color-red-300: #ffcdc3;--dh-color-red-400: #ffb7a9;--dh-color-red-500: #ff9b88;--dh-color-red-600: #ff7c65;--dh-color-red-700: #f75c46;--dh-color-red-800: #ea3829;--dh-color-red-900: #d31510;--dh-color-red-1000: #b40000;--dh-color-red-1100: #930000;--dh-color-red-1200: #740000;--dh-color-red-1300: #590000;--dh-color-red-1400: #430000;--dh-color-orange-100: #ffeccc;--dh-color-orange-200: #ffdfad;--dh-color-orange-300: #fdd291;--dh-color-orange-400: #ffbb63;--dh-color-orange-500: #ffa037;--dh-color-orange-600: #f68511;--dh-color-orange-700: #e46f00;--dh-color-orange-800: #cb5d00;--dh-color-orange-900: #b14c00;--dh-color-orange-1000: #953d00;--dh-color-orange-1100: #7a2f00;--dh-color-orange-1200: #612300;--dh-color-orange-1300: #491901;--dh-color-orange-1400: #351201;--dh-color-yellow-100: #fbf198;--dh-color-yellow-200: #f8e750;--dh-color-yellow-300: #f8d904;--dh-color-yellow-400: #e8c600;--dh-color-yellow-500: #d7b300;--dh-color-yellow-600: #c49f00;--dh-color-yellow-700: #b08c00;--dh-color-yellow-800: #9b7800;--dh-color-yellow-900: #856600;--dh-color-yellow-1000: #705300;--dh-color-yellow-1100: #5b4300;--dh-color-yellow-1200: #483300;--dh-color-yellow-1300: #362500;--dh-color-yellow-1400: #281a00;--dh-color-chartreuse-100: #dbfc6e;--dh-color-chartreuse-200: #cbf443;--dh-color-chartreuse-300: #bce92a;--dh-color-chartreuse-400: #aad816;--dh-color-chartreuse-500: #98c50a;--dh-color-chartreuse-600: #87b103;--dh-color-chartreuse-700: #769c00;--dh-color-chartreuse-800: #678800;--dh-color-chartreuse-900: #577400;--dh-color-chartreuse-1000: #486000;--dh-color-chartreuse-1100: #3a4d00;--dh-color-chartreuse-1200: #2c3b00;--dh-color-chartreuse-1300: #212c00;--dh-color-chartreuse-1400: #181f00;--dh-color-celery-100: #cdfcbf;--dh-color-celery-200: #aef69d;--dh-color-celery-300: #96ee85;--dh-color-celery-400: #72e06a;--dh-color-celery-500: #4ecf50;--dh-color-celery-600: #27bb36;--dh-color-celery-700: #07a721;--dh-color-celery-800: #009112;--dh-color-celery-900: #007c0f;--dh-color-celery-1000: #00670f;--dh-color-celery-1100: #00530d;--dh-color-celery-1200: #00400a;--dh-color-celery-1300: #003007;--dh-color-celery-1400: #002205;--dh-color-green-100: #cef8e0;--dh-color-green-200: #adf4ce;--dh-color-green-300: #89ecbc;--dh-color-green-400: #67dea8;--dh-color-green-500: #49cc93;--dh-color-green-600: #2fb880;--dh-color-green-700: #15a46e;--dh-color-green-800: #008f5d;--dh-color-green-900: #007a4d;--dh-color-green-1000: #00653e;--dh-color-green-1100: #005132;--dh-color-green-1200: #053f27;--dh-color-green-1300: #0a2e1d;--dh-color-green-1400: #0a2015;--dh-color-seafoam-100: #cef7f3;--dh-color-seafoam-200: #aaf1ea;--dh-color-seafoam-300: #8ce9e2;--dh-color-seafoam-400: #65dad2;--dh-color-seafoam-500: #3fc9c1;--dh-color-seafoam-600: #0fb5ae;--dh-color-seafoam-700: #00a19a;--dh-color-seafoam-800: #008c87;--dh-color-seafoam-900: #007772;--dh-color-seafoam-1000: #00635f;--dh-color-seafoam-1100: #0c4f4c;--dh-color-seafoam-1200: #123c3a;--dh-color-seafoam-1300: #122c2b;--dh-color-seafoam-1400: #0f1f1e;--dh-color-cyan-100: #c5f8ff;--dh-color-cyan-200: #a4f0ff;--dh-color-cyan-300: #88e7fa;--dh-color-cyan-400: #60d8f3;--dh-color-cyan-500: #33c5e8;--dh-color-cyan-600: #12b0da;--dh-color-cyan-700: #019cc8;--dh-color-cyan-800: #0086b4;--dh-color-cyan-900: #00719f;--dh-color-cyan-1000: #005d89;--dh-color-cyan-1100: #004a73;--dh-color-cyan-1200: #00395d;--dh-color-cyan-1300: #002a46;--dh-color-cyan-1400: #001e33;--dh-color-blue-100: #e0f2ff;--dh-color-blue-200: #cae8ff;--dh-color-blue-300: #b5deff;--dh-color-blue-400: #96cefd;--dh-color-blue-500: #78bbfa;--dh-color-blue-600: #59a7f6;--dh-color-blue-700: #3892f3;--dh-color-blue-800: #147af3;--dh-color-blue-900: #0265dc;--dh-color-blue-1000: #0054b6;--dh-color-blue-1100: #004491;--dh-color-blue-1200: #003571;--dh-color-blue-1300: #002754;--dh-color-blue-1400: #001c3c;--dh-color-indigo-100: #edeeff;--dh-color-indigo-200: #e0e2ff;--dh-color-indigo-300: #d3d5ff;--dh-color-indigo-400: #c1c4ff;--dh-color-indigo-500: #acafff;--dh-color-indigo-600: #9599ff;--dh-color-indigo-700: #7e84fc;--dh-color-indigo-800: #686df4;--dh-color-indigo-900: #5258e4;--dh-color-indigo-1000: #4046ca;--dh-color-indigo-1100: #3236a8;--dh-color-indigo-1200: #262986;--dh-color-indigo-1300: #1b1e64;--dh-color-indigo-1400: #141648;--dh-color-purple-100: #f6ebff;--dh-color-purple-200: #eeddff;--dh-color-purple-300: #e6d0ff;--dh-color-purple-400: #dbbbfe;--dh-color-purple-500: #cca4fd;--dh-color-purple-600: #bd8bfc;--dh-color-purple-700: #ae72f9;--dh-color-purple-800: #9d57f4;--dh-color-purple-900: #893de7;--dh-color-purple-1000: #7326d3;--dh-color-purple-1100: #5d13b7;--dh-color-purple-1200: #470c94;--dh-color-purple-1300: #33106a;--dh-color-purple-1400: #230f49;--dh-color-fuchsia-100: #ffe9fc;--dh-color-fuchsia-200: #ffdafa;--dh-color-fuchsia-300: #fec7f8;--dh-color-fuchsia-400: #fbaef6;--dh-color-fuchsia-500: #f592f3;--dh-color-fuchsia-600: #ed74ed;--dh-color-fuchsia-700: #e055e2;--dh-color-fuchsia-800: #cd3ace;--dh-color-fuchsia-900: #b622b7;--dh-color-fuchsia-1000: #9d039e;--dh-color-fuchsia-1100: #800081;--dh-color-fuchsia-1200: #640664;--dh-color-fuchsia-1300: #470e46;--dh-color-fuchsia-1400: #320d31;--dh-color-magenta-100: #ffeaf1;--dh-color-magenta-200: #ffdce8;--dh-color-magenta-300: #ffcadd;--dh-color-magenta-400: #ffb2ce;--dh-color-magenta-500: #ff95bd;--dh-color-magenta-600: #fa77aa;--dh-color-magenta-700: #ef5a98;--dh-color-magenta-800: #de3d82;--dh-color-magenta-900: #c82269;--dh-color-magenta-1000: #ad0955;--dh-color-magenta-1100: #8e0045;--dh-color-magenta-1200: #700037;--dh-color-magenta-1300: #54032a;--dh-color-magenta-1400: #3c061d}/# sourceMappingURL=theme-light-palette.css.map /

package/dist/theme/theme-light/theme-light-palette.css.map CHANGED Viewed

	@@ -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,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"]}
1	+ {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-light/theme-light-palette.css"],"names":[],"mappings":"AACA,MACE,4BACA,4BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BAEA,gDACA,8CACA,+CAGA,2CACA,0CACA,+BACA,+BAEA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,6BACA,6BACA,6BACA,6BACA,6BAEA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,gCACA,gCACA,gCACA,gCACA,gCAEA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,gCACA,gCACA,gCACA,gCACA,gCAEA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,oCACA,oCACA,oCACA,oCACA,oCAEA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,gCACA,gCACA,gCACA,gCACA,gCAEA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,+BACA,+BACA,+BACA,+BACA,+BAEA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,iCACA,iCACA,iCACA,iCACA,iCAEA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,8BACA,8BACA,8BACA,8BACA,8BAEA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,8BACA,8BACA,8BACA,8BACA,8BAEA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,gCACA,gCACA,gCACA,gCACA,gCAEA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,gCACA,gCACA,gCACA,gCACA,gCAEA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,iCACA,iCACA,iCACA,iCACA,iCAEA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,iCACA,iCACA,iCACA,iCACA","file":"theme-light-palette.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before /\n:root {\n --dh-color-gray-50: #ffffff;\n --dh-color-gray-75: #fafafa;\n --dh-color-gray-100: #f7f7f7;\n --dh-color-gray-200: #eeeeee;\n --dh-color-gray-300: #dadada;\n --dh-color-gray-400: #b9b9b9;\n --dh-color-gray-500: #959595;\n --dh-color-gray-600: #727272;\n --dh-color-gray-700: #464646;\n --dh-color-gray-800: #222222;\n --dh-color-gray-900: #000000;\n\n --dh-color-gray-light: var(--dh-color-gray-900);\n --dh-color-gray-mid: var(--dh-color-gray-600);\n --dh-color-gray-dark: var(--dh-color-gray-300);\n\n /* Black & White */\n --dh-color-black: var(--dh-color-gray-900);\n --dh-color-white: var(--dh-color-gray-75);\n --dh-color-true-black: #000000;\n --dh-color-true-white: #ffffff;\n\n --dh-color-red-100: #ffebe7;\n --dh-color-red-200: #ffddd6;\n --dh-color-red-300: #ffcdc3;\n --dh-color-red-400: #ffb7a9;\n --dh-color-red-500: #ff9b88;\n --dh-color-red-600: #ff7c65;\n --dh-color-red-700: #f75c46;\n --dh-color-red-800: #ea3829;\n --dh-color-red-900: #d31510;\n --dh-color-red-1000: #b40000;\n --dh-color-red-1100: #930000;\n --dh-color-red-1200: #740000;\n --dh-color-red-1300: #590000;\n --dh-color-red-1400: #430000;\n\n --dh-color-orange-100: #ffeccc;\n --dh-color-orange-200: #ffdfad;\n --dh-color-orange-300: #fdd291;\n --dh-color-orange-400: #ffbb63;\n --dh-color-orange-500: #ffa037;\n --dh-color-orange-600: #f68511;\n --dh-color-orange-700: #e46f00;\n --dh-color-orange-800: #cb5d00;\n --dh-color-orange-900: #b14c00;\n --dh-color-orange-1000: #953d00;\n --dh-color-orange-1100: #7a2f00;\n --dh-color-orange-1200: #612300;\n --dh-color-orange-1300: #491901;\n --dh-color-orange-1400: #351201;\n\n --dh-color-yellow-100: #fbf198;\n --dh-color-yellow-200: #f8e750;\n --dh-color-yellow-300: #f8d904;\n --dh-color-yellow-400: #e8c600;\n --dh-color-yellow-500: #d7b300;\n --dh-color-yellow-600: #c49f00;\n --dh-color-yellow-700: #b08c00;\n --dh-color-yellow-800: #9b7800;\n --dh-color-yellow-900: #856600;\n --dh-color-yellow-1000: #705300;\n --dh-color-yellow-1100: #5b4300;\n --dh-color-yellow-1200: #483300;\n --dh-color-yellow-1300: #362500;\n --dh-color-yellow-1400: #281a00;\n\n --dh-color-chartreuse-100: #dbfc6e;\n --dh-color-chartreuse-200: #cbf443;\n --dh-color-chartreuse-300: #bce92a;\n --dh-color-chartreuse-400: #aad816;\n --dh-color-chartreuse-500: #98c50a;\n --dh-color-chartreuse-600: #87b103;\n --dh-color-chartreuse-700: #769c00;\n --dh-color-chartreuse-800: #678800;\n --dh-color-chartreuse-900: #577400;\n --dh-color-chartreuse-1000: #486000;\n --dh-color-chartreuse-1100: #3a4d00;\n --dh-color-chartreuse-1200: #2c3b00;\n --dh-color-chartreuse-1300: #212c00;\n --dh-color-chartreuse-1400: #181f00;\n\n --dh-color-celery-100: #cdfcbf;\n --dh-color-celery-200: #aef69d;\n --dh-color-celery-300: #96ee85;\n --dh-color-celery-400: #72e06a;\n --dh-color-celery-500: #4ecf50;\n --dh-color-celery-600: #27bb36;\n --dh-color-celery-700: #07a721;\n --dh-color-celery-800: #009112;\n --dh-color-celery-900: #007c0f;\n --dh-color-celery-1000: #00670f;\n --dh-color-celery-1100: #00530d;\n --dh-color-celery-1200: #00400a;\n --dh-color-celery-1300: #003007;\n --dh-color-celery-1400: #002205;\n\n --dh-color-green-100: #cef8e0;\n --dh-color-green-200: #adf4ce;\n --dh-color-green-300: #89ecbc;\n --dh-color-green-400: #67dea8;\n --dh-color-green-500: #49cc93;\n --dh-color-green-600: #2fb880;\n --dh-color-green-700: #15a46e;\n --dh-color-green-800: #008f5d;\n --dh-color-green-900: #007a4d;\n --dh-color-green-1000: #00653e;\n --dh-color-green-1100: #005132;\n --dh-color-green-1200: #053f27;\n --dh-color-green-1300: #0a2e1d;\n --dh-color-green-1400: #0a2015;\n\n --dh-color-seafoam-100: #cef7f3;\n --dh-color-seafoam-200: #aaf1ea;\n --dh-color-seafoam-300: #8ce9e2;\n --dh-color-seafoam-400: #65dad2;\n --dh-color-seafoam-500: #3fc9c1;\n --dh-color-seafoam-600: #0fb5ae;\n --dh-color-seafoam-700: #00a19a;\n --dh-color-seafoam-800: #008c87;\n --dh-color-seafoam-900: #007772;\n --dh-color-seafoam-1000: #00635f;\n --dh-color-seafoam-1100: #0c4f4c;\n --dh-color-seafoam-1200: #123c3a;\n --dh-color-seafoam-1300: #122c2b;\n --dh-color-seafoam-1400: #0f1f1e;\n\n --dh-color-cyan-100: #c5f8ff;\n --dh-color-cyan-200: #a4f0ff;\n --dh-color-cyan-300: #88e7fa;\n --dh-color-cyan-400: #60d8f3;\n --dh-color-cyan-500: #33c5e8;\n --dh-color-cyan-600: #12b0da;\n --dh-color-cyan-700: #019cc8;\n --dh-color-cyan-800: #0086b4;\n --dh-color-cyan-900: #00719f;\n --dh-color-cyan-1000: #005d89;\n --dh-color-cyan-1100: #004a73;\n --dh-color-cyan-1200: #00395d;\n --dh-color-cyan-1300: #002a46;\n --dh-color-cyan-1400: #001e33;\n\n --dh-color-blue-100: #e0f2ff;\n --dh-color-blue-200: #cae8ff;\n --dh-color-blue-300: #b5deff;\n --dh-color-blue-400: #96cefd;\n --dh-color-blue-500: #78bbfa;\n --dh-color-blue-600: #59a7f6;\n --dh-color-blue-700: #3892f3;\n --dh-color-blue-800: #147af3;\n --dh-color-blue-900: #0265dc;\n --dh-color-blue-1000: #0054b6;\n --dh-color-blue-1100: #004491;\n --dh-color-blue-1200: #003571;\n --dh-color-blue-1300: #002754;\n --dh-color-blue-1400: #001c3c;\n\n --dh-color-indigo-100: #edeeff;\n --dh-color-indigo-200: #e0e2ff;\n --dh-color-indigo-300: #d3d5ff;\n --dh-color-indigo-400: #c1c4ff;\n --dh-color-indigo-500: #acafff;\n --dh-color-indigo-600: #9599ff;\n --dh-color-indigo-700: #7e84fc;\n --dh-color-indigo-800: #686df4;\n --dh-color-indigo-900: #5258e4;\n --dh-color-indigo-1000: #4046ca;\n --dh-color-indigo-1100: #3236a8;\n --dh-color-indigo-1200: #262986;\n --dh-color-indigo-1300: #1b1e64;\n --dh-color-indigo-1400: #141648;\n\n --dh-color-purple-100: #f6ebff;\n --dh-color-purple-200: #eeddff;\n --dh-color-purple-300: #e6d0ff;\n --dh-color-purple-400: #dbbbfe;\n --dh-color-purple-500: #cca4fd;\n --dh-color-purple-600: #bd8bfc;\n --dh-color-purple-700: #ae72f9;\n --dh-color-purple-800: #9d57f4;\n --dh-color-purple-900: #893de7;\n --dh-color-purple-1000: #7326d3;\n --dh-color-purple-1100: #5d13b7;\n --dh-color-purple-1200: #470c94;\n --dh-color-purple-1300: #33106a;\n --dh-color-purple-1400: #230f49;\n\n --dh-color-fuchsia-100: #ffe9fc;\n --dh-color-fuchsia-200: #ffdafa;\n --dh-color-fuchsia-300: #fec7f8;\n --dh-color-fuchsia-400: #fbaef6;\n --dh-color-fuchsia-500: #f592f3;\n --dh-color-fuchsia-600: #ed74ed;\n --dh-color-fuchsia-700: #e055e2;\n --dh-color-fuchsia-800: #cd3ace;\n --dh-color-fuchsia-900: #b622b7;\n --dh-color-fuchsia-1000: #9d039e;\n --dh-color-fuchsia-1100: #800081;\n --dh-color-fuchsia-1200: #640664;\n --dh-color-fuchsia-1300: #470e46;\n --dh-color-fuchsia-1400: #320d31;\n\n --dh-color-magenta-100: #ffeaf1;\n --dh-color-magenta-200: #ffdce8;\n --dh-color-magenta-300: #ffcadd;\n --dh-color-magenta-400: #ffb2ce;\n --dh-color-magenta-500: #ff95bd;\n --dh-color-magenta-600: #fa77aa;\n --dh-color-magenta-700: #ef5a98;\n --dh-color-magenta-800: #de3d82;\n --dh-color-magenta-900: #c82269;\n --dh-color-magenta-1000: #ad0955;\n --dh-color-magenta-1100: #8e0045;\n --dh-color-magenta-1200: #700037;\n --dh-color-magenta-1300: #54032a;\n --dh-color-magenta-1400: #3c061d;\n}\n"]}

package/dist/theme/theme-light/theme-light-semantic-chart.css CHANGED Viewed

	@@ -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-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 /
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: color-mix( in srgb, var(--dh-color-true-black) 50%, transparent );--dh-color-plotly-zoombox-corners-fill: var(--dh-color-white);--dh-color-plotly-zoombox-corners-stroke: var(--dh-color-gray-75);--dh-color-plotly-modebar-btn-active: color-mix( in srgb, var(--dh-color-true-black) 30%, transparent );--dh-color-plotly-modebar-btn-warning: var(--dh-color-visual-orange);--dh-color-plotly-notifier-note-bg: var(--dh-color-gray-500);--dh-color-chart-geo-coastline: var(--dh-color-gray-200);--dh-color-chart-geo-land: var(--dh-color-gray-700);--dh-color-chart-geo-ocean: var(--dh-color-gray-300);--dh-color-chart-geo-lake: var(--dh-color-blue-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 Viewed

	@@ -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,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"]}
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,6FAKA,8DACA,kEAEA,wGAKA,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: color-mix(\n in srgb,\n var(--dh-color-true-black) 50%,\n transparent\n );\n --dh-color-plotly-zoombox-corners-fill: var(--dh-color-white);\n --dh-color-plotly-zoombox-corners-stroke: var(--dh-color-gray-75);\n\n --dh-color-plotly-modebar-btn-active: color-mix(\n in srgb,\n var(--dh-color-true-black) 30%,\n transparent\n );\n --dh-color-plotly-modebar-btn-warning: var(--dh-color-visual-orange);\n --dh-color-plotly-notifier-note-bg: var(--dh-color-gray-500);\n\n / Geo */\n --dh-color-chart-geo-coastline: var(--dh-color-gray-200);\n --dh-color-chart-geo-land: var(--dh-color-gray-700);\n --dh-color-chart-geo-ocean: var(--dh-color-gray-300);\n --dh-color-chart-geo-lake: var(--dh-color-blue-400);\n --dh-color-chart-geo-river: var(--dh-color-blue-400);\n}\n"]}

package/dist/theme/theme-light/theme-light-semantic-grid.css CHANGED Viewed

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

package/dist/theme/theme-light/theme-light-semantic-grid.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-light/theme-light-semantic-grid.css"],"names":[],"mappings":"AAAA,MAEE,+CAGA,oDACA,0DACA,2DACA,iEACA,0EACA,+DACA,iEACA,2DAGA,kDACA,mDACA,8DACA,kFAGA,uCAGA,8DACA,8DACA,kEAGA,6EACA,wDACA,8DACA,4DACA,4DACA,qDACA,2DACA,4DAGA,2CACA,4DACA,uDACA,4DAGA,oDACA,iEACA,iEACA,2DACA,sDAGA,~~mFAIA~~,8DACA,gEACA,~~6FAIA~~,~~iGAIA~~,+DACA,kEACA,wDAGA,sEACA,wEAGA,mFAGA,gEAGA,oDACA,sDACA,4DAGA,uDACA,0DACA,iEACA,gEAGA,0DACA,gEAGA,mEACA,mEACA,uDACA,6DAGA","file":"theme-light-semantic-grid.css","sourcesContent":[":root {\n /* Grid /\n --dh-color-grid-bg: var(--dh-color-content-bg);\n\n / Header /\n --dh-color-grid-header-bg: var(--dh-color-gray-100);\n --dh-color-grid-header-text: var(--dh-color-heading-text);\n --dh-color-grid-header-separator: var(--dh-color-gray-300);\n --dh-color-grid-header-separator-hover: var(--dh-color-gray-600);\n --dh-color-grid-header-separator-hidden-hover: var(--dh-color-accent-700);\n --dh-color-grid-header-sort-bar: var(--dh-color-visual-purple);\n --dh-color-grid-header-reverse-bar: var(--dh-color-visual-green);\n --dh-color-grid-header-bar-casing: var(--dh-color-gray-50);\n\n / Row /\n --dh-color-grid-row-0-bg: var(--dh-color-gray-50);\n --dh-color-grid-row-1-bg: var(--dh-color-gray-100);\n --dh-color-grid-row-hover-bg: var(--dh-color-highlight-hover);\n --dh-color-grid-row-hover-bg-selected: var(\n --dh-color-highlight-selected-hover\n );\n --dh-color-grid-row-shadow-alpha: 0.07;\n\n / Selection /\n --dh-color-grid-selection: var(--dh-color-highlight-selected);\n --dh-color-grid-selection-outline: var(--dh-color-accent-900);\n --dh-color-grid-selection-outline-casing: var(--dh-color-gray-50);\n\n /* Sroll Bar /\n --dh-color-grid-scroll-bar-active-selection-tick: var(--dh-color-accent-400);\n --dh-color-grid-scroll-bar-bg: var(--dh-color-gray-100);\n --dh-color-grid-scroll-bar-hover-bg: var(--dh-color-gray-200);\n --dh-color-grid-scroll-bar-casing: var(--dh-color-gray-400);\n --dh-color-grid-scroll-bar-corner: var(--dh-color-gray-100);\n --dh-color-grid-scroll-bar: var(--dh-color-gray-400);\n --dh-color-grid-scroll-bar-hover: var(--dh-color-gray-500);\n --dh-color-grid-scroll-bar-active: var(--dh-color-gray-600);\n\n / Text /\n --dh-color-grid-text: var(--dh-color-text);\n --dh-color-grid-text-hyperlink: var(--dh-color-accent-1000);\n --dh-color-grid-text-pending: var(--dh-color-modified);\n --dh-color-grid-text-error: var(--dh-color-visual-negative);\n\n / Data Types /\n --dh-color-grid-date: var(--dh-color-visual-purple);\n --dh-color-grid-number-positive: var(--dh-color-visual-positive);\n --dh-color-grid-number-negative: var(--dh-color-visual-negative);\n --dh-color-grid-number-zero: var(--dh-color-visual-purple);\n --dh-color-grid-string-null: var(--dh-color-gray-600);\n\n / Filter Bar /\n --dh-color-grid-filter-bar-active-bg: ~~hsla~~(\n var(--dh-color-accent-700~~-hsl~~),\n ~~0.45~~\n );\n --dh-color-grid-filter-bar-active: var(--dh-color-accent-700);\n --dh-color-grid-filter-bar-expanded-bg: var(--dh-color-gray-50);\n --dh-color-grid-filter-bar-expanded-active-bg: ~~hsla~~(\n var(--dh-color-accent-1000~~-hsl~~),\n ~~0.19~~\n );\n --dh-color-grid-filter-bar-expanded-active-cell-bg: ~~hsla~~(\n var(--dh-color-accent-700~~-hsl~~),\n ~~0.32~~\n );\n --dh-color-grid-filter-bar-separator: var(--dh-color-gray-600);\n --dh-color-grid-filter-bar-error: var(--dh-color-visual-negative);\n --dh-color-grid-filter-icon: var(--dh-color-accent-600);\n\n / Context Menu /\n --dh-color-grid-context-menu-sort-icon: var(--dh-color-visual-purple);\n --dh-color-grid-context-menu-reverse-icon: var(--dh-color-visual-green);\n\n / Column /\n --dh-color-grid-column-linker-hover-bg: var(\n --dh-color-highlight-selected-hover\n );\n --dh-color-grid-column-grouped-divider: var(--dh-color-gray-50);\n\n / Tree /\n --dh-color-grid-tree-line: var(--dh-color-gray-500);\n --dh-color-grid-tree-marker: var(--dh-color-gray-700);\n --dh-color-grid-tree-marker-hover: var(--dh-color-gray-900);\n\n / Floating /\n --dh-color-grid-floating-row: var(--dh-color-gray-300);\n --dh-color-grid-floating-row-bg: var(--dh-color-gray-200);\n --dh-color-grid-floating-divider-inner: var(--dh-color-gray-200);\n --dh-color-grid-floating-divider-outer: var(--dh-color-gray-50);\n\n / Overflow Button /\n --dh-color-grid-overflow-button: var(--dh-color-gray-700);\n --dh-color-grid-overflow-button-hover: var(--dh-color-gray-900);\n\n / Data Bars /\n --dh-color-grid-data-bar-positive: var(--dh-color-visual-positive);\n --dh-color-grid-data-bar-negative: var(--dh-color-visual-negative);\n --dh-color-grid-data-bar-marker: var(--dh-color-white);\n --dh-color-grid-data-bar-zero-line: var(--dh-color-gray-300);\n\n / Scrim */\n --dh-color-grid-scrim: var(--dh-color-gray-200);\n}\n"]}
1	+ {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-light/theme-light-semantic-grid.css"],"names":[],"mappings":"AAAA,MAEE,+CAGA,oDACA,0DACA,2DACA,iEACA,0EACA,+DACA,iEACA,2DAGA,kDACA,mDACA,8DACA,kFAGA,uCAGA,8DACA,8DACA,kEAGA,6EACA,wDACA,8DACA,4DACA,4DACA,qDACA,2DACA,4DAGA,2CACA,4DACA,uDACA,4DAGA,oDACA,iEACA,iEACA,2DACA,sDAGA,wGAKA,8DACA,gEACA,kHAKA,sHAKA,+DACA,kEACA,wDAGA,sEACA,wEAGA,mFAGA,gEAGA,oDACA,sDACA,4DAGA,uDACA,0DACA,iEACA,gEAGA,0DACA,gEAGA,mEACA,mEACA,uDACA,6DAGA","file":"theme-light-semantic-grid.css","sourcesContent":[":root {\n /* Grid /\n --dh-color-grid-bg: var(--dh-color-content-bg);\n\n / Header /\n --dh-color-grid-header-bg: var(--dh-color-gray-100);\n --dh-color-grid-header-text: var(--dh-color-heading-text);\n --dh-color-grid-header-separator: var(--dh-color-gray-300);\n --dh-color-grid-header-separator-hover: var(--dh-color-gray-600);\n --dh-color-grid-header-separator-hidden-hover: var(--dh-color-accent-700);\n --dh-color-grid-header-sort-bar: var(--dh-color-visual-purple);\n --dh-color-grid-header-reverse-bar: var(--dh-color-visual-green);\n --dh-color-grid-header-bar-casing: var(--dh-color-gray-50);\n\n / Row /\n --dh-color-grid-row-0-bg: var(--dh-color-gray-50);\n --dh-color-grid-row-1-bg: var(--dh-color-gray-100);\n --dh-color-grid-row-hover-bg: var(--dh-color-highlight-hover);\n --dh-color-grid-row-hover-bg-selected: var(\n --dh-color-highlight-selected-hover\n );\n --dh-color-grid-row-shadow-alpha: 0.07;\n\n / Selection /\n --dh-color-grid-selection: var(--dh-color-highlight-selected);\n --dh-color-grid-selection-outline: var(--dh-color-accent-900);\n --dh-color-grid-selection-outline-casing: var(--dh-color-gray-50);\n\n /* Sroll Bar /\n --dh-color-grid-scroll-bar-active-selection-tick: var(--dh-color-accent-400);\n --dh-color-grid-scroll-bar-bg: var(--dh-color-gray-100);\n --dh-color-grid-scroll-bar-hover-bg: var(--dh-color-gray-200);\n --dh-color-grid-scroll-bar-casing: var(--dh-color-gray-400);\n --dh-color-grid-scroll-bar-corner: var(--dh-color-gray-100);\n --dh-color-grid-scroll-bar: var(--dh-color-gray-400);\n --dh-color-grid-scroll-bar-hover: var(--dh-color-gray-500);\n --dh-color-grid-scroll-bar-active: var(--dh-color-gray-600);\n\n / Text /\n --dh-color-grid-text: var(--dh-color-text);\n --dh-color-grid-text-hyperlink: var(--dh-color-accent-1000);\n --dh-color-grid-text-pending: var(--dh-color-modified);\n --dh-color-grid-text-error: var(--dh-color-visual-negative);\n\n / Data Types /\n --dh-color-grid-date: var(--dh-color-visual-purple);\n --dh-color-grid-number-positive: var(--dh-color-visual-positive);\n --dh-color-grid-number-negative: var(--dh-color-visual-negative);\n --dh-color-grid-number-zero: var(--dh-color-visual-purple);\n --dh-color-grid-string-null: var(--dh-color-gray-600);\n\n / Filter Bar /\n --dh-color-grid-filter-bar-active-bg: color-mix(\n in srgb,\n var(--dh-color-accent-700) 45%,\n transparent\n );\n --dh-color-grid-filter-bar-active: var(--dh-color-accent-700);\n --dh-color-grid-filter-bar-expanded-bg: var(--dh-color-gray-50);\n --dh-color-grid-filter-bar-expanded-active-bg: color-mix(\n in srgb,\n var(--dh-color-accent-1000) 19%,\n transparent\n );\n --dh-color-grid-filter-bar-expanded-active-cell-bg: color-mix(\n in srgb,\n var(--dh-color-accent-700) 32%,\n transparent\n );\n --dh-color-grid-filter-bar-separator: var(--dh-color-gray-600);\n --dh-color-grid-filter-bar-error: var(--dh-color-visual-negative);\n --dh-color-grid-filter-icon: var(--dh-color-accent-600);\n\n / Context Menu /\n --dh-color-grid-context-menu-sort-icon: var(--dh-color-visual-purple);\n --dh-color-grid-context-menu-reverse-icon: var(--dh-color-visual-green);\n\n / Column /\n --dh-color-grid-column-linker-hover-bg: var(\n --dh-color-highlight-selected-hover\n );\n --dh-color-grid-column-grouped-divider: var(--dh-color-gray-50);\n\n / Tree /\n --dh-color-grid-tree-line: var(--dh-color-gray-500);\n --dh-color-grid-tree-marker: var(--dh-color-gray-700);\n --dh-color-grid-tree-marker-hover: var(--dh-color-gray-900);\n\n / Floating /\n --dh-color-grid-floating-row: var(--dh-color-gray-300);\n --dh-color-grid-floating-row-bg: var(--dh-color-gray-200);\n --dh-color-grid-floating-divider-inner: var(--dh-color-gray-200);\n --dh-color-grid-floating-divider-outer: var(--dh-color-gray-50);\n\n / Overflow Button /\n --dh-color-grid-overflow-button: var(--dh-color-gray-700);\n --dh-color-grid-overflow-button-hover: var(--dh-color-gray-900);\n\n / Data Bars /\n --dh-color-grid-data-bar-positive: var(--dh-color-visual-positive);\n --dh-color-grid-data-bar-negative: var(--dh-color-visual-negative);\n --dh-color-grid-data-bar-marker: var(--dh-color-white);\n --dh-color-grid-data-bar-zero-line: var(--dh-color-gray-300);\n\n / Scrim */\n --dh-color-grid-scrim: var(--dh-color-gray-200);\n}\n"]}

package/dist/theme/theme-light/theme-light-semantic.css CHANGED Viewed

	@@ -1 +1 @@
1	- :root{--dh-color-bg~~-hsl~~: var(--dh-color-gray-300~~-hsl~~);--dh-color-content-bg~~-hsl~~: var(--dh-color-gray-100~~-hsl~~);--dh-color-subdued-content-bg~~-hsl~~: var(--dh-color-gray-200~~-hsl~~);--dh-color-surface-bg~~-hsl~~: var(--dh-color-gray-200~~-hsl~~);--dh-color-fg~~-hsl~~: var(--dh-color-black~~-hsl~~);--dh-color-~~disabled-bg-hsl~~: var(--dh-color-gray-~~200-hsl~~);--dh-color-~~scrollbar~~-~~hsl~~: var(--dh-color-fg-~~hsl~~);--dh-color-~~accent~~-~~100-hsl~~: var(--dh-color-~~blue-100-hsl);--dh-color-~~accent-~~200-hsl: var(--dh-color-blue-200-hsl~~);--dh-color-~~accent~~-~~300-hsl~~: var(--dh-color-~~blue~~-300~~-hsl~~);--dh-color-~~accent-400-hsl~~: var(--dh-color-~~blue-400-hsl~~);--dh-color-~~accent~~-~~500-hsl~~: var(--dh-color-~~blue~~-~~500-hsl~~);--dh-color-~~accent-600-hsl~~: var(--dh-color-~~blue~~-~~600-hsl~~);--dh-color-~~accent~~-~~700-hsl~~: var(--dh-color-~~blue~~-700~~-hsl~~);--dh-color-~~accent~~-~~800-hsl~~: ~~var(--dh-~~color-~~blue-800-hsl);--dh-color-accent-900-hsl: var~~(~~--dh-color-blue-900-hsl);--dh-color-accent-1000-hsl:~~ ~~var(--dh-color-blue-1000-hsl);--dh-color-accent-1100-hsl:~~ ~~var(--dh-color-blue-1100-hsl);--dh-color-accent-1200-hsl:~~ var(--dh-color-blue-~~1200-hsl~~)~~;--dh-color-accent-1300-hsl:~~ ~~var(--dh-color-blue-1300-hsl);--dh-color-accent-1400-hsl:~~ ~~var(--dh-color-blue-1400-hsl);--dh-color-accent-hsl:~~ ~~var(--dh-color-accent-900-hsl~~);--dh-color-~~border~~-~~hsl~~: var(--dh-color-gray-700-hsl);--dh-color-border-focus-hsl: var(--dh-color-accent-800-hsl);--dh-color-info-hsl: var(--dh-color-cyan-1000-hsl);--dh-color-neutral-hsl: var(--dh-color-gray-400-hsl);--dh-color-notice-hsl: var(--dh-color-yellow-1000-hsl);--dh-color-positive-hsl: var(--dh-color-green-900~~-hsl~~);--dh-color-~~negative-hsl: var(--dh-color-red-800-hsl);--dh-color-~~contrast-dark~~-hsl~~: var(--dh-color-gray-50~~-hsl~~);--dh-color-contrast-light~~-hsl~~: var(--dh-color-gray-900~~-hsl~~);--dh-color-accent-~~contrast-hsl~~: var(--dh-color-~~contrast~~-~~dark-hsl~~);--dh-color-~~info~~-~~contrast-hsl~~: var(--dh-color-~~contrast~~-~~dark-hsl~~);--dh-color-~~negative~~-~~contrast-hsl~~: var(--dh-color-~~contrast~~-~~dark-hsl~~);--dh-color-~~neutral~~-~~contrast-hsl~~: var(--dh-color-~~contrast~~-~~light-hsl~~);--dh-color-~~notice~~-~~contrast-hsl~~: var(--dh-color-~~contrast~~-~~dark-hsl~~);--dh-color-~~positive~~-~~contrast-hsl~~: var(--dh-color-~~contrast~~-~~dark-hsl~~);--dh-color-~~visual~~-~~blue-hsl~~: var(--dh-color-blue-~~900-hsl~~);--dh-color-~~visual~~-~~celery-hsl~~: var(--dh-color-~~celery~~-~~1000-hsl~~);--dh-color-~~visual~~-~~chartreuse-hsl~~: var(--dh-color-~~chartreuse~~-~~1100-hsl~~);--dh-color-~~visual~~-~~cyan-hsl~~: var(--dh-color-~~cyan~~-~~1100-hsl~~);--dh-color-~~visual~~-~~fuchsia-hsl~~: var(--dh-color-~~fuchsia~~-~~900-hsl~~);--dh-color-~~visual~~-~~gray-hsl~~: var(--dh-color-~~gray~~-~~600-hsl~~);--dh-color-~~visual~~-~~green-hsl~~: var(--dh-color-~~green~~-~~900-hsl~~);--dh-color-~~visual~~-~~indigo-hsl~~: var(--dh-color-~~indigo~~-~~900-hsl~~);--dh-color-~~visual-magenta-hsl~~: var(--dh-color-~~magenta~~-900~~-hsl~~);--dh-color-~~visual~~-~~orange-hsl~~: var(--dh-color-~~orange-800-hsl~~);--dh-color-~~visual~~-~~purple~~-~~hsl~~: var(--dh-color-~~purple~~-1000~~-hsl~~);--dh-color-~~visual~~-~~red~~-~~hsl~~: var(--dh-color-~~red~~-~~800-hsl);--dh-color-visual-seafoam-hsl: var(--dh-color-seafoam-~~1100~~-hsl~~);--dh-color-~~visual~~-~~yellow~~-~~hsl: var(--dh~~-~~color-yellow-700-hsl);--dh-color-visual-positive-hsl~~: var(--dh-color-~~green~~-~~800-hsl~~);--dh-color-~~visual~~-~~negative-hsl~~: var(--dh-color-~~red~~-~~800-hsl~~);--dh-color-~~visual~~-~~notice-hsl~~: var(--dh-color-~~yellow~~-700~~-hsl~~);--dh-color-~~visual~~-~~info-hsl: var(--dh-color-cyan-1100-hsl);--dh-color-~~bg: ~~hsl(~~var(--dh-color-bg-~~hsl~~));--dh-color-~~content~~-bg: ~~hsl(~~var(--dh-color-~~content~~-~~bg-hsl~~));--dh-color-~~subdued~~-~~content-~~bg: ~~hsl(~~var(--dh-color-~~subdued~~-~~content-bg-hsl~~));--dh-color-~~surface~~-bg: ~~hsl(~~var(--dh-color-~~surface~~-~~bg-hsl));--dh-color-fg: hsl(var(--dh-color-fg-hsl));--dh-color-border: hsl(var(--dh-color-border-hsl));--dh-color-hover-border: var(--dh-color-gray-~~900);--dh-color-~~border~~-~~focus~~: ~~hsl(~~var(--dh-color-~~border~~-~~focus-hsl~~));--dh-color-~~disabled~~-bg: ~~hsl(~~var(--dh-color-~~disabled~~-~~bg-hsl~~));--dh-color-~~heading~~-~~text~~: var(--dh-color-~~gray~~-~~900~~);--dh-color-~~text: var(--dh~~-~~color-gray-800);--dh-color-text-disabled~~: var(--dh-color-~~gray~~-700);--dh-color-~~text~~-~~highlight~~: ~~hsla(~~var(--dh-color-blue-700~~-hsl~~)~~, 0.15)~~;--dh-color-~~text~~-~~hover~~: var(--dh-color-~~gray~~-~~900~~);--dh-color-~~contrast~~-~~dark~~: ~~hsl(~~var(--dh-color-~~contrast~~-~~dark-hsl~~));--dh-color-~~contrast~~-~~light~~: ~~hsl(~~var(--dh-color-~~contrast~~-~~light-hsl~~));--dh-color-~~accent~~-~~100~~: ~~hsl(~~var(--dh-color-~~accent~~-~~100-hsl~~));--dh-color-~~accent~~-~~200~~: ~~hsl(~~var(--dh-color-~~accent~~-200-hsl));--dh-color-accent-300: hsl(var(--dh-color-accent-300-hsl));--dh-color-accent-400: hsl(var(--dh-color-accent-400-hsl));--dh-color-accent-500: hsl(var(--dh-color-accent-500-hsl));--dh-color-accent-600~~: hsl(var(--dh-color-accent-600-hsl~~));--dh-color-~~accent~~-~~700~~: ~~hsl(~~var(--dh-color-~~accent~~-~~700-hsl~~));--dh-color-~~accent~~-~~800~~: ~~hsl(~~var(--dh-color-~~accent~~-800~~-hsl~~));--dh-color-~~accent~~-~~900~~: ~~hsl(~~var(--dh-color-~~accent~~-~~900-hsl~~));--dh-color-~~accent~~-~~1000~~: ~~hsl(~~var(--dh-color-~~accent~~-~~1000-hsl));--dh-color-accent-~~1100~~: hsl(var(--dh-color-accent-1100-hsl~~));--dh-color-~~accent~~-~~1200~~: ~~hsl(~~var(--dh-color-~~accent~~-~~1200-hsl~~));--dh-color-~~accent~~-~~1300~~: ~~hsl(~~var(--dh-color-~~accent~~-~~1300-hsl~~));--dh-color-~~accent~~-~~1400~~: ~~hsl(~~var(--dh-color-~~accent~~-~~1400-hsl~~));--dh-color-~~accent~~-bg: ~~hsl(~~var(--dh-color-~~accent~~-~~hsl));--dh-color-accent-hover-bg: var(--dh-color-accent-1000);--dh-color-accent-down-bg: var(--dh-color-accent-~~1100);--dh-color-~~accent~~-~~key-focus-bg: var(--dh-color-accent-1000);--dh-color-accent-contrast: hsl(var(--dh-color-accent-contrast-hsl));--dh-color-gray-bg: var(--dh-color-gray-700);--dh-color-~~blue~~-bg~~: var(--dh-color-blue-~~700~~);--dh-color-~~red~~-bg: var(--dh-color-~~red~~-~~700~~);--dh-color-~~orange~~-bg: var(--dh-color-~~orange~~-~~800~~);--dh-color-~~yellow~~-bg: var(--dh-color-~~yellow~~-~~1000~~);--dh-color-~~chartreuse~~-bg: var(--dh-color-~~chartreuse~~-900);--dh-color-~~celery~~-bg: var(--dh-color-~~celery~~-800);--dh-color-~~green~~-bg: var(--dh-color-~~green~~-~~700~~);--dh-color-~~seafoam~~-bg: var(--dh-color-~~seafoam~~-700);--dh-color-~~cyan~~-bg: var(--dh-color-cyan-~~700~~);--dh-color-~~indigo-bg: var(--dh-color-indigo-700);--dh-color-purple-bg: var(--dh-color-purple-700);--dh-color-fuchsia-bg: var(--dh-color-fuchsia-700);--dh-color-magenta-bg: var(--dh-color-magenta-700);--dh-color-~~focus: var(--dh-color-blue-800);--dh-color-focus-border: var(--dh-color-blue-800);--dh-color-focus-ring: var(--dh-color-focus);--dh-color-highlight-active: ~~hsla~~(var(--dh-color-visual-gray~~-hsl~~), ~~0.2~~);--dh-color-highlight-hover: ~~hsla~~(var(--dh-color-visual-gray~~-hsl~~), ~~0.15~~);--dh-color-highlight-invalid: ~~hsla~~(var(--dh-color-visual-red~~-hsl~~), 0.15);--dh-color-highlight-selected: ~~hsla~~(var(--dh-color-accent~~-hsl~~), ~~0.25~~);--dh-color-highlight-selected-hover: ~~hsla~~(var(--dh-color-accent~~-hsl~~), ~~0.35~~);--dh-color-keyboard-selected-bg: ~~hsla~~(var(--dh-color-accent~~-hsl~~), ~~0.5~~);--dh-color-dropshadow: ~~hsla~~(var(--dh-color-true-black~~-hsl~~), 0.25);--dh-color-overlay-modal-bg: ~~hsla~~(var(--dh-color-visual-gray~~-hsl~~), ~~0.6~~);--dh-color-overlay-hover-bg: ~~hsla~~(var(--dh-color-visual-gray~~-hsl~~), ~~0.08~~);--dh-color-negative-bg: ~~hsl(~~var(--dh-color-negative~~-hsl~~));--dh-color-negative-hover-bg: var(--dh-color-red-900);--dh-color-negative-down-bg: var(--dh-color-red-1000);--dh-color-negative-key-focus-bg: var(--dh-color-red-900);--dh-color-negative-contrast: ~~hsl(~~var(--dh-color-~~negative-~~contrast-~~hsl~~));--dh-color-neutral-bg: ~~hsl(~~var(--dh-color-neutral~~-hsl~~));--dh-color-neutral-hover-bg: var(--dh-color-gray-300);--dh-color-neutral-down-bg: var(--dh-color-gray-100);--dh-color-neutral-key-focus-bg: var(--dh-color-gray-300);--dh-color-neutral-contrast: ~~hsl(~~var(--dh-color-~~neutral-~~contrast-~~hsl~~));--dh-color-neutral-subdued-bg: var(--dh-color-gray-400);--dh-color-neutral-subdued-hover-bg: var(--dh-color-gray-300);--dh-color-neutral-subdued-down-bg: var(--dh-color-gray-200);--dh-color-neutral-subdued-key-focus-bg: var(--dh-color-gray-300);--dh-color-positive~~-bg~~: ~~hsl(~~var(--dh-color-~~positive~~-~~hsl~~));--dh-color-positive-~~hover-~~bg: var(--dh-color-~~green-800~~);--dh-color-positive-~~down~~-bg: var(--dh-color-green-~~700~~);--dh-color-positive-~~key~~-~~focus-~~bg: var(--dh-color-green-~~800~~);--dh-color-positive-~~contrast: hsl(var(--dh~~-~~color~~-~~positive-contrast-hsl));--dh-color-info-~~bg: ~~hsl(~~var(--dh-color-~~info~~-~~hsl~~));--dh-color-~~info~~-~~hover-bg~~: var(--dh-color-~~cyan~~-~~900~~);--dh-color-info~~-down-bg~~: var(--dh-color-cyan-~~800~~);--dh-color-info-~~key-focus-~~bg: var(--dh-color-~~cyan-900~~);--dh-color-info-~~contrast: hsl(var(--dh-color-info-contrast-hsl));--dh-color-notice-bg: hsl(var(--dh-color-notice-hsl));--dh-color-notice-~~hover-bg: var(--dh-color-~~yellow~~-900);--dh-color-~~notice~~-down-bg: var(--dh-color-~~yellow~~-800);--dh-color-~~notice~~-key-focus-bg: var(--dh-color-~~yellow~~-~~1000~~);--dh-color-~~notice~~-contrast: ~~hsl(~~var(--dh-color-~~notice-~~contrast-~~hsl~~));--dh-color-~~visual-blue~~: ~~hsl(~~var(--dh-color-~~visual~~-~~blue-hsl~~));--dh-color-~~visual~~-~~celery~~: ~~hsl(~~var(--dh-color-~~visual-celery-hsl~~));--dh-color-~~visual~~-~~chartreuse: hsl(var(--dh~~-~~color-visual-chartreuse-hsl));--dh-color-visual-cyan~~: ~~hsl(~~var(--dh-color-~~visual~~-~~cyan-hsl~~));--dh-color-~~visual~~-~~fuchsia: hsl(var(--dh~~-~~color-visual-fuchsia-hsl));--dh-color-visual-gray~~: ~~hsl(~~var(--dh-color-~~visual~~-~~gray-hsl~~));--dh-color-~~visual~~-~~green: hsl(var(--dh~~-~~color~~-~~visual-green-hsl));--dh-color-visual-indigo~~: ~~hsl(~~var(--dh-color-visual-indigo-hsl));--dh-color-visual-magenta: hsl(var(--dh-color-visual-magenta-hsl));--dh-color-visual-orange: hsl(var(--dh-color-visual-orange-hsl));--dh-color-visual-purple: hsl(var(--dh-color-visual-purple-hsl));--dh-color-visual-red: hsl(var(--dh-color-visual-red-hsl));--dh-color-visual-seafoam: hsl(var(--dh-color-visual-seafoam-hsl));--dh-color-visual-yellow~~: hsl(var(--dh~~-~~color-visual-yellow-hsl~~));--dh-color-~~visual-positive: hsl(var(--dh-color-visual-positive-hsl));--dh-color-visual-negative: hsl(var(--dh-color-visual-negative-hsl));--dh-color-visual-~~notice~~: hsl(var(--dh~~-~~color-visual-notice-hsl));--dh-color-visual-info~~: ~~hsl(~~var(--dh-color-~~visual~~-~~info-hsl~~));--dh-color-modified: var(--dh-color-green-700)}/# sourceMappingURL=theme-light-semantic.css.map /
1	+ :root{--dh-color-bg: var(--dh-color-gray-300);--dh-color-content-bg: var(--dh-color-gray-100);--dh-color-subdued-content-bg: var(--dh-color-gray-200);--dh-color-surface-bg: var(--dh-color-gray-200);--dh-color-fg: var(--dh-color-black);--dh-color-border: var(--dh-color-gray-700);--dh-color-hover-border: var(--dh-color-gray-900);--dh-color-border-focus: var(--dh-color-accent-800);--dh-color-disabled-bg: var(--dh-color-gray-300);--dh-color-scrollbar: var(--dh-color-fg);--dh-color-heading-text: var(--dh-color-gray-900);--dh-color-text: var(--dh-color-gray-800);--dh-color-text-disabled: var(--dh-color-gray-700);--dh-color-text-highlight: color-mix( in srgb, var(--dh-color-blue-700) 15%, transparent );--dh-color-text-hover: var(--dh-color-gray-900);--dh-color-contrast-dark: var(--dh-color-gray-50);--dh-color-contrast-light: var(--dh-color-gray-900);--dh-color-accent-100: var(--dh-color-blue-100);--dh-color-accent-200: var(--dh-color-blue-200);--dh-color-accent-300: var(--dh-color-blue-300);--dh-color-accent-400: var(--dh-color-blue-400);--dh-color-accent-500: var(--dh-color-blue-500);--dh-color-accent-600: var(--dh-color-blue-600);--dh-color-accent-700: var(--dh-color-blue-700);--dh-color-accent-800: var(--dh-color-blue-800);--dh-color-accent-900: var(--dh-color-blue-900);--dh-color-accent-1000: var(--dh-color-blue-1000);--dh-color-accent-1100: var(--dh-color-blue-1100);--dh-color-accent-1200: var(--dh-color-blue-1200);--dh-color-accent-1300: var(--dh-color-blue-1300);--dh-color-accent-1400: var(--dh-color-blue-1400);--dh-color-accent: var(--dh-color-accent-900);--dh-color-accent-bg: var(--dh-color-accent);--dh-color-accent-hover-bg: var(--dh-color-accent-1000);--dh-color-accent-down-bg: var(--dh-color-accent-1100);--dh-color-accent-key-focus-bg: var(--dh-color-accent-1000);--dh-color-accent-contrast: var(--dh-color-contrast-dark);--dh-color-gray-bg: var(--dh-color-gray-700);--dh-color-red-bg: var(--dh-color-red-700);--dh-color-orange-bg: var(--dh-color-orange-800);--dh-color-yellow-bg: var(--dh-color-yellow-1000);--dh-color-chartreuse-bg: var(--dh-color-chartreuse-900);--dh-color-celery-bg: var(--dh-color-celery-800);--dh-color-green-bg: var(--dh-color-green-700);--dh-color-seafoam-bg: var(--dh-color-seafoam-700);--dh-color-cyan-bg: var(--dh-color-cyan-700);--dh-color-blue-bg: var(--dh-color-blue-700);--dh-color-indigo-bg: var(--dh-color-indigo-700);--dh-color-purple-bg: var(--dh-color-purple-700);--dh-color-fuchsia-bg: var(--dh-color-fuchsia-700);--dh-color-magenta-bg: var(--dh-color-magenta-700);--dh-color-visual-gray: var(--dh-color-gray-600);--dh-color-visual-red: var(--dh-color-red-800);--dh-color-visual-orange: var(--dh-color-orange-800);--dh-color-visual-yellow: var(--dh-color-yellow-700);--dh-color-visual-chartreuse: var(--dh-color-chartreuse-1100);--dh-color-visual-celery: var(--dh-color-celery-1000);--dh-color-visual-green: var(--dh-color-green-900);--dh-color-visual-seafoam: var(--dh-color-seafoam-1100);--dh-color-visual-cyan: var(--dh-color-cyan-1100);--dh-color-visual-blue: var(--dh-color-blue-900);--dh-color-visual-indigo: var(--dh-color-indigo-900);--dh-color-visual-purple: var(--dh-color-purple-1000);--dh-color-visual-fuchsia: var(--dh-color-fuchsia-900);--dh-color-visual-magenta: var(--dh-color-magenta-900);--dh-color-visual-positive: var(--dh-color-green-800);--dh-color-visual-negative: var(--dh-color-red-800);--dh-color-visual-notice: var(--dh-color-yellow-700);--dh-color-visual-info: var(--dh-color-cyan-1100);--dh-color-focus: var(--dh-color-blue-800);--dh-color-focus-border: var(--dh-color-blue-800);--dh-color-focus-ring: var(--dh-color-focus);--dh-color-highlight-active: color-mix( in srgb, var(--dh-color-visual-gray) 20%, transparent );--dh-color-highlight-hover: color-mix( in srgb, var(--dh-color-visual-gray) 10%, transparent );--dh-color-highlight-invalid: color-mix( in srgb, var(--dh-color-visual-red) 15%, transparent );--dh-color-highlight-selected: color-mix( in srgb, var(--dh-color-accent) 7%, transparent );--dh-color-highlight-selected-hover: color-mix( in srgb, var(--dh-color-accent) 13%, transparent );--dh-color-keyboard-selected-bg: color-mix( in srgb, var(--dh-color-accent) 50%, transparent );--dh-color-dropshadow: color-mix( in srgb, var(--dh-color-true-black) 25%, transparent );--dh-color-overlay-modal-bg: color-mix( in srgb, var(--dh-color-visual-gray) 60%, transparent );--dh-color-overlay-hover-bg: color-mix( in srgb, var(--dh-color-visual-gray) 8%, transparent );--dh-color-negative: var(--dh-color-red-800);--dh-color-negative-bg: var(--dh-color-negative);--dh-color-negative-hover-bg: var(--dh-color-red-900);--dh-color-negative-down-bg: var(--dh-color-red-1000);--dh-color-negative-key-focus-bg: var(--dh-color-red-900);--dh-color-negative-contrast: var(--dh-color-contrast-dark);--dh-color-neutral: var(--dh-color-gray-400);--dh-color-neutral-bg: var(--dh-color-neutral);--dh-color-neutral-hover-bg: var(--dh-color-gray-300);--dh-color-neutral-down-bg: var(--dh-color-gray-100);--dh-color-neutral-key-focus-bg: var(--dh-color-gray-300);--dh-color-neutral-contrast: var(--dh-color-contrast-light);--dh-color-neutral-subdued-bg: var(--dh-color-gray-400);--dh-color-neutral-subdued-hover-bg: var(--dh-color-gray-300);--dh-color-neutral-subdued-down-bg: var(--dh-color-gray-200);--dh-color-neutral-subdued-key-focus-bg: var(--dh-color-gray-300);--dh-color-positive: var(--dh-color-green-900);--dh-color-positive-bg: var(--dh-color-positive);--dh-color-positive-hover-bg: var(--dh-color-green-800);--dh-color-positive-down-bg: var(--dh-color-green-700);--dh-color-positive-key-focus-bg: var(--dh-color-green-800);--dh-color-positive-contrast: var(--dh-color-contrast-dark);--dh-color-info: var(--dh-color-cyan-1000);--dh-color-info-bg: var(--dh-color-info);--dh-color-info-hover-bg: var(--dh-color-cyan-900);--dh-color-info-down-bg: var(--dh-color-cyan-800);--dh-color-info-key-focus-bg: var(--dh-color-cyan-900);--dh-color-info-contrast: var(--dh-color-contrast-dark);--dh-color-notice: var(--dh-color-yellow-1000);--dh-color-notice-bg: var(--dh-color-notice);--dh-color-notice-hover-bg: var(--dh-color-yellow-900);--dh-color-notice-down-bg: var(--dh-color-yellow-800);--dh-color-notice-key-focus-bg: var(--dh-color-yellow-1000);--dh-color-notice-contrast: var(--dh-color-contrast-dark);--dh-color-modified: var(--dh-color-green-700)}/# sourceMappingURL=theme-light-semantic.css.map /

package/dist/theme/theme-light/theme-light-semantic.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-light/theme-light-semantic.css"],"names":[],"mappings":"AAEA,MAEE,gDACA,wDACA,gEACA,wDACA,6CAEA,yDACA,iDAEA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,0DACA,0DACA,0DACA,0DACA,0DACA,sDAEA,oDACA,4DAEA,mDACA,qDACA,uDACA,uDACA,qDAWA,0DACA,4DAEA,kEACA,gEACA,oEACA,oEACA,kEACA,oEAGA,yDACA,8DACA,sEACA,0DACA,+DACA,yDACA,2DACA,6DACA,+DACA,6DACA,8DACA,uDACA,gEACA,6DAEA,8DACA,4DACA,6DACA,0DAGA,2CACA,2DACA,2EACA,2DACA,2CACA,mDACA,kDACA,+DACA,6DAGA,kDACA,0CACA,mDACA,oEACA,gDAGA,iEACA,mEAGA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,6DACA,6DACA,6DACA,6DACA,6DAGA,sDACA,wDACA,uDACA,4DACA,qEAGA,6CACA,6CACA,2CACA,iDACA,kDACA,yDACA,iDACA,+CACA,mDACA,6CACA,iDACA,iDACA,mDACA,mDAGA,2CACA,kDACA,6CAGA,wEACA,wEACA,yEACA,sEACA,4EAGA,uEAGA,kEACA,wEACA,yEAGA,0DACA,sDACA,sDACA,0DACA,yEAGA,wDACA,sDACA,qDACA,0DACA,uEAEA,wDACA,8DACA,6DACA,kEAGA,0DACA,wDACA,uDACA,4DACA,yEAGA,kDACA,mDACA,kDACA,uDACA,iEAGA,sDACA,uDACA,sDACA,4DACA,qEAGA,6DACA,iEACA,yEACA,6DACA,mEACA,6DACA,+DACA,iEACA,mEACA,iEACA,iEACA,2DACA,mEACA,iEAEA,qEACA,qEACA,iEACA,6DAGA","file":"theme-light-semantic.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before /\n/ stylelint-disable alpha-value-notation /\n:root {\n / HSL base colors /\n --dh-color-bg-hsl: var(--dh-color-gray-300-hsl);\n --dh-color-content-bg-hsl: var(--dh-color-gray-100-hsl);\n --dh-color-subdued-content-bg-hsl: var(--dh-color-gray-200-hsl);\n --dh-color-surface-bg-hsl: var(--dh-color-gray-200-hsl);\n --dh-color-fg-hsl: var(--dh-color-black-hsl);\n\n --dh-color-disabled-bg-hsl: var(--dh-color-gray-200-hsl);\n --dh-color-scrollbar-hsl: var(--dh-color-fg-hsl);\n\n --dh-color-accent-100-hsl: var(--dh-color-blue-100-hsl);\n --dh-color-accent-200-hsl: var(--dh-color-blue-200-hsl);\n --dh-color-accent-300-hsl: var(--dh-color-blue-300-hsl);\n --dh-color-accent-400-hsl: var(--dh-color-blue-400-hsl);\n --dh-color-accent-500-hsl: var(--dh-color-blue-500-hsl);\n --dh-color-accent-600-hsl: var(--dh-color-blue-600-hsl);\n --dh-color-accent-700-hsl: var(--dh-color-blue-700-hsl);\n --dh-color-accent-800-hsl: var(--dh-color-blue-800-hsl);\n --dh-color-accent-900-hsl: var(--dh-color-blue-900-hsl);\n --dh-color-accent-1000-hsl: var(--dh-color-blue-1000-hsl);\n --dh-color-accent-1100-hsl: var(--dh-color-blue-1100-hsl);\n --dh-color-accent-1200-hsl: var(--dh-color-blue-1200-hsl);\n --dh-color-accent-1300-hsl: var(--dh-color-blue-1300-hsl);\n --dh-color-accent-1400-hsl: var(--dh-color-blue-1400-hsl);\n --dh-color-accent-hsl: var(--dh-color-accent-900-hsl);\n\n --dh-color-border-hsl: var(--dh-color-gray-700-hsl);\n --dh-color-border-focus-hsl: var(--dh-color-accent-800-hsl);\n\n --dh-color-info-hsl: var(--dh-color-cyan-1000-hsl);\n --dh-color-neutral-hsl: var(--dh-color-gray-400-hsl);\n --dh-color-notice-hsl: var(--dh-color-yellow-1000-hsl);\n --dh-color-positive-hsl: var(--dh-color-green-900-hsl);\n --dh-color-negative-hsl: var(--dh-color-red-800-hsl);\n\n /\n * Contrast Colors\n \n Note that React Spectrum guidance suggests that background colors containing\n * yellow, orange, chartreuse or cyan should use a dark contrast color. All\n * others should use light. Therefore, these should stay in sync with the \n * --dh-color-xxx-hsl values above.\n * https://spectrum.adobe.com/page/using-color/#Solid-color-background-with-black-or-white\n /\n --dh-color-contrast-dark-hsl: var(--dh-color-gray-50-hsl);\n --dh-color-contrast-light-hsl: var(--dh-color-gray-900-hsl);\n\n --dh-color-accent-contrast-hsl: var(--dh-color-contrast-dark-hsl);\n --dh-color-info-contrast-hsl: var(--dh-color-contrast-dark-hsl);\n --dh-color-negative-contrast-hsl: var(--dh-color-contrast-dark-hsl);\n --dh-color-neutral-contrast-hsl: var(--dh-color-contrast-light-hsl);\n --dh-color-notice-contrast-hsl: var(--dh-color-contrast-dark-hsl);\n --dh-color-positive-contrast-hsl: var(--dh-color-contrast-dark-hsl);\n\n / Visual HSL /\n --dh-color-visual-blue-hsl: var(--dh-color-blue-900-hsl);\n --dh-color-visual-celery-hsl: var(--dh-color-celery-1000-hsl);\n --dh-color-visual-chartreuse-hsl: var(--dh-color-chartreuse-1100-hsl);\n --dh-color-visual-cyan-hsl: var(--dh-color-cyan-1100-hsl);\n --dh-color-visual-fuchsia-hsl: var(--dh-color-fuchsia-900-hsl);\n --dh-color-visual-gray-hsl: var(--dh-color-gray-600-hsl);\n --dh-color-visual-green-hsl: var(--dh-color-green-900-hsl);\n --dh-color-visual-indigo-hsl: var(--dh-color-indigo-900-hsl);\n --dh-color-visual-magenta-hsl: var(--dh-color-magenta-900-hsl);\n --dh-color-visual-orange-hsl: var(--dh-color-orange-800-hsl);\n --dh-color-visual-purple-hsl: var(--dh-color-purple-1000-hsl);\n --dh-color-visual-red-hsl: var(--dh-color-red-800-hsl);\n --dh-color-visual-seafoam-hsl: var(--dh-color-seafoam-1100-hsl);\n --dh-color-visual-yellow-hsl: var(--dh-color-yellow-700-hsl);\n\n --dh-color-visual-positive-hsl: var(--dh-color-green-800-hsl);\n --dh-color-visual-negative-hsl: var(--dh-color-red-800-hsl);\n --dh-color-visual-notice-hsl: var(--dh-color-yellow-700-hsl);\n --dh-color-visual-info-hsl: var(--dh-color-cyan-1100-hsl);\n\n / General /\n --dh-color-bg: hsl(var(--dh-color-bg-hsl));\n --dh-color-content-bg: hsl(var(--dh-color-content-bg-hsl));\n --dh-color-subdued-content-bg: hsl(var(--dh-color-subdued-content-bg-hsl));\n --dh-color-surface-bg: hsl(var(--dh-color-surface-bg-hsl));\n --dh-color-fg: hsl(var(--dh-color-fg-hsl));\n --dh-color-border: hsl(var(--dh-color-border-hsl));\n --dh-color-hover-border: var(--dh-color-gray-900);\n --dh-color-border-focus: hsl(var(--dh-color-border-focus-hsl));\n --dh-color-disabled-bg: hsl(var(--dh-color-disabled-bg-hsl));\n\n / Text /\n --dh-color-heading-text: var(--dh-color-gray-900);\n --dh-color-text: var(--dh-color-gray-800);\n --dh-color-text-disabled: var(--dh-color-gray-700);\n --dh-color-text-highlight: hsla(var(--dh-color-blue-700-hsl), 0.15);\n --dh-color-text-hover: var(--dh-color-gray-900);\n\n / Contrast Base /\n --dh-color-contrast-dark: hsl(var(--dh-color-contrast-dark-hsl));\n --dh-color-contrast-light: hsl(var(--dh-color-contrast-light-hsl));\n\n /* Accent Colors /\n --dh-color-accent-100: hsl(var(--dh-color-accent-100-hsl));\n --dh-color-accent-200: hsl(var(--dh-color-accent-200-hsl));\n --dh-color-accent-300: hsl(var(--dh-color-accent-300-hsl));\n --dh-color-accent-400: hsl(var(--dh-color-accent-400-hsl));\n --dh-color-accent-500: hsl(var(--dh-color-accent-500-hsl));\n --dh-color-accent-600: hsl(var(--dh-color-accent-600-hsl));\n --dh-color-accent-700: hsl(var(--dh-color-accent-700-hsl));\n --dh-color-accent-800: hsl(var(--dh-color-accent-800-hsl));\n --dh-color-accent-900: hsl(var(--dh-color-accent-900-hsl));\n --dh-color-accent-1000: hsl(var(--dh-color-accent-1000-hsl));\n --dh-color-accent-1100: hsl(var(--dh-color-accent-1100-hsl));\n --dh-color-accent-1200: hsl(var(--dh-color-accent-1200-hsl));\n --dh-color-accent-1300: hsl(var(--dh-color-accent-1300-hsl));\n --dh-color-accent-1400: hsl(var(--dh-color-accent-1400-hsl));\n\n / Accent /\n --dh-color-accent-bg: hsl(var(--dh-color-accent-hsl));\n --dh-color-accent-hover-bg: var(--dh-color-accent-1000);\n --dh-color-accent-down-bg: var(--dh-color-accent-1100);\n --dh-color-accent-key-focus-bg: var(--dh-color-accent-1000);\n --dh-color-accent-contrast: hsl(var(--dh-color-accent-contrast-hsl));\n\n / Background Defaults /\n --dh-color-gray-bg: var(--dh-color-gray-700);\n --dh-color-blue-bg: var(--dh-color-blue-700);\n --dh-color-red-bg: var(--dh-color-red-700);\n --dh-color-orange-bg: var(--dh-color-orange-800);\n --dh-color-yellow-bg: var(--dh-color-yellow-1000);\n --dh-color-chartreuse-bg: var(--dh-color-chartreuse-900);\n --dh-color-celery-bg: var(--dh-color-celery-800);\n --dh-color-green-bg: var(--dh-color-green-700);\n --dh-color-seafoam-bg: var(--dh-color-seafoam-700);\n --dh-color-cyan-bg: var(--dh-color-cyan-700);\n --dh-color-indigo-bg: var(--dh-color-indigo-700);\n --dh-color-purple-bg: var(--dh-color-purple-700);\n --dh-color-fuchsia-bg: var(--dh-color-fuchsia-700);\n --dh-color-magenta-bg: var(--dh-color-magenta-700);\n\n / Focus /\n --dh-color-focus: var(--dh-color-blue-800);\n --dh-color-focus-border: var(--dh-color-blue-800);\n --dh-color-focus-ring: var(--dh-color-focus);\n\n / Highlight /\n --dh-color-highlight-active: hsla(var(--dh-color-visual-gray-hsl), 0.2);\n --dh-color-highlight-hover: hsla(var(--dh-color-visual-gray-hsl), 0.15);\n --dh-color-highlight-invalid: hsla(var(--dh-color-visual-red-hsl), 0.15);\n --dh-color-highlight-selected: hsla(var(--dh-color-accent-hsl), 0.25);\n --dh-color-highlight-selected-hover: hsla(var(--dh-color-accent-hsl), 0.35);\n\n / Keyboard selected /\n --dh-color-keyboard-selected-bg: hsla(var(--dh-color-accent-hsl), 0.5);\n\n / Shadows / Overlays /\n --dh-color-dropshadow: hsla(var(--dh-color-true-black-hsl), 0.25);\n --dh-color-overlay-modal-bg: hsla(var(--dh-color-visual-gray-hsl), 0.6);\n --dh-color-overlay-hover-bg: hsla(var(--dh-color-visual-gray-hsl), 0.08);\n\n / Negative /\n --dh-color-negative-bg: hsl(var(--dh-color-negative-hsl));\n --dh-color-negative-hover-bg: var(--dh-color-red-900);\n --dh-color-negative-down-bg: var(--dh-color-red-1000);\n --dh-color-negative-key-focus-bg: var(--dh-color-red-900);\n --dh-color-negative-contrast: hsl(var(--dh-color-negative-contrast-hsl));\n\n / Neutral /\n --dh-color-neutral-bg: hsl(var(--dh-color-neutral-hsl));\n --dh-color-neutral-hover-bg: var(--dh-color-gray-300);\n --dh-color-neutral-down-bg: var(--dh-color-gray-100);\n --dh-color-neutral-key-focus-bg: var(--dh-color-gray-300);\n --dh-color-neutral-contrast: hsl(var(--dh-color-neutral-contrast-hsl));\n\n --dh-color-neutral-subdued-bg: var(--dh-color-gray-400);\n --dh-color-neutral-subdued-hover-bg: var(--dh-color-gray-300);\n --dh-color-neutral-subdued-down-bg: var(--dh-color-gray-200);\n --dh-color-neutral-subdued-key-focus-bg: var(--dh-color-gray-300);\n\n / Positive /\n --dh-color-positive-bg: hsl(var(--dh-color-positive-hsl));\n --dh-color-positive-hover-bg: var(--dh-color-green-800);\n --dh-color-positive-down-bg: var(--dh-color-green-700);\n --dh-color-positive-key-focus-bg: var(--dh-color-green-800);\n --dh-color-positive-contrast: hsl(var(--dh-color-positive-contrast-hsl));\n\n / Informative /\n --dh-color-info-bg: hsl(var(--dh-color-info-hsl));\n --dh-color-info-hover-bg: var(--dh-color-cyan-900);\n --dh-color-info-down-bg: var(--dh-color-cyan-800);\n --dh-color-info-key-focus-bg: var(--dh-color-cyan-900);\n --dh-color-info-contrast: hsl(var(--dh-color-info-contrast-hsl));\n\n / Notice /\n --dh-color-notice-bg: hsl(var(--dh-color-notice-hsl));\n --dh-color-notice-hover-bg: var(--dh-color-yellow-900);\n --dh-color-notice-down-bg: var(--dh-color-yellow-800);\n --dh-color-notice-key-focus-bg: var(--dh-color-yellow-1000);\n --dh-color-notice-contrast: hsl(var(--dh-color-notice-contrast-hsl));\n\n / Visual Colors /\n --dh-color-visual-blue: hsl(var(--dh-color-visual-blue-hsl));\n --dh-color-visual-celery: hsl(var(--dh-color-visual-celery-hsl));\n --dh-color-visual-chartreuse: hsl(var(--dh-color-visual-chartreuse-hsl));\n --dh-color-visual-cyan: hsl(var(--dh-color-visual-cyan-hsl));\n --dh-color-visual-fuchsia: hsl(var(--dh-color-visual-fuchsia-hsl));\n --dh-color-visual-gray: hsl(var(--dh-color-visual-gray-hsl));\n --dh-color-visual-green: hsl(var(--dh-color-visual-green-hsl));\n --dh-color-visual-indigo: hsl(var(--dh-color-visual-indigo-hsl));\n --dh-color-visual-magenta: hsl(var(--dh-color-visual-magenta-hsl));\n --dh-color-visual-orange: hsl(var(--dh-color-visual-orange-hsl));\n --dh-color-visual-purple: hsl(var(--dh-color-visual-purple-hsl));\n --dh-color-visual-red: hsl(var(--dh-color-visual-red-hsl));\n --dh-color-visual-seafoam: hsl(var(--dh-color-visual-seafoam-hsl));\n --dh-color-visual-yellow: hsl(var(--dh-color-visual-yellow-hsl));\n\n --dh-color-visual-positive: hsl(var(--dh-color-visual-positive-hsl));\n --dh-color-visual-negative: hsl(var(--dh-color-visual-negative-hsl));\n --dh-color-visual-notice: hsl(var(--dh-color-visual-notice-hsl));\n --dh-color-visual-info: hsl(var(--dh-color-visual-info-hsl));\n\n / Editing */\n --dh-color-modified: var(--dh-color-green-700);\n}\n"]}
1	+ {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-light/theme-light-semantic.css"],"names":[],"mappings":"AAEA,MAEE,wCACA,gDACA,wDACA,gDACA,qCACA,4CACA,kDACA,oDACA,iDACA,yCAGA,kDACA,0CACA,mDACA,2FAKA,gDAUA,kDACA,oDAGA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,kDACA,kDACA,kDACA,kDACA,kDAGA,8CACA,6CACA,wDACA,uDACA,4DACA,0DAGA,6CACA,2CACA,iDACA,kDACA,yDACA,iDACA,+CACA,mDACA,6CACA,6CACA,iDACA,iDACA,mDACA,mDAGA,iDACA,+CACA,qDACA,qDACA,8DACA,sDACA,mDACA,wDACA,kDACA,iDACA,qDACA,sDACA,uDACA,uDAEA,sDACA,oDACA,qDACA,kDAGA,2CACA,kDACA,6CAGA,gGAKA,+FAKA,gGAKA,4FAKA,mGAOA,+FAOA,yFAKA,gGAKA,+FAOA,6CACA,iDACA,sDACA,sDACA,0DACA,4DAGA,6CACA,+CACA,sDACA,qDACA,0DACA,4DAEA,wDACA,8DACA,6DACA,kEAGA,+CACA,iDACA,wDACA,uDACA,4DACA,4DAGA,2CACA,yCACA,mDACA,kDACA,uDACA,wDAGA,+CACA,6CACA,uDACA,sDACA,4DACA,0DAGA","file":"theme-light-semantic.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before /\n/ stylelint-disable alpha-value-notation /\n:root {\n / General /\n --dh-color-bg: var(--dh-color-gray-300);\n --dh-color-content-bg: var(--dh-color-gray-100);\n --dh-color-subdued-content-bg: var(--dh-color-gray-200);\n --dh-color-surface-bg: var(--dh-color-gray-200);\n --dh-color-fg: var(--dh-color-black);\n --dh-color-border: var(--dh-color-gray-700);\n --dh-color-hover-border: var(--dh-color-gray-900);\n --dh-color-border-focus: var(--dh-color-accent-800);\n --dh-color-disabled-bg: var(--dh-color-gray-300);\n --dh-color-scrollbar: var(--dh-color-fg);\n\n / Text /\n --dh-color-heading-text: var(--dh-color-gray-900);\n --dh-color-text: var(--dh-color-gray-800);\n --dh-color-text-disabled: var(--dh-color-gray-700);\n --dh-color-text-highlight: color-mix(\n in srgb,\n var(--dh-color-blue-700) 15%,\n transparent\n );\n --dh-color-text-hover: var(--dh-color-gray-900);\n\n /\n * Contrast Colors\n \n Note that React Spectrum guidance suggests that background colors containing\n * yellow, orange, chartreuse or cyan should use a dark contrast color. All\n * others should use light.\n * https://spectrum.adobe.com/page/using-color/#Solid-color-background-with-black-or-white\n /\n --dh-color-contrast-dark: var(--dh-color-gray-50);\n --dh-color-contrast-light: var(--dh-color-gray-900);\n\n /* Accent Colors /\n --dh-color-accent-100: var(--dh-color-blue-100);\n --dh-color-accent-200: var(--dh-color-blue-200);\n --dh-color-accent-300: var(--dh-color-blue-300);\n --dh-color-accent-400: var(--dh-color-blue-400);\n --dh-color-accent-500: var(--dh-color-blue-500);\n --dh-color-accent-600: var(--dh-color-blue-600);\n --dh-color-accent-700: var(--dh-color-blue-700);\n --dh-color-accent-800: var(--dh-color-blue-800);\n --dh-color-accent-900: var(--dh-color-blue-900);\n --dh-color-accent-1000: var(--dh-color-blue-1000);\n --dh-color-accent-1100: var(--dh-color-blue-1100);\n --dh-color-accent-1200: var(--dh-color-blue-1200);\n --dh-color-accent-1300: var(--dh-color-blue-1300);\n --dh-color-accent-1400: var(--dh-color-blue-1400);\n\n / Accent /\n --dh-color-accent: var(--dh-color-accent-900);\n --dh-color-accent-bg: var(--dh-color-accent);\n --dh-color-accent-hover-bg: var(--dh-color-accent-1000);\n --dh-color-accent-down-bg: var(--dh-color-accent-1100);\n --dh-color-accent-key-focus-bg: var(--dh-color-accent-1000);\n --dh-color-accent-contrast: var(--dh-color-contrast-dark);\n\n / Background Defaults /\n --dh-color-gray-bg: var(--dh-color-gray-700);\n --dh-color-red-bg: var(--dh-color-red-700);\n --dh-color-orange-bg: var(--dh-color-orange-800);\n --dh-color-yellow-bg: var(--dh-color-yellow-1000);\n --dh-color-chartreuse-bg: var(--dh-color-chartreuse-900);\n --dh-color-celery-bg: var(--dh-color-celery-800);\n --dh-color-green-bg: var(--dh-color-green-700);\n --dh-color-seafoam-bg: var(--dh-color-seafoam-700);\n --dh-color-cyan-bg: var(--dh-color-cyan-700);\n --dh-color-blue-bg: var(--dh-color-blue-700);\n --dh-color-indigo-bg: var(--dh-color-indigo-700);\n --dh-color-purple-bg: var(--dh-color-purple-700);\n --dh-color-fuchsia-bg: var(--dh-color-fuchsia-700);\n --dh-color-magenta-bg: var(--dh-color-magenta-700);\n\n / Visual HSL /\n --dh-color-visual-gray: var(--dh-color-gray-600);\n --dh-color-visual-red: var(--dh-color-red-800);\n --dh-color-visual-orange: var(--dh-color-orange-800);\n --dh-color-visual-yellow: var(--dh-color-yellow-700);\n --dh-color-visual-chartreuse: var(--dh-color-chartreuse-1100);\n --dh-color-visual-celery: var(--dh-color-celery-1000);\n --dh-color-visual-green: var(--dh-color-green-900);\n --dh-color-visual-seafoam: var(--dh-color-seafoam-1100);\n --dh-color-visual-cyan: var(--dh-color-cyan-1100);\n --dh-color-visual-blue: var(--dh-color-blue-900);\n --dh-color-visual-indigo: var(--dh-color-indigo-900);\n --dh-color-visual-purple: var(--dh-color-purple-1000);\n --dh-color-visual-fuchsia: var(--dh-color-fuchsia-900);\n --dh-color-visual-magenta: var(--dh-color-magenta-900);\n\n --dh-color-visual-positive: var(--dh-color-green-800);\n --dh-color-visual-negative: var(--dh-color-red-800);\n --dh-color-visual-notice: var(--dh-color-yellow-700);\n --dh-color-visual-info: var(--dh-color-cyan-1100);\n\n / Focus /\n --dh-color-focus: var(--dh-color-blue-800);\n --dh-color-focus-border: var(--dh-color-blue-800);\n --dh-color-focus-ring: var(--dh-color-focus);\n\n / Highlight /\n --dh-color-highlight-active: color-mix(\n in srgb,\n var(--dh-color-visual-gray) 20%,\n transparent\n );\n --dh-color-highlight-hover: color-mix(\n in srgb,\n var(--dh-color-visual-gray) 10%,\n transparent\n );\n --dh-color-highlight-invalid: color-mix(\n in srgb,\n var(--dh-color-visual-red) 15%,\n transparent\n );\n --dh-color-highlight-selected: color-mix(\n in srgb,\n var(--dh-color-accent) 7%,\n transparent\n );\n --dh-color-highlight-selected-hover: color-mix(\n in srgb,\n var(--dh-color-accent) 13%,\n transparent\n );\n\n / Keyboard selected /\n --dh-color-keyboard-selected-bg: color-mix(\n in srgb,\n var(--dh-color-accent) 50%,\n transparent\n );\n\n / Shadows / Overlays /\n --dh-color-dropshadow: color-mix(\n in srgb,\n var(--dh-color-true-black) 25%,\n transparent\n );\n --dh-color-overlay-modal-bg: color-mix(\n in srgb,\n var(--dh-color-visual-gray) 60%,\n transparent\n );\n --dh-color-overlay-hover-bg: color-mix(\n in srgb,\n var(--dh-color-visual-gray) 8%,\n transparent\n );\n\n / Negative /\n --dh-color-negative: var(--dh-color-red-800);\n --dh-color-negative-bg: var(--dh-color-negative);\n --dh-color-negative-hover-bg: var(--dh-color-red-900);\n --dh-color-negative-down-bg: var(--dh-color-red-1000);\n --dh-color-negative-key-focus-bg: var(--dh-color-red-900);\n --dh-color-negative-contrast: var(--dh-color-contrast-dark);\n\n / Neutral /\n --dh-color-neutral: var(--dh-color-gray-400);\n --dh-color-neutral-bg: var(--dh-color-neutral);\n --dh-color-neutral-hover-bg: var(--dh-color-gray-300);\n --dh-color-neutral-down-bg: var(--dh-color-gray-100);\n --dh-color-neutral-key-focus-bg: var(--dh-color-gray-300);\n --dh-color-neutral-contrast: var(--dh-color-contrast-light);\n\n --dh-color-neutral-subdued-bg: var(--dh-color-gray-400);\n --dh-color-neutral-subdued-hover-bg: var(--dh-color-gray-300);\n --dh-color-neutral-subdued-down-bg: var(--dh-color-gray-200);\n --dh-color-neutral-subdued-key-focus-bg: var(--dh-color-gray-300);\n\n / Positive /\n --dh-color-positive: var(--dh-color-green-900);\n --dh-color-positive-bg: var(--dh-color-positive);\n --dh-color-positive-hover-bg: var(--dh-color-green-800);\n --dh-color-positive-down-bg: var(--dh-color-green-700);\n --dh-color-positive-key-focus-bg: var(--dh-color-green-800);\n --dh-color-positive-contrast: var(--dh-color-contrast-dark);\n\n / Informative /\n --dh-color-info: var(--dh-color-cyan-1000);\n --dh-color-info-bg: var(--dh-color-info);\n --dh-color-info-hover-bg: var(--dh-color-cyan-900);\n --dh-color-info-down-bg: var(--dh-color-cyan-800);\n --dh-color-info-key-focus-bg: var(--dh-color-cyan-900);\n --dh-color-info-contrast: var(--dh-color-contrast-dark);\n\n / Notice /\n --dh-color-notice: var(--dh-color-yellow-1000);\n --dh-color-notice-bg: var(--dh-color-notice);\n --dh-color-notice-hover-bg: var(--dh-color-yellow-900);\n --dh-color-notice-down-bg: var(--dh-color-yellow-800);\n --dh-color-notice-key-focus-bg: var(--dh-color-yellow-1000);\n --dh-color-notice-contrast: var(--dh-color-contrast-dark);\n\n / Editing */\n --dh-color-modified: var(--dh-color-green-700);\n}\n"]}