npm - @deephaven/components - Versions diffs - 0.61.1-alpha-widget-types.1 → 0.61.1 - Mend

@deephaven/components 0.61.1-alpha-widget-types.1 → 0.61.1

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

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

	@@ -1 +1 @@
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-dark-img);--dh-color-login-form-bg: var(--dh-color-gray-400);--dh-color-login-status-message: var(--dh-color-gray-600);--dh-color-login-logo-bg: var(--dh-color-gray-900);--dh-color-login-footer-fg: var(--dh-color-gray-700);--dh-color-random-area-plot-animation-fg-fill: color-mix( in srgb, var(--dh-color-accent) 8%, transparent );--dh-color-random-area-plot-animation-fg-stroke: color-mix( in srgb, var(--dh-color-accent) 20%, transparent );--dh-color-random-area-plot-animation-bg: var(--dh-color-gray-75);--dh-color-random-area-plot-animation-grid: var(--dh-color-gray-300);--dh-color-action-bg: var(--dh-color-gray-75);--dh-color-action-fg: var(--dh-color-text);--dh-color-action-border: var(--dh-color-border);--dh-color-action-down-bg: var(--dh-color-gray-300);--dh-color-action-hover-bg: var(--dh-color-gray-50);--dh-color-action-hover-fg: var(--dh-color-text-hover);--dh-color-action-hover-border: var(--dh-color-hover-border);--dh-color-action-active-bg: var(--dh-color-gray-800);--dh-color-action-active-fg: var(--dh-color-gray-50);--dh-color-action-active-border: var(--dh-color-gray-800);--dh-color-action-active-hover-bg: var(--dh-color-gray-900);--dh-color-action-active-hover-fg: var(--dh-color-gray-50);--dh-color-action-active-hover-border: var(--dh-color-gray-900);--dh-color-action-disabled-bg: transparent;--dh-color-action-disabled-fg: var(--dh-color-text-disabled);--dh-color-action-disabled-border: var(--dh-color-gray-300);--dh-color-icon-fg: var(--dh-color-gray-700);--dh-color-icon-disabled-fg: var(--dh-color-gray-400);--dh-color-input-bg: var(--dh-color-gray-75);--dh-color-input-fg: var(--dh-color-text);--dh-color-input-border: var(--dh-color-border);--dh-color-input-placeholder: var(--dh-color-gray-600);--dh-color-input-active-bg: var(--dh-color-input-bg);--dh-color-input-disabled-bg: var(--dh-color-disabled-bg);--dh-color-input-disabled-border: transparent;--dh-color-input-disabled-fg: var(--dh-color-text-disabled);--dh-color-input-hover-border: var(--dh-color-hover-border);--dh-color-input-focus-border: var(--dh-color-border-focus);--dh-color-search-icon: var(--dh-color-fg);--dh-color-form-control-error: var(--dh-color-visual-negative);--dh-color-form-control-error-shadow: color-mix( in srgb, var(--dh-color-visual-negative) 25%, transparent );--dh-color-label-text: var(--dh-color-gray-700);--dh-color-selector-fg: var(--dh-color-icon-fg);--dh-color-selector-bg: var(--dh-color-gray-75);--dh-color-selector-hover-bg: var(--dh-color-gray-50);--dh-color-selector-hover-fg: var(--dh-color-gray-900);--dh-color-selector-disabled-fg: var(--dh-color-icon-disabled-fg);--dh-color-item-list-bg: transparent;--dh-color-item-list-active-bg: var(--dh-color-highlight-active);--dh-color-item-list-hover-bg: var(--dh-color-highlight-hover);--dh-color-item-list-selected-fg: var(--dh-color-text);--dh-color-item-list-selected-bg: var(--dh-color-highlight-selected);--dh-color-item-list-selected-hover-bg: var( --dh-color-highlight-selected-hover );--dh-color-item-list-selected-inactive-bg: var(--dh-color-gray-200);--dh-color-item-list-selected-border: ~~color-mix( in srgb,~~ var(--dh-color-accent) ~~60%, transparent )~~;--dh-color-item-list-drop-target-fg: var(--dh-color-white);--dh-color-item-list-keyboard-selected-bg: color-mix( in srgb, var(--dh-color-accent) 50%, transparent );--dh-color-golden-layout-tab-header-bg: var(--dh-color-gray-75);--dh-color-golden-layout-tab-bg: var(--dh-color-gray-75);--dh-color-golden-layout-tab-selected-bg: var(--dh-color-content-bg);--dh-color-menu-item-fg: var(--dh-color-gray-700);--dh-color-hr: var(--dh-color-gray-300);--dh-color-dialog-title-fg: var(--dh-color-heading-text);--dh-color-dialog-fg: var(--dh-color-text);--dh-color-popover-bg: var(--dh-color-bg);--dh-color-tooltip-bg: var(--dh-color-gray-400);--dh-color-tooltip-fg: var(--dh-color-fg);--dh-color-tooltip-box-shadow: var(--dh-color-dropshadow);--dh-color-well-bg: color-mix( in srgb, var(--dh-color-visual-gray) 2%, transparent );--dh-color-well-border: color-mix( in srgb, var(--dh-color-visual-gray) 5%, transparent )}/# sourceMappingURL=theme-dark-components.css.map /
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-dark-img);--dh-color-login-form-bg: var(--dh-color-gray-400);--dh-color-login-status-message: var(--dh-color-gray-600);--dh-color-login-logo-bg: var(--dh-color-gray-900);--dh-color-login-footer-fg: var(--dh-color-gray-700);--dh-color-random-area-plot-animation-fg-fill: color-mix( in srgb, var(--dh-color-accent) 8%, transparent );--dh-color-random-area-plot-animation-fg-stroke: color-mix( in srgb, var(--dh-color-accent) 20%, transparent );--dh-color-random-area-plot-animation-bg: var(--dh-color-gray-75);--dh-color-random-area-plot-animation-grid: var(--dh-color-gray-300);--dh-color-action-bg: var(--dh-color-gray-75);--dh-color-action-fg: var(--dh-color-text);--dh-color-action-border: var(--dh-color-border);--dh-color-action-down-bg: var(--dh-color-gray-300);--dh-color-action-hover-bg: var(--dh-color-gray-50);--dh-color-action-hover-fg: var(--dh-color-text-hover);--dh-color-action-hover-border: var(--dh-color-hover-border);--dh-color-action-active-bg: var(--dh-color-gray-800);--dh-color-action-active-fg: var(--dh-color-gray-50);--dh-color-action-active-border: var(--dh-color-gray-800);--dh-color-action-active-hover-bg: var(--dh-color-gray-900);--dh-color-action-active-hover-fg: var(--dh-color-gray-50);--dh-color-action-active-hover-border: var(--dh-color-gray-900);--dh-color-action-disabled-bg: transparent;--dh-color-action-disabled-fg: var(--dh-color-text-disabled);--dh-color-action-disabled-border: var(--dh-color-gray-300);--dh-color-icon-fg: var(--dh-color-gray-700);--dh-color-icon-disabled-fg: var(--dh-color-gray-400);--dh-color-input-bg: var(--dh-color-gray-75);--dh-color-input-fg: var(--dh-color-text);--dh-color-input-border: var(--dh-color-border);--dh-color-input-placeholder: var(--dh-color-gray-600);--dh-color-input-active-bg: var(--dh-color-input-bg);--dh-color-input-disabled-bg: var(--dh-color-disabled-bg);--dh-color-input-disabled-border: transparent;--dh-color-input-disabled-fg: var(--dh-color-text-disabled);--dh-color-input-hover-border: var(--dh-color-hover-border);--dh-color-input-focus-border: var(--dh-color-border-focus);--dh-color-search-icon: var(--dh-color-fg);--dh-color-form-control-error: var(--dh-color-visual-negative);--dh-color-form-control-error-shadow: color-mix( in srgb, var(--dh-color-visual-negative) 25%, transparent );--dh-color-label-text: var(--dh-color-gray-700);--dh-color-selector-fg: var(--dh-color-icon-fg);--dh-color-selector-bg: var(--dh-color-gray-75);--dh-color-selector-hover-bg: var(--dh-color-gray-50);--dh-color-selector-hover-fg: var(--dh-color-gray-900);--dh-color-selector-disabled-fg: var(--dh-color-icon-disabled-fg);--dh-color-item-list-bg: transparent;--dh-color-item-list-active-bg: var(--dh-color-highlight-active);--dh-color-item-list-hover-bg: var(--dh-color-highlight-hover);--dh-color-item-list-selected-fg: var(--dh-color-text);--dh-color-item-list-selected-bg: var(--dh-color-highlight-selected);--dh-color-item-list-selected-hover-bg: var( --dh-color-highlight-selected-hover );--dh-color-item-list-selected-inactive-bg: var(--dh-color-gray-200);--dh-color-item-list-selected-border: var(--dh-color-accent-900);--dh-color-item-list-drop-target-fg: var(--dh-color-white);--dh-color-item-list-keyboard-selected-bg: color-mix( in srgb, var(--dh-color-accent) 50%, transparent );--dh-color-golden-layout-tab-header-bg: var(--dh-color-gray-75);--dh-color-golden-layout-tab-bg: var(--dh-color-gray-75);--dh-color-golden-layout-tab-selected-bg: var(--dh-color-content-bg);--dh-color-menu-item-fg: var(--dh-color-gray-700);--dh-color-hr: var(--dh-color-gray-300);--dh-color-dialog-title-fg: var(--dh-color-heading-text);--dh-color-dialog-fg: var(--dh-color-text);--dh-color-popover-bg: var(--dh-color-bg);--dh-color-tooltip-bg: var(--dh-color-gray-400);--dh-color-tooltip-fg: var(--dh-color-fg);--dh-color-tooltip-box-shadow: var(--dh-color-dropshadow);--dh-color-well-bg: color-mix( in srgb, var(--dh-color-visual-gray) 2%, transparent );--dh-color-well-border: color-mix( in srgb, var(--dh-color-visual-gray) 5%, transparent )}/# sourceMappingURL=theme-dark-components.css.map /

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-palette.css"],"names":[],"mappings":"AACA,MAEE,4BACA,4BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BAEA,gDACA,8CACA,+CAGA,0CACA,2CACA,+BACA,+BAGA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,6BACA,6BACA,6BACA,6BACA,6BAGA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,gCACA,gCACA,gCACA,gCACA,gCAGA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,gCACA,gCACA,gCACA,gCACA,gCAGA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,oCACA,oCACA,oCACA,oCACA,oCAGA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,gCACA,gCACA,gCACA,gCACA,gCAGA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,+BACA,+BACA,+BACA,+BACA,+BAGA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,iCACA,iCACA,iCACA,iCACA,iCAGA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,8BACA,8BACA,8BACA,8BACA,8BAGA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,8BACA,8BACA,8BACA,8BACA,8BAGA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,gCACA,gCACA,gCACA,gCACA,gCAGA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,gCACA,gCACA,gCACA,gCACA,gCAGA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,iCACA,iCACA,iCACA,iCACA,iCAGA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,iCACA,iCACA,iCACA,iCACA","file":"theme-dark-palette.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before /\n:root {\n / Gray /\n --dh-color-gray-50: #1a171a;\n --dh-color-gray-75: #211f22;\n --dh-color-gray-100: #2d2a2e;\n --dh-color-gray-200: #322f33;\n --dh-color-gray-300: #373438;\n --dh-color-gray-400: #403e41;\n --dh-color-gray-500: #5b5a5c;\n --dh-color-gray-600: #929192;\n --dh-color-gray-700: #c0bfbf;\n --dh-color-gray-800: #f0f0ee;\n --dh-color-gray-900: #fcfcfa;\n\n --dh-color-gray-light: var(--dh-color-gray-900);\n --dh-color-gray-mid: var(--dh-color-gray-600);\n --dh-color-gray-dark: var(--dh-color-gray-300);\n\n /* Black & White /\n --dh-color-black: var(--dh-color-gray-50);\n --dh-color-white: var(--dh-color-gray-800);\n --dh-color-true-black: #000000;\n --dh-color-true-white: #ffffff;\n\n / Reds HSL components /\n --dh-color-red-100: #471521;\n --dh-color-red-200: #5d1b2b;\n --dh-color-red-300: #762336;\n --dh-color-red-400: #912b45;\n --dh-color-red-500: #ab3452;\n --dh-color-red-600: #c73f61;\n --dh-color-red-700: #e14c71;\n --dh-color-red-800: #f85e85;\n --dh-color-red-900: #ff7b9e;\n --dh-color-red-1000: #ff99b6;\n --dh-color-red-1100: #ffb4c9;\n --dh-color-red-1200: #ffcbd9;\n --dh-color-red-1300: #ffdee7;\n --dh-color-red-1400: #ffecf1;\n\n / Orange HSL components /\n --dh-color-orange-100: #471800;\n --dh-color-orange-200: #5a2202;\n --dh-color-orange-300: #702f06;\n --dh-color-orange-400: #87390c;\n --dh-color-orange-500: #9f4612;\n --dh-color-orange-600: #b7541b;\n --dh-color-orange-700: #d06425;\n --dh-color-orange-800: #e67533;\n --dh-color-orange-900: #fa8648;\n --dh-color-orange-1000: #ffa069;\n --dh-color-orange-1100: #ffb98d;\n --dh-color-orange-1200: #ffcfaf;\n --dh-color-orange-1300: #ffe0cb;\n --dh-color-orange-1400: #ffeee2;\n\n / Yellow HSL components /\n --dh-color-yellow-100: #2e2700;\n --dh-color-yellow-200: #3d3300;\n --dh-color-yellow-300: #4d4100;\n --dh-color-yellow-400: #5f5005;\n --dh-color-yellow-500: #725f0b;\n --dh-color-yellow-600: #856e13;\n --dh-color-yellow-700: #9a811b;\n --dh-color-yellow-800: #ae9024;\n --dh-color-yellow-900: #c3a32f;\n --dh-color-yellow-1000: #d7b53a;\n --dh-color-yellow-1100: #eac448;\n --dh-color-yellow-1200: #fad459;\n --dh-color-yellow-1300: #ffe77a;\n --dh-color-yellow-1400: #fff3ac;\n\n / Chartreuse HSL components /\n --dh-color-chartreuse-100: #1f2b00;\n --dh-color-chartreuse-200: #2b3805;\n --dh-color-chartreuse-300: #39470b;\n --dh-color-chartreuse-400: #495611;\n --dh-color-chartreuse-500: #596718;\n --dh-color-chartreuse-600: #69781f;\n --dh-color-chartreuse-700: #7a8927;\n --dh-color-chartreuse-800: #8e9c30;\n --dh-color-chartreuse-900: #a1ae3a;\n --dh-color-chartreuse-1000: #b2c046;\n --dh-color-chartreuse-1100: #c2d153;\n --dh-color-chartreuse-1200: #d5e166;\n --dh-color-chartreuse-1300: #e3ee84;\n --dh-color-chartreuse-1400: #f0f7ae;\n\n / Celery HSL components /\n --dh-color-celery-100: #122d15;\n --dh-color-celery-200: #173a1a;\n --dh-color-celery-300: #1e4b22;\n --dh-color-celery-400: #255c2a;\n --dh-color-celery-500: #2d6d32;\n --dh-color-celery-600: #36803d;\n --dh-color-celery-700: #409347;\n --dh-color-celery-800: #4da654;\n --dh-color-celery-900: #5fb967;\n --dh-color-celery-1000: #77ca7e;\n --dh-color-celery-1100: #93d999;\n --dh-color-celery-1200: #b2e5b7;\n --dh-color-celery-1300: #ceeed1;\n --dh-color-celery-1400: #e4f6e6;\n\n / Green HSL components /\n --dh-color-green-100: #22291d;\n --dh-color-green-200: #2d3625;\n --dh-color-green-300: #38462d;\n --dh-color-green-400: #445636;\n --dh-color-green-500: #50673d;\n --dh-color-green-600: #5b7a45;\n --dh-color-green-700: #678c4c;\n --dh-color-green-800: #74a053;\n --dh-color-green-900: #81b45a;\n --dh-color-green-1000: #8ec762;\n --dh-color-green-1100: #9bd96c;\n --dh-color-green-1200: #ace97e;\n --dh-color-green-1300: #c3f59d;\n --dh-color-green-1400: #dcfbc2;\n\n / Seafoam HSL components /\n --dh-color-seafoam-100: #1f2925;\n --dh-color-seafoam-200: #263630;\n --dh-color-seafoam-300: #2f463e;\n --dh-color-seafoam-400: #37574b;\n --dh-color-seafoam-500: #3e6959;\n --dh-color-seafoam-600: #447b68;\n --dh-color-seafoam-700: #488f79;\n --dh-color-seafoam-800: #4ca388;\n --dh-color-seafoam-900: #4fb798;\n --dh-color-seafoam-1000: #54cba5;\n --dh-color-seafoam-1100: #5edeb8;\n --dh-color-seafoam-1200: #78edc8;\n --dh-color-seafoam-1300: #9ef8d7;\n --dh-color-seafoam-1400: #cbfce8;\n\n / Cyan HSL components /\n --dh-color-cyan-100: #142b2d;\n --dh-color-cyan-200: #1a373a;\n --dh-color-cyan-300: #21474b;\n --dh-color-cyan-400: #29585c;\n --dh-color-cyan-500: #31696e;\n --dh-color-cyan-600: #3a7a81;\n --dh-color-cyan-700: #438d94;\n --dh-color-cyan-800: #4da0a8;\n --dh-color-cyan-900: #59b4bc;\n --dh-color-cyan-1000: #65c6cf;\n --dh-color-cyan-1100: #74d6e1;\n --dh-color-cyan-1200: #88e6f1;\n --dh-color-cyan-1300: #a4f2fb;\n --dh-color-cyan-1400: #cafaff;\n\n / Blue HSL components /\n --dh-color-blue-100: #112451;\n --dh-color-blue-200: #16306c;\n --dh-color-blue-300: #1d3d88;\n --dh-color-blue-400: #254ba4;\n --dh-color-blue-500: #2f5bc0;\n --dh-color-blue-600: #3b6bda;\n --dh-color-blue-700: #4c7dee;\n --dh-color-blue-800: #6390fa;\n --dh-color-blue-900: #7ca3ff;\n --dh-color-blue-1000: #97b6ff;\n --dh-color-blue-1100: #afc8ff;\n --dh-color-blue-1200: #c7d9ff;\n --dh-color-blue-1300: #dbe6ff;\n --dh-color-blue-1400: #ecf1ff;\n\n / Indigo HSL components /\n --dh-color-indigo-100: #1a1e62;\n --dh-color-indigo-200: #252a75;\n --dh-color-indigo-300: #32388a;\n --dh-color-indigo-400: #40489f;\n --dh-color-indigo-500: #4f58b4;\n --dh-color-indigo-600: #5f68c8;\n --dh-color-indigo-700: #707bdb;\n --dh-color-indigo-800: #828ded;\n --dh-color-indigo-900: #959ffa;\n --dh-color-indigo-1000: #aab2ff;\n --dh-color-indigo-1100: #bec5ff;\n --dh-color-indigo-1200: #d2d6ff;\n --dh-color-indigo-1300: #e1e5ff;\n --dh-color-indigo-1400: #eff0ff;\n\n / Purple HSL components /\n --dh-color-purple-100: #311067;\n --dh-color-purple-200: #3d1f79;\n --dh-color-purple-300: #4b2f8c;\n --dh-color-purple-400: #5a3f9f;\n --dh-color-purple-500: #6850b1;\n --dh-color-purple-600: #7861c3;\n --dh-color-purple-700: #8873d5;\n --dh-color-purple-800: #9887e5;\n --dh-color-purple-900: #a99af3;\n --dh-color-purple-1000: #b9aefb;\n --dh-color-purple-1100: #cac1fe;\n --dh-color-purple-1200: #dad3ff;\n --dh-color-purple-1300: #e8e3ff;\n --dh-color-purple-1400: #f4effe;\n\n / Fuchsia HSL components /\n --dh-color-fuchsia-100: #450f44;\n --dh-color-fuchsia-200: #551a55;\n --dh-color-fuchsia-300: #662969;\n --dh-color-fuchsia-400: #77377e;\n --dh-color-fuchsia-500: #884794;\n --dh-color-fuchsia-600: #9858aa;\n --dh-color-fuchsia-700: #a76bbf;\n --dh-color-fuchsia-800: #b67ed4;\n --dh-color-fuchsia-900: #c592e5;\n --dh-color-fuchsia-1000: #d2a7f0;\n --dh-color-fuchsia-1100: #debcf6;\n --dh-color-fuchsia-1200: #e9cff9;\n --dh-color-fuchsia-1300: #f2e0fb;\n --dh-color-fuchsia-1400: #f9edfc;\n\n / Magenta HSL components */\n --dh-color-magenta-100: #520427;\n --dh-color-magenta-200: #641034;\n --dh-color-magenta-300: #791e45;\n --dh-color-magenta-400: #8d2d57;\n --dh-color-magenta-500: #a13c69;\n --dh-color-magenta-600: #b54c7d;\n --dh-color-magenta-700: #ca5d93;\n --dh-color-magenta-800: #dc70a8;\n --dh-color-magenta-900: #ee83ba;\n --dh-color-magenta-1000: #fb99cd;\n --dh-color-magenta-1100: #ffb1dc;\n --dh-color-magenta-1200: #ffc9e7;\n --dh-color-magenta-1300: #ffddf0;\n --dh-color-magenta-1400: #ffecf6;\n}\n"]}
1	+ {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-palette.css"],"names":[],"mappings":"AACA,MAEE,4BACA,4BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BAEA,gDACA,8CACA,+CAGA,0CACA,2CACA,+BACA,+BAGA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,6BACA,6BACA,6BACA,6BACA,6BAGA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,gCACA,gCACA,gCACA,gCACA,gCAGA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,gCACA,gCACA,gCACA,gCACA,gCAGA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,oCACA,oCACA,oCACA,oCACA,oCAGA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,gCACA,gCACA,gCACA,gCACA,gCAGA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,+BACA,+BACA,+BACA,+BACA,+BAGA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,iCACA,iCACA,iCACA,iCACA,iCAGA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,8BACA,8BACA,8BACA,8BACA,8BAGA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,8BACA,8BACA,8BACA,8BACA,8BAGA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,gCACA,gCACA,gCACA,gCACA,gCAGA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,gCACA,gCACA,gCACA,gCACA,gCAGA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,iCACA,iCACA,iCACA,iCACA,iCAGA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,iCACA,iCACA,iCACA,iCACA","file":"theme-dark-palette.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before, color-hex-length /\n:root {\n / Gray /\n --dh-color-gray-50: #1a171a;\n --dh-color-gray-75: #211f22;\n --dh-color-gray-100: #2d2a2e;\n --dh-color-gray-200: #322f33;\n --dh-color-gray-300: #373438;\n --dh-color-gray-400: #403e41;\n --dh-color-gray-500: #5b5a5c;\n --dh-color-gray-600: #929192;\n --dh-color-gray-700: #c0bfbf;\n --dh-color-gray-800: #f0f0ee;\n --dh-color-gray-900: #fcfcfa;\n\n --dh-color-gray-light: var(--dh-color-gray-900);\n --dh-color-gray-mid: var(--dh-color-gray-600);\n --dh-color-gray-dark: var(--dh-color-gray-300);\n\n /* Black & White /\n --dh-color-black: var(--dh-color-gray-50);\n --dh-color-white: var(--dh-color-gray-800);\n --dh-color-true-black: #000000;\n --dh-color-true-white: #ffffff;\n\n / Reds HSL components /\n --dh-color-red-100: #471521;\n --dh-color-red-200: #5d1b2b;\n --dh-color-red-300: #762336;\n --dh-color-red-400: #912b45;\n --dh-color-red-500: #ab3452;\n --dh-color-red-600: #c73f61;\n --dh-color-red-700: #e14c71;\n --dh-color-red-800: #f85e85;\n --dh-color-red-900: #ff7b9e;\n --dh-color-red-1000: #ff99b6;\n --dh-color-red-1100: #ffb4c9;\n --dh-color-red-1200: #ffcbd9;\n --dh-color-red-1300: #ffdee7;\n --dh-color-red-1400: #ffecf1;\n\n / Orange HSL components /\n --dh-color-orange-100: #471800;\n --dh-color-orange-200: #5a2202;\n --dh-color-orange-300: #702f06;\n --dh-color-orange-400: #87390c;\n --dh-color-orange-500: #9f4612;\n --dh-color-orange-600: #b7541b;\n --dh-color-orange-700: #d06425;\n --dh-color-orange-800: #e67533;\n --dh-color-orange-900: #fa8648;\n --dh-color-orange-1000: #ffa069;\n --dh-color-orange-1100: #ffb98d;\n --dh-color-orange-1200: #ffcfaf;\n --dh-color-orange-1300: #ffe0cb;\n --dh-color-orange-1400: #ffeee2;\n\n / Yellow HSL components /\n --dh-color-yellow-100: #2e2700;\n --dh-color-yellow-200: #3d3300;\n --dh-color-yellow-300: #4d4100;\n --dh-color-yellow-400: #5f5005;\n --dh-color-yellow-500: #725f0b;\n --dh-color-yellow-600: #856e13;\n --dh-color-yellow-700: #9a811b;\n --dh-color-yellow-800: #ae9024;\n --dh-color-yellow-900: #c3a32f;\n --dh-color-yellow-1000: #d7b53a;\n --dh-color-yellow-1100: #eac448;\n --dh-color-yellow-1200: #fad459;\n --dh-color-yellow-1300: #ffe77a;\n --dh-color-yellow-1400: #fff3ac;\n\n / Chartreuse HSL components /\n --dh-color-chartreuse-100: #1f2b00;\n --dh-color-chartreuse-200: #2b3805;\n --dh-color-chartreuse-300: #39470b;\n --dh-color-chartreuse-400: #495611;\n --dh-color-chartreuse-500: #596718;\n --dh-color-chartreuse-600: #69781f;\n --dh-color-chartreuse-700: #7a8927;\n --dh-color-chartreuse-800: #8e9c30;\n --dh-color-chartreuse-900: #a1ae3a;\n --dh-color-chartreuse-1000: #b2c046;\n --dh-color-chartreuse-1100: #c2d153;\n --dh-color-chartreuse-1200: #d5e166;\n --dh-color-chartreuse-1300: #e3ee84;\n --dh-color-chartreuse-1400: #f0f7ae;\n\n / Celery HSL components /\n --dh-color-celery-100: #122d15;\n --dh-color-celery-200: #173a1a;\n --dh-color-celery-300: #1e4b22;\n --dh-color-celery-400: #255c2a;\n --dh-color-celery-500: #2d6d32;\n --dh-color-celery-600: #36803d;\n --dh-color-celery-700: #409347;\n --dh-color-celery-800: #4da654;\n --dh-color-celery-900: #5fb967;\n --dh-color-celery-1000: #77ca7e;\n --dh-color-celery-1100: #93d999;\n --dh-color-celery-1200: #b2e5b7;\n --dh-color-celery-1300: #ceeed1;\n --dh-color-celery-1400: #e4f6e6;\n\n / Green HSL components /\n --dh-color-green-100: #22291d;\n --dh-color-green-200: #2d3625;\n --dh-color-green-300: #38462d;\n --dh-color-green-400: #445636;\n --dh-color-green-500: #50673d;\n --dh-color-green-600: #5b7a45;\n --dh-color-green-700: #678c4c;\n --dh-color-green-800: #74a053;\n --dh-color-green-900: #81b45a;\n --dh-color-green-1000: #8ec762;\n --dh-color-green-1100: #9bd96c;\n --dh-color-green-1200: #ace97e;\n --dh-color-green-1300: #c3f59d;\n --dh-color-green-1400: #dcfbc2;\n\n / Seafoam HSL components /\n --dh-color-seafoam-100: #1f2925;\n --dh-color-seafoam-200: #263630;\n --dh-color-seafoam-300: #2f463e;\n --dh-color-seafoam-400: #37574b;\n --dh-color-seafoam-500: #3e6959;\n --dh-color-seafoam-600: #447b68;\n --dh-color-seafoam-700: #488f79;\n --dh-color-seafoam-800: #4ca388;\n --dh-color-seafoam-900: #4fb798;\n --dh-color-seafoam-1000: #54cba5;\n --dh-color-seafoam-1100: #5edeb8;\n --dh-color-seafoam-1200: #78edc8;\n --dh-color-seafoam-1300: #9ef8d7;\n --dh-color-seafoam-1400: #cbfce8;\n\n / Cyan HSL components /\n --dh-color-cyan-100: #142b2d;\n --dh-color-cyan-200: #1a373a;\n --dh-color-cyan-300: #21474b;\n --dh-color-cyan-400: #29585c;\n --dh-color-cyan-500: #31696e;\n --dh-color-cyan-600: #3a7a81;\n --dh-color-cyan-700: #438d94;\n --dh-color-cyan-800: #4da0a8;\n --dh-color-cyan-900: #59b4bc;\n --dh-color-cyan-1000: #65c6cf;\n --dh-color-cyan-1100: #74d6e1;\n --dh-color-cyan-1200: #88e6f1;\n --dh-color-cyan-1300: #a4f2fb;\n --dh-color-cyan-1400: #cafaff;\n\n / Blue HSL components /\n --dh-color-blue-100: #112451;\n --dh-color-blue-200: #16306c;\n --dh-color-blue-300: #1d3d88;\n --dh-color-blue-400: #254ba4;\n --dh-color-blue-500: #2f5bc0;\n --dh-color-blue-600: #3b6bda;\n --dh-color-blue-700: #4c7dee;\n --dh-color-blue-800: #6390fa;\n --dh-color-blue-900: #7ca3ff;\n --dh-color-blue-1000: #97b6ff;\n --dh-color-blue-1100: #afc8ff;\n --dh-color-blue-1200: #c7d9ff;\n --dh-color-blue-1300: #dbe6ff;\n --dh-color-blue-1400: #ecf1ff;\n\n / Indigo HSL components /\n --dh-color-indigo-100: #1a1e62;\n --dh-color-indigo-200: #252a75;\n --dh-color-indigo-300: #32388a;\n --dh-color-indigo-400: #40489f;\n --dh-color-indigo-500: #4f58b4;\n --dh-color-indigo-600: #5f68c8;\n --dh-color-indigo-700: #707bdb;\n --dh-color-indigo-800: #828ded;\n --dh-color-indigo-900: #959ffa;\n --dh-color-indigo-1000: #aab2ff;\n --dh-color-indigo-1100: #bec5ff;\n --dh-color-indigo-1200: #d2d6ff;\n --dh-color-indigo-1300: #e1e5ff;\n --dh-color-indigo-1400: #eff0ff;\n\n / Purple HSL components /\n --dh-color-purple-100: #311067;\n --dh-color-purple-200: #3d1f79;\n --dh-color-purple-300: #4b2f8c;\n --dh-color-purple-400: #5a3f9f;\n --dh-color-purple-500: #6850b1;\n --dh-color-purple-600: #7861c3;\n --dh-color-purple-700: #8873d5;\n --dh-color-purple-800: #9887e5;\n --dh-color-purple-900: #a99af3;\n --dh-color-purple-1000: #b9aefb;\n --dh-color-purple-1100: #cac1fe;\n --dh-color-purple-1200: #dad3ff;\n --dh-color-purple-1300: #e8e3ff;\n --dh-color-purple-1400: #f4effe;\n\n / Fuchsia HSL components /\n --dh-color-fuchsia-100: #450f44;\n --dh-color-fuchsia-200: #551a55;\n --dh-color-fuchsia-300: #662969;\n --dh-color-fuchsia-400: #77377e;\n --dh-color-fuchsia-500: #884794;\n --dh-color-fuchsia-600: #9858aa;\n --dh-color-fuchsia-700: #a76bbf;\n --dh-color-fuchsia-800: #b67ed4;\n --dh-color-fuchsia-900: #c592e5;\n --dh-color-fuchsia-1000: #d2a7f0;\n --dh-color-fuchsia-1100: #debcf6;\n --dh-color-fuchsia-1200: #e9cff9;\n --dh-color-fuchsia-1300: #f2e0fb;\n --dh-color-fuchsia-1400: #f9edfc;\n\n / Magenta HSL components */\n --dh-color-magenta-100: #520427;\n --dh-color-magenta-200: #641034;\n --dh-color-magenta-300: #791e45;\n --dh-color-magenta-400: #8d2d57;\n --dh-color-magenta-500: #a13c69;\n --dh-color-magenta-600: #b54c7d;\n --dh-color-magenta-700: #ca5d93;\n --dh-color-magenta-800: #dc70a8;\n --dh-color-magenta-900: #ee83ba;\n --dh-color-magenta-1000: #fb99cd;\n --dh-color-magenta-1100: #ffb1dc;\n --dh-color-magenta-1200: #ffc9e7;\n --dh-color-magenta-1300: #ffddf0;\n --dh-color-magenta-1400: #ffecf6;\n}\n"]}

package/dist/theme/theme-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: 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 /
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-300);--dh-color-item-list-selected-border: var(--dh-color-accent-900);--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,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"]}
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,iEACA,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-300);\n --dh-color-item-list-selected-border: var(--dh-color-accent-900);\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.map CHANGED Viewed

	@@ -1 +1 @@
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"]}
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, color-hex-length /\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-spectrum/theme-spectrum-alias.module.css CHANGED Viewed

	@@ -1 +1 @@
1	- .dh-spectrum-alias{--spectrum-alias-background-color-default: var(--dh-color-bg);--spectrum-alias-background-color-disabled: var(--dh-color-disabled-bg);--spectrum-alias-label-text-color: var(--dh-color-label-text);--spectrum-alias-text-color: var(--dh-color-text);--spectrum-alias-text-color-hover: var(--dh-color-text-hover);--spectrum-alias-text-color-disabled: var(--dh-color-text-disabled);--spectrum-alias-border-color: var(--dh-color-border);--spectrum-alias-border-color-hover: var(--dh-color-hover-border);--spectrum-alias-border-color-focus: var(--dh-color-border-focus);--spectrum-alias-input-border-color-key-focus: var( --spectrum-alias-border-color-focus );--spectrum-alias-focus-color: var(--dh-color-focus);--spectrum-alias-focus-ring-color: var(--dh-color-focus-ring);--spectrum-alias-icon-color: var(--dh-color-icon-fg);--spectrum-alias-icon-color-disabled: var(--dh-color-icon-disabled-fg);--spectrum-actionbutton-background-color-disabled: var( --dh-color-action-disabled-bg );--spectrum-actionbutton-border-color-disabled: var( --dh-color-action-disabled-border );--spectrum-actionbutton-text-color-disabled: var( --dh-color-action-disabled-fg );--spectrum-body-text-color: var(--dh-color-text);--spectrum-alias-dropshadow-color: var(--dh-color-dropshadow);--spectrum-alias-background-color-modal-overlay: var( --dh-color-modal-overlay-bg );--spectrum-alias-background-color-hover-overlay: var( --dh-color-overlay-hover-bg );--spectrum-colorarea-border-color: var(--dh-color-colorpicker-border);--spectrum-colorarea-border-color-hover: var(--dh-color-colorpicker-border);--spectrum-colorarea-border-color-down: var(--dh-color-colorpicker-border);--spectrum-colorarea-border-color-key-focus: var( --dh-color-colorpicker-border );--spectrum-colorslider-border-color: var(--dh-color-colorpicker-border);--spectrum-colorslider-border-color-hover: var(--dh-color-colorpicker-border);--spectrum-colorslider-border-color-down: var(--dh-color-colorpicker-border);--spectrum-colorslider-border-color-key-focus: var( --dh-color-colorpicker-border );--spectrum-colorslider-vertical-border-color: var( --dh-color-colorpicker-border );--spectrum-colorslider-vertical-border-color-hover: var( --dh-color-colorpicker-border );--spectrum-colorslider-vertical-border-color-down: var( --dh-color-colorpicker-border );--spectrum-colorslider-vertical-border-color-key-focus: var( --dh-color-colorpicker-border );--spectrum-colorwheel-border-color: var(--dh-color-colorpicker-border);--spectrum-colorwheel-border-color-hover: var(--dh-color-colorpicker-border);--spectrum-colorwheel-border-color-down: var(--dh-color-colorpicker-border);--spectrum-colorwheel-border-color-key-focus: var( --dh-color-colorpicker-border );--spectrum-alias-highlight-active: var(--dh-color-highlight-active);--spectrum-alias-highlight-hover: var(--dh-color-highlight-hover);--spectrum-alias-highlight-invalid: var(--dh-color-highlight-invalid);--spectrum-alias-highlight-selected: var(--dh-color-highlight-selected);--spectrum-alias-highlight-selected-hover: var( --dh-color-highlight-selected-hover );--spectrum-alias-text-highlight-color: var(--dh-color-text-highlight);--spectrum-alias-background-color-quickactions: var( --dh-color-quickactions-bg );--spectrum-alias-radial-reaction-color-default: var( --dh-color-radial-reaction );--spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-50);--spectrum-alias-appframe-separator-color: var( --spectrum-global-color-gray-50 );--spectrum-alias-pasteboard-background-color: var( --spectrum-global-color-gray-50 );--spectrum-tabs-compact-selection-indicator-color: var( --spectrum-global-color-blue-500 );--spectrum-tabs-compact-vertical-rule-color: var( --spectrum-global-color-gray-200 );--spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var( --spectrum-global-color-blue-500 );--spectrum-tabs-compact-vertical-emphasized-rule-color: var( --spectrum-global-color-gray-200 );--spectrum-tabs-emphasized-selection-indicator-color: var( --spectrum-global-color-blue-500 );--spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var( --spectrum-global-color-blue-500 );--spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var( --spectrum-global-color-blue-500 );--spectrum-tabs-quiet-emphasized-selection-indicator-color: var( --spectrum-global-color-blue-500 );--spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var( --spectrum-global-color-blue-500 );--spectrum-well-background-color: var(--dh-color-well-bg);--spectrum-well-border-color: var(--dh-color-well-border);--spectrum-tray-background-color: var(--spectrum-global-color-gray-100);--react-spectrum-datepicker-placeholder-color: var( --spectrum-global-color-gray-600 );--spectrum-accent-background-color-default: var(--dh-color-accent-bg);--spectrum-accent-background-color-hover: var(--dh-color-accent-hover-bg);--spectrum-accent-background-color-down: var(--dh-color-accent-down-bg);--spectrum-accent-background-color-key-focus: var( --dh-color-accent-key-focus-bg );--spectrum-neutral-background-color-default: var(--dh-color-neutral-bg);--spectrum-neutral-background-color-hover: var(--dh-color-neutral-hover-bg);--spectrum-neutral-background-color-down: var(--dh-color-neutral-down-bg);--spectrum-neutral-background-color-key-focus: var( --dh-color-neutral-key-focus-bg );--spectrum-neutral-subdued-background-color-default: var( --dh-color-neutral-subdued-bg );--spectrum-neutral-subdued-background-color-hover: var( --dh-color-neutral-subdued-hover-bg );--spectrum-neutral-subdued-background-color-down: var( --dh-color-neutral-subdued-down-bg );--spectrum-neutral-subdued-background-color-key-focus: var( --dh-color-neutral-subdued-key-focus-bg );--spectrum-negative-background-color-default: var(--dh-color-negative-bg);--spectrum-negative-background-color-hover: var(--dh-color-negative-hover-bg);--spectrum-negative-background-color-down: var(--dh-color-negative-down-bg);--spectrum-negative-background-color-key-focus: var( --dh-color-negative-key-focus-bg );--spectrum-positive-background-color-default: var(--dh-color-positive-bg);--spectrum-positive-background-color-hover: var(--dh-color-positive-hover-bg);--spectrum-positive-background-color-down: var(--dh-color-positive-down-bg);--spectrum-positive-background-color-key-focus: var( --dh-color-positive-key-focus-bg );--spectrum-informative-background-color-default: var(--dh-color-info-bg);--spectrum-informative-background-color-hover: var(--dh-color-info-hover-bg);--spectrum-informative-background-color-down: var(--dh-color-info-down-bg);--spectrum-informative-background-color-key-focus: var( --dh-color-info-key-focus-bg );--spectrum-notice-background-color-default: var(--dh-color-notice-bg);--spectrum-notice-background-color-hover: var(--dh-color-notice-hover-bg);--spectrum-notice-background-color-down: var(--dh-color-notice-down-bg);--spectrum-notice-background-color-key-focus: var( --dh-color-notice-key-focus-bg );--spectrum-gray-background-color-default: var(--dh-color-gray-bg);--spectrum-red-background-color-default: var(--dh-color-red-bg);--spectrum-orange-background-color-default: var(--dh-color-orange-bg);--spectrum-yellow-background-color-default: var(--dh-color-yellow-bg);--spectrum-chartreuse-background-color-default: var(--dh-color-chartreuse-bg);--spectrum-celery-background-color-default: var(--dh-color-celery-bg);--spectrum-green-background-color-default: var(--dh-color-green-bg);--spectrum-seafoam-background-color-default: var(--dh-color-seafoam-bg);--spectrum-cyan-background-color-default: var(--dh-color-cyan-bg);--spectrum-blue-background-color-default: var(--dh-color-blue-bg);--spectrum-indigo-background-color-default: var(--dh-color-indigo-bg);--spectrum-purple-background-color-default: var(--dh-color-purple-bg);--spectrum-fuchsia-background-color-default: var(--dh-color-fuchsia-bg);--spectrum-magenta-background-color-default: var(--dh-color-magenta-bg);--spectrum-negative-visual-color: var(--dh-color-visual-negative);--spectrum-positive-visual-color: var(--dh-color-visual-positive);--spectrum-notice-visual-color: var(--dh-color-visual-notice);--spectrum-informative-visual-color: var(--dh-color-visual-info);--spectrum-gray-visual-color: var(--dh-color-visual-gray);--spectrum-red-visual-color: var(--dh-color-visual-red);--spectrum-orange-visual-color: var(--dh-color-visual-orange);--spectrum-yellow-visual-color: var(--dh-color-visual-yellow);--spectrum-chartreuse-visual-color: var(--dh-color-visual-chartreuse);--spectrum-celery-visual-color: var(--dh-color-visual-celery);--spectrum-green-visual-color: var(--dh-color-visual-green);--spectrum-seafoam-visual-color: var(--dh-color-visual-seafoam);--spectrum-cyan-visual-color: var(--dh-color-visual-cyan);--spectrum-blue-visual-color: var(--dh-color-visual-blue);--spectrum-indigo-visual-color: var(--dh-color-visual-indigo);--spectrum-purple-visual-color: var(--dh-color-visual-purple);--spectrum-fuchsia-visual-color: var(--dh-color-visual-fuchsia);--spectrum-magenta-visual-color: var(--dh-color-visual-magenta);--spectrum-textfield-background-color: var(--dh-color-input-bg);--spectrum-textfield-background-color-down: var(--dh-color-input-active-bg);--spectrum-textfield-background-color-disabled: var( --dh-color-input-disabled-bg );--spectrum-textfield-border-color: var(--dh-color-input-border);--spectrum-textfield-border-color-disabled: var( --dh-color-input-disabled-border );--spectrum-fieldbutton-background-color: var(--dh-color-selector-bg);--spectrum-fieldbutton-background-color-hover: var( --dh-color-selector-hover-bg );--spectrum-fieldbutton-background-color-disabled: var( --dh-color-input-disabled-bg );--spectrum-fieldbutton-border-color: var(--dh-color-input-border);--spectrum-fieldbutton-border-color-hover: var(--dh-color-input-hover-border);--spectrum-fieldbutton-icon-color: var(--dh-color-selector-fg);--spectrum-fieldbutton-icon-color-hover: var(--dh-color-selector-hover-fg);--spectrum-dialog-title-text-color: var(--dh-color-dialog-title-fg);--spectrum-dialog-content-text-color: var(--dh-color-dialog-fg);--spectrum-popover-background-color: var(--dh-color-popover-bg)}/# sourceMappingURL=theme-spectrum-alias.module.css.map /
1	+ .dh-spectrum-alias{--spectrum-alias-background-color-default: var(--dh-color-bg);--spectrum-alias-background-color-disabled: var(--dh-color-disabled-bg);--spectrum-alias-label-text-color: var(--dh-color-label-text);--spectrum-alias-text-color: var(--dh-color-text);--spectrum-alias-text-color-hover: var(--dh-color-text-hover);--spectrum-alias-text-color-disabled: var(--dh-color-text-disabled);--spectrum-alias-border-color: var(--dh-color-border);--spectrum-alias-border-color-hover: var(--dh-color-hover-border);--spectrum-alias-border-color-focus: var(--dh-color-border-focus);--spectrum-alias-input-border-color-key-focus: var( --spectrum-alias-border-color-focus );--spectrum-alias-focus-color: var(--dh-color-focus);--spectrum-alias-focus-ring-color: var(--dh-color-focus-ring);--spectrum-alias-icon-color: var(--dh-color-icon-fg);--spectrum-alias-icon-color-disabled: var(--dh-color-icon-disabled-fg);--spectrum-actionbutton-background-color-disabled: var( --dh-color-action-disabled-bg );--spectrum-actionbutton-border-color-disabled: var( --dh-color-action-disabled-border );--spectrum-actionbutton-text-color-disabled: var( --dh-color-action-disabled-fg );--spectrum-body-text-color: var(--dh-color-text);--spectrum-alias-dropshadow-color: var(--dh-color-dropshadow);--spectrum-alias-background-color-modal-overlay: var( --dh-color-modal-overlay-bg );--spectrum-alias-background-color-hover-overlay: var( --dh-color-overlay-hover-bg );--spectrum-colorarea-border-color: var(--dh-color-colorpicker-border);--spectrum-colorarea-border-color-hover: var(--dh-color-colorpicker-border);--spectrum-colorarea-border-color-down: var(--dh-color-colorpicker-border);--spectrum-colorarea-border-color-key-focus: var( --dh-color-colorpicker-border );--spectrum-colorslider-border-color: var(--dh-color-colorpicker-border);--spectrum-colorslider-border-color-hover: var(--dh-color-colorpicker-border);--spectrum-colorslider-border-color-down: var(--dh-color-colorpicker-border);--spectrum-colorslider-border-color-key-focus: var( --dh-color-colorpicker-border );--spectrum-colorslider-vertical-border-color: var( --dh-color-colorpicker-border );--spectrum-colorslider-vertical-border-color-hover: var( --dh-color-colorpicker-border );--spectrum-colorslider-vertical-border-color-down: var( --dh-color-colorpicker-border );--spectrum-colorslider-vertical-border-color-key-focus: var( --dh-color-colorpicker-border );--spectrum-colorwheel-border-color: var(--dh-color-colorpicker-border);--spectrum-colorwheel-border-color-hover: var(--dh-color-colorpicker-border);--spectrum-colorwheel-border-color-down: var(--dh-color-colorpicker-border);--spectrum-colorwheel-border-color-key-focus: var( --dh-color-colorpicker-border );--spectrum-alias-highlight-active: var(--dh-color-highlight-active);--spectrum-alias-highlight-hover: var(--dh-color-highlight-hover);--spectrum-alias-highlight-invalid: var(--dh-color-highlight-invalid);--spectrum-alias-highlight-selected: var(--dh-color-highlight-selected);--spectrum-alias-highlight-selected-hover: var( --dh-color-highlight-selected-hover );--spectrum-alias-text-highlight-color: var(--dh-color-text-highlight);--spectrum-alias-background-color-quickactions: var( --dh-color-quickactions-bg );--spectrum-alias-radial-reaction-color-default: var( --dh-color-radial-reaction );--spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-50);--spectrum-alias-appframe-separator-color: var( --spectrum-global-color-gray-50 );--spectrum-alias-pasteboard-background-color: var( --spectrum-global-color-gray-50 );--spectrum-tabs-compact-selection-indicator-color: var( --spectrum-global-color-blue-500 );--spectrum-tabs-compact-vertical-rule-color: var( --spectrum-global-color-gray-200 );--spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var( --spectrum-global-color-blue-500 );--spectrum-tabs-compact-vertical-emphasized-rule-color: var( --spectrum-global-color-gray-200 );--spectrum-tabs-emphasized-selection-indicator-color: var( --spectrum-global-color-blue-500 );--spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var( --spectrum-global-color-blue-500 );--spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var( --spectrum-global-color-blue-500 );--spectrum-tabs-quiet-emphasized-selection-indicator-color: var( --spectrum-global-color-blue-500 );--spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var( --spectrum-global-color-blue-500 );--spectrum-well-background-color: var(--dh-color-well-bg);--spectrum-well-border-color: var(--dh-color-well-border);--spectrum-tray-background-color: var(--spectrum-global-color-gray-100);--react-spectrum-datepicker-placeholder-color: var( --spectrum-global-color-gray-600 );--spectrum-accent-background-color-default: var(--dh-color-accent-bg);--spectrum-accent-background-color-hover: var(--dh-color-accent-hover-bg);--spectrum-accent-background-color-down: var(--dh-color-accent-down-bg);--spectrum-accent-background-color-key-focus: var( --dh-color-accent-key-focus-bg );--spectrum-accent-color-100: var(--dh-color-accent-100);--spectrum-accent-color-200: var(--dh-color-accent-200);--spectrum-accent-color-300: var(--dh-color-accent-300);--spectrum-accent-color-400: var(--dh-color-accent-400);--spectrum-accent-color-500: var(--dh-color-accent-500);--spectrum-accent-color-600: var(--dh-color-accent-600);--spectrum-accent-color-700: var(--dh-color-accent-700);--spectrum-accent-color-800: var(--dh-color-accent-800);--spectrum-accent-color-900: var(--dh-color-accent-900);--spectrum-accent-color-1000: var(--dh-color-accent-1000);--spectrum-accent-color-1100: var(--dh-color-accent-1100);--spectrum-accent-color-1200: var(--dh-color-accent-1200);--spectrum-accent-color-1300: var(--dh-color-accent-1300);--spectrum-accent-color-1400: var(--dh-color-accent-1400);--spectrum-neutral-background-color-default: var(--dh-color-neutral-bg);--spectrum-neutral-background-color-hover: var(--dh-color-neutral-hover-bg);--spectrum-neutral-background-color-down: var(--dh-color-neutral-down-bg);--spectrum-neutral-background-color-key-focus: var( --dh-color-neutral-key-focus-bg );--spectrum-neutral-subdued-background-color-default: var( --dh-color-neutral-subdued-bg );--spectrum-neutral-subdued-background-color-hover: var( --dh-color-neutral-subdued-hover-bg );--spectrum-neutral-subdued-background-color-down: var( --dh-color-neutral-subdued-down-bg );--spectrum-neutral-subdued-background-color-key-focus: var( --dh-color-neutral-subdued-key-focus-bg );--spectrum-negative-background-color-default: var(--dh-color-negative-bg);--spectrum-negative-background-color-hover: var(--dh-color-negative-hover-bg);--spectrum-negative-background-color-down: var(--dh-color-negative-down-bg);--spectrum-negative-background-color-key-focus: var( --dh-color-negative-key-focus-bg );--spectrum-positive-background-color-default: var(--dh-color-positive-bg);--spectrum-positive-background-color-hover: var(--dh-color-positive-hover-bg);--spectrum-positive-background-color-down: var(--dh-color-positive-down-bg);--spectrum-positive-background-color-key-focus: var( --dh-color-positive-key-focus-bg );--spectrum-informative-background-color-default: var(--dh-color-info-bg);--spectrum-informative-background-color-hover: var(--dh-color-info-hover-bg);--spectrum-informative-background-color-down: var(--dh-color-info-down-bg);--spectrum-informative-background-color-key-focus: var( --dh-color-info-key-focus-bg );--spectrum-notice-background-color-default: var(--dh-color-notice-bg);--spectrum-notice-background-color-hover: var(--dh-color-notice-hover-bg);--spectrum-notice-background-color-down: var(--dh-color-notice-down-bg);--spectrum-notice-background-color-key-focus: var( --dh-color-notice-key-focus-bg );--spectrum-gray-background-color-default: var(--dh-color-gray-bg);--spectrum-red-background-color-default: var(--dh-color-red-bg);--spectrum-orange-background-color-default: var(--dh-color-orange-bg);--spectrum-yellow-background-color-default: var(--dh-color-yellow-bg);--spectrum-chartreuse-background-color-default: var(--dh-color-chartreuse-bg);--spectrum-celery-background-color-default: var(--dh-color-celery-bg);--spectrum-green-background-color-default: var(--dh-color-green-bg);--spectrum-seafoam-background-color-default: var(--dh-color-seafoam-bg);--spectrum-cyan-background-color-default: var(--dh-color-cyan-bg);--spectrum-blue-background-color-default: var(--dh-color-blue-bg);--spectrum-indigo-background-color-default: var(--dh-color-indigo-bg);--spectrum-purple-background-color-default: var(--dh-color-purple-bg);--spectrum-fuchsia-background-color-default: var(--dh-color-fuchsia-bg);--spectrum-magenta-background-color-default: var(--dh-color-magenta-bg);--spectrum-negative-visual-color: var(--dh-color-visual-negative);--spectrum-positive-visual-color: var(--dh-color-visual-positive);--spectrum-notice-visual-color: var(--dh-color-visual-notice);--spectrum-informative-visual-color: var(--dh-color-visual-info);--spectrum-gray-visual-color: var(--dh-color-visual-gray);--spectrum-red-visual-color: var(--dh-color-visual-red);--spectrum-orange-visual-color: var(--dh-color-visual-orange);--spectrum-yellow-visual-color: var(--dh-color-visual-yellow);--spectrum-chartreuse-visual-color: var(--dh-color-visual-chartreuse);--spectrum-celery-visual-color: var(--dh-color-visual-celery);--spectrum-green-visual-color: var(--dh-color-visual-green);--spectrum-seafoam-visual-color: var(--dh-color-visual-seafoam);--spectrum-cyan-visual-color: var(--dh-color-visual-cyan);--spectrum-blue-visual-color: var(--dh-color-visual-blue);--spectrum-indigo-visual-color: var(--dh-color-visual-indigo);--spectrum-purple-visual-color: var(--dh-color-visual-purple);--spectrum-fuchsia-visual-color: var(--dh-color-visual-fuchsia);--spectrum-magenta-visual-color: var(--dh-color-visual-magenta);--spectrum-textfield-background-color: var(--dh-color-input-bg);--spectrum-textfield-background-color-down: var(--dh-color-input-active-bg);--spectrum-textfield-background-color-disabled: var( --dh-color-input-disabled-bg );--spectrum-textfield-border-color: var(--dh-color-input-border);--spectrum-textfield-border-color-disabled: var( --dh-color-input-disabled-border );--spectrum-fieldbutton-background-color: var(--dh-color-selector-bg);--spectrum-fieldbutton-background-color-hover: var( --dh-color-selector-hover-bg );--spectrum-fieldbutton-background-color-disabled: var( --dh-color-input-disabled-bg );--spectrum-fieldbutton-border-color: var(--dh-color-input-border);--spectrum-fieldbutton-border-color-hover: var(--dh-color-input-hover-border);--spectrum-fieldbutton-icon-color: var(--dh-color-selector-fg);--spectrum-fieldbutton-icon-color-hover: var(--dh-color-selector-hover-fg);--spectrum-dialog-title-text-color: var(--dh-color-dialog-title-fg);--spectrum-dialog-content-text-color: var(--dh-color-dialog-fg);--spectrum-popover-background-color: var(--dh-color-popover-bg)}/# sourceMappingURL=theme-spectrum-alias.module.css.map /

