@deephaven/components 0.85.3-beta.0 → 0.85.3-beta.1

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

@@ -1 +1 @@
-:root{--dh-color-loading-spinner-primary: var(--dh-color-accent-bg);--dh-color-loading-spinner-secondary: 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 */
+: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 );--dh-toggle-switch-bg: var(--dh-color-gray-500)}/*# sourceMappingURL=theme-dark-components.css.map */

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-components.css"],"names":[],"mappings":"AAEA,MACE,8DACA,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"]}
+{"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,0FAOA","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  /* Switch */\n  --dh-toggle-switch-bg: var(--dh-color-gray-500);\n}\n"]}

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

@@ -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-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 */
+: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 );--dh-toggle-switch-bg: var(--dh-color-gray-400)}/*# sourceMappingURL=theme-light-components.css.map */

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

@@ -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,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"]}
+{"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,0FAOA","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  /* Switch */\n  --dh-toggle-switch-bg: var(--dh-color-gray-400);\n}\n"]}

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

@@ -1 +1 @@
-[class*=spectrum]{font-family:var(--font-family-sans-serif) !important}label[class*=spectrum-]{margin-bottom:0}svg[class*=spectrum-Textfield-validationIcon]{box-sizing:content-box}.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]:not(.btn):not(.btn-socketed){--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]:not(.btn):not(.btn-socketed) 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)}label[class*=spectrum-Radio]{--spectrum-radio-emphasized-circle-border-color-error: var( --dh-color-negative-bg );--spectrum-radio-emphasized-circle-border-color-error-hover: var( --dh-color-negative-hover-bg );--spectrum-radio-emphasized-circle-border-color-error-down: var( --dh-color-negative-down-bg );--spectrum-radio-circle-border-color-error-key-focus: var( --dh-color-negative-key-focus-bg );--spectrum-radio-circle-border-color-error-selected-key-focus: var( --dh-color-negative-key-focus-bg )}/*# sourceMappingURL=theme-spectrum-overrides.css.map */
+[class*=spectrum]{font-family:var(--font-family-sans-serif) !important}label[class*=spectrum-]{margin-bottom:0}svg[class*=spectrum-Textfield-validationIcon]{box-sizing:content-box}.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]:not(.btn):not(.btn-socketed){--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]:not(.btn):not(.btn-socketed) 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)}label[class*=spectrum-Radio]{--spectrum-radio-emphasized-circle-border-color-error: var( --dh-color-negative-bg );--spectrum-radio-emphasized-circle-border-color-error-hover: var( --dh-color-negative-hover-bg );--spectrum-radio-emphasized-circle-border-color-error-down: var( --dh-color-negative-down-bg );--spectrum-radio-circle-border-color-error-key-focus: var( --dh-color-negative-key-focus-bg );--spectrum-radio-circle-border-color-error-selected-key-focus: var( --dh-color-negative-key-focus-bg )}span[class*=spectrum-ToggleSwitch-switch]{background:var(--dh-toggle-switch-bg)}/*# sourceMappingURL=theme-spectrum-overrides.css.map */

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-spectrum/theme-spectrum-overrides.css"],"names":[],"mappings":"AAAA,kBAGE,qDAIF,wBACE,gBAGF,8CAEE,uBAGF,6CAKE,oEAQF,iCACE,oGAOF,iCAME,qDAEA,wDAGF,4BAEE,wFAKF,+BAEE,uDAGF,2BAEE,4FAWF,4DAEE,6EAGA,oEACA,2DAEF,gEAKE,wDAGF,uEAKE,oDAEF,6BACE,qFAGA,iGAGA,+FAGA,8FAGA","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\nsvg[class*='spectrum-Textfield-validationIcon'] {\n  /* set as border-box by reboot, but spectrum expects this to be content-box */\n  box-sizing: content-box;\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\n/**\n  Adjust Spectrum button text and icon alignment to account for DH using a\n  different font and smaller icons. Spectrum `ButtonGroup` will add additional\n  `-spectrum-ButtonGroup` classes to child buttons (including DH ones), so we\n  explicitly exclude our buttons from the selector.\n  */\nbutton[class*='spectrum-Button']:not(.btn):not(.btn-socketed) {\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}\nbutton[class*='spectrum-Button']:not(.btn):not(.btn-socketed) svg {\n  /* \n    We use smaller icons than Spectrum, so we need to adjust the padding to \n    center when we use our icons inside of Spectrum buttons.\n    */\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}\nlabel[class*='spectrum-Radio'] {\n  --spectrum-radio-emphasized-circle-border-color-error: var(\n    --dh-color-negative-bg\n  );\n  --spectrum-radio-emphasized-circle-border-color-error-hover: var(\n    --dh-color-negative-hover-bg\n  );\n  --spectrum-radio-emphasized-circle-border-color-error-down: var(\n    --dh-color-negative-down-bg\n  );\n  --spectrum-radio-circle-border-color-error-key-focus: var(\n    --dh-color-negative-key-focus-bg\n  );\n  --spectrum-radio-circle-border-color-error-selected-key-focus: var(\n    --dh-color-negative-key-focus-bg\n  );\n}\n"]}
+{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-spectrum/theme-spectrum-overrides.css"],"names":[],"mappings":"AAAA,kBAGE,qDAIF,wBACE,gBAGF,8CAEE,uBAGF,6CAKE,oEAQF,iCACE,oGAOF,iCAME,qDAEA,wDAGF,4BAEE,wFAKF,+BAEE,uDAGF,2BAEE,4FAWF,4DAEE,6EAGA,oEACA,2DAEF,gEAKE,wDAGF,uEAKE,oDAEF,6BACE,qFAGA,iGAGA,+FAGA,8FAGA,uGAKF,0CAEE","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\nsvg[class*='spectrum-Textfield-validationIcon'] {\n  /* set as border-box by reboot, but spectrum expects this to be content-box */\n  box-sizing: content-box;\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\n/**\n  Adjust Spectrum button text and icon alignment to account for DH using a\n  different font and smaller icons. Spectrum `ButtonGroup` will add additional\n  `-spectrum-ButtonGroup` classes to child buttons (including DH ones), so we\n  explicitly exclude our buttons from the selector.\n  */\nbutton[class*='spectrum-Button']:not(.btn):not(.btn-socketed) {\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}\nbutton[class*='spectrum-Button']:not(.btn):not(.btn-socketed) svg {\n  /* \n    We use smaller icons than Spectrum, so we need to adjust the padding to \n    center when we use our icons inside of Spectrum buttons.\n    */\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}\nlabel[class*='spectrum-Radio'] {\n  --spectrum-radio-emphasized-circle-border-color-error: var(\n    --dh-color-negative-bg\n  );\n  --spectrum-radio-emphasized-circle-border-color-error-hover: var(\n    --dh-color-negative-hover-bg\n  );\n  --spectrum-radio-emphasized-circle-border-color-error-down: var(\n    --dh-color-negative-down-bg\n  );\n  --spectrum-radio-circle-border-color-error-key-focus: var(\n    --dh-color-negative-key-focus-bg\n  );\n  --spectrum-radio-circle-border-color-error-selected-key-focus: var(\n    --dh-color-negative-key-focus-bg\n  );\n}\n\nspan[class*='spectrum-ToggleSwitch-switch'] {\n  /* increase contrast of switch in off position */\n  background: var(--dh-toggle-switch-bg);\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deephaven/components",
-  "version": "0.85.3-beta.0+232fb4db",
+  "version": "0.85.3-beta.1+0da547d3",
   "description": "Deephaven React component library",
   "author": "Deephaven Data Labs LLC",
   "license": "Apache-2.0",
@@ -25,10 +25,10 @@
   },
   "dependencies": {
     "@adobe/react-spectrum": "3.35.1",
-    "@deephaven/icons": "^0.85.3-beta.0+232fb4db",
-    "@deephaven/log": "^0.85.3-beta.0+232fb4db",
-    "@deephaven/react-hooks": "^0.85.3-beta.0+232fb4db",
-    "@deephaven/utils": "^0.85.3-beta.0+232fb4db",
+    "@deephaven/icons": "^0.85.3-beta.1+0da547d3",
+    "@deephaven/log": "^0.85.3-beta.1+0da547d3",
+    "@deephaven/react-hooks": "^0.85.3-beta.1+0da547d3",
+    "@deephaven/utils": "^0.85.3-beta.1+0da547d3",
     "@fortawesome/fontawesome-svg-core": "^6.2.1",
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@react-spectrum/theme-default": "^3.5.1",
@@ -56,7 +56,7 @@
     "react-dom": ">=16.8.0"
   },
   "devDependencies": {
-    "@deephaven/mocks": "^0.85.3-beta.0+232fb4db"
+    "@deephaven/mocks": "^0.85.3-beta.1+0da547d3"
   },
   "files": [
     "dist",
@@ -70,5 +70,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "232fb4db121cd507d0303dba6b468ae1edab9135"
+  "gitHead": "0da547d3d31f49f4302b1c2034660871ead14476"
 }