@deephaven/components 0.55.1-beta.13 → 0.55.1-beta.16
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.
- package/css/BaseStyleSheet.css +837 -3627
- package/css/BaseStyleSheet.css.map +1 -1
- package/dist/AutoCompleteInput.css +4 -4
- package/dist/AutoCompleteInput.css.map +1 -1
- package/dist/ComboBox.css +7 -7
- package/dist/ComboBox.css.map +1 -1
- package/dist/CustomTimeSelect.css +9 -9
- package/dist/CustomTimeSelect.css.map +1 -1
- package/dist/DraggableItemList.css +14 -14
- package/dist/DraggableItemList.css.map +1 -1
- package/dist/HierarchicalCheckboxMenu.css +20 -6
- package/dist/HierarchicalCheckboxMenu.css.map +1 -1
- package/dist/HierarchicalCheckboxMenu.d.ts.map +1 -1
- package/dist/HierarchicalCheckboxMenu.js +2 -4
- package/dist/HierarchicalCheckboxMenu.js.map +1 -1
- package/dist/ItemList.css +1 -1
- package/dist/ItemList.css.map +1 -1
- package/dist/ItemListItem.css +7 -7
- package/dist/ItemListItem.css.map +1 -1
- package/dist/LoadingOverlay.css +1 -1
- package/dist/LoadingOverlay.css.map +1 -1
- package/dist/MaskedInput.css.map +1 -1
- package/dist/RandomAreaPlotAnimation.d.ts +1 -1
- package/dist/RandomAreaPlotAnimation.d.ts.map +1 -1
- package/dist/RandomAreaPlotAnimation.js +49 -13
- package/dist/RandomAreaPlotAnimation.js.map +1 -1
- package/dist/SearchInput.css +3 -3
- package/dist/SearchInput.css.map +1 -1
- package/dist/SelectValueList.css +3 -3
- package/dist/SelectValueList.css.map +1 -1
- package/dist/SocketedButton.css +33 -33
- package/dist/SocketedButton.css.map +1 -1
- package/dist/ThemeExport.module.css +33 -33
- package/dist/ThemeExport.module.css.map +1 -1
- package/dist/TimeSlider.css +10 -10
- package/dist/TimeSlider.css.map +1 -1
- package/dist/TimeSlider.module.css +10 -10
- package/dist/TimeSlider.module.css.map +1 -1
- package/dist/ToastNotification.css +4 -4
- package/dist/ToastNotification.css.map +1 -1
- package/dist/UISwitch.css +19 -19
- package/dist/UISwitch.css.map +1 -1
- package/dist/ValidateLabelInput.css +1 -1
- package/dist/ValidateLabelInput.css.map +1 -1
- package/dist/context-actions/ContextActions.css +19 -19
- package/dist/context-actions/ContextActions.css.map +1 -1
- package/dist/menu-actions/DropdownMenu.css +2 -2
- package/dist/menu-actions/DropdownMenu.css.map +1 -1
- package/dist/navigation/MenuItem.css +9 -9
- package/dist/navigation/MenuItem.css.map +1 -1
- package/dist/navigation/Page.css.map +1 -1
- package/dist/navigation/Stack.css +2 -2
- package/dist/navigation/Stack.css.map +1 -1
- package/dist/popper/Popper.css +4 -4
- package/dist/popper/Popper.css.map +1 -1
- package/dist/theme/SpectrumThemeProvider.d.ts.map +1 -1
- package/dist/theme/SpectrumThemeProvider.js +1 -0
- package/dist/theme/SpectrumThemeProvider.js.map +1 -1
- package/dist/theme/ThemeModel.d.ts +1 -1
- package/dist/theme/ThemeModel.d.ts.map +1 -1
- package/dist/theme/ThemeModel.js +56 -7
- package/dist/theme/ThemeModel.js.map +1 -1
- package/dist/theme/ThemeUtils.d.ts +5 -3
- package/dist/theme/ThemeUtils.d.ts.map +1 -1
- package/dist/theme/ThemeUtils.js +6 -3
- package/dist/theme/ThemeUtils.js.map +1 -1
- package/dist/theme/theme-dark/theme-dark-components.css +1 -1
- package/dist/theme/theme-dark/theme-dark-components.css.map +1 -1
- package/dist/theme/theme-dark/theme-dark-palette.css +1 -1
- package/dist/theme/theme-dark/theme-dark-palette.css.map +1 -1
- package/dist/theme/theme-dark/theme-dark-semantic-chart.css +1 -1
- package/dist/theme/theme-dark/theme-dark-semantic-chart.css.map +1 -1
- package/dist/theme/theme-dark/theme-dark-semantic-editor.css +1 -1
- package/dist/theme/theme-dark/theme-dark-semantic-editor.css.map +1 -1
- package/dist/theme/theme-dark/theme-dark-semantic-grid.css +1 -1
- package/dist/theme/theme-dark/theme-dark-semantic-grid.css.map +1 -1
- package/dist/theme/theme-dark/theme-dark-semantic.css +1 -1
- package/dist/theme/theme-dark/theme-dark-semantic.css.map +1 -1
- package/dist/theme/theme-light/theme-light-palette.css +1 -1
- package/dist/theme/theme-light/theme-light-palette.css.map +1 -1
- package/dist/theme/theme-spectrum/theme-spectrum-alias.module.css +1 -1
- package/dist/theme/theme-spectrum/theme-spectrum-alias.module.css.map +1 -1
- package/package.json +7 -7
- package/scss/BaseStyleSheet.scss +68 -60
- package/scss/bootstrap_imports.scss +49 -0
- package/scss/bootstrap_override_functions.scss +31 -0
- package/scss/bootstrap_override_mixins_background_variant.scss +16 -0
- package/scss/bootstrap_override_mixins_buttons.scss +123 -0
- package/scss/bootstrap_override_mixins_forms.scss +231 -0
- package/scss/bootstrap_override_mixins_text_emphasis.scss +21 -0
- package/scss/bootstrap_overrides.scss +144 -101
- package/scss/new_variables.scss +18 -0
- package/scss/util.scss +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--dh-color-editor-bg: var(--dh-color-content-
|
|
1
|
+
:root{--dh-color-editor-bg: var(--dh-color-content-bg);--dh-color-editor-fg: var(--dh-color-gray-900);--dh-color-editor-error-fg: var(--dh-color-visual-red);--dh-color-editor-line-number-fg: var(--dh-color-gray-700);--dh-color-editor-line-highlight-bg: var(--dh-color-gray-200);--dh-color-editor-selection-bg: var(--dh-color-text-highlight);--dh-color-editor-comment: var(--dh-color-gray-700);--dh-color-editor-delimiter: var(--dh-color-gray-700);--dh-color-editor-identifier-js: var(--dh-color-visual-yellow);--dh-color-editor-identifier-namespace: var(--dh-color-visual-red);--dh-color-editor-identifier: var(--dh-color-gray-900);--dh-color-editor-keyword: var(--dh-color-visual-cyan);--dh-color-editor-number: var(--dh-color-visual-purple);--dh-color-editor-operator: var(--dh-color-visual-red);--dh-color-editor-predefined: var(--dh-color-visual-green);--dh-color-editor-storage: var(--dh-color-visual-red);--dh-color-editor-string-delim: var(--dh-color-gray-700);--dh-color-editor-string: var(--dh-color-visual-yellow);--dh-color-editor-focus-border: var(--dh-color-focus-border);--dh-color-editor-input-option-active-border: var(--dh-color-focus-ring);--dh-color-editor-input-bg: var(--dh-color-bg);--dh-color-editor-input-fg: var(--dh-color-text);--dh-color-editor-input-border: var(--dh-color-border);--dh-color-editor-context-menu-bg: var(--dh-color-gray-300);--dh-color-editor-context-menu-fg: var(--dh-color-gray-900);--dh-color-editor-menu-selection-bg: var(--dh-color-highlight-hover);--dh-color-editor-log-date: var(--dh-color-gray-700);--dh-color-editor-log-error: var(--dh-color-visual-red);--dh-color-editor-log-info: var(--dh-color-visual-cyan);--dh-color-editor-log-stdout: var(--dh-color-gray-900);--dh-color-editor-log-warn: var(--dh-color-visual-yellow);--dh-color-editor-log-debug: var(--dh-color-visual-purple);--dh-color-editor-log-trace: var(--dh-color-visual-green);--dh-color-editor-find-bg: var(--dh-color-gray-200);--dh-color-editor-find-match-bg: var(--dh-color-highlight-selected);--dh-color-editor-find-match-highlight-bg: var( --dh-color-highlight-selected-hover );--dh-color-editor-find-option-active-bg: var(--dh-color-accent-700);--dh-color-editor-find-option-active-fg: var(--dh-color-gray-900);--dh-color-editor-suggest-bg: var(--dh-color-gray-200);--dh-color-editor-suggest-border: var(--dh-color-gray-400);--dh-color-editor-suggest-fg: var(--dh-color-white);--dh-color-editor-suggest-selected-bg: var(--dh-color-highlight-selected);--dh-color-editor-suggest-selected-fg: var(--dh-color-white);--dh-color-editor-suggest-highlight-fg: var(--dh-color-accent-700);--dh-color-editor-suggest-focus-highlight-fg: var(--dh-color-accent-700);--dh-color-editor-suggest-hover-bg: var(--dh-color-highlight-hover);--dh-color-editor-link-foreground: var(--dh-color-accent-1000);--dh-color-editor-link-active-fg: var(--dh-color-accent-1100)}/*# sourceMappingURL=theme-dark-semantic-editor.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic-editor.css"],"names":[],"mappings":"AAAA,MAEE,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic-editor.css"],"names":[],"mappings":"AAAA,MAEE,iDACA,+CACA,uDACA,2DACA,8DACA,+DAGA,oDACA,sDACA,+DACA,mEACA,uDACA,uDACA,wDACA,uDACA,2DACA,sDACA,yDACA,wDAGA,6DACA,yEACA,+CACA,iDACA,uDAGA,4DACA,4DACA,qEAGA,qDACA,wDACA,wDACA,uDACA,0DACA,2DACA,0DAGA,oDACA,oEACA,sFAGA,oEACA,kEAGA,uDACA,2DACA,oDACA,0EACA,6DACA,mEACA,yEACA,oEAGA,+DACA","file":"theme-dark-semantic-editor.css","sourcesContent":[":root {\n /* Editor */\n --dh-color-editor-bg: var(--dh-color-content-bg);\n --dh-color-editor-fg: var(--dh-color-gray-900);\n --dh-color-editor-error-fg: var(--dh-color-visual-red);\n --dh-color-editor-line-number-fg: var(--dh-color-gray-700);\n --dh-color-editor-line-highlight-bg: var(--dh-color-gray-200);\n --dh-color-editor-selection-bg: var(--dh-color-text-highlight);\n\n /* Code rules */\n --dh-color-editor-comment: var(--dh-color-gray-700);\n --dh-color-editor-delimiter: var(--dh-color-gray-700);\n --dh-color-editor-identifier-js: var(--dh-color-visual-yellow);\n --dh-color-editor-identifier-namespace: var(--dh-color-visual-red);\n --dh-color-editor-identifier: var(--dh-color-gray-900);\n --dh-color-editor-keyword: var(--dh-color-visual-cyan);\n --dh-color-editor-number: var(--dh-color-visual-purple);\n --dh-color-editor-operator: var(--dh-color-visual-red);\n --dh-color-editor-predefined: var(--dh-color-visual-green);\n --dh-color-editor-storage: var(--dh-color-visual-red);\n --dh-color-editor-string-delim: var(--dh-color-gray-700);\n --dh-color-editor-string: var(--dh-color-visual-yellow);\n\n /* Input */\n --dh-color-editor-focus-border: var(--dh-color-focus-border);\n --dh-color-editor-input-option-active-border: var(--dh-color-focus-ring);\n --dh-color-editor-input-bg: var(--dh-color-bg);\n --dh-color-editor-input-fg: var(--dh-color-text);\n --dh-color-editor-input-border: var(--dh-color-border);\n\n /* Menus */\n --dh-color-editor-context-menu-bg: var(--dh-color-gray-300);\n --dh-color-editor-context-menu-fg: var(--dh-color-gray-900);\n --dh-color-editor-menu-selection-bg: var(--dh-color-highlight-hover);\n\n /* Logging */\n --dh-color-editor-log-date: var(--dh-color-gray-700);\n --dh-color-editor-log-error: var(--dh-color-visual-red);\n --dh-color-editor-log-info: var(--dh-color-visual-cyan);\n --dh-color-editor-log-stdout: var(--dh-color-gray-900);\n --dh-color-editor-log-warn: var(--dh-color-visual-yellow);\n --dh-color-editor-log-debug: var(--dh-color-visual-purple);\n --dh-color-editor-log-trace: var(--dh-color-visual-green);\n\n /* Find */\n --dh-color-editor-find-bg: var(--dh-color-gray-200);\n --dh-color-editor-find-match-bg: var(--dh-color-highlight-selected);\n --dh-color-editor-find-match-highlight-bg: var(\n --dh-color-highlight-selected-hover\n );\n --dh-color-editor-find-option-active-bg: var(--dh-color-accent-700);\n --dh-color-editor-find-option-active-fg: var(--dh-color-gray-900);\n\n /* Suggest */\n --dh-color-editor-suggest-bg: var(--dh-color-gray-200);\n --dh-color-editor-suggest-border: var(--dh-color-gray-400);\n --dh-color-editor-suggest-fg: var(--dh-color-white);\n --dh-color-editor-suggest-selected-bg: var(--dh-color-highlight-selected);\n --dh-color-editor-suggest-selected-fg: var(--dh-color-white);\n --dh-color-editor-suggest-highlight-fg: var(--dh-color-accent-700);\n --dh-color-editor-suggest-focus-highlight-fg: var(--dh-color-accent-700);\n --dh-color-editor-suggest-hover-bg: var(--dh-color-highlight-hover);\n\n /* Links */\n --dh-color-editor-link-foreground: var(--dh-color-accent-1000);\n --dh-color-editor-link-active-fg: var(--dh-color-accent-1100);\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--dh-color-grid-bg: var(--dh-color-
|
|
1
|
+
:root{--dh-color-grid-bg: var(--dh-color-bg);--dh-color-grid-header-bg: var(--dh-color-gray-100);--dh-color-grid-header-text: var(--dh-color-heading-text);--dh-color-grid-header-separator: var(--dh-color-gray-50);--dh-color-grid-header-separator-hover: var(--dh-color-gray-600);--dh-color-grid-header-separator-hidden-hover: var(--dh-color-accent-700);--dh-color-grid-header-sort-bar: var(--dh-color-visual-purple);--dh-color-grid-header-reverse-bar: var(--dh-color-visual-green);--dh-color-grid-header-bar-casing: var(--dh-color-gray-50);--dh-color-grid-row-0-bg: var(--dh-color-gray-300);--dh-color-grid-row-1-bg: var(--dh-color-gray-100);--dh-color-grid-row-hover-bg: var(--dh-color-gray-400);--dh-color-grid-row-hover-bg-selected: var( --dh-color-highlight-selected-hover );--dh-color-grid-selection: var(--dh-color-highlight-selected);--dh-color-grid-selection-outline: var(--dh-color-accent-900);--dh-color-grid-selection-outline-casing: var(--dh-color-gray-50);--dh-color-grid-scroll-bar-active-selection-tick: var(--dh-color-accent-400);--dh-color-grid-scroll-bar-bg: var(--dh-color-gray-100);--dh-color-grid-scroll-bar-hover-bg: var(--dh-color-gray-200);--dh-color-grid-scroll-bar-casing: var(--dh-color-gray-400);--dh-color-grid-scroll-bar-corner: var(--dh-color-gray-100);--dh-color-grid-scroll-bar: var(--dh-color-gray-500);--dh-color-grid-scroll-bar-hover: var(--dh-color-gray-600);--dh-color-grid-scroll-bar-active: var(--dh-color-gray-700);--dh-color-grid-text: var(--dh-color-text);--dh-color-grid-text-hyperlink: var(--dh-color-accent-1000);--dh-color-grid-text-pending: var(--dh-color-yellow-1300);--dh-color-grid-text-error: var(--dh-color-visual-negative);--dh-color-grid-date: var(--dh-color-visual-notice);--dh-color-grid-number-positive: var(--dh-color-visual-positive);--dh-color-grid-number-negative: var(--dh-color-visual-negative);--dh-color-grid-number-zero: var(--dh-color-visual-notice);--dh-color-grid-string-null: var(--dh-color-gray-600);--dh-color-grid-filter-bar-active-bg: hsla( var(--dh-color-accent-700-hsl), 0.5 );--dh-color-grid-filter-bar-active: var(--dh-color-accent-600);--dh-color-grid-filter-bar-expanded-bg: var(--dh-color-gray-200);--dh-color-grid-filter-bar-expanded-active-bg: hsla( var(--dh-color-accent-1000-hsl), 0.19 );--dh-color-grid-filter-bar-expanded-active-cell-bg: hsla( var(--dh-color-accent-700-hsl), 0.32 );--dh-color-grid-filter-bar-separator: var(--dh-color-gray-600);--dh-color-grid-filter-bar-error: var(--dh-color-visual-negative);--dh-color-grid-filter-icon: var(--dh-color-accent-600);--dh-color-grid-context-menu-sort-icon: var(--dh-color-visual-purple);--dh-color-grid-context-menu-reverse-icon: var(--dh-color-visual-green);--dh-color-grid-column-linker-hover-bg: var( --dh-color-highlight-selected-hover );--dh-color-grid-column-grouped-divider: var(--dh-color-gray-50);--dh-color-grid-tree-line: var(--dh-color-gray-500);--dh-color-grid-tree-marker: var(--dh-color-gray-700);--dh-color-grid-tree-marker-hover: var(--dh-color-gray-900);--dh-color-grid-floating-row: var(--dh-color-gray-300);--dh-color-grid-floating-row-bg: var(--dh-color-gray-200);--dh-color-grid-floating-divider-inner: var(--dh-color-gray-200);--dh-color-grid-floating-divider-outer: var(--dh-color-gray-50);--dh-color-grid-overflow-button: var(--dh-color-gray-700);--dh-color-grid-overflow-button-hover: var(--dh-color-gray-900);--dh-color-grid-data-bar-positive: var(--dh-color-visual-positive);--dh-color-grid-data-bar-negative: var(--dh-color-visual-negative);--dh-color-grid-data-bar-marker: var(--dh-color-white);--dh-color-grid-data-bar-zero-line: var(--dh-color-gray-300);--dh-color-grid-scrim: var(--dh-color-gray-50)}/*# sourceMappingURL=theme-dark-semantic-grid.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic-grid.css"],"names":[],"mappings":"AAAA,MAEE
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic-grid.css"],"names":[],"mappings":"AAAA,MAEE,uCAGA,oDACA,0DACA,0DACA,iEACA,0EACA,+DACA,iEACA,2DAGA,mDACA,mDACA,uDACA,kFAKA,8DACA,8DACA,kEAGA,6EACA,wDACA,8DACA,4DACA,4DACA,qDACA,2DACA,4DAGA,2CACA,4DACA,0DACA,4DAGA,oDACA,iEACA,iEACA,2DACA,sDAGA,kFAIA,8DACA,iEACA,6FAIA,iGAIA,+DACA,kEACA,wDAGA,sEACA,wEAGA,mFAGA,gEAGA,oDACA,sDACA,4DAGA,uDACA,0DACA,iEACA,gEAGA,0DACA,gEAGA,mEACA,mEACA,uDACA,6DAGA","file":"theme-dark-semantic-grid.css","sourcesContent":[":root {\n /* Grid */\n --dh-color-grid-bg: var(--dh-color-bg);\n\n /* Header */\n --dh-color-grid-header-bg: var(--dh-color-gray-100);\n --dh-color-grid-header-text: var(--dh-color-heading-text);\n --dh-color-grid-header-separator: var(--dh-color-gray-50);\n --dh-color-grid-header-separator-hover: var(--dh-color-gray-600);\n --dh-color-grid-header-separator-hidden-hover: var(--dh-color-accent-700);\n --dh-color-grid-header-sort-bar: var(--dh-color-visual-purple);\n --dh-color-grid-header-reverse-bar: var(--dh-color-visual-green);\n --dh-color-grid-header-bar-casing: var(--dh-color-gray-50);\n\n /* Row */\n --dh-color-grid-row-0-bg: var(--dh-color-gray-300);\n --dh-color-grid-row-1-bg: var(--dh-color-gray-100);\n --dh-color-grid-row-hover-bg: var(--dh-color-gray-400);\n --dh-color-grid-row-hover-bg-selected: var(\n --dh-color-highlight-selected-hover\n );\n\n /* Selection */\n --dh-color-grid-selection: var(--dh-color-highlight-selected);\n --dh-color-grid-selection-outline: var(--dh-color-accent-900);\n --dh-color-grid-selection-outline-casing: var(--dh-color-gray-50);\n\n /** Sroll Bar */\n --dh-color-grid-scroll-bar-active-selection-tick: var(--dh-color-accent-400);\n --dh-color-grid-scroll-bar-bg: var(--dh-color-gray-100);\n --dh-color-grid-scroll-bar-hover-bg: var(--dh-color-gray-200);\n --dh-color-grid-scroll-bar-casing: var(--dh-color-gray-400);\n --dh-color-grid-scroll-bar-corner: var(--dh-color-gray-100);\n --dh-color-grid-scroll-bar: var(--dh-color-gray-500);\n --dh-color-grid-scroll-bar-hover: var(--dh-color-gray-600);\n --dh-color-grid-scroll-bar-active: var(--dh-color-gray-700);\n\n /* Text */\n --dh-color-grid-text: var(--dh-color-text);\n --dh-color-grid-text-hyperlink: var(--dh-color-accent-1000);\n --dh-color-grid-text-pending: var(--dh-color-yellow-1300);\n --dh-color-grid-text-error: var(--dh-color-visual-negative);\n\n /* Data Types */\n --dh-color-grid-date: var(--dh-color-visual-notice);\n --dh-color-grid-number-positive: var(--dh-color-visual-positive);\n --dh-color-grid-number-negative: var(--dh-color-visual-negative);\n --dh-color-grid-number-zero: var(--dh-color-visual-notice);\n --dh-color-grid-string-null: var(--dh-color-gray-600);\n\n /* Filter Bar */\n --dh-color-grid-filter-bar-active-bg: hsla(\n var(--dh-color-accent-700-hsl),\n 0.5\n );\n --dh-color-grid-filter-bar-active: var(--dh-color-accent-600);\n --dh-color-grid-filter-bar-expanded-bg: var(--dh-color-gray-200);\n --dh-color-grid-filter-bar-expanded-active-bg: hsla(\n var(--dh-color-accent-1000-hsl),\n 0.19\n );\n --dh-color-grid-filter-bar-expanded-active-cell-bg: hsla(\n var(--dh-color-accent-700-hsl),\n 0.32\n );\n --dh-color-grid-filter-bar-separator: var(--dh-color-gray-600);\n --dh-color-grid-filter-bar-error: var(--dh-color-visual-negative);\n --dh-color-grid-filter-icon: var(--dh-color-accent-600);\n\n /* Context Menu */\n --dh-color-grid-context-menu-sort-icon: var(--dh-color-visual-purple);\n --dh-color-grid-context-menu-reverse-icon: var(--dh-color-visual-green);\n\n /* Column */\n --dh-color-grid-column-linker-hover-bg: var(\n --dh-color-highlight-selected-hover\n );\n --dh-color-grid-column-grouped-divider: var(--dh-color-gray-50);\n\n /* Tree */\n --dh-color-grid-tree-line: var(--dh-color-gray-500);\n --dh-color-grid-tree-marker: var(--dh-color-gray-700);\n --dh-color-grid-tree-marker-hover: var(--dh-color-gray-900);\n\n /* Floating */\n --dh-color-grid-floating-row: var(--dh-color-gray-300);\n --dh-color-grid-floating-row-bg: var(--dh-color-gray-200);\n --dh-color-grid-floating-divider-inner: var(--dh-color-gray-200);\n --dh-color-grid-floating-divider-outer: var(--dh-color-gray-50);\n\n /* Overflow Button */\n --dh-color-grid-overflow-button: var(--dh-color-gray-700);\n --dh-color-grid-overflow-button-hover: var(--dh-color-gray-900);\n\n /* Data Bars */\n --dh-color-grid-data-bar-positive: var(--dh-color-visual-positive);\n --dh-color-grid-data-bar-negative: var(--dh-color-visual-negative);\n --dh-color-grid-data-bar-marker: var(--dh-color-white);\n --dh-color-grid-data-bar-zero-line: var(--dh-color-gray-300);\n\n /* Scrim */\n --dh-color-grid-scrim: var(--dh-color-gray-50);\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--dh-color-
|
|
1
|
+
:root{--dh-color-bg-hsl: var(--dh-color-black-hsl);--dh-color-fg-hsl: var(--dh-color-white-hsl);--dh-color-border-hsl: var(--dh-color-gray-500-hsl);--dh-color-content-bg-hsl: var(--dh-color-gray-100-hsl);--dh-color-scrollbar-hsl: var(--dh-color-fg-hsl);--dh-color-action-hsl: var(--dh-color-gray-75-hsl);--dh-color-accent-hsl: var(--dh-color-blue-600-hsl);--dh-color-accent-100-hsl: var(--dh-color-blue-100-hsl);--dh-color-accent-200-hsl: var(--dh-color-blue-200-hsl);--dh-color-accent-300-hsl: var(--dh-color-blue-300-hsl);--dh-color-accent-400-hsl: var(--dh-color-blue-400-hsl);--dh-color-accent-500-hsl: var(--dh-color-blue-500-hsl);--dh-color-accent-600-hsl: var(--dh-color-blue-600-hsl);--dh-color-accent-700-hsl: var(--dh-color-blue-700-hsl);--dh-color-accent-800-hsl: var(--dh-color-blue-800-hsl);--dh-color-accent-900-hsl: var(--dh-color-blue-900-hsl);--dh-color-accent-1000-hsl: var(--dh-color-blue-1000-hsl);--dh-color-accent-1100-hsl: var(--dh-color-blue-1100-hsl);--dh-color-accent-1200-hsl: var(--dh-color-blue-1200-hsl);--dh-color-accent-1300-hsl: var(--dh-color-blue-1300-hsl);--dh-color-accent-1400-hsl: var(--dh-color-blue-1400-hsl);--dh-color-info-hsl: var(--dh-color-cyan-1000-hsl);--dh-color-neutral-hsl: var(--dh-color-gray-500-hsl);--dh-color-notice-hsl: var(--dh-color-yellow-1000-hsl);--dh-color-positive-hsl: var(--dh-color-green-900-hsl);--dh-color-negative-hsl: var(--dh-color-red-600-hsl);--dh-color-contrast-dark-hsl: var(--dh-color-gray-50-hsl);--dh-color-contrast-light-hsl: var(--dh-color-gray-900-hsl);--dh-color-action-contrast-hsl: var(--dh-color-contrast-light-hsl);--dh-color-accent-contrast-hsl: var(--dh-color-contrast-light-hsl);--dh-color-info-contrast-hsl: var(--dh-color-contrast-dark-hsl);--dh-color-negative-contrast-hsl: var(--dh-color-contrast-light-hsl);--dh-color-neutral-contrast-hsl: var(--dh-color-contrast-light-hsl);--dh-color-notice-contrast-hsl: var(--dh-color-contrast-dark-hsl);--dh-color-positive-contrast-hsl: var(--dh-color-contrast-light-hsl);--dh-color-visual-blue-hsl: var(--dh-color-blue-600-hsl);--dh-color-visual-celery-hsl: var(--dh-color-celery-1000-hsl);--dh-color-visual-chartreuse-hsl: var(--dh-color-chartreuse-1100-hsl);--dh-color-visual-cyan-hsl: var(--dh-color-cyan-1100-hsl);--dh-color-visual-fuchsia-hsl: var(--dh-color-fuchsia-900-hsl);--dh-color-visual-gray-hsl: var(--dh-color-gray-600-hsl);--dh-color-visual-green-hsl: var(--dh-color-green-1100-hsl);--dh-color-visual-indigo-hsl: var(--dh-color-indigo-900-hsl);--dh-color-visual-magenta-hsl: var(--dh-color-magenta-900-hsl);--dh-color-visual-orange-hsl: var(--dh-color-orange-900-hsl);--dh-color-visual-purple-hsl: var(--dh-color-purple-900-hsl);--dh-color-visual-red-hsl: var(--dh-color-red-800-hsl);--dh-color-visual-seafoam-hsl: var(--dh-color-seafoam-1100-hsl);--dh-color-visual-yellow-hsl: var(--dh-color-yellow-1200-hsl);--dh-color-visual-positive-hsl: var(--dh-color-green-1100-hsl);--dh-color-visual-negative-hsl: var(--dh-color-red-800-hsl);--dh-color-visual-notice-hsl: var(--dh-color-yellow-1200-hsl);--dh-color-visual-info-hsl: var(--dh-color-cyan-1100-hsl);--dh-color-border: hsl(var(--dh-color-border-hsl));--dh-color-bg: hsl(var(--dh-color-bg-hsl));--dh-color-fg: hsl(var(--dh-color-fg-hsl));--dh-color-content-bg: hsl(var(--dh-color-content-bg-hsl));--dh-color-hover-border: var(--dh-color-gray-600);--dh-color-heading-text: var(--dh-color-gray-900);--dh-color-text: var(--dh-color-gray-800);--dh-color-text-disabled: var(--dh-color-gray-400);--dh-color-text-highlight: hsla(var(--dh-color-blue-700-hsl), 0.3);--dh-color-contrast-dark: hsl(var(--dh-color-contrast-dark-hsl));--dh-color-contrast-light: hsl(var(--dh-color-contrast-light-hsl));--dh-color-accent-100: hsl(var(--dh-color-accent-100-hsl));--dh-color-accent-200: hsl(var(--dh-color-accent-200-hsl));--dh-color-accent-300: hsl(var(--dh-color-accent-300-hsl));--dh-color-accent-400: hsl(var(--dh-color-accent-400-hsl));--dh-color-accent-500: hsl(var(--dh-color-accent-500-hsl));--dh-color-accent-600: hsl(var(--dh-color-accent-600-hsl));--dh-color-accent-700: hsl(var(--dh-color-accent-700-hsl));--dh-color-accent-800: hsl(var(--dh-color-accent-800-hsl));--dh-color-accent-900: hsl(var(--dh-color-accent-900-hsl));--dh-color-accent-1000: hsl(var(--dh-color-accent-1000-hsl));--dh-color-accent-1100: hsl(var(--dh-color-accent-1100-hsl));--dh-color-accent-1200: hsl(var(--dh-color-accent-1200-hsl));--dh-color-accent-1300: hsl(var(--dh-color-accent-1300-hsl));--dh-color-accent-1400: hsl(var(--dh-color-accent-1400-hsl));--dh-color-accent-bg: hsl(var(--dh-color-accent-hsl));--dh-color-accent-hover-bg: var(--dh-color-accent-500);--dh-color-accent-down-bg: var(--dh-color-accent-400);--dh-color-accent-key-focus-bg: var(--dh-color-accent-500);--dh-color-accent-contrast: hsl(var(--dh-color-accent-contrast-hsl));--dh-color-gray-bg: var(--dh-color-gray-700);--dh-color-blue-bg: var(--dh-color-blue-700);--dh-color-red-bg: var(--dh-color-red-700);--dh-color-orange-bg: var(--dh-color-orange-800);--dh-color-yellow-bg: var(--dh-color-yellow-1000);--dh-color-chartreuse-bg: var(--dh-color-chartreuse-900);--dh-color-celery-bg: var(--dh-color-celery-800);--dh-color-green-bg: var(--dh-color-green-700);--dh-color-seafoam-bg: var(--dh-color-seafoam-700);--dh-color-cyan-bg: var(--dh-color-cyan-700);--dh-color-indigo-bg: var(--dh-color-indigo-700);--dh-color-purple-bg: var(--dh-color-purple-700);--dh-color-fuchsia-bg: var(--dh-color-fuchsia-700);--dh-color-magenta-bg: var(--dh-color-magenta-700);--dh-color-focus: var(--dh-color-blue-800);--dh-color-focus-border: var(--dh-color-blue-800);--dh-color-focus-ring: var(--dh-color-focus);--dh-color-highlight-active: hsla(var(--dh-color-visual-gray-hsl), 0.15);--dh-color-highlight-hover: hsla(var(--dh-color-visual-gray-hsl), 0.08);--dh-color-highlight-invalid: hsla(var(--dh-color-visual-red-hsl), 0.15);--dh-color-highlight-selected: hsla(var(--dh-color-visual-blue-hsl), 0.13);--dh-color-highlight-selected-hover: hsla( var(--dh-color-visual-blue-hsl), 0.2 );--dh-color-keyboard-selected-bg: hsla(var(--dh-color-accent-hsl), 0.5);--dh-color-dropshadow: hsla(var(--dh-color-visual-gray-hsl), 0.8);--dh-color-overlay-modal-bg: hsla(var(--dh-color-visual-gray-hsl), 0.6);--dh-color-overlay-hover-bg: hsla(var(--dh-color-visual-gray-hsl), 0.08);--dh-color-negative-bg: hsl(var(--dh-color-negative-hsl));--dh-color-negative-hover-bg: var(--dh-color-red-500);--dh-color-negative-down-bg: var(--dh-color-red-400);--dh-color-negative-key-focus-bg: var(--dh-color-red-500);--dh-color-negative-contrast: hsl(var(--dh-color-negative-contrast-hsl));--dh-color-neutral-bg: hsl(var(--dh-color-neutral-hsl));--dh-color-neutral-hover-bg: var(--dh-color-gray-400);--dh-color-neutral-down-bg: var(--dh-color-gray-300);--dh-color-neutral-key-focus-bg: var(--dh-color-gray-400);--dh-color-neutral-contrast: hsl(var(--dh-color-neutral-contrast-hsl));--dh-color-neutral-subdued-bg: var(--dh-color-gray-400);--dh-color-neutral-subdued-hover-bg: var(--dh-color-gray-300);--dh-color-neutral-subdued-down-bg: var(--dh-color-gray-200);--dh-color-neutral-subdued-key-focus-bg: var(--dh-color-gray-300);--dh-color-positive-bg: hsl(var(--dh-color-positive-hsl));--dh-color-positive-hover-bg: var(--dh-color-green-800);--dh-color-positive-down-bg: var(--dh-color-green-700);--dh-color-positive-key-focus-bg: var(--dh-color-green-800);--dh-color-positive-contrast: hsl(var(--dh-color-positive-contrast-hsl));--dh-color-info-bg: hsl(var(--dh-color-info-hsl));--dh-color-info-hover-bg: var(--dh-color-cyan-900);--dh-color-info-down-bg: var(--dh-color-cyan-800);--dh-color-info-key-focus-bg: var(--dh-color-cyan-900);--dh-color-info-contrast: hsl(var(--dh-color-info-contrast-hsl));--dh-color-notice-bg: hsl(var(--dh-color-notice-hsl));--dh-color-notice-hover-bg: var(--dh-color-yellow-900);--dh-color-notice-down-bg: var(--dh-color-yellow-800);--dh-color-notice-key-focus-bg: var(--dh-color-yellow-1000);--dh-color-notice-contrast: hsl(var(--dh-color-notice-contrast-hsl));--dh-color-visual-blue: hsl(var(--dh-color-visual-blue-hsl));--dh-color-visual-celery: hsl(var(--dh-color-visual-celery-hsl));--dh-color-visual-chartreuse: hsl(var(--dh-color-visual-chartreuse-hsl));--dh-color-visual-cyan: hsl(var(--dh-color-visual-cyan-hsl));--dh-color-visual-fuchsia: hsl(var(--dh-color-visual-fuchsia-hsl));--dh-color-visual-gray: hsl(var(--dh-color-visual-gray-hsl));--dh-color-visual-green: hsl(var(--dh-color-visual-green-hsl));--dh-color-visual-indigo: hsl(var(--dh-color-visual-indigo-hsl));--dh-color-visual-magenta: hsl(var(--dh-color-visual-magenta-hsl));--dh-color-visual-orange: hsl(var(--dh-color-visual-orange-hsl));--dh-color-visual-purple: hsl(var(--dh-color-visual-purple-hsl));--dh-color-visual-red: hsl(var(--dh-color-visual-red-hsl));--dh-color-visual-seafoam: hsl(var(--dh-color-visual-seafoam-hsl));--dh-color-visual-yellow: hsl(var(--dh-color-visual-yellow-hsl));--dh-color-visual-positive: hsl(var(--dh-color-visual-positive-hsl));--dh-color-visual-negative: hsl(var(--dh-color-visual-negative-hsl));--dh-color-visual-notice: hsl(var(--dh-color-visual-notice-hsl));--dh-color-visual-info: hsl(var(--dh-color-visual-info-hsl));--dh-color-modified: var(--dh-color-yellow-1300)}/*# sourceMappingURL=theme-dark-semantic.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic.css"],"names":[],"mappings":"AAEA,MAEE,qDACA,qDAEA,oDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,0DACA,0DACA,0DACA,0DACA,0DAEA,mDACA,qDACA,uDACA,uDACA,qDAWA,0DACA,4DAEA,mEACA,gEACA,qEACA,oEACA,kEACA,qEAGA,yDACA,8DACA,sEACA,0DACA,+DACA,yDACA,4DACA,6DACA,+DACA,6DACA,6DACA,uDACA,gEACA,8DAEA,+DACA,4DACA,8DACA,0DAGA,4CACA,2DACA,2DACA,wDAGA,kDACA,0CACA,mDACA,mEAGA,iEACA,mEAGA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,6DACA,6DACA,6DACA,6DACA,6DAGA,8DACA,uDACA,sDACA,2DACA,gEAGA,qDACA,qDACA,mDACA,yDACA,0DACA,iEACA,yDACA,uDACA,2DACA,qDACA,yDACA,yDACA,2DACA,2DAGA,2CACA,kDACA,6CAGA,yEACA,wEACA,yEACA,2EACA,kFAMA,kEACA,wEACA,yEAGA,kEACA,sDACA,qDACA,0DACA,yEAGA,gEACA,sDACA,qDACA,0DACA,uEAEA,gEACA,8DACA,6DACA,kEAGA,kEACA,wDACA,uDACA,4DACA,yEAGA,0DACA,mDACA,kDACA,uDACA,iEAGA,8DACA,uDACA,sDACA,4DACA,qEAGA,6DACA,iEACA,yEACA,6DACA,mEACA,6DACA,+DACA,iEACA,mEACA,iEACA,iEACA,2DACA,mEACA,iEAEA,qEACA,qEACA,iEACA,6DAGA,gEACA","file":"theme-dark-semantic.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before */\n/* stylelint-disable alpha-value-notation */\n:root {\n /* HSL base colors */\n --dh-color-background-hsl: var(--dh-color-black-hsl);\n --dh-color-foreground-hsl: var(--dh-color-white-hsl);\n\n --dh-color-accent-hsl: var(--dh-color-blue-600-hsl);\n --dh-color-accent-100-hsl: var(--dh-color-blue-100-hsl);\n --dh-color-accent-200-hsl: var(--dh-color-blue-200-hsl);\n --dh-color-accent-300-hsl: var(--dh-color-blue-300-hsl);\n --dh-color-accent-400-hsl: var(--dh-color-blue-400-hsl);\n --dh-color-accent-500-hsl: var(--dh-color-blue-500-hsl);\n --dh-color-accent-600-hsl: var(--dh-color-blue-600-hsl);\n --dh-color-accent-700-hsl: var(--dh-color-blue-700-hsl);\n --dh-color-accent-800-hsl: var(--dh-color-blue-800-hsl);\n --dh-color-accent-900-hsl: var(--dh-color-blue-900-hsl);\n --dh-color-accent-1000-hsl: var(--dh-color-blue-1000-hsl);\n --dh-color-accent-1100-hsl: var(--dh-color-blue-1100-hsl);\n --dh-color-accent-1200-hsl: var(--dh-color-blue-1200-hsl);\n --dh-color-accent-1300-hsl: var(--dh-color-blue-1300-hsl);\n --dh-color-accent-1400-hsl: var(--dh-color-blue-1400-hsl);\n\n --dh-color-info-hsl: var(--dh-color-cyan-1000-hsl);\n --dh-color-neutral-hsl: var(--dh-color-gray-500-hsl);\n --dh-color-notice-hsl: var(--dh-color-yellow-1000-hsl);\n --dh-color-positive-hsl: var(--dh-color-green-900-hsl);\n --dh-color-negative-hsl: var(--dh-color-red-600-hsl);\n\n /*\n * Contrast Colors\n *\n * Note that React Spectrum guidance suggests that background colors containing\n * yellow, orange, chartreuse or cyan should use a dark contrast color. All\n * others should use light. Therefore, these should stay in sync with the \n * --dh-color-xxx-hsl values above.\n * https://spectrum.adobe.com/page/using-color/#Solid-color-background-with-black-or-white\n */\n --dh-color-contrast-dark-hsl: var(--dh-color-gray-50-hsl);\n --dh-color-contrast-light-hsl: var(--dh-color-gray-900-hsl);\n\n --dh-color-accent-contrast-hsl: var(--dh-color-contrast-light-hsl);\n --dh-color-info-contrast-hsl: var(--dh-color-contrast-dark-hsl);\n --dh-color-negative-contrast-hsl: var(--dh-color-contrast-light-hsl);\n --dh-color-neutral-contrast-hsl: var(--dh-color-contrast-light-hsl);\n --dh-color-notice-contrast-hsl: var(--dh-color-contrast-dark-hsl);\n --dh-color-positive-contrast-hsl: var(--dh-color-contrast-light-hsl);\n\n /* Visual HSL */\n --dh-color-visual-blue-hsl: var(--dh-color-blue-600-hsl);\n --dh-color-visual-celery-hsl: var(--dh-color-celery-1000-hsl);\n --dh-color-visual-chartreuse-hsl: var(--dh-color-chartreuse-1100-hsl);\n --dh-color-visual-cyan-hsl: var(--dh-color-cyan-1100-hsl);\n --dh-color-visual-fuchsia-hsl: var(--dh-color-fuchsia-900-hsl);\n --dh-color-visual-gray-hsl: var(--dh-color-gray-600-hsl);\n --dh-color-visual-green-hsl: var(--dh-color-green-1100-hsl);\n --dh-color-visual-indigo-hsl: var(--dh-color-indigo-900-hsl);\n --dh-color-visual-magenta-hsl: var(--dh-color-magenta-900-hsl);\n --dh-color-visual-orange-hsl: var(--dh-color-orange-900-hsl);\n --dh-color-visual-purple-hsl: var(--dh-color-purple-900-hsl);\n --dh-color-visual-red-hsl: var(--dh-color-red-800-hsl);\n --dh-color-visual-seafoam-hsl: var(--dh-color-seafoam-1100-hsl);\n --dh-color-visual-yellow-hsl: var(--dh-color-yellow-1200-hsl);\n\n --dh-color-visual-positive-hsl: var(--dh-color-green-1100-hsl);\n --dh-color-visual-negative-hsl: var(--dh-color-red-800-hsl);\n --dh-color-visual-notice-hsl: var(--dh-color-yellow-1200-hsl);\n --dh-color-visual-info-hsl: var(--dh-color-cyan-1100-hsl);\n\n /* General */\n --dh-color-border: var(--dh-color-gray-500);\n --dh-color-background: hsl(var(--dh-color-background-hsl));\n --dh-color-foreground: hsl(var(--dh-color-foreground-hsl));\n --dh-color-content-background: var(--dh-color-gray-100);\n\n /* Text */\n --dh-color-heading-text: var(--dh-color-gray-900);\n --dh-color-text: var(--dh-color-gray-800);\n --dh-color-text-disabled: var(--dh-color-gray-400);\n --dh-color-text-highlight: hsla(var(--dh-color-blue-700-hsl), 0.3);\n\n /* Contrast Base */\n --dh-color-contrast-dark: hsl(var(--dh-color-contrast-dark-hsl));\n --dh-color-contrast-light: hsl(var(--dh-color-contrast-light-hsl));\n\n /** Accent Colors */\n --dh-color-accent-100: hsl(var(--dh-color-accent-100-hsl));\n --dh-color-accent-200: hsl(var(--dh-color-accent-200-hsl));\n --dh-color-accent-300: hsl(var(--dh-color-accent-300-hsl));\n --dh-color-accent-400: hsl(var(--dh-color-accent-400-hsl));\n --dh-color-accent-500: hsl(var(--dh-color-accent-500-hsl));\n --dh-color-accent-600: hsl(var(--dh-color-accent-600-hsl));\n --dh-color-accent-700: hsl(var(--dh-color-accent-700-hsl));\n --dh-color-accent-800: hsl(var(--dh-color-accent-800-hsl));\n --dh-color-accent-900: hsl(var(--dh-color-accent-900-hsl));\n --dh-color-accent-1000: hsl(var(--dh-color-accent-1000-hsl));\n --dh-color-accent-1100: hsl(var(--dh-color-accent-1100-hsl));\n --dh-color-accent-1200: hsl(var(--dh-color-accent-1200-hsl));\n --dh-color-accent-1300: hsl(var(--dh-color-accent-1300-hsl));\n --dh-color-accent-1400: hsl(var(--dh-color-accent-1400-hsl));\n\n /* Accent Background */\n --dh-color-accent-default-bg: hsl(var(--dh-color-accent-hsl));\n --dh-color-accent-hover-bg: var(--dh-color-accent-500);\n --dh-color-accent-down-bg: var(--dh-color-accent-400);\n --dh-color-accent-key-focus-bg: var(--dh-color-accent-500);\n --dh-color-accent-contrast: var(--dh-color-accent-contrast-hsl);\n\n /* Background Defaults */\n --dh-color-default-gray-bg: var(--dh-color-gray-700);\n --dh-color-default-blue-bg: var(--dh-color-blue-700);\n --dh-color-default-red-bg: var(--dh-color-red-700);\n --dh-color-default-orange-bg: var(--dh-color-orange-800);\n --dh-color-default-yellow-bg: var(--dh-color-yellow-1000);\n --dh-color-default-chartreuse-bg: var(--dh-color-chartreuse-900);\n --dh-color-default-celery-bg: var(--dh-color-celery-800);\n --dh-color-default-green-bg: var(--dh-color-green-700);\n --dh-color-default-seafoam-bg: var(--dh-color-seafoam-700);\n --dh-color-default-cyan-bg: var(--dh-color-cyan-700);\n --dh-color-default-indigo-bg: var(--dh-color-indigo-700);\n --dh-color-default-purple-bg: var(--dh-color-purple-700);\n --dh-color-default-fuchsia-bg: var(--dh-color-fuchsia-700);\n --dh-color-default-magenta-bg: var(--dh-color-magenta-700);\n\n /* Focus */\n --dh-color-focus: var(--dh-color-blue-800);\n --dh-color-focus-border: var(--dh-color-blue-800);\n --dh-color-focus-ring: var(--dh-color-focus);\n\n /* Highlight */\n --dh-color-highlight-active: hsla(var(--dh-color-visual-gray-hsl), 0.15);\n --dh-color-highlight-hover: hsla(var(--dh-color-visual-gray-hsl), 0.08);\n --dh-color-highlight-invalid: hsla(var(--dh-color-visual-red-hsl), 0.15);\n --dh-color-highlight-selected: hsla(var(--dh-color-visual-blue-hsl), 0.13);\n --dh-color-highlight-selected-hover: hsla(\n var(--dh-color-visual-blue-hsl),\n 0.2\n );\n\n /* Shadows / Overlays */\n --dh-color-dropshadow: hsla(var(--dh-color-visual-gray-hsl), 0.8);\n --dh-color-overlay-modal-bg: hsla(var(--dh-color-visual-gray-hsl), 0.6);\n --dh-color-overlay-hover-bg: hsla(var(--dh-color-visual-gray-hsl), 0.08);\n\n /* Negative Background */\n --dh-color-negative-default-bg: hsl(var(--dh-color-negative-hsl));\n --dh-color-negative-hover-bg: var(--dh-color-red-500);\n --dh-color-negative-down-bg: var(--dh-color-red-400);\n --dh-color-negative-key-focus-bg: var(--dh-color-red-500);\n --dh-color-negative-contrast: hsl(var(--dh-color-negative-contrast-hsl));\n\n /* Neutral */\n --dh-color-neutral-default-bg: hsl(var(--dh-color-neutral-hsl));\n --dh-color-neutral-hover-bg: var(--dh-color-gray-400);\n --dh-color-neutral-down-bg: var(--dh-color-gray-300);\n --dh-color-neutral-key-focus-bg: var(--dh-color-gray-400);\n --dh-color-neutral-contrast: hsl(var(--dh-color-neutral-contrast-hsl));\n\n --dh-color-neutral-subdued-default-bg: var(--dh-color-gray-400);\n --dh-color-neutral-subdued-hover-bg: var(--dh-color-gray-300);\n --dh-color-neutral-subdued-down-bg: var(--dh-color-gray-200);\n --dh-color-neutral-subdued-key-focus-bg: var(--dh-color-gray-300);\n\n /* Positive */\n --dh-color-positive-default-bg: hsl(var(--dh-color-positive-hsl));\n --dh-color-positive-hover-bg: var(--dh-color-green-800);\n --dh-color-positive-down-bg: var(--dh-color-green-700);\n --dh-color-positive-key-focus-bg: var(--dh-color-green-800);\n --dh-color-positive-contrast: hsl(var(--dh-color-positive-contrast-hsl));\n\n /* Informative */\n --dh-color-info-default-bg: hsl(var(--dh-color-info-hsl));\n --dh-color-info-hover-bg: var(--dh-color-cyan-900);\n --dh-color-info-down-bg: var(--dh-color-cyan-800);\n --dh-color-info-key-focus-bg: var(--dh-color-cyan-900);\n --dh-color-info-contrast: hsl(var(--dh-color-info-contrast-hsl));\n\n /* Notice */\n --dh-color-notice-default-bg: hsl(var(--dh-color-notice-hsl));\n --dh-color-notice-hover-bg: var(--dh-color-yellow-900);\n --dh-color-notice-down-bg: var(--dh-color-yellow-800);\n --dh-color-notice-key-focus-bg: var(--dh-color-yellow-1000);\n --dh-color-notice-contrast: hsl(var(--dh-color-notice-contrast-hsl));\n\n /* Visual Colors */\n --dh-color-visual-blue: hsl(var(--dh-color-visual-blue-hsl));\n --dh-color-visual-celery: hsl(var(--dh-color-visual-celery-hsl));\n --dh-color-visual-chartreuse: hsl(var(--dh-color-visual-chartreuse-hsl));\n --dh-color-visual-cyan: hsl(var(--dh-color-visual-cyan-hsl));\n --dh-color-visual-fuchsia: hsl(var(--dh-color-visual-fuchsia-hsl));\n --dh-color-visual-gray: hsl(var(--dh-color-visual-gray-hsl));\n --dh-color-visual-green: hsl(var(--dh-color-visual-green-hsl));\n --dh-color-visual-indigo: hsl(var(--dh-color-visual-indigo-hsl));\n --dh-color-visual-magenta: hsl(var(--dh-color-visual-magenta-hsl));\n --dh-color-visual-orange: hsl(var(--dh-color-visual-orange-hsl));\n --dh-color-visual-purple: hsl(var(--dh-color-visual-purple-hsl));\n --dh-color-visual-red: hsl(var(--dh-color-visual-red-hsl));\n --dh-color-visual-seafoam: hsl(var(--dh-color-visual-seafoam-hsl));\n --dh-color-visual-yellow: hsl(var(--dh-color-visual-yellow-hsl));\n\n --dh-color-visual-positive: hsl(var(--dh-color-visual-positive-hsl));\n --dh-color-visual-negative: hsl(var(--dh-color-visual-negative-hsl));\n --dh-color-visual-notice: hsl(var(--dh-color-visual-notice-hsl));\n --dh-color-visual-info: hsl(var(--dh-color-visual-info-hsl));\n\n /* Wells */\n --dh-color-well-bg: hsla(var(--dh-color-visual-gray-hsl), 0.02);\n --dh-color-well-border: hsla(var(--dh-color-visual-gray-hsl), 0.05);\n}\n"]}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic.css"],"names":[],"mappings":"AAEA,MAEE,6CACA,6CACA,oDACA,wDACA,iDAEA,mDACA,oDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,0DACA,0DACA,0DACA,0DACA,0DAEA,mDACA,qDACA,uDACA,uDACA,qDAWA,0DACA,4DAEA,mEACA,mEACA,gEACA,qEACA,oEACA,kEACA,qEAGA,yDACA,8DACA,sEACA,0DACA,+DACA,yDACA,4DACA,6DACA,+DACA,6DACA,6DACA,uDACA,gEACA,8DAEA,+DACA,4DACA,8DACA,0DAGA,mDACA,2CACA,2CACA,2DAGA,kDAGA,kDACA,0CACA,mDACA,mEAGA,iEACA,mEAGA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,6DACA,6DACA,6DACA,6DACA,6DAGA,sDACA,uDACA,sDACA,2DACA,qEAGA,6CACA,6CACA,2CACA,iDACA,kDACA,yDACA,iDACA,+CACA,mDACA,6CACA,iDACA,iDACA,mDACA,mDAGA,2CACA,kDACA,6CAGA,yEACA,wEACA,yEACA,2EACA,kFAMA,uEAGA,kEACA,wEACA,yEAGA,0DACA,sDACA,qDACA,0DACA,yEAGA,wDACA,sDACA,qDACA,0DACA,uEAEA,wDACA,8DACA,6DACA,kEAGA,0DACA,wDACA,uDACA,4DACA,yEAGA,kDACA,mDACA,kDACA,uDACA,iEAGA,sDACA,uDACA,sDACA,4DACA,qEAGA,6DACA,iEACA,yEACA,6DACA,mEACA,6DACA,+DACA,iEACA,mEACA,iEACA,iEACA,2DACA,mEACA,iEAEA,qEACA,qEACA,iEACA,6DAGA","file":"theme-dark-semantic.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before */\n/* stylelint-disable alpha-value-notation */\n:root {\n /* HSL base colors */\n --dh-color-bg-hsl: var(--dh-color-black-hsl);\n --dh-color-fg-hsl: var(--dh-color-white-hsl);\n --dh-color-border-hsl: var(--dh-color-gray-500-hsl);\n --dh-color-content-bg-hsl: var(--dh-color-gray-100-hsl);\n --dh-color-scrollbar-hsl: var(--dh-color-fg-hsl);\n\n --dh-color-action-hsl: var(--dh-color-gray-75-hsl);\n --dh-color-accent-hsl: var(--dh-color-blue-600-hsl);\n --dh-color-accent-100-hsl: var(--dh-color-blue-100-hsl);\n --dh-color-accent-200-hsl: var(--dh-color-blue-200-hsl);\n --dh-color-accent-300-hsl: var(--dh-color-blue-300-hsl);\n --dh-color-accent-400-hsl: var(--dh-color-blue-400-hsl);\n --dh-color-accent-500-hsl: var(--dh-color-blue-500-hsl);\n --dh-color-accent-600-hsl: var(--dh-color-blue-600-hsl);\n --dh-color-accent-700-hsl: var(--dh-color-blue-700-hsl);\n --dh-color-accent-800-hsl: var(--dh-color-blue-800-hsl);\n --dh-color-accent-900-hsl: var(--dh-color-blue-900-hsl);\n --dh-color-accent-1000-hsl: var(--dh-color-blue-1000-hsl);\n --dh-color-accent-1100-hsl: var(--dh-color-blue-1100-hsl);\n --dh-color-accent-1200-hsl: var(--dh-color-blue-1200-hsl);\n --dh-color-accent-1300-hsl: var(--dh-color-blue-1300-hsl);\n --dh-color-accent-1400-hsl: var(--dh-color-blue-1400-hsl);\n\n --dh-color-info-hsl: var(--dh-color-cyan-1000-hsl);\n --dh-color-neutral-hsl: var(--dh-color-gray-500-hsl);\n --dh-color-notice-hsl: var(--dh-color-yellow-1000-hsl);\n --dh-color-positive-hsl: var(--dh-color-green-900-hsl);\n --dh-color-negative-hsl: var(--dh-color-red-600-hsl);\n\n /*\n * Contrast Colors\n *\n * Note that React Spectrum guidance suggests that background colors containing\n * yellow, orange, chartreuse or cyan should use a dark contrast color. All\n * others should use light. Therefore, these should stay in sync with the \n * --dh-color-xxx-hsl values above.\n * https://spectrum.adobe.com/page/using-color/#Solid-color-background-with-black-or-white\n */\n --dh-color-contrast-dark-hsl: var(--dh-color-gray-50-hsl);\n --dh-color-contrast-light-hsl: var(--dh-color-gray-900-hsl);\n\n --dh-color-action-contrast-hsl: var(--dh-color-contrast-light-hsl);\n --dh-color-accent-contrast-hsl: var(--dh-color-contrast-light-hsl);\n --dh-color-info-contrast-hsl: var(--dh-color-contrast-dark-hsl);\n --dh-color-negative-contrast-hsl: var(--dh-color-contrast-light-hsl);\n --dh-color-neutral-contrast-hsl: var(--dh-color-contrast-light-hsl);\n --dh-color-notice-contrast-hsl: var(--dh-color-contrast-dark-hsl);\n --dh-color-positive-contrast-hsl: var(--dh-color-contrast-light-hsl);\n\n /* Visual HSL */\n --dh-color-visual-blue-hsl: var(--dh-color-blue-600-hsl);\n --dh-color-visual-celery-hsl: var(--dh-color-celery-1000-hsl);\n --dh-color-visual-chartreuse-hsl: var(--dh-color-chartreuse-1100-hsl);\n --dh-color-visual-cyan-hsl: var(--dh-color-cyan-1100-hsl);\n --dh-color-visual-fuchsia-hsl: var(--dh-color-fuchsia-900-hsl);\n --dh-color-visual-gray-hsl: var(--dh-color-gray-600-hsl);\n --dh-color-visual-green-hsl: var(--dh-color-green-1100-hsl);\n --dh-color-visual-indigo-hsl: var(--dh-color-indigo-900-hsl);\n --dh-color-visual-magenta-hsl: var(--dh-color-magenta-900-hsl);\n --dh-color-visual-orange-hsl: var(--dh-color-orange-900-hsl);\n --dh-color-visual-purple-hsl: var(--dh-color-purple-900-hsl);\n --dh-color-visual-red-hsl: var(--dh-color-red-800-hsl);\n --dh-color-visual-seafoam-hsl: var(--dh-color-seafoam-1100-hsl);\n --dh-color-visual-yellow-hsl: var(--dh-color-yellow-1200-hsl);\n\n --dh-color-visual-positive-hsl: var(--dh-color-green-1100-hsl);\n --dh-color-visual-negative-hsl: var(--dh-color-red-800-hsl);\n --dh-color-visual-notice-hsl: var(--dh-color-yellow-1200-hsl);\n --dh-color-visual-info-hsl: var(--dh-color-cyan-1100-hsl);\n\n /* General */\n --dh-color-border: hsl(var(--dh-color-border-hsl));\n --dh-color-bg: hsl(var(--dh-color-bg-hsl));\n --dh-color-fg: hsl(var(--dh-color-fg-hsl));\n --dh-color-content-bg: hsl(var(--dh-color-content-bg-hsl));\n\n /* Hover */\n --dh-color-hover-border: var(--dh-color-gray-600);\n\n /* Text */\n --dh-color-heading-text: var(--dh-color-gray-900);\n --dh-color-text: var(--dh-color-gray-800);\n --dh-color-text-disabled: var(--dh-color-gray-400);\n --dh-color-text-highlight: hsla(var(--dh-color-blue-700-hsl), 0.3);\n\n /* Contrast Base */\n --dh-color-contrast-dark: hsl(var(--dh-color-contrast-dark-hsl));\n --dh-color-contrast-light: hsl(var(--dh-color-contrast-light-hsl));\n\n /** Accent Colors */\n --dh-color-accent-100: hsl(var(--dh-color-accent-100-hsl));\n --dh-color-accent-200: hsl(var(--dh-color-accent-200-hsl));\n --dh-color-accent-300: hsl(var(--dh-color-accent-300-hsl));\n --dh-color-accent-400: hsl(var(--dh-color-accent-400-hsl));\n --dh-color-accent-500: hsl(var(--dh-color-accent-500-hsl));\n --dh-color-accent-600: hsl(var(--dh-color-accent-600-hsl));\n --dh-color-accent-700: hsl(var(--dh-color-accent-700-hsl));\n --dh-color-accent-800: hsl(var(--dh-color-accent-800-hsl));\n --dh-color-accent-900: hsl(var(--dh-color-accent-900-hsl));\n --dh-color-accent-1000: hsl(var(--dh-color-accent-1000-hsl));\n --dh-color-accent-1100: hsl(var(--dh-color-accent-1100-hsl));\n --dh-color-accent-1200: hsl(var(--dh-color-accent-1200-hsl));\n --dh-color-accent-1300: hsl(var(--dh-color-accent-1300-hsl));\n --dh-color-accent-1400: hsl(var(--dh-color-accent-1400-hsl));\n\n /* Accent */\n --dh-color-accent-bg: hsl(var(--dh-color-accent-hsl));\n --dh-color-accent-hover-bg: var(--dh-color-accent-500);\n --dh-color-accent-down-bg: var(--dh-color-accent-400);\n --dh-color-accent-key-focus-bg: var(--dh-color-accent-500);\n --dh-color-accent-contrast: hsl(var(--dh-color-accent-contrast-hsl));\n\n /* Background Defaults */\n --dh-color-gray-bg: var(--dh-color-gray-700);\n --dh-color-blue-bg: var(--dh-color-blue-700);\n --dh-color-red-bg: var(--dh-color-red-700);\n --dh-color-orange-bg: var(--dh-color-orange-800);\n --dh-color-yellow-bg: var(--dh-color-yellow-1000);\n --dh-color-chartreuse-bg: var(--dh-color-chartreuse-900);\n --dh-color-celery-bg: var(--dh-color-celery-800);\n --dh-color-green-bg: var(--dh-color-green-700);\n --dh-color-seafoam-bg: var(--dh-color-seafoam-700);\n --dh-color-cyan-bg: var(--dh-color-cyan-700);\n --dh-color-indigo-bg: var(--dh-color-indigo-700);\n --dh-color-purple-bg: var(--dh-color-purple-700);\n --dh-color-fuchsia-bg: var(--dh-color-fuchsia-700);\n --dh-color-magenta-bg: var(--dh-color-magenta-700);\n\n /* Focus */\n --dh-color-focus: var(--dh-color-blue-800);\n --dh-color-focus-border: var(--dh-color-blue-800);\n --dh-color-focus-ring: var(--dh-color-focus);\n\n /* Highlight */\n --dh-color-highlight-active: hsla(var(--dh-color-visual-gray-hsl), 0.15);\n --dh-color-highlight-hover: hsla(var(--dh-color-visual-gray-hsl), 0.08);\n --dh-color-highlight-invalid: hsla(var(--dh-color-visual-red-hsl), 0.15);\n --dh-color-highlight-selected: hsla(var(--dh-color-visual-blue-hsl), 0.13);\n --dh-color-highlight-selected-hover: hsla(\n var(--dh-color-visual-blue-hsl),\n 0.2\n );\n\n /* Keyboard selected */\n --dh-color-keyboard-selected-bg: hsla(var(--dh-color-accent-hsl), 0.5);\n\n /* Shadows / Overlays */\n --dh-color-dropshadow: hsla(var(--dh-color-visual-gray-hsl), 0.8);\n --dh-color-overlay-modal-bg: hsla(var(--dh-color-visual-gray-hsl), 0.6);\n --dh-color-overlay-hover-bg: hsla(var(--dh-color-visual-gray-hsl), 0.08);\n\n /* Negative */\n --dh-color-negative-bg: hsl(var(--dh-color-negative-hsl));\n --dh-color-negative-hover-bg: var(--dh-color-red-500);\n --dh-color-negative-down-bg: var(--dh-color-red-400);\n --dh-color-negative-key-focus-bg: var(--dh-color-red-500);\n --dh-color-negative-contrast: hsl(var(--dh-color-negative-contrast-hsl));\n\n /* Neutral */\n --dh-color-neutral-bg: hsl(var(--dh-color-neutral-hsl));\n --dh-color-neutral-hover-bg: var(--dh-color-gray-400);\n --dh-color-neutral-down-bg: var(--dh-color-gray-300);\n --dh-color-neutral-key-focus-bg: var(--dh-color-gray-400);\n --dh-color-neutral-contrast: hsl(var(--dh-color-neutral-contrast-hsl));\n\n --dh-color-neutral-subdued-bg: var(--dh-color-gray-400);\n --dh-color-neutral-subdued-hover-bg: var(--dh-color-gray-300);\n --dh-color-neutral-subdued-down-bg: var(--dh-color-gray-200);\n --dh-color-neutral-subdued-key-focus-bg: var(--dh-color-gray-300);\n\n /* Positive */\n --dh-color-positive-bg: hsl(var(--dh-color-positive-hsl));\n --dh-color-positive-hover-bg: var(--dh-color-green-800);\n --dh-color-positive-down-bg: var(--dh-color-green-700);\n --dh-color-positive-key-focus-bg: var(--dh-color-green-800);\n --dh-color-positive-contrast: hsl(var(--dh-color-positive-contrast-hsl));\n\n /* Informative */\n --dh-color-info-bg: hsl(var(--dh-color-info-hsl));\n --dh-color-info-hover-bg: var(--dh-color-cyan-900);\n --dh-color-info-down-bg: var(--dh-color-cyan-800);\n --dh-color-info-key-focus-bg: var(--dh-color-cyan-900);\n --dh-color-info-contrast: hsl(var(--dh-color-info-contrast-hsl));\n\n /* Notice */\n --dh-color-notice-bg: hsl(var(--dh-color-notice-hsl));\n --dh-color-notice-hover-bg: var(--dh-color-yellow-900);\n --dh-color-notice-down-bg: var(--dh-color-yellow-800);\n --dh-color-notice-key-focus-bg: var(--dh-color-yellow-1000);\n --dh-color-notice-contrast: hsl(var(--dh-color-notice-contrast-hsl));\n\n /* Visual Colors */\n --dh-color-visual-blue: hsl(var(--dh-color-visual-blue-hsl));\n --dh-color-visual-celery: hsl(var(--dh-color-visual-celery-hsl));\n --dh-color-visual-chartreuse: hsl(var(--dh-color-visual-chartreuse-hsl));\n --dh-color-visual-cyan: hsl(var(--dh-color-visual-cyan-hsl));\n --dh-color-visual-fuchsia: hsl(var(--dh-color-visual-fuchsia-hsl));\n --dh-color-visual-gray: hsl(var(--dh-color-visual-gray-hsl));\n --dh-color-visual-green: hsl(var(--dh-color-visual-green-hsl));\n --dh-color-visual-indigo: hsl(var(--dh-color-visual-indigo-hsl));\n --dh-color-visual-magenta: hsl(var(--dh-color-visual-magenta-hsl));\n --dh-color-visual-orange: hsl(var(--dh-color-visual-orange-hsl));\n --dh-color-visual-purple: hsl(var(--dh-color-visual-purple-hsl));\n --dh-color-visual-red: hsl(var(--dh-color-visual-red-hsl));\n --dh-color-visual-seafoam: hsl(var(--dh-color-visual-seafoam-hsl));\n --dh-color-visual-yellow: hsl(var(--dh-color-visual-yellow-hsl));\n\n --dh-color-visual-positive: hsl(var(--dh-color-visual-positive-hsl));\n --dh-color-visual-negative: hsl(var(--dh-color-visual-negative-hsl));\n --dh-color-visual-notice: hsl(var(--dh-color-visual-notice-hsl));\n --dh-color-visual-info: hsl(var(--dh-color-visual-info-hsl));\n\n /* Editing */\n --dh-color-modified: var(--dh-color-yellow-1300);\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--dh-color-gray-900: #000;--dh-color-gray-800: #222;--dh-color-gray-700: #464646;--dh-color-gray-600: #6d6d6d;--dh-color-gray-500: #909090;--dh-color-gray-400: #b1b1b1;--dh-color-gray-300: #d5d5d5;--dh-color-gray-200: #e6e6e6;--dh-color-gray-100: #f8f8f8;--dh-color-gray-75: #fdfdfd;--dh-color-gray-50: #fff;--dh-color-blue-100: #112451;--dh-color-blue-200: #16306c;--dh-color-blue-300: #1d3d88;--dh-color-blue-400: #254ba4;--dh-color-blue-500: #2f5bc0;--dh-color-blue-600: #3b6bda;--dh-color-blue-700: #4c7dee;--dh-color-blue-800: #6390fa;--dh-color-blue-900: #7ca4ff;--dh-color-blue-1000: #97b7ff;--dh-color-blue-1100: #afc9ff;--dh-color-blue-1200: #c7d9ff;--dh-color-blue-1300: #dbe6ff;--dh-color-blue-1400: #ecf1ff;--dh-color-seafoam-100: #1f2925;--dh-color-seafoam-200: #263630;--dh-color-seafoam-300: #2f463e;--dh-color-seafoam-400: #37574b;--dh-color-seafoam-500: #3e6959;--dh-color-seafoam-600: #447b68;--dh-color-seafoam-700: #488f78;--dh-color-seafoam-800: #4ca387;--dh-color-seafoam-900: #4fb797;--dh-color-seafoam-1000: #54cba6;--dh-color-seafoam-1100: #5edeb7;--dh-color-seafoam-1200: #78edc7;--dh-color-seafoam-1300: #9ef8d7;--dh-color-seafoam-1400: #cbfce8;--dh-color-black: var(--dh-color-gray-50);--dh-color-white: var(--dh-color-gray-75);--dh-color-
|
|
1
|
+
:root{--dh-color-gray-900: #000;--dh-color-gray-800: #222;--dh-color-gray-700: #464646;--dh-color-gray-600: #6d6d6d;--dh-color-gray-500: #909090;--dh-color-gray-400: #b1b1b1;--dh-color-gray-300: #d5d5d5;--dh-color-gray-200: #e6e6e6;--dh-color-gray-100: #f8f8f8;--dh-color-gray-75: #fdfdfd;--dh-color-gray-50: #fff;--dh-color-blue-100: #112451;--dh-color-blue-200: #16306c;--dh-color-blue-300: #1d3d88;--dh-color-blue-400: #254ba4;--dh-color-blue-500: #2f5bc0;--dh-color-blue-600: #3b6bda;--dh-color-blue-700: #4c7dee;--dh-color-blue-800: #6390fa;--dh-color-blue-900: #7ca4ff;--dh-color-blue-1000: #97b7ff;--dh-color-blue-1100: #afc9ff;--dh-color-blue-1200: #c7d9ff;--dh-color-blue-1300: #dbe6ff;--dh-color-blue-1400: #ecf1ff;--dh-color-seafoam-100: #1f2925;--dh-color-seafoam-200: #263630;--dh-color-seafoam-300: #2f463e;--dh-color-seafoam-400: #37574b;--dh-color-seafoam-500: #3e6959;--dh-color-seafoam-600: #447b68;--dh-color-seafoam-700: #488f78;--dh-color-seafoam-800: #4ca387;--dh-color-seafoam-900: #4fb797;--dh-color-seafoam-1000: #54cba6;--dh-color-seafoam-1100: #5edeb7;--dh-color-seafoam-1200: #78edc7;--dh-color-seafoam-1300: #9ef8d7;--dh-color-seafoam-1400: #cbfce8;--dh-color-black: var(--dh-color-gray-50);--dh-color-white: var(--dh-color-gray-75);--dh-color-bg: var(--dh-color-white);--dh-color-fg: var(--dh-color-black);--dh-color-grid-bg: var(--dh-color-bg)}/*# sourceMappingURL=theme-light-palette.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-light/theme-light-palette.css"],"names":[],"mappings":"AAAA,MAEE,0BACA,0BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,4BACA,yBAGA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,8BACA,8BACA,8BACA,8BACA,8BAGA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,iCACA,iCACA,iCACA,iCACA,iCAGA,0CACA,0CACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-light/theme-light-palette.css"],"names":[],"mappings":"AAAA,MAEE,0BACA,0BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,4BACA,yBAGA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,8BACA,8BACA,8BACA,8BACA,8BAGA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,iCACA,iCACA,iCACA,iCACA,iCAGA,0CACA,0CACA,qCACA,qCACA","file":"theme-light-palette.css","sourcesContent":[":root {\n /* Grays */\n --dh-color-gray-900: #000;\n --dh-color-gray-800: #222;\n --dh-color-gray-700: #464646;\n --dh-color-gray-600: #6d6d6d;\n --dh-color-gray-500: #909090;\n --dh-color-gray-400: #b1b1b1;\n --dh-color-gray-300: #d5d5d5;\n --dh-color-gray-200: #e6e6e6;\n --dh-color-gray-100: #f8f8f8;\n --dh-color-gray-75: #fdfdfd;\n --dh-color-gray-50: #fff;\n\n /* Blues */\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: #7ca4ff;\n --dh-color-blue-1000: #97b7ff;\n --dh-color-blue-1100: #afc9ff;\n --dh-color-blue-1200: #c7d9ff;\n --dh-color-blue-1300: #dbe6ff;\n --dh-color-blue-1400: #ecf1ff;\n\n /* Seafoam */\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: #488f78;\n --dh-color-seafoam-800: #4ca387;\n --dh-color-seafoam-900: #4fb797;\n --dh-color-seafoam-1000: #54cba6;\n --dh-color-seafoam-1100: #5edeb7;\n --dh-color-seafoam-1200: #78edc7;\n --dh-color-seafoam-1300: #9ef8d7;\n --dh-color-seafoam-1400: #cbfce8;\n\n /* Semantic */\n --dh-color-black: var(--dh-color-gray-50);\n --dh-color-white: var(--dh-color-gray-75);\n --dh-color-bg: var(--dh-color-white);\n --dh-color-fg: var(--dh-color-black);\n --dh-color-grid-bg: var(--dh-color-bg);\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.dh-spectrum-alias{--spectrum-alias-background-color-default: var(--dh-color-
|
|
1
|
+
.dh-spectrum-alias{--spectrum-body-text-color: var(--dh-color-text);--spectrum-alias-background-color-default: var(--dh-color-bg);--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-actionbutton-background-color-disabled: var( --dh-color-action-disabled-bg );--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)}/*# sourceMappingURL=theme-spectrum-alias.module.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-spectrum/theme-spectrum-alias.module.css"],"names":[],"mappings":"AAEA,mBACE,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-spectrum/theme-spectrum-alias.module.css"],"names":[],"mappings":"AAEA,mBACE,iDACA,8DAGA,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,wFAKA,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","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 --spectrum-body-text-color: var(--dh-color-text);\n --spectrum-alias-background-color-default: var(--dh-color-bg);\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 /* Actions */\n --spectrum-actionbutton-background-color-disabled: var(\n --dh-color-action-disabled-bg\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"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@deephaven/components",
|
|
3
|
-
"version": "0.55.1-beta.
|
|
3
|
+
"version": "0.55.1-beta.16+6fa22046",
|
|
4
4
|
"description": "Deephaven React component library",
|
|
5
5
|
"author": "Deephaven Data Labs LLC",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -25,10 +25,10 @@
|
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
27
|
"@adobe/react-spectrum": "^3.29.0",
|
|
28
|
-
"@deephaven/icons": "^0.55.1-beta.
|
|
29
|
-
"@deephaven/log": "^0.55.1-beta.
|
|
30
|
-
"@deephaven/react-hooks": "^0.55.1-beta.
|
|
31
|
-
"@deephaven/utils": "^0.55.1-beta.
|
|
28
|
+
"@deephaven/icons": "^0.55.1-beta.16+6fa22046",
|
|
29
|
+
"@deephaven/log": "^0.55.1-beta.16+6fa22046",
|
|
30
|
+
"@deephaven/react-hooks": "^0.55.1-beta.16+6fa22046",
|
|
31
|
+
"@deephaven/utils": "^0.55.1-beta.16+6fa22046",
|
|
32
32
|
"@fortawesome/fontawesome-svg-core": "^6.2.1",
|
|
33
33
|
"@fortawesome/react-fontawesome": "^0.2.0",
|
|
34
34
|
"@react-spectrum/theme-default": "^3.5.1",
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"react-dom": "^17.x"
|
|
53
53
|
},
|
|
54
54
|
"devDependencies": {
|
|
55
|
-
"@deephaven/mocks": "^0.55.1-beta.
|
|
55
|
+
"@deephaven/mocks": "^0.55.1-beta.16+6fa22046"
|
|
56
56
|
},
|
|
57
57
|
"files": [
|
|
58
58
|
"dist",
|
|
@@ -65,5 +65,5 @@
|
|
|
65
65
|
"publishConfig": {
|
|
66
66
|
"access": "public"
|
|
67
67
|
},
|
|
68
|
-
"gitHead": "
|
|
68
|
+
"gitHead": "6fa22046b0a327c8a1a6c5ab851cc064ae400bf8"
|
|
69
69
|
}
|