package/dist/theme/theme-spectrum/theme-spectrum-alias.module.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-spectrum/theme-spectrum-alias.module.css"],"names":[],"mappings":"AAEA,mBAEE,8DACA,wEAEA,8DACA,kDACA,8DACA,oEACA,sDACA,kEACA,kEACA,0FAGA,oDACA,8DACA,qDACA,uEAEA,wFAGA,wFAGA,kFAKA,iDAGA,8DACA,oFAGA,oFAKA,sEACA,4EACA,2EACA,kFAGA,wEACA,8EACA,6EACA,oFAGA,mFAGA,yFAGA,wFAGA,6FAGA,uEACA,6EACA,4EACA,mFAKA,oEACA,kEACA,sEACA,wEACA,sFAIA,sEACA,kFAGA,kFAIA,6EACA,kFAGA,qFAKA,2FAGA,qFAGA,+GAGA,gGAGA,8FAGA,4GAGA,qHAGA,oGAGA,6GAKA,0DACA,0DAGA,wEAEA,uFAKA,sEACA,0EACA,wEACA,oFAKA,wEACA,4EACA,0EACA,sFAIA,0FAGA,8FAGA,4FAGA,sGAKA,0EACA,8EACA,4EACA,wFAKA,0EACA,8EACA,4EACA,wFAKA,yEACA,6EACA,2EACA,uFAKA,sEACA,0EACA,wEACA,oFAKA,kEACA,gEACA,sEACA,sEACA,8EACA,sEACA,oEACA,wEACA,kEACA,kEACA,sEACA,sEACA,wEACA,wEAGA,kEACA,kEACA,8DACA,iEAGA,0DACA,wDACA,8DACA,8DACA,sEACA,8DACA,4DACA,gEACA,0DACA,0DACA,8DACA,8DACA,gEACA,gEAKA,gEACA,4EACA,oFAGA,gEACA,oFAKA,qEACA,mFAGA,sFAGA,kEACA,8EACA,+DACA,2EAGA,oEACA,gEAGA","file":"theme-spectrum-alias.module.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before /\n/ stylelint-disable alpha-value-notation /\n.dh-spectrum-alias {\n /******** Override variables in spectrum-global.css ******************/\n --spectrum-alias-background-color-default: var(--dh-color-bg);\n --spectrum-alias-background-color-disabled: var(--dh-color-disabled-bg);\n\n --spectrum-alias-label-text-color: var(--dh-color-label-text);\n --spectrum-alias-text-color: var(--dh-color-text);\n --spectrum-alias-text-color-hover: var(--dh-color-text-hover);\n --spectrum-alias-text-color-disabled: var(--dh-color-text-disabled);\n --spectrum-alias-border-color: var(--dh-color-border);\n --spectrum-alias-border-color-hover: var(--dh-color-hover-border);\n --spectrum-alias-border-color-focus: var(--dh-color-border-focus);\n --spectrum-alias-input-border-color-key-focus: var(\n --spectrum-alias-border-color-focus\n );\n --spectrum-alias-focus-color: var(--dh-color-focus);\n --spectrum-alias-focus-ring-color: var(--dh-color-focus-ring);\n --spectrum-alias-icon-color: var(--dh-color-icon-fg);\n --spectrum-alias-icon-color-disabled: var(--dh-color-icon-disabled-fg);\n\n --spectrum-actionbutton-background-color-disabled: var(\n --dh-color-action-disabled-bg\n );\n --spectrum-actionbutton-border-color-disabled: var(\n --dh-color-action-disabled-border\n );\n --spectrum-actionbutton-text-color-disabled: var(\n --dh-color-action-disabled-fg\n );\n\n /******* Override variables in spectrum-darkest.css ******************/\n --spectrum-body-text-color: var(--dh-color-text);\n\n / Shadows / Overlays /\n --spectrum-alias-dropshadow-color: var(--dh-color-dropshadow);\n --spectrum-alias-background-color-modal-overlay: var(\n --dh-color-modal-overlay-bg\n );\n --spectrum-alias-background-color-hover-overlay: var(\n --dh-color-overlay-hover-bg\n );\n\n / Color Picker Borders /\n --spectrum-colorarea-border-color: var(--dh-color-colorpicker-border);\n --spectrum-colorarea-border-color-hover: var(--dh-color-colorpicker-border);\n --spectrum-colorarea-border-color-down: var(--dh-color-colorpicker-border);\n --spectrum-colorarea-border-color-key-focus: var(\n --dh-color-colorpicker-border\n );\n --spectrum-colorslider-border-color: var(--dh-color-colorpicker-border);\n --spectrum-colorslider-border-color-hover: var(--dh-color-colorpicker-border);\n --spectrum-colorslider-border-color-down: var(--dh-color-colorpicker-border);\n --spectrum-colorslider-border-color-key-focus: var(\n --dh-color-colorpicker-border\n );\n --spectrum-colorslider-vertical-border-color: var(\n --dh-color-colorpicker-border\n );\n --spectrum-colorslider-vertical-border-color-hover: var(\n --dh-color-colorpicker-border\n );\n --spectrum-colorslider-vertical-border-color-down: var(\n --dh-color-colorpicker-border\n );\n --spectrum-colorslider-vertical-border-color-key-focus: var(\n --dh-color-colorpicker-border\n );\n --spectrum-colorwheel-border-color: var(--dh-color-colorpicker-border);\n --spectrum-colorwheel-border-color-hover: var(--dh-color-colorpicker-border);\n --spectrum-colorwheel-border-color-down: var(--dh-color-colorpicker-border);\n --spectrum-colorwheel-border-color-key-focus: var(\n --dh-color-colorpicker-border\n );\n\n / Highlight /\n --spectrum-alias-highlight-active: var(--dh-color-highlight-active);\n --spectrum-alias-highlight-hover: var(--dh-color-highlight-hover);\n --spectrum-alias-highlight-invalid: var(--dh-color-highlight-invalid);\n --spectrum-alias-highlight-selected: var(--dh-color-highlight-selected);\n --spectrum-alias-highlight-selected-hover: var(\n --dh-color-highlight-selected-hover\n );\n\n --spectrum-alias-text-highlight-color: var(--dh-color-text-highlight);\n --spectrum-alias-background-color-quickactions: var(\n --dh-color-quickactions-bg\n );\n --spectrum-alias-radial-reaction-color-default: var(\n --dh-color-radial-reaction\n );\n\n --spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-50);\n --spectrum-alias-appframe-separator-color: var(\n --spectrum-global-color-gray-50\n );\n --spectrum-alias-pasteboard-background-color: var(\n --spectrum-global-color-gray-50\n );\n\n / Tabs /\n --spectrum-tabs-compact-selection-indicator-color: var(\n --spectrum-global-color-blue-500\n );\n --spectrum-tabs-compact-vertical-rule-color: var(\n --spectrum-global-color-gray-200\n );\n --spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var(\n --spectrum-global-color-blue-500\n );\n --spectrum-tabs-compact-vertical-emphasized-rule-color: var(\n --spectrum-global-color-gray-200\n );\n --spectrum-tabs-emphasized-selection-indicator-color: var(\n --spectrum-global-color-blue-500\n );\n --spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var(\n --spectrum-global-color-blue-500\n );\n --spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var(\n --spectrum-global-color-blue-500\n );\n --spectrum-tabs-quiet-emphasized-selection-indicator-color: var(\n --spectrum-global-color-blue-500\n );\n --spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(\n --spectrum-global-color-blue-500\n );\n\n / Wells /\n --spectrum-well-background-color: var(--dh-color-well-bg);\n --spectrum-well-border-color: var(--dh-color-well-border);\n\n / PATCH: This is missing in Spectrum css /\n --spectrum-tray-background-color: var(--spectrum-global-color-gray-100);\n\n --react-spectrum-datepicker-placeholder-color: var(\n --spectrum-global-color-gray-600\n ); / 4.8:1 contrast ratio /\n\n / Accent /\n --spectrum-accent-background-color-default: var(--dh-color-accent-bg);\n --spectrum-accent-background-color-hover: var(--dh-color-accent-hover-bg);\n --spectrum-accent-background-color-down: var(--dh-color-accent-down-bg);\n --spectrum-accent-background-color-key-focus: var(\n --dh-color-accent-key-focus-bg\n );\n\n / Neutral /\n --spectrum-neutral-background-color-default: var(--dh-color-neutral-bg);\n --spectrum-neutral-background-color-hover: var(--dh-color-neutral-hover-bg);\n --spectrum-neutral-background-color-down: var(--dh-color-neutral-down-bg);\n --spectrum-neutral-background-color-key-focus: var(\n --dh-color-neutral-key-focus-bg\n );\n\n --spectrum-neutral-subdued-background-color-default: var(\n --dh-color-neutral-subdued-bg\n );\n --spectrum-neutral-subdued-background-color-hover: var(\n --dh-color-neutral-subdued-hover-bg\n );\n --spectrum-neutral-subdued-background-color-down: var(\n --dh-color-neutral-subdued-down-bg\n );\n --spectrum-neutral-subdued-background-color-key-focus: var(\n --dh-color-neutral-subdued-key-focus-bg\n );\n\n / Negative /\n --spectrum-negative-background-color-default: var(--dh-color-negative-bg);\n --spectrum-negative-background-color-hover: var(--dh-color-negative-hover-bg);\n --spectrum-negative-background-color-down: var(--dh-color-negative-down-bg);\n --spectrum-negative-background-color-key-focus: var(\n --dh-color-negative-key-focus-bg\n );\n\n / Positive /\n --spectrum-positive-background-color-default: var(--dh-color-positive-bg);\n --spectrum-positive-background-color-hover: var(--dh-color-positive-hover-bg);\n --spectrum-positive-background-color-down: var(--dh-color-positive-down-bg);\n --spectrum-positive-background-color-key-focus: var(\n --dh-color-positive-key-focus-bg\n );\n\n / Informative /\n --spectrum-informative-background-color-default: var(--dh-color-info-bg);\n --spectrum-informative-background-color-hover: var(--dh-color-info-hover-bg);\n --spectrum-informative-background-color-down: var(--dh-color-info-down-bg);\n --spectrum-informative-background-color-key-focus: var(\n --dh-color-info-key-focus-bg\n );\n\n / Notice /\n --spectrum-notice-background-color-default: var(--dh-color-notice-bg);\n --spectrum-notice-background-color-hover: var(--dh-color-notice-hover-bg);\n --spectrum-notice-background-color-down: var(--dh-color-notice-down-bg);\n --spectrum-notice-background-color-key-focus: var(\n --dh-color-notice-key-focus-bg\n );\n\n / Default Background /\n --spectrum-gray-background-color-default: var(--dh-color-gray-bg);\n --spectrum-red-background-color-default: var(--dh-color-red-bg);\n --spectrum-orange-background-color-default: var(--dh-color-orange-bg);\n --spectrum-yellow-background-color-default: var(--dh-color-yellow-bg);\n --spectrum-chartreuse-background-color-default: var(--dh-color-chartreuse-bg);\n --spectrum-celery-background-color-default: var(--dh-color-celery-bg);\n --spectrum-green-background-color-default: var(--dh-color-green-bg);\n --spectrum-seafoam-background-color-default: var(--dh-color-seafoam-bg);\n --spectrum-cyan-background-color-default: var(--dh-color-cyan-bg);\n --spectrum-blue-background-color-default: var(--dh-color-blue-bg);\n --spectrum-indigo-background-color-default: var(--dh-color-indigo-bg);\n --spectrum-purple-background-color-default: var(--dh-color-purple-bg);\n --spectrum-fuchsia-background-color-default: var(--dh-color-fuchsia-bg);\n --spectrum-magenta-background-color-default: var(--dh-color-magenta-bg);\n\n / Visual levels /\n --spectrum-negative-visual-color: var(--dh-color-visual-negative);\n --spectrum-positive-visual-color: var(--dh-color-visual-positive);\n --spectrum-notice-visual-color: var(--dh-color-visual-notice);\n --spectrum-informative-visual-color: var(--dh-color-visual-info);\n\n / Visual /\n --spectrum-gray-visual-color: var(--dh-color-visual-gray);\n --spectrum-red-visual-color: var(--dh-color-visual-red);\n --spectrum-orange-visual-color: var(--dh-color-visual-orange);\n --spectrum-yellow-visual-color: var(--dh-color-visual-yellow);\n --spectrum-chartreuse-visual-color: var(--dh-color-visual-chartreuse);\n --spectrum-celery-visual-color: var(--dh-color-visual-celery);\n --spectrum-green-visual-color: var(--dh-color-visual-green);\n --spectrum-seafoam-visual-color: var(--dh-color-visual-seafoam);\n --spectrum-cyan-visual-color: var(--dh-color-visual-cyan);\n --spectrum-blue-visual-color: var(--dh-color-visual-blue);\n --spectrum-indigo-visual-color: var(--dh-color-visual-indigo);\n --spectrum-purple-visual-color: var(--dh-color-visual-purple);\n --spectrum-fuchsia-visual-color: var(--dh-color-visual-fuchsia);\n --spectrum-magenta-visual-color: var(--dh-color-visual-magenta);\n\n /******** Override component specific variables ***********************/\n\n / Textfield /\n --spectrum-textfield-background-color: var(--dh-color-input-bg);\n --spectrum-textfield-background-color-down: var(--dh-color-input-active-bg);\n --spectrum-textfield-background-color-disabled: var(\n --dh-color-input-disabled-bg\n );\n --spectrum-textfield-border-color: var(--dh-color-input-border);\n --spectrum-textfield-border-color-disabled: var(\n --dh-color-input-disabled-border\n );\n\n / Fieldbutton /\n --spectrum-fieldbutton-background-color: var(--dh-color-selector-bg);\n --spectrum-fieldbutton-background-color-hover: var(\n --dh-color-selector-hover-bg\n );\n --spectrum-fieldbutton-background-color-disabled: var(\n --dh-color-input-disabled-bg\n );\n --spectrum-fieldbutton-border-color: var(--dh-color-input-border);\n --spectrum-fieldbutton-border-color-hover: var(--dh-color-input-hover-border);\n --spectrum-fieldbutton-icon-color: var(--dh-color-selector-fg);\n --spectrum-fieldbutton-icon-color-hover: var(--dh-color-selector-hover-fg);\n\n / Dialogs /\n --spectrum-dialog-title-text-color: var(--dh-color-dialog-title-fg);\n --spectrum-dialog-content-text-color: var(--dh-color-dialog-fg);\n\n / Popovers */\n --spectrum-popover-background-color: var(--dh-color-popover-bg);\n}\n"]}
1	+ {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-spectrum/theme-spectrum-alias.module.css"],"names":[],"mappings":"AAEA,mBAEE,8DACA,wEAEA,8DACA,kDACA,8DACA,oEACA,sDACA,kEACA,kEACA,0FAGA,oDACA,8DACA,qDACA,uEAEA,wFAGA,wFAGA,kFAKA,iDAGA,8DACA,oFAGA,oFAKA,sEACA,4EACA,2EACA,kFAGA,wEACA,8EACA,6EACA,oFAGA,mFAGA,yFAGA,wFAGA,6FAGA,uEACA,6EACA,4EACA,mFAKA,oEACA,kEACA,sEACA,wEACA,sFAIA,sEACA,kFAGA,kFAIA,6EACA,kFAGA,qFAKA,2FAGA,qFAGA,+GAGA,gGAGA,8FAGA,4GAGA,qHAGA,oGAGA,6GAKA,0DACA,0DAGA,wEAEA,uFAKA,sEACA,0EACA,wEACA,oFAIA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,0DACA,0DACA,0DACA,0DACA,0DAGA,wEACA,4EACA,0EACA,sFAIA,0FAGA,8FAGA,4FAGA,sGAKA,0EACA,8EACA,4EACA,wFAKA,0EACA,8EACA,4EACA,wFAKA,yEACA,6EACA,2EACA,uFAKA,sEACA,0EACA,wEACA,oFAKA,kEACA,gEACA,sEACA,sEACA,8EACA,sEACA,oEACA,wEACA,kEACA,kEACA,sEACA,sEACA,wEACA,wEAGA,kEACA,kEACA,8DACA,iEAGA,0DACA,wDACA,8DACA,8DACA,sEACA,8DACA,4DACA,gEACA,0DACA,0DACA,8DACA,8DACA,gEACA,gEAKA,gEACA,4EACA,oFAGA,gEACA,oFAKA,qEACA,mFAGA,sFAGA,kEACA,8EACA,+DACA,2EAGA,oEACA,gEAGA","file":"theme-spectrum-alias.module.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before /\n/ stylelint-disable alpha-value-notation /\n.dh-spectrum-alias {\n /******** Override variables in spectrum-global.css ******************/\n --spectrum-alias-background-color-default: var(--dh-color-bg);\n --spectrum-alias-background-color-disabled: var(--dh-color-disabled-bg);\n\n --spectrum-alias-label-text-color: var(--dh-color-label-text);\n --spectrum-alias-text-color: var(--dh-color-text);\n --spectrum-alias-text-color-hover: var(--dh-color-text-hover);\n --spectrum-alias-text-color-disabled: var(--dh-color-text-disabled);\n --spectrum-alias-border-color: var(--dh-color-border);\n --spectrum-alias-border-color-hover: var(--dh-color-hover-border);\n --spectrum-alias-border-color-focus: var(--dh-color-border-focus);\n --spectrum-alias-input-border-color-key-focus: var(\n --spectrum-alias-border-color-focus\n );\n --spectrum-alias-focus-color: var(--dh-color-focus);\n --spectrum-alias-focus-ring-color: var(--dh-color-focus-ring);\n --spectrum-alias-icon-color: var(--dh-color-icon-fg);\n --spectrum-alias-icon-color-disabled: var(--dh-color-icon-disabled-fg);\n\n --spectrum-actionbutton-background-color-disabled: var(\n --dh-color-action-disabled-bg\n );\n --spectrum-actionbutton-border-color-disabled: var(\n --dh-color-action-disabled-border\n );\n --spectrum-actionbutton-text-color-disabled: var(\n --dh-color-action-disabled-fg\n );\n\n /******* Override variables in spectrum-darkest.css ******************/\n --spectrum-body-text-color: var(--dh-color-text);\n\n / Shadows / Overlays /\n --spectrum-alias-dropshadow-color: var(--dh-color-dropshadow);\n --spectrum-alias-background-color-modal-overlay: var(\n --dh-color-modal-overlay-bg\n );\n --spectrum-alias-background-color-hover-overlay: var(\n --dh-color-overlay-hover-bg\n );\n\n / Color Picker Borders /\n --spectrum-colorarea-border-color: var(--dh-color-colorpicker-border);\n --spectrum-colorarea-border-color-hover: var(--dh-color-colorpicker-border);\n --spectrum-colorarea-border-color-down: var(--dh-color-colorpicker-border);\n --spectrum-colorarea-border-color-key-focus: var(\n --dh-color-colorpicker-border\n );\n --spectrum-colorslider-border-color: var(--dh-color-colorpicker-border);\n --spectrum-colorslider-border-color-hover: var(--dh-color-colorpicker-border);\n --spectrum-colorslider-border-color-down: var(--dh-color-colorpicker-border);\n --spectrum-colorslider-border-color-key-focus: var(\n --dh-color-colorpicker-border\n );\n --spectrum-colorslider-vertical-border-color: var(\n --dh-color-colorpicker-border\n );\n --spectrum-colorslider-vertical-border-color-hover: var(\n --dh-color-colorpicker-border\n );\n --spectrum-colorslider-vertical-border-color-down: var(\n --dh-color-colorpicker-border\n );\n --spectrum-colorslider-vertical-border-color-key-focus: var(\n --dh-color-colorpicker-border\n );\n --spectrum-colorwheel-border-color: var(--dh-color-colorpicker-border);\n --spectrum-colorwheel-border-color-hover: var(--dh-color-colorpicker-border);\n --spectrum-colorwheel-border-color-down: var(--dh-color-colorpicker-border);\n --spectrum-colorwheel-border-color-key-focus: var(\n --dh-color-colorpicker-border\n );\n\n / Highlight /\n --spectrum-alias-highlight-active: var(--dh-color-highlight-active);\n --spectrum-alias-highlight-hover: var(--dh-color-highlight-hover);\n --spectrum-alias-highlight-invalid: var(--dh-color-highlight-invalid);\n --spectrum-alias-highlight-selected: var(--dh-color-highlight-selected);\n --spectrum-alias-highlight-selected-hover: var(\n --dh-color-highlight-selected-hover\n );\n\n --spectrum-alias-text-highlight-color: var(--dh-color-text-highlight);\n --spectrum-alias-background-color-quickactions: var(\n --dh-color-quickactions-bg\n );\n --spectrum-alias-radial-reaction-color-default: var(\n --dh-color-radial-reaction\n );\n\n --spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-50);\n --spectrum-alias-appframe-separator-color: var(\n --spectrum-global-color-gray-50\n );\n --spectrum-alias-pasteboard-background-color: var(\n --spectrum-global-color-gray-50\n );\n\n / Tabs /\n --spectrum-tabs-compact-selection-indicator-color: var(\n --spectrum-global-color-blue-500\n );\n --spectrum-tabs-compact-vertical-rule-color: var(\n --spectrum-global-color-gray-200\n );\n --spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var(\n --spectrum-global-color-blue-500\n );\n --spectrum-tabs-compact-vertical-emphasized-rule-color: var(\n --spectrum-global-color-gray-200\n );\n --spectrum-tabs-emphasized-selection-indicator-color: var(\n --spectrum-global-color-blue-500\n );\n --spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var(\n --spectrum-global-color-blue-500\n );\n --spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var(\n --spectrum-global-color-blue-500\n );\n --spectrum-tabs-quiet-emphasized-selection-indicator-color: var(\n --spectrum-global-color-blue-500\n );\n --spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(\n --spectrum-global-color-blue-500\n );\n\n / Wells /\n --spectrum-well-background-color: var(--dh-color-well-bg);\n --spectrum-well-border-color: var(--dh-color-well-border);\n\n / PATCH: This is missing in Spectrum css /\n --spectrum-tray-background-color: var(--spectrum-global-color-gray-100);\n\n --react-spectrum-datepicker-placeholder-color: var(\n --spectrum-global-color-gray-600\n ); / 4.8:1 contrast ratio /\n\n / Accent /\n --spectrum-accent-background-color-default: var(--dh-color-accent-bg);\n --spectrum-accent-background-color-hover: var(--dh-color-accent-hover-bg);\n --spectrum-accent-background-color-down: var(--dh-color-accent-down-bg);\n --spectrum-accent-background-color-key-focus: var(\n --dh-color-accent-key-focus-bg\n );\n\n --spectrum-accent-color-100: var(--dh-color-accent-100);\n --spectrum-accent-color-200: var(--dh-color-accent-200);\n --spectrum-accent-color-300: var(--dh-color-accent-300);\n --spectrum-accent-color-400: var(--dh-color-accent-400);\n --spectrum-accent-color-500: var(--dh-color-accent-500);\n --spectrum-accent-color-600: var(--dh-color-accent-600);\n --spectrum-accent-color-700: var(--dh-color-accent-700);\n --spectrum-accent-color-800: var(--dh-color-accent-800);\n --spectrum-accent-color-900: var(--dh-color-accent-900);\n --spectrum-accent-color-1000: var(--dh-color-accent-1000);\n --spectrum-accent-color-1100: var(--dh-color-accent-1100);\n --spectrum-accent-color-1200: var(--dh-color-accent-1200);\n --spectrum-accent-color-1300: var(--dh-color-accent-1300);\n --spectrum-accent-color-1400: var(--dh-color-accent-1400);\n\n / Neutral /\n --spectrum-neutral-background-color-default: var(--dh-color-neutral-bg);\n --spectrum-neutral-background-color-hover: var(--dh-color-neutral-hover-bg);\n --spectrum-neutral-background-color-down: var(--dh-color-neutral-down-bg);\n --spectrum-neutral-background-color-key-focus: var(\n --dh-color-neutral-key-focus-bg\n );\n\n --spectrum-neutral-subdued-background-color-default: var(\n --dh-color-neutral-subdued-bg\n );\n --spectrum-neutral-subdued-background-color-hover: var(\n --dh-color-neutral-subdued-hover-bg\n );\n --spectrum-neutral-subdued-background-color-down: var(\n --dh-color-neutral-subdued-down-bg\n );\n --spectrum-neutral-subdued-background-color-key-focus: var(\n --dh-color-neutral-subdued-key-focus-bg\n );\n\n / Negative /\n --spectrum-negative-background-color-default: var(--dh-color-negative-bg);\n --spectrum-negative-background-color-hover: var(--dh-color-negative-hover-bg);\n --spectrum-negative-background-color-down: var(--dh-color-negative-down-bg);\n --spectrum-negative-background-color-key-focus: var(\n --dh-color-negative-key-focus-bg\n );\n\n / Positive /\n --spectrum-positive-background-color-default: var(--dh-color-positive-bg);\n --spectrum-positive-background-color-hover: var(--dh-color-positive-hover-bg);\n --spectrum-positive-background-color-down: var(--dh-color-positive-down-bg);\n --spectrum-positive-background-color-key-focus: var(\n --dh-color-positive-key-focus-bg\n );\n\n / Informative /\n --spectrum-informative-background-color-default: var(--dh-color-info-bg);\n --spectrum-informative-background-color-hover: var(--dh-color-info-hover-bg);\n --spectrum-informative-background-color-down: var(--dh-color-info-down-bg);\n --spectrum-informative-background-color-key-focus: var(\n --dh-color-info-key-focus-bg\n );\n\n / Notice /\n --spectrum-notice-background-color-default: var(--dh-color-notice-bg);\n --spectrum-notice-background-color-hover: var(--dh-color-notice-hover-bg);\n --spectrum-notice-background-color-down: var(--dh-color-notice-down-bg);\n --spectrum-notice-background-color-key-focus: var(\n --dh-color-notice-key-focus-bg\n );\n\n / Default Background /\n --spectrum-gray-background-color-default: var(--dh-color-gray-bg);\n --spectrum-red-background-color-default: var(--dh-color-red-bg);\n --spectrum-orange-background-color-default: var(--dh-color-orange-bg);\n --spectrum-yellow-background-color-default: var(--dh-color-yellow-bg);\n --spectrum-chartreuse-background-color-default: var(--dh-color-chartreuse-bg);\n --spectrum-celery-background-color-default: var(--dh-color-celery-bg);\n --spectrum-green-background-color-default: var(--dh-color-green-bg);\n --spectrum-seafoam-background-color-default: var(--dh-color-seafoam-bg);\n --spectrum-cyan-background-color-default: var(--dh-color-cyan-bg);\n --spectrum-blue-background-color-default: var(--dh-color-blue-bg);\n --spectrum-indigo-background-color-default: var(--dh-color-indigo-bg);\n --spectrum-purple-background-color-default: var(--dh-color-purple-bg);\n --spectrum-fuchsia-background-color-default: var(--dh-color-fuchsia-bg);\n --spectrum-magenta-background-color-default: var(--dh-color-magenta-bg);\n\n / Visual levels /\n --spectrum-negative-visual-color: var(--dh-color-visual-negative);\n --spectrum-positive-visual-color: var(--dh-color-visual-positive);\n --spectrum-notice-visual-color: var(--dh-color-visual-notice);\n --spectrum-informative-visual-color: var(--dh-color-visual-info);\n\n / Visual /\n --spectrum-gray-visual-color: var(--dh-color-visual-gray);\n --spectrum-red-visual-color: var(--dh-color-visual-red);\n --spectrum-orange-visual-color: var(--dh-color-visual-orange);\n --spectrum-yellow-visual-color: var(--dh-color-visual-yellow);\n --spectrum-chartreuse-visual-color: var(--dh-color-visual-chartreuse);\n --spectrum-celery-visual-color: var(--dh-color-visual-celery);\n --spectrum-green-visual-color: var(--dh-color-visual-green);\n --spectrum-seafoam-visual-color: var(--dh-color-visual-seafoam);\n --spectrum-cyan-visual-color: var(--dh-color-visual-cyan);\n --spectrum-blue-visual-color: var(--dh-color-visual-blue);\n --spectrum-indigo-visual-color: var(--dh-color-visual-indigo);\n --spectrum-purple-visual-color: var(--dh-color-visual-purple);\n --spectrum-fuchsia-visual-color: var(--dh-color-visual-fuchsia);\n --spectrum-magenta-visual-color: var(--dh-color-visual-magenta);\n\n /******** Override component specific variables ***********************/\n\n / Textfield /\n --spectrum-textfield-background-color: var(--dh-color-input-bg);\n --spectrum-textfield-background-color-down: var(--dh-color-input-active-bg);\n --spectrum-textfield-background-color-disabled: var(\n --dh-color-input-disabled-bg\n );\n --spectrum-textfield-border-color: var(--dh-color-input-border);\n --spectrum-textfield-border-color-disabled: var(\n --dh-color-input-disabled-border\n );\n\n / Fieldbutton /\n --spectrum-fieldbutton-background-color: var(--dh-color-selector-bg);\n --spectrum-fieldbutton-background-color-hover: var(\n --dh-color-selector-hover-bg\n );\n --spectrum-fieldbutton-background-color-disabled: var(\n --dh-color-input-disabled-bg\n );\n --spectrum-fieldbutton-border-color: var(--dh-color-input-border);\n --spectrum-fieldbutton-border-color-hover: var(--dh-color-input-hover-border);\n --spectrum-fieldbutton-icon-color: var(--dh-color-selector-fg);\n --spectrum-fieldbutton-icon-color-hover: var(--dh-color-selector-hover-fg);\n\n / Dialogs /\n --spectrum-dialog-title-text-color: var(--dh-color-dialog-title-fg);\n --spectrum-dialog-content-text-color: var(--dh-color-dialog-fg);\n\n / Popovers */\n --spectrum-popover-background-color: var(--dh-color-popover-bg);\n}\n"]}

package/dist/theme/theme-spectrum/theme-spectrum-overrides.css CHANGED Viewed

	@@ -1 +1 @@
1	- [class^=spectrum]{font-family:var(--font-family-sans-serif) !important}label[class^=spectrum-]{margin-bottom:0}.svg-inline--fa[class=spectrum-Icon--sizeS]{--spectrum-alias-workflow-icon-size: var(--dh-svg-inline-icon-size)}.action-button-icon-with-tooltip{padding-right:var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85))}[class^=spectrum-Table-headCell]{--dh-table-header-cell-background-color: transparent;background:var(--dh-table-header-cell-background-color)}[class=spectrum-Table--quiet]{--spectrum-alias-background-color-default: transparent}button[class^=spectrum-Button]{--spectrum-button-primary-text-gap: var(--spectrum-global-dimension-size-75);padding-bottom:calc(var(--spectrum-global-dimension-size-50) - 1px);padding-top:calc(var(--spectrum-global-dimension-size-50))}button[class^=spectrum-Button] svg{padding-bottom:var(--spectrum-global-dimension-size-25)}span[class^=spectrum-Checkbox-label],span[class^=spectrum-Radio-label]{margin-top:var(--spectrum-global-dimension-size-85)}/# sourceMappingURL=theme-spectrum-overrides.css.map /
1	+ [class^=spectrum]{font-family:var(--font-family-sans-serif) !important}label[class^=spectrum-]{margin-bottom:0}.svg-inline--fa[class=spectrum-Icon--sizeS]{--spectrum-alias-workflow-icon-size: var(--dh-svg-inline-icon-size)}.action-button-icon-with-tooltip{padding-right:var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85))}[class^=spectrum-Table-headCell]{--dh-table-header-cell-background-color: transparent;background:var(--dh-table-header-cell-background-color)}[class^=spectrum-Table-row]{--spectrum-table-row-border-color-selected: var( --dh-color-item-list-selected-border )}[class=spectrum-Table--quiet]{--spectrum-alias-background-color-default: transparent}[class=spectrum-ListView]{--spectrum-listview-item-border-color-selected: var( --dh-color-item-list-selected-border )}button[class^=spectrum-Button]{--spectrum-button-primary-text-gap: var(--spectrum-global-dimension-size-75);padding-bottom:calc(var(--spectrum-global-dimension-size-50) - 1px);padding-top:calc(var(--spectrum-global-dimension-size-50))}button[class^=spectrum-Button] svg{padding-bottom:var(--spectrum-global-dimension-size-25)}span[class^=spectrum-Checkbox-label],span[class^=spectrum-Radio-label]{margin-top:var(--spectrum-global-dimension-size-85)}/# sourceMappingURL=theme-spectrum-overrides.css.map */

package/dist/theme/theme-spectrum/theme-spectrum-overrides.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-spectrum/theme-spectrum-overrides.css"],"names":[],"mappings":"AAAA,kBAGE,qDAIF,wBACE,gBAGF,6CAKE,oEAQF,iCACE,~~oGAMF~~,iCAME,~~qDACA~~,~~wDAIF~~,+BAEE,uDAGF,+BAEE,6EAGA,oEACA,2DAGF,mCAEE,wDAGF,uEAKE","file":"theme-spectrum-overrides.css","sourcesContent":["[class^='spectrum'] {\n /* --font-family-sans-serif is defined in Bootstrap's _root.scss. We want\n Spectrum to use the same default font-family /\n font-family: var(--font-family-sans-serif) !important;\n}\n\n/ Override _reboot.scss /\nlabel[class^='spectrum-'] {\n margin-bottom: 0;\n}\n\n.svg-inline--fa[class='spectrum-Icon--sizeS'] {\n /* \n Resize fontawesome icons used inside a spectrum icon wrapper to match\n our icon size. Spectrum icons are 18px by default, but our icons are built on a 16px grid.\n /\n --spectrum-alias-workflow-icon-size: var(--dh-svg-inline-icon-size);\n}\n\n/* \n * Spectrum action button icons only include right padding if the the icon is \n * the only child. In cases where we add a <Tooltip>, we have to manually add \n * the right padding ourselves to keep the icon centered.\n /\n.action-button-icon-with-tooltip {\n padding-right: var(\n --spectrum-actionbutton-icon-padding-x,\n var(--spectrum-global-dimension-size-85)\n );\n}\n\n[class^='spectrum-Table-headCell'] {\n / \n Tables are styled with the assumption that the header is the same color as the bg\n which means they look bad against any other background color, instead just inherit the bg.\n There is also no variable exposed for this, so we have to target the class directly.\n /\n --dh-table-header-cell-background-color: transparent;\n background: var(--dh-table-header-cell-background-color);\n}\n\n/ ~~Table~~ /\n[class='spectrum-Table--quiet'] {\n /* Quiet shouldn't assume a bg color /\n --spectrum-alias-background-color-default: transparent;\n}\n\nbutton[class^='spectrum-Button'] {\n / make the icon closer to the text /\n --spectrum-button-primary-text-gap: var(--spectrum-global-dimension-size-75);\n\n / Center the text vertically. We use a different font then spectrum so we require different custom centering /\n padding-bottom: calc(var(--spectrum-global-dimension-size-50) - 1px);\n padding-top: calc(var(--spectrum-global-dimension-size-50));\n}\n\nbutton[class^='spectrum-Button'] svg {\n / our icons are smaller, center them too /\n padding-bottom: var(--spectrum-global-dimension-size-25);\n}\n\nspan[class^='spectrum-Checkbox-label'],\nspan[class^='spectrum-Radio-label'] {\n / I have no idea why these spectrum labels aren't centered,\n but this fixes it. Maybe difference in font baselines.\n */\n margin-top: var(--spectrum-global-dimension-size-85);\n}\n"]}
1	+ {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-spectrum/theme-spectrum-overrides.css"],"names":[],"mappings":"AAAA,kBAGE,qDAIF,wBACE,gBAGF,6CAKE,oEAQF,iCACE,oGAOF,iCAME,qDAEA,wDAGF,4BAEE,wFAKF,+BAEE,uDAGF,2BAEE,4FAKF,+BAEE,6EAGA,oEACA,2DAGF,mCAEE,wDAGF,uEAKE","file":"theme-spectrum-overrides.css","sourcesContent":["[class^='spectrum'] {\n /* --font-family-sans-serif is defined in Bootstrap's _root.scss. We want\n Spectrum to use the same default font-family /\n font-family: var(--font-family-sans-serif) !important;\n}\n\n/ Override _reboot.scss /\nlabel[class^='spectrum-'] {\n margin-bottom: 0;\n}\n\n.svg-inline--fa[class='spectrum-Icon--sizeS'] {\n /* \n Resize fontawesome icons used inside a spectrum icon wrapper to match\n our icon size. Spectrum icons are 18px by default, but our icons are built on a 16px grid.\n /\n --spectrum-alias-workflow-icon-size: var(--dh-svg-inline-icon-size);\n}\n\n/* \n * Spectrum action button icons only include right padding if the the icon is \n * the only child. In cases where we add a <Tooltip>, we have to manually add \n * the right padding ourselves to keep the icon centered.\n /\n.action-button-icon-with-tooltip {\n padding-right: var(\n --spectrum-actionbutton-icon-padding-x,\n var(--spectrum-global-dimension-size-85)\n );\n}\n\n/ Table /\n[class^='spectrum-Table-headCell'] {\n / \n Tables are styled with the assumption that the header is the same color as the bg\n which means they look bad against any other background color, instead just inherit the bg.\n There is also no variable exposed for this, so we have to target the class directly.\n /\n --dh-table-header-cell-background-color: transparent;\n\n background: var(--dh-table-header-cell-background-color);\n}\n\n[class^='spectrum-Table-row'] {\n / border of selected color is hard-coded as blue rather than accent color /\n --spectrum-table-row-border-color-selected: var(\n --dh-color-item-list-selected-border\n );\n}\n\n[class='spectrum-Table--quiet'] {\n /* Quiet shouldn't assume a bg color /\n --spectrum-alias-background-color-default: transparent;\n}\n\n[class='spectrum-ListView'] {\n /* border of selected color is hard-coded as blue rather than accent color /\n --spectrum-listview-item-border-color-selected: var(\n --dh-color-item-list-selected-border\n );\n}\n\nbutton[class^='spectrum-Button'] {\n / make the icon closer to the text /\n --spectrum-button-primary-text-gap: var(--spectrum-global-dimension-size-75);\n\n / Center the text vertically. We use a different font then spectrum so we require different custom centering /\n padding-bottom: calc(var(--spectrum-global-dimension-size-50) - 1px);\n padding-top: calc(var(--spectrum-global-dimension-size-50));\n}\n\nbutton[class^='spectrum-Button'] svg {\n / our icons are smaller, center them too /\n padding-bottom: var(--spectrum-global-dimension-size-25);\n}\n\nspan[class^='spectrum-Checkbox-label'],\nspan[class^='spectrum-Radio-label'] {\n / I have no idea why these spectrum labels aren't centered,\n but this fixes it. Maybe difference in font baselines.\n */\n margin-top: var(--spectrum-global-dimension-size-85);\n}\n"]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@deephaven/components",
-  "version": "0.61.1-alpha-widget-types.1+e0474e61",
+  "version": "0.61.1",
   "description": "Deephaven React component library",
   "author": "Deephaven Data Labs LLC",
   "license": "Apache-2.0",
@@ -25,10 +25,10 @@
   },
   "dependencies": {
     "@adobe/react-spectrum": "^3.29.0",
-    "@deephaven/icons": "^0.61.1-alpha-widget-types.1+e0474e61",
-    "@deephaven/log": "^0.61.1-alpha-widget-types.1+e0474e61",
-    "@deephaven/react-hooks": "^0.61.1-alpha-widget-types.1+e0474e61",
-    "@deephaven/utils": "^0.61.1-alpha-widget-types.1+e0474e61",
+    "@deephaven/icons": "^0.61.0",
+    "@deephaven/log": "^0.61.0",
+    "@deephaven/react-hooks": "^0.61.0",
+    "@deephaven/utils": "^0.61.0",
     "@fortawesome/fontawesome-svg-core": "^6.2.1",
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@react-spectrum/theme-default": "^3.5.1",
@@ -52,7 +52,7 @@
     "react-dom": "^17.x"
   },
   "devDependencies": {
-    "@deephaven/mocks": "^0.61.1-alpha-widget-types.1+e0474e61"
+    "@deephaven/mocks": "^0.61.0"
   },
   "files": [
     "dist",
@@ -66,5 +66,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e0474e61faee8d68ce337da7e61e1d2770bd5e38"
+  "gitHead": "9f1bff354f2f8ba76c35c4fed15c8dbb1805197c"
 }