@deephaven/components 0.57.2-beta.1 → 0.58.1-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (110) hide show
  1. package/css/BaseStyleSheet.css +189 -215
  2. package/css/BaseStyleSheet.css.map +1 -1
  3. package/dist/AutoCompleteInput.css +2 -2
  4. package/dist/AutoCompleteInput.css.map +1 -1
  5. package/dist/AutoResizeTextarea.css +1 -1
  6. package/dist/BasicModal.js +0 -1
  7. package/dist/BasicModal.js.map +1 -1
  8. package/dist/Button.d.ts.map +1 -1
  9. package/dist/Button.js +4 -3
  10. package/dist/Button.js.map +1 -1
  11. package/dist/ComboBox.css +15 -1
  12. package/dist/ComboBox.css.map +1 -1
  13. package/dist/ComboBox.d.ts.map +1 -1
  14. package/dist/ComboBox.js +2 -0
  15. package/dist/ComboBox.js.map +1 -1
  16. package/dist/CopyButton.d.ts +3 -1
  17. package/dist/CopyButton.d.ts.map +1 -1
  18. package/dist/CopyButton.js +2 -0
  19. package/dist/CopyButton.js.map +1 -1
  20. package/dist/CustomTimeSelect.css +2 -2
  21. package/dist/CustomTimeSelect.css.map +1 -1
  22. package/dist/DraggableItemList.css +6 -6
  23. package/dist/DraggableItemList.css.map +1 -1
  24. package/dist/HierarchicalCheckboxMenu.css +1 -1
  25. package/dist/HierarchicalCheckboxMenu.css.map +1 -1
  26. package/dist/ItemList.css.map +1 -1
  27. package/dist/ItemListItem.css +1 -0
  28. package/dist/ItemListItem.css.map +1 -1
  29. package/dist/MaskedInput.css.map +1 -1
  30. package/dist/SelectValueList.css +1 -1
  31. package/dist/SelectValueList.css.map +1 -1
  32. package/dist/SocketedButton.css +19 -19
  33. package/dist/SocketedButton.css.map +1 -1
  34. package/dist/ThemeExport.module.css.map +1 -1
  35. package/dist/TimeSlider.css +2 -2
  36. package/dist/TimeSlider.css.map +1 -1
  37. package/dist/TimeSlider.module.css +2 -2
  38. package/dist/TimeSlider.module.css.map +1 -1
  39. package/dist/ToastNotification.css.map +1 -1
  40. package/dist/UISwitch.css +2 -0
  41. package/dist/UISwitch.css.map +1 -1
  42. package/dist/context-actions/ContextActionUtils.d.ts +1 -0
  43. package/dist/context-actions/ContextActionUtils.d.ts.map +1 -1
  44. package/dist/context-actions/ContextActionUtils.js.map +1 -1
  45. package/dist/context-actions/ContextActions.css +14 -14
  46. package/dist/context-actions/ContextActions.css.map +1 -1
  47. package/dist/context-actions/ContextMenuItem.d.ts.map +1 -1
  48. package/dist/context-actions/ContextMenuItem.js +2 -2
  49. package/dist/context-actions/ContextMenuItem.js.map +1 -1
  50. package/dist/menu-actions/DropdownMenu.css +2 -2
  51. package/dist/menu-actions/DropdownMenu.css.map +1 -1
  52. package/dist/modal/Modal.d.ts.map +1 -1
  53. package/dist/modal/Modal.js +1 -1
  54. package/dist/modal/Modal.js.map +1 -1
  55. package/dist/navigation/MenuItem.css +7 -2
  56. package/dist/navigation/MenuItem.css.map +1 -1
  57. package/dist/navigation/Page.css +0 -6
  58. package/dist/navigation/Page.css.map +1 -1
  59. package/dist/navigation/Page.js +2 -2
  60. package/dist/navigation/Page.js.map +1 -1
  61. package/dist/navigation/Stack.css.map +1 -1
  62. package/dist/popper/Popper.css +8 -3
  63. package/dist/popper/Popper.css.map +1 -1
  64. package/dist/popper/Tooltip.js +1 -1
  65. package/dist/popper/Tooltip.js.map +1 -1
  66. package/dist/theme/Logo.css +1 -0
  67. package/dist/theme/Logo.css.map +1 -0
  68. package/dist/theme/Logo.d.ts +9 -0
  69. package/dist/theme/Logo.d.ts.map +1 -0
  70. package/dist/theme/Logo.js +15 -0
  71. package/dist/theme/Logo.js.map +1 -0
  72. package/dist/theme/ThemeUtils.d.ts.map +1 -1
  73. package/dist/theme/ThemeUtils.js +8 -8
  74. package/dist/theme/ThemeUtils.js.map +1 -1
  75. package/dist/theme/index.d.ts +1 -0
  76. package/dist/theme/index.d.ts.map +1 -1
  77. package/dist/theme/index.js +1 -0
  78. package/dist/theme/index.js.map +1 -1
  79. package/dist/theme/theme-dark/theme-dark-components.css +1 -1
  80. package/dist/theme/theme-dark/theme-dark-components.css.map +1 -1
  81. package/dist/theme/theme-dark/theme-dark-semantic-editor.css +1 -1
  82. package/dist/theme/theme-dark/theme-dark-semantic-editor.css.map +1 -1
  83. package/dist/theme/theme-dark/theme-dark-semantic-grid.css +1 -1
  84. package/dist/theme/theme-dark/theme-dark-semantic-grid.css.map +1 -1
  85. package/dist/theme/theme-dark/theme-dark-semantic.css +1 -1
  86. package/dist/theme/theme-dark/theme-dark-semantic.css.map +1 -1
  87. package/dist/theme/theme-light/index.d.ts +2 -0
  88. package/dist/theme/theme-light/index.d.ts.map +1 -1
  89. package/dist/theme/theme-light/index.js +8 -1
  90. package/dist/theme/theme-light/index.js.map +1 -1
  91. package/dist/theme/theme-light/theme-light-components.css +1 -0
  92. package/dist/theme/theme-light/theme-light-components.css.map +1 -0
  93. package/dist/theme/theme-light/theme-light-palette.css +1 -1
  94. package/dist/theme/theme-light/theme-light-palette.css.map +1 -1
  95. package/dist/theme/theme-light/theme-light-semantic-chart.css +1 -0
  96. package/dist/theme/theme-light/theme-light-semantic-chart.css.map +1 -0
  97. package/dist/theme/theme-light/theme-light-semantic-editor.css +1 -0
  98. package/dist/theme/theme-light/theme-light-semantic-editor.css.map +1 -0
  99. package/dist/theme/theme-light/theme-light-semantic-grid.css +1 -0
  100. package/dist/theme/theme-light/theme-light-semantic-grid.css.map +1 -0
  101. package/dist/theme/theme-light/theme-light-semantic.css +1 -0
  102. package/dist/theme/theme-light/theme-light-semantic.css.map +1 -0
  103. package/dist/theme/theme-spectrum/theme-spectrum-alias.module.css +1 -1
  104. package/dist/theme/theme-spectrum/theme-spectrum-alias.module.css.map +1 -1
  105. package/dist/theme/theme-spectrum/theme-spectrum-overrides.css +1 -1
  106. package/dist/theme/theme-spectrum/theme-spectrum-overrides.css.map +1 -1
  107. package/package.json +7 -7
  108. package/scss/BaseStyleSheet.scss +104 -144
  109. package/scss/bootstrap_override_mixins_buttons.scss +7 -4
  110. package/scss/bootstrap_overrides.scss +34 -14
@@ -1 +1 @@
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
+ {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic-grid.css"],"names":[],"mappings":"AAAA,MAEE,4CAGA,oDACA,0DACA,0DACA,iEACA,0EACA,+DACA,iEACA,2DAGA,mDACA,mDACA,8DACA,kFAGA,uCAGA,8DACA,8DACA,kEAGA,6EACA,wDACA,8DACA,4DACA,4DACA,qDACA,2DACA,4DAGA,2CACA,4DACA,0DACA,4DAGA,oDACA,iEACA,iEACA,2DACA,sDAGA,kFAIA,8DACA,iEACA,6FAIA,iGAIA,+DACA,kEACA,wDAGA,sEACA,wEAGA,mFAGA,gEAGA,oDACA,sDACA,4DAGA,uDACA,0DACA,iEACA,gEAGA,0DACA,gEAGA,mEACA,mEACA,uDACA,6DAGA","file":"theme-dark-semantic-grid.css","sourcesContent":[":root {\n /* Grid */\n --dh-color-grid-bg: var(--dh-color-gray-75);\n\n /* Header */\n --dh-color-grid-header-bg: var(--dh-color-gray-100);\n --dh-color-grid-header-text: var(--dh-color-heading-text);\n --dh-color-grid-header-separator: var(--dh-color-gray-50);\n --dh-color-grid-header-separator-hover: var(--dh-color-gray-600);\n --dh-color-grid-header-separator-hidden-hover: var(--dh-color-accent-700);\n --dh-color-grid-header-sort-bar: var(--dh-color-visual-purple);\n --dh-color-grid-header-reverse-bar: var(--dh-color-visual-green);\n --dh-color-grid-header-bar-casing: var(--dh-color-gray-50);\n\n /* Row */\n --dh-color-grid-row-0-bg: var(--dh-color-gray-300);\n --dh-color-grid-row-1-bg: var(--dh-color-gray-100);\n --dh-color-grid-row-hover-bg: var(--dh-color-highlight-hover);\n --dh-color-grid-row-hover-bg-selected: var(\n --dh-color-highlight-selected-hover\n );\n --dh-color-grid-row-shadow-alpha: 0.15;\n\n /* Selection */\n --dh-color-grid-selection: var(--dh-color-highlight-selected);\n --dh-color-grid-selection-outline: var(--dh-color-accent-900);\n --dh-color-grid-selection-outline-casing: var(--dh-color-gray-50);\n\n /** Sroll Bar */\n --dh-color-grid-scroll-bar-active-selection-tick: var(--dh-color-accent-400);\n --dh-color-grid-scroll-bar-bg: var(--dh-color-gray-100);\n --dh-color-grid-scroll-bar-hover-bg: var(--dh-color-gray-200);\n --dh-color-grid-scroll-bar-casing: var(--dh-color-gray-400);\n --dh-color-grid-scroll-bar-corner: var(--dh-color-gray-100);\n --dh-color-grid-scroll-bar: var(--dh-color-gray-500);\n --dh-color-grid-scroll-bar-hover: var(--dh-color-gray-600);\n --dh-color-grid-scroll-bar-active: var(--dh-color-gray-700);\n\n /* Text */\n --dh-color-grid-text: var(--dh-color-text);\n --dh-color-grid-text-hyperlink: var(--dh-color-accent-1000);\n --dh-color-grid-text-pending: var(--dh-color-yellow-1300);\n --dh-color-grid-text-error: var(--dh-color-visual-negative);\n\n /* Data Types */\n --dh-color-grid-date: var(--dh-color-visual-notice);\n --dh-color-grid-number-positive: var(--dh-color-visual-positive);\n --dh-color-grid-number-negative: var(--dh-color-visual-negative);\n --dh-color-grid-number-zero: var(--dh-color-visual-notice);\n --dh-color-grid-string-null: var(--dh-color-gray-600);\n\n /* Filter Bar */\n --dh-color-grid-filter-bar-active-bg: hsla(\n var(--dh-color-accent-700-hsl),\n 0.5\n );\n --dh-color-grid-filter-bar-active: var(--dh-color-accent-600);\n --dh-color-grid-filter-bar-expanded-bg: var(--dh-color-gray-200);\n --dh-color-grid-filter-bar-expanded-active-bg: hsla(\n var(--dh-color-accent-1000-hsl),\n 0.19\n );\n --dh-color-grid-filter-bar-expanded-active-cell-bg: hsla(\n var(--dh-color-accent-700-hsl),\n 0.32\n );\n --dh-color-grid-filter-bar-separator: var(--dh-color-gray-600);\n --dh-color-grid-filter-bar-error: var(--dh-color-visual-negative);\n --dh-color-grid-filter-icon: var(--dh-color-accent-600);\n\n /* Context Menu */\n --dh-color-grid-context-menu-sort-icon: var(--dh-color-visual-purple);\n --dh-color-grid-context-menu-reverse-icon: var(--dh-color-visual-green);\n\n /* Column */\n --dh-color-grid-column-linker-hover-bg: var(\n --dh-color-highlight-selected-hover\n );\n --dh-color-grid-column-grouped-divider: var(--dh-color-gray-50);\n\n /* Tree */\n --dh-color-grid-tree-line: var(--dh-color-gray-500);\n --dh-color-grid-tree-marker: var(--dh-color-gray-700);\n --dh-color-grid-tree-marker-hover: var(--dh-color-gray-900);\n\n /* Floating */\n --dh-color-grid-floating-row: var(--dh-color-gray-300);\n --dh-color-grid-floating-row-bg: var(--dh-color-gray-200);\n --dh-color-grid-floating-divider-inner: var(--dh-color-gray-200);\n --dh-color-grid-floating-divider-outer: var(--dh-color-gray-50);\n\n /* Overflow Button */\n --dh-color-grid-overflow-button: var(--dh-color-gray-700);\n --dh-color-grid-overflow-button-hover: var(--dh-color-gray-900);\n\n /* Data Bars */\n --dh-color-grid-data-bar-positive: var(--dh-color-visual-positive);\n --dh-color-grid-data-bar-negative: var(--dh-color-visual-negative);\n --dh-color-grid-data-bar-marker: var(--dh-color-white);\n --dh-color-grid-data-bar-zero-line: var(--dh-color-gray-300);\n\n /* Scrim */\n --dh-color-grid-scrim: var(--dh-color-gray-50);\n}\n"]}
@@ -1 +1 @@
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-true-black-hsl), 0.8);--dh-color-overlay-modal-bg: hsla(var(--dh-color-visual-gray-hsl), 0.6);--dh-color-overlay-hover-bg: hsla(var(--dh-color-visual-gray-hsl), 0.08);--dh-color-negative-bg: hsl(var(--dh-color-negative-hsl));--dh-color-negative-hover-bg: var(--dh-color-red-500);--dh-color-negative-down-bg: var(--dh-color-red-400);--dh-color-negative-key-focus-bg: var(--dh-color-red-500);--dh-color-negative-contrast: hsl(var(--dh-color-negative-contrast-hsl));--dh-color-neutral-bg: hsl(var(--dh-color-neutral-hsl));--dh-color-neutral-hover-bg: var(--dh-color-gray-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
+ :root{--dh-color-bg-hsl: var(--dh-color-black-hsl);--dh-color-content-bg-hsl: var(--dh-color-gray-100-hsl);--dh-color-surface-bg-hsl: var(--dh-color-gray-400-hsl);--dh-color-fg-hsl: var(--dh-color-white-hsl);--dh-color-disabled-bg-hsl: var(--dh-color-gray-200-hsl);--dh-color-scrollbar-hsl: var(--dh-color-fg-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-border-hsl: var(--dh-color-gray-500-hsl);--dh-color-border-focus-hsl: var(--dh-color-accent-800-hsl);--dh-color-info-hsl: var(--dh-color-cyan-1000-hsl);--dh-color-neutral-hsl: var(--dh-color-gray-500-hsl);--dh-color-notice-hsl: var(--dh-color-yellow-1000-hsl);--dh-color-positive-hsl: var(--dh-color-green-900-hsl);--dh-color-negative-hsl: var(--dh-color-red-600-hsl);--dh-color-contrast-dark-hsl: var(--dh-color-gray-50-hsl);--dh-color-contrast-light-hsl: var(--dh-color-gray-900-hsl);--dh-color-accent-contrast-hsl: var(--dh-color-contrast-light-hsl);--dh-color-info-contrast-hsl: var(--dh-color-contrast-dark-hsl);--dh-color-negative-contrast-hsl: var(--dh-color-contrast-light-hsl);--dh-color-neutral-contrast-hsl: var(--dh-color-contrast-light-hsl);--dh-color-notice-contrast-hsl: var(--dh-color-contrast-dark-hsl);--dh-color-positive-contrast-hsl: var(--dh-color-contrast-light-hsl);--dh-color-visual-blue-hsl: var(--dh-color-blue-600-hsl);--dh-color-visual-celery-hsl: var(--dh-color-celery-1000-hsl);--dh-color-visual-chartreuse-hsl: var(--dh-color-chartreuse-1100-hsl);--dh-color-visual-cyan-hsl: var(--dh-color-cyan-1100-hsl);--dh-color-visual-fuchsia-hsl: var(--dh-color-fuchsia-900-hsl);--dh-color-visual-gray-hsl: var(--dh-color-gray-600-hsl);--dh-color-visual-green-hsl: var(--dh-color-green-1100-hsl);--dh-color-visual-indigo-hsl: var(--dh-color-indigo-900-hsl);--dh-color-visual-magenta-hsl: var(--dh-color-magenta-900-hsl);--dh-color-visual-orange-hsl: var(--dh-color-orange-900-hsl);--dh-color-visual-purple-hsl: var(--dh-color-purple-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-1200-hsl);--dh-color-visual-negative-hsl: var(--dh-color-red-800-hsl);--dh-color-visual-notice-hsl: var(--dh-color-yellow-1200-hsl);--dh-color-visual-info-hsl: var(--dh-color-cyan-1100-hsl);--dh-color-bg: hsl(var(--dh-color-bg-hsl));--dh-color-content-bg: hsl(var(--dh-color-content-bg-hsl));--dh-color-surface-bg: hsl(var(--dh-color-surface-bg-hsl));--dh-color-fg: hsl(var(--dh-color-fg-hsl));--dh-color-border: hsl(var(--dh-color-border-hsl));--dh-color-hover-border: var(--dh-color-gray-600);--dh-color-border-focus: hsl(var(--dh-color-border-focus-hsl));--dh-color-disabled-bg: hsl(var(--dh-color-disabled-bg-hsl));--dh-color-heading-text: var(--dh-color-gray-900);--dh-color-text: var(--dh-color-gray-800);--dh-color-text-disabled: var(--dh-color-gray-400);--dh-color-text-highlight: hsla(var(--dh-color-blue-700-hsl), 0.3);--dh-color-text-hover: var(--dh-color-gray-900);--dh-color-contrast-dark: hsl(var(--dh-color-contrast-dark-hsl));--dh-color-contrast-light: hsl(var(--dh-color-contrast-light-hsl));--dh-color-accent-100: hsl(var(--dh-color-accent-100-hsl));--dh-color-accent-200: hsl(var(--dh-color-accent-200-hsl));--dh-color-accent-300: hsl(var(--dh-color-accent-300-hsl));--dh-color-accent-400: hsl(var(--dh-color-accent-400-hsl));--dh-color-accent-500: hsl(var(--dh-color-accent-500-hsl));--dh-color-accent-600: hsl(var(--dh-color-accent-600-hsl));--dh-color-accent-700: hsl(var(--dh-color-accent-700-hsl));--dh-color-accent-800: hsl(var(--dh-color-accent-800-hsl));--dh-color-accent-900: hsl(var(--dh-color-accent-900-hsl));--dh-color-accent-1000: hsl(var(--dh-color-accent-1000-hsl));--dh-color-accent-1100: hsl(var(--dh-color-accent-1100-hsl));--dh-color-accent-1200: hsl(var(--dh-color-accent-1200-hsl));--dh-color-accent-1300: hsl(var(--dh-color-accent-1300-hsl));--dh-color-accent-1400: hsl(var(--dh-color-accent-1400-hsl));--dh-color-accent-bg: hsl(var(--dh-color-accent-hsl));--dh-color-accent-hover-bg: var(--dh-color-accent-500);--dh-color-accent-down-bg: var(--dh-color-accent-400);--dh-color-accent-key-focus-bg: var(--dh-color-accent-500);--dh-color-accent-contrast: hsl(var(--dh-color-accent-contrast-hsl));--dh-color-gray-bg: var(--dh-color-gray-700);--dh-color-blue-bg: var(--dh-color-blue-700);--dh-color-red-bg: var(--dh-color-red-700);--dh-color-orange-bg: var(--dh-color-orange-800);--dh-color-yellow-bg: var(--dh-color-yellow-1000);--dh-color-chartreuse-bg: var(--dh-color-chartreuse-900);--dh-color-celery-bg: var(--dh-color-celery-800);--dh-color-green-bg: var(--dh-color-green-700);--dh-color-seafoam-bg: var(--dh-color-seafoam-700);--dh-color-cyan-bg: var(--dh-color-cyan-700);--dh-color-indigo-bg: var(--dh-color-indigo-700);--dh-color-purple-bg: var(--dh-color-purple-700);--dh-color-fuchsia-bg: var(--dh-color-fuchsia-700);--dh-color-magenta-bg: var(--dh-color-magenta-700);--dh-color-focus: var(--dh-color-blue-800);--dh-color-focus-border: var(--dh-color-blue-800);--dh-color-focus-ring: var(--dh-color-focus);--dh-color-highlight-active: hsla(var(--dh-color-visual-gray-hsl), 0.15);--dh-color-highlight-hover: hsla(var(--dh-color-visual-gray-hsl), 0.15);--dh-color-highlight-invalid: hsla(var(--dh-color-visual-red-hsl), 0.15);--dh-color-highlight-selected: hsla(var(--dh-color-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-true-black-hsl), 0.8);--dh-color-overlay-modal-bg: hsla(var(--dh-color-visual-gray-hsl), 0.6);--dh-color-overlay-hover-bg: hsla(var(--dh-color-visual-gray-hsl), 0.08);--dh-color-negative-bg: hsl(var(--dh-color-negative-hsl));--dh-color-negative-hover-bg: var(--dh-color-red-500);--dh-color-negative-down-bg: var(--dh-color-red-400);--dh-color-negative-key-focus-bg: var(--dh-color-red-500);--dh-color-negative-contrast: hsl(var(--dh-color-negative-contrast-hsl));--dh-color-neutral-bg: hsl(var(--dh-color-neutral-hsl));--dh-color-neutral-hover-bg: var(--dh-color-gray-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,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,iEACA,wEACA,yEAGA,0DACA,sDACA,qDACA,0DACA,yEAGA,wDACA,sDACA,qDACA,0DACA,uEAEA,wDACA,8DACA,6DACA,kEAGA,0DACA,wDACA,uDACA,4DACA,yEAGA,kDACA,mDACA,kDACA,uDACA,iEAGA,sDACA,uDACA,sDACA,4DACA,qEAGA,6DACA,iEACA,yEACA,6DACA,mEACA,6DACA,+DACA,iEACA,mEACA,iEACA,iEACA,2DACA,mEACA,iEAEA,qEACA,qEACA,iEACA,6DAGA","file":"theme-dark-semantic.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before */\n/* stylelint-disable alpha-value-notation */\n:root {\n /* HSL base colors */\n --dh-color-bg-hsl: var(--dh-color-black-hsl);\n --dh-color-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-true-black-hsl), 0.8);\n --dh-color-overlay-modal-bg: hsla(var(--dh-color-visual-gray-hsl), 0.6);\n --dh-color-overlay-hover-bg: hsla(var(--dh-color-visual-gray-hsl), 0.08);\n\n /* Negative */\n --dh-color-negative-bg: hsl(var(--dh-color-negative-hsl));\n --dh-color-negative-hover-bg: var(--dh-color-red-500);\n --dh-color-negative-down-bg: var(--dh-color-red-400);\n --dh-color-negative-key-focus-bg: var(--dh-color-red-500);\n --dh-color-negative-contrast: hsl(var(--dh-color-negative-contrast-hsl));\n\n /* Neutral */\n --dh-color-neutral-bg: hsl(var(--dh-color-neutral-hsl));\n --dh-color-neutral-hover-bg: var(--dh-color-gray-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
+ {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic.css"],"names":[],"mappings":"AAEA,MAEE,6CACA,wDACA,wDACA,6CAEA,yDACA,iDAEA,oDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,0DACA,0DACA,0DACA,0DACA,0DAEA,oDACA,4DAEA,mDACA,qDACA,uDACA,uDACA,qDAWA,0DACA,4DAEA,mEACA,gEACA,qEACA,oEACA,kEACA,qEAGA,yDACA,8DACA,sEACA,0DACA,+DACA,yDACA,4DACA,6DACA,+DACA,6DACA,6DACA,uDACA,gEACA,8DAEA,+DACA,4DACA,8DACA,0DAGA,2CACA,2DACA,2DACA,2CACA,mDACA,kDACA,+DACA,6DAGA,kDACA,0CACA,mDACA,mEACA,gDAGA,iEACA,mEAGA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,6DACA,6DACA,6DACA,6DACA,6DAGA,sDACA,uDACA,sDACA,2DACA,qEAGA,6CACA,6CACA,2CACA,iDACA,kDACA,yDACA,iDACA,+CACA,mDACA,6CACA,iDACA,iDACA,mDACA,mDAGA,2CACA,kDACA,6CAGA,yEACA,wEACA,yEACA,2EACA,kFAMA,uEAGA,iEACA,wEACA,yEAGA,0DACA,sDACA,qDACA,0DACA,yEAGA,wDACA,sDACA,qDACA,0DACA,uEAEA,wDACA,8DACA,6DACA,kEAGA,0DACA,wDACA,uDACA,4DACA,yEAGA,kDACA,mDACA,kDACA,uDACA,iEAGA,sDACA,uDACA,sDACA,4DACA,qEAGA,6DACA,iEACA,yEACA,6DACA,mEACA,6DACA,+DACA,iEACA,mEACA,iEACA,iEACA,2DACA,mEACA,iEAEA,qEACA,qEACA,iEACA,6DAGA","file":"theme-dark-semantic.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before */\n/* stylelint-disable alpha-value-notation */\n:root {\n /* HSL base colors */\n --dh-color-bg-hsl: var(--dh-color-black-hsl);\n --dh-color-content-bg-hsl: var(--dh-color-gray-100-hsl);\n --dh-color-surface-bg-hsl: var(--dh-color-gray-400-hsl);\n --dh-color-fg-hsl: var(--dh-color-white-hsl);\n\n --dh-color-disabled-bg-hsl: var(--dh-color-gray-200-hsl);\n --dh-color-scrollbar-hsl: var(--dh-color-fg-hsl);\n\n --dh-color-accent-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-border-hsl: var(--dh-color-gray-500-hsl);\n --dh-color-border-focus-hsl: var(--dh-color-accent-800-hsl);\n\n --dh-color-info-hsl: var(--dh-color-cyan-1000-hsl);\n --dh-color-neutral-hsl: var(--dh-color-gray-500-hsl);\n --dh-color-notice-hsl: var(--dh-color-yellow-1000-hsl);\n --dh-color-positive-hsl: var(--dh-color-green-900-hsl);\n --dh-color-negative-hsl: var(--dh-color-red-600-hsl);\n\n /*\n * Contrast Colors\n *\n * Note that React Spectrum guidance suggests that background colors containing\n * yellow, orange, chartreuse or cyan should use a dark contrast color. All\n * others should use light. Therefore, these should stay in sync with the \n * --dh-color-xxx-hsl values above.\n * https://spectrum.adobe.com/page/using-color/#Solid-color-background-with-black-or-white\n */\n --dh-color-contrast-dark-hsl: var(--dh-color-gray-50-hsl);\n --dh-color-contrast-light-hsl: var(--dh-color-gray-900-hsl);\n\n --dh-color-accent-contrast-hsl: var(--dh-color-contrast-light-hsl);\n --dh-color-info-contrast-hsl: var(--dh-color-contrast-dark-hsl);\n --dh-color-negative-contrast-hsl: var(--dh-color-contrast-light-hsl);\n --dh-color-neutral-contrast-hsl: var(--dh-color-contrast-light-hsl);\n --dh-color-notice-contrast-hsl: var(--dh-color-contrast-dark-hsl);\n --dh-color-positive-contrast-hsl: var(--dh-color-contrast-light-hsl);\n\n /* Visual HSL */\n --dh-color-visual-blue-hsl: var(--dh-color-blue-600-hsl);\n --dh-color-visual-celery-hsl: var(--dh-color-celery-1000-hsl);\n --dh-color-visual-chartreuse-hsl: var(--dh-color-chartreuse-1100-hsl);\n --dh-color-visual-cyan-hsl: var(--dh-color-cyan-1100-hsl);\n --dh-color-visual-fuchsia-hsl: var(--dh-color-fuchsia-900-hsl);\n --dh-color-visual-gray-hsl: var(--dh-color-gray-600-hsl);\n --dh-color-visual-green-hsl: var(--dh-color-green-1100-hsl);\n --dh-color-visual-indigo-hsl: var(--dh-color-indigo-900-hsl);\n --dh-color-visual-magenta-hsl: var(--dh-color-magenta-900-hsl);\n --dh-color-visual-orange-hsl: var(--dh-color-orange-900-hsl);\n --dh-color-visual-purple-hsl: var(--dh-color-purple-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-1200-hsl);\n --dh-color-visual-negative-hsl: var(--dh-color-red-800-hsl);\n --dh-color-visual-notice-hsl: var(--dh-color-yellow-1200-hsl);\n --dh-color-visual-info-hsl: var(--dh-color-cyan-1100-hsl);\n\n /* General */\n --dh-color-bg: hsl(var(--dh-color-bg-hsl));\n --dh-color-content-bg: hsl(var(--dh-color-content-bg-hsl));\n --dh-color-surface-bg: hsl(var(--dh-color-surface-bg-hsl));\n --dh-color-fg: hsl(var(--dh-color-fg-hsl));\n --dh-color-border: hsl(var(--dh-color-border-hsl));\n --dh-color-hover-border: var(--dh-color-gray-600);\n --dh-color-border-focus: hsl(var(--dh-color-border-focus-hsl));\n --dh-color-disabled-bg: hsl(var(--dh-color-disabled-bg-hsl));\n\n /* Text */\n --dh-color-heading-text: var(--dh-color-gray-900);\n --dh-color-text: var(--dh-color-gray-800);\n --dh-color-text-disabled: var(--dh-color-gray-400);\n --dh-color-text-highlight: hsla(var(--dh-color-blue-700-hsl), 0.3);\n --dh-color-text-hover: var(--dh-color-gray-900);\n\n /* Contrast Base */\n --dh-color-contrast-dark: hsl(var(--dh-color-contrast-dark-hsl));\n --dh-color-contrast-light: hsl(var(--dh-color-contrast-light-hsl));\n\n /** Accent Colors */\n --dh-color-accent-100: hsl(var(--dh-color-accent-100-hsl));\n --dh-color-accent-200: hsl(var(--dh-color-accent-200-hsl));\n --dh-color-accent-300: hsl(var(--dh-color-accent-300-hsl));\n --dh-color-accent-400: hsl(var(--dh-color-accent-400-hsl));\n --dh-color-accent-500: hsl(var(--dh-color-accent-500-hsl));\n --dh-color-accent-600: hsl(var(--dh-color-accent-600-hsl));\n --dh-color-accent-700: hsl(var(--dh-color-accent-700-hsl));\n --dh-color-accent-800: hsl(var(--dh-color-accent-800-hsl));\n --dh-color-accent-900: hsl(var(--dh-color-accent-900-hsl));\n --dh-color-accent-1000: hsl(var(--dh-color-accent-1000-hsl));\n --dh-color-accent-1100: hsl(var(--dh-color-accent-1100-hsl));\n --dh-color-accent-1200: hsl(var(--dh-color-accent-1200-hsl));\n --dh-color-accent-1300: hsl(var(--dh-color-accent-1300-hsl));\n --dh-color-accent-1400: hsl(var(--dh-color-accent-1400-hsl));\n\n /* Accent */\n --dh-color-accent-bg: hsl(var(--dh-color-accent-hsl));\n --dh-color-accent-hover-bg: var(--dh-color-accent-500);\n --dh-color-accent-down-bg: var(--dh-color-accent-400);\n --dh-color-accent-key-focus-bg: var(--dh-color-accent-500);\n --dh-color-accent-contrast: hsl(var(--dh-color-accent-contrast-hsl));\n\n /* Background Defaults */\n --dh-color-gray-bg: var(--dh-color-gray-700);\n --dh-color-blue-bg: var(--dh-color-blue-700);\n --dh-color-red-bg: var(--dh-color-red-700);\n --dh-color-orange-bg: var(--dh-color-orange-800);\n --dh-color-yellow-bg: var(--dh-color-yellow-1000);\n --dh-color-chartreuse-bg: var(--dh-color-chartreuse-900);\n --dh-color-celery-bg: var(--dh-color-celery-800);\n --dh-color-green-bg: var(--dh-color-green-700);\n --dh-color-seafoam-bg: var(--dh-color-seafoam-700);\n --dh-color-cyan-bg: var(--dh-color-cyan-700);\n --dh-color-indigo-bg: var(--dh-color-indigo-700);\n --dh-color-purple-bg: var(--dh-color-purple-700);\n --dh-color-fuchsia-bg: var(--dh-color-fuchsia-700);\n --dh-color-magenta-bg: var(--dh-color-magenta-700);\n\n /* Focus */\n --dh-color-focus: var(--dh-color-blue-800);\n --dh-color-focus-border: var(--dh-color-blue-800);\n --dh-color-focus-ring: var(--dh-color-focus);\n\n /* Highlight */\n --dh-color-highlight-active: hsla(var(--dh-color-visual-gray-hsl), 0.15);\n --dh-color-highlight-hover: hsla(var(--dh-color-visual-gray-hsl), 0.15);\n --dh-color-highlight-invalid: hsla(var(--dh-color-visual-red-hsl), 0.15);\n --dh-color-highlight-selected: hsla(var(--dh-color-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-true-black-hsl), 0.8);\n --dh-color-overlay-modal-bg: hsla(var(--dh-color-visual-gray-hsl), 0.6);\n --dh-color-overlay-hover-bg: hsla(var(--dh-color-visual-gray-hsl), 0.08);\n\n /* Negative */\n --dh-color-negative-bg: hsl(var(--dh-color-negative-hsl));\n --dh-color-negative-hover-bg: var(--dh-color-red-500);\n --dh-color-negative-down-bg: var(--dh-color-red-400);\n --dh-color-negative-key-focus-bg: var(--dh-color-red-500);\n --dh-color-negative-contrast: hsl(var(--dh-color-negative-contrast-hsl));\n\n /* Neutral */\n --dh-color-neutral-bg: hsl(var(--dh-color-neutral-hsl));\n --dh-color-neutral-hover-bg: var(--dh-color-gray-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,3 +1,5 @@
1
+ /**
2
+
1
3
  /**
2
4
  * DH theme variables are imported via Vite `?raw` query which provides the
3
5
  * text content of the variable files as a string. The exported theme is just a
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/theme-light/index.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,eAAO,MAAM,UAAU,QAAoB,CAAC;AAE5C,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/theme-light/index.ts"],"names":[],"mappings":"AAOA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,UAAU,QAOX,CAAC;AAEb,eAAe,UAAU,CAAC"}
@@ -1,4 +1,11 @@
1
1
  import themeLightPalette from "./theme-light-palette.css?raw";
2
+ import themeLightSemantic from "./theme-light-semantic.css?raw";
3
+ import themeLightSemanticChart from "./theme-light-semantic-chart.css?raw";
4
+ import themeLightSemanticEditor from "./theme-light-semantic-editor.css?raw";
5
+ import themeLightSemanticGrid from "./theme-light-semantic-grid.css?raw";
6
+ import themeLightComponents from "./theme-light-components.css?raw";
7
+ /**
8
+
2
9
  /**
3
10
  * DH theme variables are imported via Vite `?raw` query which provides the
4
11
  * text content of the variable files as a string. The exported theme is just a
@@ -36,6 +43,6 @@ import themeLightPalette from "./theme-light-palette.css?raw";
36
43
  * --dh-color-from-light-components: #000;
37
44
  * }
38
45
  */
39
- export var themeLight = themeLightPalette;
46
+ export var themeLight = [themeLightPalette, themeLightSemantic, themeLightSemanticChart, themeLightSemanticEditor, themeLightSemanticGrid, themeLightComponents].join('\n');
40
47
  export default themeLight;
41
48
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["themeLightPalette","themeLight"],"sources":["../../../src/theme/theme-light/index.ts"],"sourcesContent":["import themeLightPalette from './theme-light-palette.css?raw';\n\n/**\n * DH theme variables are imported via Vite `?raw` query which provides the\n * text content of the variable files as a string. The exported theme is just a\n * concatenation of the contents of all of these imports.\n *\n * Note that ?raw / ?inline imports are natively supported by Vite, but consumers\n * of @deephaven/components using Webpack will need to add a rule to their module\n * config.\n * e.g.\n * module: {\n * rules: [\n * {\n * resourceQuery: /inline/,\n * type: 'asset/source',\n * },\n * ],\n * }\n *\n * e.g.\n *\n * :root {\n * --dh-color-from-light-palette: #fff;\n * --dh-color-from-light-palette2: #ccc;\n * }\n * :root {\n * --dh-color-from-light-semantic: #000;\n * }\n * :root {\n * --dh-color-from-light-semantic-editor: #000;\n * }\n * :root {\n * --dh-color-from-light-semantic-grid: #000;\n * }\n * :root {\n * --dh-color-from-light-components: #000;\n * }\n */\nexport const themeLight = themeLightPalette;\n\nexport default themeLight;\n"],"mappings":"OAAOA,iBAAiB;AAExB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,UAAU,GAAGD,iBAAiB;AAE3C,eAAeC,UAAU"}
1
+ {"version":3,"file":"index.js","names":["themeLightPalette","themeLightSemantic","themeLightSemanticChart","themeLightSemanticEditor","themeLightSemanticGrid","themeLightComponents","themeLight","join"],"sources":["../../../src/theme/theme-light/index.ts"],"sourcesContent":["import themeLightPalette from './theme-light-palette.css?raw';\nimport themeLightSemantic from './theme-light-semantic.css?raw';\nimport themeLightSemanticChart from './theme-light-semantic-chart.css?raw';\nimport themeLightSemanticEditor from './theme-light-semantic-editor.css?raw';\nimport themeLightSemanticGrid from './theme-light-semantic-grid.css?raw';\nimport themeLightComponents from './theme-light-components.css?raw';\n\n/**\n\n/**\n * DH theme variables are imported via Vite `?raw` query which provides the\n * text content of the variable files as a string. The exported theme is just a\n * concatenation of the contents of all of these imports.\n *\n * Note that ?raw / ?inline imports are natively supported by Vite, but consumers\n * of @deephaven/components using Webpack will need to add a rule to their module\n * config.\n * e.g.\n * module: {\n * rules: [\n * {\n * resourceQuery: /inline/,\n * type: 'asset/source',\n * },\n * ],\n * }\n *\n * e.g.\n *\n * :root {\n * --dh-color-from-light-palette: #fff;\n * --dh-color-from-light-palette2: #ccc;\n * }\n * :root {\n * --dh-color-from-light-semantic: #000;\n * }\n * :root {\n * --dh-color-from-light-semantic-editor: #000;\n * }\n * :root {\n * --dh-color-from-light-semantic-grid: #000;\n * }\n * :root {\n * --dh-color-from-light-components: #000;\n * }\n */\nexport const themeLight = [\n themeLightPalette,\n themeLightSemantic,\n themeLightSemanticChart,\n themeLightSemanticEditor,\n themeLightSemanticGrid,\n themeLightComponents,\n].join('\\n');\n\nexport default themeLight;\n"],"mappings":"OAAOA,iBAAiB;AAAA,OACjBC,kBAAkB;AAAA,OAClBC,uBAAuB;AAAA,OACvBC,wBAAwB;AAAA,OACxBC,sBAAsB;AAAA,OACtBC,oBAAoB;AAE3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,UAAU,GAAG,CACxBN,iBAAiB,EACjBC,kBAAkB,EAClBC,uBAAuB,EACvBC,wBAAwB,EACxBC,sBAAsB,EACtBC,oBAAoB,CACrB,CAACE,IAAI,CAAC,IAAI,CAAC;AAEZ,eAAeD,UAAU"}
@@ -0,0 +1 @@
1
+ :root{--dh-color-loading-spinner-primary: var(--dh-color-accent-bg);--dh-color-loading-spinner-secondary: hsla(var(--dh-color-gray-800-hsl), 0.5);--dh-color-quickactions-bg: hsla(var(--dh-color-visual-gray-hsl), 0.9);--dh-color-radial-reaction: hsla(var(--dh-color-visual-gray-hsl), 0.6);--dh-color-colorpicker-border: hsla(var(--dh-color-visual-gray-hsl), 0.1);--dh-logo-img: var(--dh-logo-light-img);--dh-color-login-form-bg: var(--dh-color-gray-200);--dh-color-login-status-message: var(--dh-color-gray-600);--dh-color-login-logo-bg: var(--dh-color-gray-50);--dh-color-login-footer-fg: var(--dh-color-gray-700);--dh-color-random-area-plot-animation-fg-fill: hsla( var(--dh-color-accent-hsl), 0.08 );--dh-color-random-area-plot-animation-fg-stroke: hsla( var(--dh-color-accent-hsl), 0.2 );--dh-color-random-area-plot-animation-bg: var(--dh-color-gray-75);--dh-color-random-area-plot-animation-grid: var(--dh-color-gray-300);--dh-color-action-bg: var(--dh-color-gray-75);--dh-color-action-fg: var(--dh-color-text);--dh-color-action-border: var(--dh-color-border);--dh-color-action-down-bg: var(--dh-color-gray-300);--dh-color-action-hover-bg: var(--dh-color-gray-50);--dh-color-action-hover-fg: var(--dh-color-text-hover);--dh-color-action-hover-border: var(--dh-color-hover-border);--dh-color-action-active-bg: var(--dh-color-accent-bg);--dh-color-action-active-fg: var(--dh-color-accent-contrast);--dh-color-action-active-border: var(--dh-color-accent-bg);--dh-color-action-active-hover-bg: var(--dh-color-accent-hover-bg);--dh-color-action-active-hover-fg: var(--dh-color-accent-contrast);--dh-color-action-active-hover-border: var(--dh-color-accent-hover-bg);--dh-color-action-disabled-bg: transparent;--dh-color-action-disabled-fg: var(--dh-color-text-disabled);--dh-color-action-disabled-border: var(--dh-color-gray-300);--dh-color-icon-fg: var(--dh-color-gray-700);--dh-color-icon-disabled-fg: var(--dh-color-gray-400);--dh-color-input-bg: var(--dh-color-gray-50);--dh-color-input-fg: var(--dh-color-text);--dh-color-input-border: var(--dh-color-border);--dh-color-input-placeholder: var(--dh-color-gray-600);--dh-color-input-active-bg: var(--dh-color-input-bg);--dh-color-input-disabled-bg: var(--dh-color-disabled-bg);--dh-color-input-disabled-border: transparent;--dh-color-input-disabled-fg: var(--dh-color-text-disabled);--dh-color-input-hover-border: var(--dh-color-gray-600);--dh-color-input-focus-border: var(--dh-color-border-focus);--dh-color-search-icon: var(--dh-color-fg);--dh-color-form-control-error: hsl(var(--dh-color-visual-negative-hsl));--dh-color-form-control-error-shadow: hsla( var(--dh-color-visual-negative-hsl), 0.25 );--dh-color-label-text: var(--dh-color-gray-700);--dh-color-selector-fg: var(--dh-color-icon-fg);--dh-color-selector-bg: var(--dh-color-gray-75);--dh-color-selector-hover-bg: var(--dh-color-gray-50);--dh-color-selector-hover-fg: var(--dh-color-gray-900);--dh-color-selector-disabled-fg: var(--dh-color-icon-disabled-fg);--dh-color-item-list-bg: transparent;--dh-color-item-list-active-bg: var(--dh-color-highlight-active);--dh-color-item-list-hover-bg: var(--dh-color-highlight-hover);--dh-color-item-list-selected-fg: var(--dh-color-text);--dh-color-item-list-selected-bg: var(--dh-color-highlight-selected);--dh-color-item-list-selected-hover-bg: var( --dh-color-highlight-selected-hover );--dh-color-item-list-selected-inactive-bg: var(--dh-color-gray-200);--dh-color-item-list-selected-border: hsla(var(--dh-color-accent-hsl), 0.6);--dh-color-item-list-drop-target-fg: var(--dh-color-white);--dh-color-item-list-keyboard-selected-bg: hsla( var(--dh-color-accent-hsl), 0.5 );--dh-color-golden-layout-tab-header-bg: var(--dh-color-gray-200);--dh-color-golden-layout-tab-bg: var(--dh-color-gray-100);--dh-color-golden-layout-tab-selected-bg: var(--dh-color-content-bg);--dh-color-menu-item-fg: var(--dh-color-gray-700);--dh-color-hr: var(--dh-color-gray-300);--dh-color-dialog-title-fg: var(--dh-color-heading-text);--dh-color-dialog-fg: var(--dh-color-text);--dh-color-popover-bg: var(--dh-color-gray-50);--dh-color-tooltip-bg: var(--dh-color-gray-50);--dh-color-tooltip-fg: var(--dh-color-fg);--dh-color-tooltip-box-shadow: var(--dh-color-dropshadow);--dh-color-well-bg: hsla(var(--dh-color-visual-gray-hsl), 0.02);--dh-color-well-border: hsla(var(--dh-color-visual-gray-hsl), 0.05)}/*# sourceMappingURL=theme-light-components.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-light/theme-light-components.css"],"names":[],"mappings":"AAEA,MACE,8DACA,8EACA,uEACA,uEACA,0EAGA,wCAGA,mDACA,0DACA,kDACA,qDAIA,wFAIA,yFAIA,kEACA,qEAGA,8CACA,2CACA,iDAEA,oDAEA,oDACA,uDACA,6DAEA,uDACA,6DACA,2DAEA,mEACA,mEACA,uEAEA,2CACA,6DACA,4DAGA,6CACA,sDAGA,6CACA,0CACA,gDACA,uDACA,qDACA,0DACA,8CACA,4DACA,wDACA,4DAGA,2CACA,wEACA,wFAMA,gDAGA,gDACA,gDACA,sDACA,uDACA,kEAGA,qCACA,iEACA,+DACA,uDACA,qEACA,mFAGA,oEACA,4EACA,2DAEA,mFAcA,iEACA,0DACA,qEAGA,kDAGA,wCAGA,yDACA,2CAGA,+CAGA,+CACA,0CACA,0DAGA,gEACA","file":"theme-light-components.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before */\n/* stylelint-disable alpha-value-notation */\n:root {\n --dh-color-loading-spinner-primary: var(--dh-color-accent-bg);\n --dh-color-loading-spinner-secondary: hsla(var(--dh-color-gray-800-hsl), 0.5);\n --dh-color-quickactions-bg: hsla(var(--dh-color-visual-gray-hsl), 0.9);\n --dh-color-radial-reaction: hsla(var(--dh-color-visual-gray-hsl), 0.6);\n --dh-color-colorpicker-border: hsla(var(--dh-color-visual-gray-hsl), 0.1);\n\n /* Logo */\n --dh-logo-img: var(--dh-logo-light-img);\n\n /* Login */\n --dh-color-login-form-bg: var(--dh-color-gray-200);\n --dh-color-login-status-message: var(--dh-color-gray-600);\n --dh-color-login-logo-bg: var(--dh-color-gray-50);\n --dh-color-login-footer-fg: var(--dh-color-gray-700);\n\n /* We should base this color on something from the palette, but for now just\n * hard coding the original value */\n --dh-color-random-area-plot-animation-fg-fill: hsla(\n var(--dh-color-accent-hsl),\n 0.08\n );\n --dh-color-random-area-plot-animation-fg-stroke: hsla(\n var(--dh-color-accent-hsl),\n 0.2\n );\n --dh-color-random-area-plot-animation-bg: var(--dh-color-gray-75);\n --dh-color-random-area-plot-animation-grid: var(--dh-color-gray-300);\n\n /* Actions */\n --dh-color-action-bg: var(--dh-color-gray-75);\n --dh-color-action-fg: var(--dh-color-text);\n --dh-color-action-border: var(--dh-color-border);\n\n --dh-color-action-down-bg: var(--dh-color-gray-300);\n\n --dh-color-action-hover-bg: var(--dh-color-gray-50);\n --dh-color-action-hover-fg: var(--dh-color-text-hover);\n --dh-color-action-hover-border: var(--dh-color-hover-border);\n\n --dh-color-action-active-bg: var(--dh-color-accent-bg);\n --dh-color-action-active-fg: var(--dh-color-accent-contrast);\n --dh-color-action-active-border: var(--dh-color-accent-bg);\n\n --dh-color-action-active-hover-bg: var(--dh-color-accent-hover-bg);\n --dh-color-action-active-hover-fg: var(--dh-color-accent-contrast);\n --dh-color-action-active-hover-border: var(--dh-color-accent-hover-bg);\n\n --dh-color-action-disabled-bg: transparent;\n --dh-color-action-disabled-fg: var(--dh-color-text-disabled);\n --dh-color-action-disabled-border: var(--dh-color-gray-300);\n\n /* Icons */\n --dh-color-icon-fg: var(--dh-color-gray-700);\n --dh-color-icon-disabled-fg: var(--dh-color-gray-400);\n\n /* Inputs */\n --dh-color-input-bg: var(--dh-color-gray-50);\n --dh-color-input-fg: var(--dh-color-text);\n --dh-color-input-border: var(--dh-color-border);\n --dh-color-input-placeholder: var(--dh-color-gray-600);\n --dh-color-input-active-bg: var(--dh-color-input-bg);\n --dh-color-input-disabled-bg: var(--dh-color-disabled-bg);\n --dh-color-input-disabled-border: transparent;\n --dh-color-input-disabled-fg: var(--dh-color-text-disabled);\n --dh-color-input-hover-border: var(--dh-color-gray-600);\n --dh-color-input-focus-border: var(--dh-color-border-focus);\n\n /* Form Controls */\n --dh-color-search-icon: var(--dh-color-fg);\n --dh-color-form-control-error: hsl(var(--dh-color-visual-negative-hsl));\n --dh-color-form-control-error-shadow: hsla(\n var(--dh-color-visual-negative-hsl),\n 0.25\n );\n\n /* Labels */\n --dh-color-label-text: var(--dh-color-gray-700);\n\n /* Selectors (pickers, dropdowns, select, etc.) */\n --dh-color-selector-fg: var(--dh-color-icon-fg);\n --dh-color-selector-bg: var(--dh-color-gray-75);\n --dh-color-selector-hover-bg: var(--dh-color-gray-50);\n --dh-color-selector-hover-fg: var(--dh-color-gray-900);\n --dh-color-selector-disabled-fg: var(--dh-color-icon-disabled-fg);\n\n /* Item List */\n --dh-color-item-list-bg: transparent;\n --dh-color-item-list-active-bg: var(--dh-color-highlight-active);\n --dh-color-item-list-hover-bg: var(--dh-color-highlight-hover);\n --dh-color-item-list-selected-fg: var(--dh-color-text);\n --dh-color-item-list-selected-bg: var(--dh-color-highlight-selected);\n --dh-color-item-list-selected-hover-bg: var(\n --dh-color-highlight-selected-hover\n );\n --dh-color-item-list-selected-inactive-bg: var(--dh-color-gray-200);\n --dh-color-item-list-selected-border: hsla(var(--dh-color-accent-hsl), 0.6);\n --dh-color-item-list-drop-target-fg: var(--dh-color-white);\n\n --dh-color-item-list-keyboard-selected-bg: hsla(\n var(--dh-color-accent-hsl),\n 0.5\n );\n\n /* \n * There are a couple of related variables used in Enterprise SingleClickItemList.\n * that aren't consumed in DHC. We should see if there is a way to include these\n * in the theming variables.\n * --dh-color-item-list-keyboard-selected-border\n * --dh-color-item-list-keyboard-selected-hover-bg\n */\n\n /* Golden Layout */\n --dh-color-golden-layout-tab-header-bg: var(--dh-color-gray-200);\n --dh-color-golden-layout-tab-bg: var(--dh-color-gray-100);\n --dh-color-golden-layout-tab-selected-bg: var(--dh-color-content-bg);\n\n /* Navigation Menu */\n --dh-color-menu-item-fg: var(--dh-color-gray-700);\n\n /* Hr */\n --dh-color-hr: var(--dh-color-gray-300);\n\n /* Dialogs */\n --dh-color-dialog-title-fg: var(--dh-color-heading-text);\n --dh-color-dialog-fg: var(--dh-color-text);\n\n /* Popovers */\n --dh-color-popover-bg: var(--dh-color-gray-50);\n\n /* Tooltips */\n --dh-color-tooltip-bg: var(--dh-color-gray-50);\n --dh-color-tooltip-fg: var(--dh-color-fg);\n --dh-color-tooltip-box-shadow: var(--dh-color-dropshadow);\n\n /* Wells */\n --dh-color-well-bg: hsla(var(--dh-color-visual-gray-hsl), 0.02);\n --dh-color-well-border: hsla(var(--dh-color-visual-gray-hsl), 0.05);\n}\n"]}
@@ -1 +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-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
+ :root{--dh-color-gray-50-hsl: 0, 0%, 100%;--dh-color-gray-75-hsl: 0, 0%, 99.22%;--dh-color-gray-100-hsl: 0, 0%, 97.25%;--dh-color-gray-200-hsl: 0, 0%, 90.2%;--dh-color-gray-300-hsl: 0, 0%, 83.53%;--dh-color-gray-400-hsl: 0, 0%, 69.41%;--dh-color-gray-500-hsl: 0, 0%, 56.47%;--dh-color-gray-600-hsl: 0, 0%, 42.75%;--dh-color-gray-700-hsl: 0, 0%, 27.45%;--dh-color-gray-800-hsl: 0, 0%, 13.33%;--dh-color-gray-900-hsl: 0, 0%, 0%;--dh-color-gray-light-hsl: var(--dh-color-gray-900-hsl);--dh-color-gray-mid-hsl: var(--dh-color-gray-600-hsl);--dh-color-gray-dark-hsl: var(--dh-color-gray-300-hsl);--dh-color-black-hsl: var(--dh-color-gray-900-hsl);--dh-color-white-hsl: var(--dh-color-gray-75-hsl);--dh-color-true-black-hsl: 0deg, 0%, 0%;--dh-color-true-white-hsl: 0deg, 0%, 100%;--dh-color-red-100-hsl: 10, 100%, 95.29%;--dh-color-red-200-hsl: 10.24, 100%, 91.96%;--dh-color-red-300-hsl: 10, 100%, 88.24%;--dh-color-red-400-hsl: 9.77, 100%, 83.14%;--dh-color-red-500-hsl: 9.58, 100%, 76.67%;--dh-color-red-600-hsl: 8.96, 100%, 69.8%;--dh-color-red-700-hsl: 7.46, 91.71%, 62.16%;--dh-color-red-800-hsl: 4.66, 82.13%, 53.92%;--dh-color-red-900-hsl: 1.54, 85.9%, 44.51%;--dh-color-red-1000-hsl: 0, 100%, 35.29%;--dh-color-red-1100-hsl: 0, 100%, 28.82%;--dh-color-red-1200-hsl: 0, 100%, 22.75%;--dh-color-red-1300-hsl: 0, 100%, 17.45%;--dh-color-red-1400-hsl: 0, 100%, 13.14%;--dh-color-orange-100-hsl: 37.65, 100%, 90%;--dh-color-orange-200-hsl: 36.59, 100%, 83.92%;--dh-color-orange-300-hsl: 36.11, 96.43%, 78.04%;--dh-color-orange-400-hsl: 33.85, 100%, 69.41%;--dh-color-orange-500-hsl: 31.5, 100%, 60.78%;--dh-color-orange-600-hsl: 30.39, 92.71%, 51.57%;--dh-color-orange-700-hsl: 29.21, 100%, 44.71%;--dh-color-orange-800-hsl: 27.49, 100%, 39.8%;--dh-color-orange-900-hsl: 25.76, 100%, 34.71%;--dh-color-orange-1000-hsl: 24.56, 100%, 29.22%;--dh-color-orange-1100-hsl: 23.11, 100%, 23.92%;--dh-color-orange-1200-hsl: 21.65, 100%, 19.02%;--dh-color-orange-1300-hsl: 20, 97.3%, 14.51%;--dh-color-orange-1400-hsl: 19.62, 96.3%, 10.59%;--dh-color-yellow-100-hsl: 53.94, 92.52%, 79.02%;--dh-color-yellow-200-hsl: 53.93, 92.31%, 64.31%;--dh-color-yellow-300-hsl: 52.38, 96.83%, 49.41%;--dh-color-yellow-400-hsl: 51.21, 100%, 45.49%;--dh-color-yellow-500-hsl: 49.95, 100%, 42.16%;--dh-color-yellow-600-hsl: 48.67, 100%, 38.43%;--dh-color-yellow-700-hsl: 47.73, 100%, 34.51%;--dh-color-yellow-800-hsl: 46.45, 100%, 30.39%;--dh-color-yellow-900-hsl: 46.02, 100%, 26.08%;--dh-color-yellow-1000-hsl: 44.46, 100%, 21.96%;--dh-color-yellow-1100-hsl: 44.18, 100%, 17.84%;--dh-color-yellow-1200-hsl: 42.5, 100%, 14.12%;--dh-color-yellow-1300-hsl: 41.11, 100%, 10.59%;--dh-color-yellow-1400-hsl: 39, 100%, 7.84%;--dh-color-chartreuse-100-hsl: 73.94, 95.95%, 70.98%;--dh-color-chartreuse-200-hsl: 73.9, 88.94%, 60.98%;--dh-color-chartreuse-300-hsl: 74.14, 81.28%, 53.92%;--dh-color-chartreuse-400-hsl: 74.23, 81.51%, 46.67%;--dh-color-chartreuse-500-hsl: 74.44, 90.34%, 40.59%;--dh-color-chartreuse-600-hsl: 74.48, 96.67%, 35.29%;--dh-color-chartreuse-700-hsl: 74.62, 100%, 30.59%;--dh-color-chartreuse-800-hsl: 74.56, 100%, 26.67%;--dh-color-chartreuse-900-hsl: 75, 100%, 22.75%;--dh-color-chartreuse-1000-hsl: 75, 100%, 18.82%;--dh-color-chartreuse-1100-hsl: 74.81, 100%, 15.1%;--dh-color-chartreuse-1200-hsl: 75.25, 100%, 11.57%;--dh-color-chartreuse-1300-hsl: 75, 100%, 8.63%;--dh-color-chartreuse-1400-hsl: 73.55, 100%, 6.08%;--dh-color-celery-100-hsl: 106.23, 91.04%, 86.86%;--dh-color-celery-200-hsl: 108.54, 83.18%, 79.02%;--dh-color-celery-300-hsl: 110.29, 75.54%, 72.75%;--dh-color-celery-400-hsl: 115.93, 65.56%, 64.71%;--dh-color-celery-500-hsl: 120.93, 57.33%, 55.88%;--dh-color-celery-600-hsl: 126.08, 65.49%, 44.31%;--dh-color-celery-700-hsl: 129.75, 91.95%, 34.12%;--dh-color-celery-800-hsl: 127.45, 100%, 28.43%;--dh-color-celery-900-hsl: 127.26, 100%, 24.31%;--dh-color-celery-1000-hsl: 128.74, 100%, 20.2%;--dh-color-celery-1100-hsl: 129.4, 100%, 16.27%;--dh-color-celery-1200-hsl: 129.38, 100%, 12.55%;--dh-color-celery-1300-hsl: 128.75, 100%, 9.41%;--dh-color-celery-1400-hsl: 128.82, 100%, 6.67%;--dh-color-green-100-hsl: 145.71, 75%, 89.02%;--dh-color-green-200-hsl: 147.89, 76.34%, 81.76%;--dh-color-green-300-hsl: 150.91, 72.26%, 73.14%;--dh-color-green-400-hsl: 152.77, 64.32%, 63.73%;--dh-color-green-500-hsl: 153.89, 56.22%, 54.31%;--dh-color-green-600-hsl: 155.47, 59.31%, 45.29%;--dh-color-green-700-hsl: 157.34, 77.3%, 36.27%;--dh-color-green-800-hsl: 159.02, 100%, 28.04%;--dh-color-green-900-hsl: 157.87, 100%, 23.92%;--dh-color-green-1000-hsl: 156.83, 100%, 19.8%;--dh-color-green-1100-hsl: 157.04, 100%, 15.88%;--dh-color-green-1200-hsl: 155.17, 85.29%, 13.33%;--dh-color-green-1300-hsl: 151.67, 64.29%, 10.98%;--dh-color-green-1400-hsl: 150, 52.38%, 8.24%;--dh-color-seafoam-100-hsl: 174.15, 71.93%, 88.82%;--dh-color-seafoam-200-hsl: 174.08, 71.72%, 80.59%;--dh-color-seafoam-300-hsl: 175.48, 67.88%, 73.14%;--dh-color-seafoam-400-hsl: 175.9, 61.26%, 62.55%;--dh-color-seafoam-500-hsl: 176.52, 56.1%, 51.76%;--dh-color-seafoam-600-hsl: 177.47, 84.69%, 38.43%;--dh-color-seafoam-700-hsl: 177.39, 100%, 31.57%;--dh-color-seafoam-800-hsl: 177.86, 100%, 27.45%;--dh-color-seafoam-900-hsl: 177.48, 100%, 23.33%;--dh-color-seafoam-1000-hsl: 177.58, 100%, 19.41%;--dh-color-seafoam-1100-hsl: 177.31, 73.63%, 17.84%;--dh-color-seafoam-1200-hsl: 177.14, 53.85%, 15.29%;--dh-color-seafoam-1300-hsl: 177.69, 41.94%, 12.16%;--dh-color-seafoam-1400-hsl: 176.25, 34.78%, 9.02%;--dh-color-cyan-100-hsl: 187.24, 100%, 88.63%;--dh-color-cyan-200-hsl: 189.89, 100%, 82.16%;--dh-color-cyan-300-hsl: 190, 91.94%, 75.69%;--dh-color-cyan-400-hsl: 191.02, 85.96%, 66.47%;--dh-color-cyan-500-hsl: 191.6, 79.74%, 55.49%;--dh-color-cyan-600-hsl: 192.6, 84.75%, 46.27%;--dh-color-cyan-700-hsl: 193.27, 99%, 39.41%;--dh-color-cyan-800-hsl: 195.33, 100%, 35.29%;--dh-color-cyan-900-hsl: 197.36, 100%, 31.18%;--dh-color-cyan-1000-hsl: 199.27, 100%, 26.86%;--dh-color-cyan-1100-hsl: 201.39, 100%, 22.55%;--dh-color-cyan-1200-hsl: 203.23, 100%, 18.24%;--dh-color-cyan-1300-hsl: 204, 100%, 13.73%;--dh-color-cyan-1400-hsl: 204.71, 100%, 10%;--dh-color-blue-100-hsl: 205.16, 100%, 93.92%;--dh-color-blue-200-hsl: 206.04, 100%, 89.61%;--dh-color-blue-300-hsl: 206.76, 100%, 85.49%;--dh-color-blue-400-hsl: 207.38, 96.26%, 79.02%;--dh-color-blue-500-hsl: 209.08, 92.86%, 72.55%;--dh-color-blue-600-hsl: 210.19, 89.71%, 65.69%;--dh-color-blue-700-hsl: 211.12, 88.63%, 58.63%;--dh-color-blue-800-hsl: 212.56, 90.28%, 51.57%;--dh-color-blue-900-hsl: 212.75, 98.2%, 43.53%;--dh-color-blue-1000-hsl: 212.31, 100%, 35.69%;--dh-color-blue-1100-hsl: 211.86, 100%, 28.43%;--dh-color-blue-1200-hsl: 211.86, 100%, 22.16%;--dh-color-blue-1300-hsl: 212.14, 100%, 16.47%;--dh-color-blue-1400-hsl: 212, 100%, 11.76%;--dh-color-indigo-100-hsl: 236.67, 100%, 96.47%;--dh-color-indigo-200-hsl: 236.13, 100%, 93.92%;--dh-color-indigo-300-hsl: 237.27, 100%, 91.37%;--dh-color-indigo-400-hsl: 237.1, 100%, 87.84%;--dh-color-indigo-500-hsl: 237.83, 100%, 83.73%;--dh-color-indigo-600-hsl: 237.74, 100%, 79.22%;--dh-color-indigo-700-hsl: 237.14, 95.45%, 74.12%;--dh-color-indigo-800-hsl: 237.86, 86.42%, 68.24%;--dh-color-indigo-900-hsl: 237.53, 73%, 60.78%;--dh-color-indigo-1000-hsl: 237.39, 56.56%, 52.16%;--dh-color-indigo-1100-hsl: 237.97, 54.13%, 42.75%;--dh-color-indigo-1200-hsl: 238.13, 55.81%, 33.73%;--dh-color-indigo-1300-hsl: 237.53, 57.48%, 24.9%;--dh-color-indigo-1400-hsl: 237.69, 56.52%, 18.04%;--dh-color-purple-100-hsl: 273, 100%, 96.08%;--dh-color-purple-200-hsl: 270, 100%, 93.33%;--dh-color-purple-300-hsl: 268.09, 100%, 90.78%;--dh-color-purple-400-hsl: 268.66, 97.1%, 86.47%;--dh-color-purple-500-hsl: 266.97, 95.7%, 81.76%;--dh-color-purple-600-hsl: 266.55, 94.96%, 76.67%;--dh-color-purple-700-hsl: 266.67, 91.84%, 71.18%;--dh-color-purple-800-hsl: 266.75, 87.71%, 64.9%;--dh-color-purple-900-hsl: 266.82, 77.98%, 57.25%;--dh-color-purple-1000-hsl: 266.71, 69.48%, 48.82%;--dh-color-purple-1100-hsl: 267.07, 81.19%, 39.61%;--dh-color-purple-1200-hsl: 266.03, 85%, 31.37%;--dh-color-purple-1300-hsl: 263.33, 73.77%, 23.92%;--dh-color-purple-1400-hsl: 260.69, 65.91%, 17.25%;--dh-color-fuchsia-100-hsl: 308.18, 100%, 95.69%;--dh-color-fuchsia-200-hsl: 308.11, 100%, 92.75%;--dh-color-fuchsia-300-hsl: 306.55, 96.49%, 88.82%;--dh-color-fuchsia-400-hsl: 303.9, 90.59%, 83.33%;--dh-color-fuchsia-500-hsl: 301.21, 83.19%, 76.67%;--dh-color-fuchsia-600-hsl: 300, 77.07%, 69.22%;--dh-color-fuchsia-700-hsl: 299.15, 70.85%, 60.98%;--dh-color-fuchsia-800-hsl: 299.59, 60.16%, 51.76%;--dh-color-fuchsia-900-hsl: 299.6, 68.66%, 42.55%;--dh-color-fuchsia-1000-hsl: 299.61, 96.27%, 31.57%;--dh-color-fuchsia-1100-hsl: 299.53, 100%, 25.29%;--dh-color-fuchsia-1200-hsl: 300, 88.68%, 20.78%;--dh-color-fuchsia-1300-hsl: 301.05, 67.06%, 16.67%;--dh-color-fuchsia-1400-hsl: 301.62, 58.73%, 12.35%;--dh-color-magenta-100-hsl: 340, 100%, 95.88%;--dh-color-magenta-200-hsl: 339.43, 100%, 93.14%;--dh-color-magenta-300-hsl: 338.49, 100%, 89.61%;--dh-color-magenta-400-hsl: 338.18, 100%, 84.9%;--dh-color-magenta-500-hsl: 337.36, 100%, 79.22%;--dh-color-magenta-600-hsl: 336.64, 92.91%, 72.35%;--dh-color-magenta-700-hsl: 335.03, 82.32%, 64.51%;--dh-color-magenta-800-hsl: 334.29, 70.93%, 55.49%;--dh-color-magenta-900-hsl: 334.34, 70.94%, 45.88%;--dh-color-magenta-1000-hsl: 332.2, 90.11%, 35.69%;--dh-color-magenta-1100-hsl: 330.85, 100%, 27.84%;--dh-color-magenta-1200-hsl: 330.54, 100%, 21.96%;--dh-color-magenta-1300-hsl: 331.11, 93.1%, 17.06%;--dh-color-magenta-1400-hsl: 334.44, 81.82%, 12.94%;--dh-color-gray-50: hsl(var(--dh-color-gray-50-hsl));--dh-color-gray-75: hsl(var(--dh-color-gray-75-hsl));--dh-color-gray-100: hsl(var(--dh-color-gray-100-hsl));--dh-color-gray-200: hsl(var(--dh-color-gray-200-hsl));--dh-color-gray-300: hsl(var(--dh-color-gray-300-hsl));--dh-color-gray-400: hsl(var(--dh-color-gray-400-hsl));--dh-color-gray-500: hsl(var(--dh-color-gray-500-hsl));--dh-color-gray-600: hsl(var(--dh-color-gray-600-hsl));--dh-color-gray-700: hsl(var(--dh-color-gray-700-hsl));--dh-color-gray-800: hsl(var(--dh-color-gray-800-hsl));--dh-color-gray-900: hsl(var(--dh-color-gray-900-hsl));--dh-color-gray-light: hsl(var(--dh-color-gray-light-hsl));--dh-color-gray-mid: hsl(var(--dh-color-gray-mid-hsl));--dh-color-gray-dark: hsl(var(--dh-color-gray-dark-hsl));--dh-color-black: hsl(var(--dh-color-black-hsl));--dh-color-white: hsl(var(--dh-color-white-hsl));--dh-color-blue-100: hsl(var(--dh-color-blue-100-hsl));--dh-color-blue-200: hsl(var(--dh-color-blue-200-hsl));--dh-color-blue-300: hsl(var(--dh-color-blue-300-hsl));--dh-color-blue-400: hsl(var(--dh-color-blue-400-hsl));--dh-color-blue-500: hsl(var(--dh-color-blue-500-hsl));--dh-color-blue-600: hsl(var(--dh-color-blue-600-hsl));--dh-color-blue-700: hsl(var(--dh-color-blue-700-hsl));--dh-color-blue-800: hsl(var(--dh-color-blue-800-hsl));--dh-color-blue-900: hsl(var(--dh-color-blue-900-hsl));--dh-color-blue-1000: hsl(var(--dh-color-blue-1000-hsl));--dh-color-blue-1100: hsl(var(--dh-color-blue-1100-hsl));--dh-color-blue-1200: hsl(var(--dh-color-blue-1200-hsl));--dh-color-blue-1300: hsl(var(--dh-color-blue-1300-hsl));--dh-color-blue-1400: hsl(var(--dh-color-blue-1400-hsl));--dh-color-red-100: hsl(var(--dh-color-red-100-hsl));--dh-color-red-200: hsl(var(--dh-color-red-200-hsl));--dh-color-red-300: hsl(var(--dh-color-red-300-hsl));--dh-color-red-400: hsl(var(--dh-color-red-400-hsl));--dh-color-red-500: hsl(var(--dh-color-red-500-hsl));--dh-color-red-600: hsl(var(--dh-color-red-600-hsl));--dh-color-red-700: hsl(var(--dh-color-red-700-hsl));--dh-color-red-800: hsl(var(--dh-color-red-800-hsl));--dh-color-red-900: hsl(var(--dh-color-red-900-hsl));--dh-color-red-1000: hsl(var(--dh-color-red-1000-hsl));--dh-color-red-1100: hsl(var(--dh-color-red-1100-hsl));--dh-color-red-1200: hsl(var(--dh-color-red-1200-hsl));--dh-color-red-1300: hsl(var(--dh-color-red-1300-hsl));--dh-color-red-1400: hsl(var(--dh-color-red-1400-hsl));--dh-color-orange-100: hsl(var(--dh-color-orange-100-hsl));--dh-color-orange-200: hsl(var(--dh-color-orange-200-hsl));--dh-color-orange-300: hsl(var(--dh-color-orange-300-hsl));--dh-color-orange-400: hsl(var(--dh-color-orange-400-hsl));--dh-color-orange-500: hsl(var(--dh-color-orange-500-hsl));--dh-color-orange-600: hsl(var(--dh-color-orange-600-hsl));--dh-color-orange-700: hsl(var(--dh-color-orange-700-hsl));--dh-color-orange-800: hsl(var(--dh-color-orange-800-hsl));--dh-color-orange-900: hsl(var(--dh-color-orange-900-hsl));--dh-color-orange-1000: hsl(var(--dh-color-orange-1000-hsl));--dh-color-orange-1100: hsl(var(--dh-color-orange-1100-hsl));--dh-color-orange-1200: hsl(var(--dh-color-orange-1200-hsl));--dh-color-orange-1300: hsl(var(--dh-color-orange-1300-hsl));--dh-color-orange-1400: hsl(var(--dh-color-orange-1400-hsl));--dh-color-yellow-100: hsl(var(--dh-color-yellow-100-hsl));--dh-color-yellow-200: hsl(var(--dh-color-yellow-200-hsl));--dh-color-yellow-300: hsl(var(--dh-color-yellow-300-hsl));--dh-color-yellow-400: hsl(var(--dh-color-yellow-400-hsl));--dh-color-yellow-500: hsl(var(--dh-color-yellow-500-hsl));--dh-color-yellow-600: hsl(var(--dh-color-yellow-600-hsl));--dh-color-yellow-700: hsl(var(--dh-color-yellow-700-hsl));--dh-color-yellow-800: hsl(var(--dh-color-yellow-800-hsl));--dh-color-yellow-900: hsl(var(--dh-color-yellow-900-hsl));--dh-color-yellow-1000: hsl(var(--dh-color-yellow-1000-hsl));--dh-color-yellow-1100: hsl(var(--dh-color-yellow-1100-hsl));--dh-color-yellow-1200: hsl(var(--dh-color-yellow-1200-hsl));--dh-color-yellow-1300: hsl(var(--dh-color-yellow-1300-hsl));--dh-color-yellow-1400: hsl(var(--dh-color-yellow-1400-hsl));--dh-color-chartreuse-100: hsl(var(--dh-color-chartreuse-100-hsl));--dh-color-chartreuse-200: hsl(var(--dh-color-chartreuse-200-hsl));--dh-color-chartreuse-300: hsl(var(--dh-color-chartreuse-300-hsl));--dh-color-chartreuse-400: hsl(var(--dh-color-chartreuse-400-hsl));--dh-color-chartreuse-500: hsl(var(--dh-color-chartreuse-500-hsl));--dh-color-chartreuse-600: hsl(var(--dh-color-chartreuse-600-hsl));--dh-color-chartreuse-700: hsl(var(--dh-color-chartreuse-700-hsl));--dh-color-chartreuse-800: hsl(var(--dh-color-chartreuse-800-hsl));--dh-color-chartreuse-900: hsl(var(--dh-color-chartreuse-900-hsl));--dh-color-chartreuse-1000: hsl(var(--dh-color-chartreuse-1000-hsl));--dh-color-chartreuse-1100: hsl(var(--dh-color-chartreuse-1100-hsl));--dh-color-chartreuse-1200: hsl(var(--dh-color-chartreuse-1200-hsl));--dh-color-chartreuse-1300: hsl(var(--dh-color-chartreuse-1300-hsl));--dh-color-chartreuse-1400: hsl(var(--dh-color-chartreuse-1400-hsl));--dh-color-celery-100: hsl(var(--dh-color-celery-100-hsl));--dh-color-celery-200: hsl(var(--dh-color-celery-200-hsl));--dh-color-celery-300: hsl(var(--dh-color-celery-300-hsl));--dh-color-celery-400: hsl(var(--dh-color-celery-400-hsl));--dh-color-celery-500: hsl(var(--dh-color-celery-500-hsl));--dh-color-celery-600: hsl(var(--dh-color-celery-600-hsl));--dh-color-celery-700: hsl(var(--dh-color-celery-700-hsl));--dh-color-celery-800: hsl(var(--dh-color-celery-800-hsl));--dh-color-celery-900: hsl(var(--dh-color-celery-900-hsl));--dh-color-celery-1000: hsl(var(--dh-color-celery-1000-hsl));--dh-color-celery-1100: hsl(var(--dh-color-celery-1100-hsl));--dh-color-celery-1200: hsl(var(--dh-color-celery-1200-hsl));--dh-color-celery-1300: hsl(var(--dh-color-celery-1300-hsl));--dh-color-celery-1400: hsl(var(--dh-color-celery-1400-hsl));--dh-color-green-100: hsl(var(--dh-color-green-100-hsl));--dh-color-green-200: hsl(var(--dh-color-green-200-hsl));--dh-color-green-300: hsl(var(--dh-color-green-300-hsl));--dh-color-green-400: hsl(var(--dh-color-green-400-hsl));--dh-color-green-500: hsl(var(--dh-color-green-500-hsl));--dh-color-green-600: hsl(var(--dh-color-green-600-hsl));--dh-color-green-700: hsl(var(--dh-color-green-700-hsl));--dh-color-green-800: hsl(var(--dh-color-green-800-hsl));--dh-color-green-900: hsl(var(--dh-color-green-900-hsl));--dh-color-green-1000: hsl(var(--dh-color-green-1000-hsl));--dh-color-green-1100: hsl(var(--dh-color-green-1100-hsl));--dh-color-green-1200: hsl(var(--dh-color-green-1200-hsl));--dh-color-green-1300: hsl(var(--dh-color-green-1300-hsl));--dh-color-green-1400: hsl(var(--dh-color-green-1400-hsl));--dh-color-seafoam-100: hsl(var(--dh-color-seafoam-100-hsl));--dh-color-seafoam-200: hsl(var(--dh-color-seafoam-200-hsl));--dh-color-seafoam-300: hsl(var(--dh-color-seafoam-300-hsl));--dh-color-seafoam-400: hsl(var(--dh-color-seafoam-400-hsl));--dh-color-seafoam-500: hsl(var(--dh-color-seafoam-500-hsl));--dh-color-seafoam-600: hsl(var(--dh-color-seafoam-600-hsl));--dh-color-seafoam-700: hsl(var(--dh-color-seafoam-700-hsl));--dh-color-seafoam-800: hsl(var(--dh-color-seafoam-800-hsl));--dh-color-seafoam-900: hsl(var(--dh-color-seafoam-900-hsl));--dh-color-seafoam-1000: hsl(var(--dh-color-seafoam-1000-hsl));--dh-color-seafoam-1100: hsl(var(--dh-color-seafoam-1100-hsl));--dh-color-seafoam-1200: hsl(var(--dh-color-seafoam-1200-hsl));--dh-color-seafoam-1300: hsl(var(--dh-color-seafoam-1300-hsl));--dh-color-seafoam-1400: hsl(var(--dh-color-seafoam-1400-hsl));--dh-color-cyan-100: hsl(var(--dh-color-cyan-100-hsl));--dh-color-cyan-200: hsl(var(--dh-color-cyan-200-hsl));--dh-color-cyan-300: hsl(var(--dh-color-cyan-300-hsl));--dh-color-cyan-400: hsl(var(--dh-color-cyan-400-hsl));--dh-color-cyan-500: hsl(var(--dh-color-cyan-500-hsl));--dh-color-cyan-600: hsl(var(--dh-color-cyan-600-hsl));--dh-color-cyan-700: hsl(var(--dh-color-cyan-700-hsl));--dh-color-cyan-800: hsl(var(--dh-color-cyan-800-hsl));--dh-color-cyan-900: hsl(var(--dh-color-cyan-900-hsl));--dh-color-cyan-1000: hsl(var(--dh-color-cyan-1000-hsl));--dh-color-cyan-1100: hsl(var(--dh-color-cyan-1100-hsl));--dh-color-cyan-1200: hsl(var(--dh-color-cyan-1200-hsl));--dh-color-cyan-1300: hsl(var(--dh-color-cyan-1300-hsl));--dh-color-cyan-1400: hsl(var(--dh-color-cyan-1400-hsl));--dh-color-indigo-100: hsl(var(--dh-color-indigo-100-hsl));--dh-color-indigo-200: hsl(var(--dh-color-indigo-200-hsl));--dh-color-indigo-300: hsl(var(--dh-color-indigo-300-hsl));--dh-color-indigo-400: hsl(var(--dh-color-indigo-400-hsl));--dh-color-indigo-500: hsl(var(--dh-color-indigo-500-hsl));--dh-color-indigo-600: hsl(var(--dh-color-indigo-600-hsl));--dh-color-indigo-700: hsl(var(--dh-color-indigo-700-hsl));--dh-color-indigo-800: hsl(var(--dh-color-indigo-800-hsl));--dh-color-indigo-900: hsl(var(--dh-color-indigo-900-hsl));--dh-color-indigo-1000: hsl(var(--dh-color-indigo-1000-hsl));--dh-color-indigo-1100: hsl(var(--dh-color-indigo-1100-hsl));--dh-color-indigo-1200: hsl(var(--dh-color-indigo-1200-hsl));--dh-color-indigo-1300: hsl(var(--dh-color-indigo-1300-hsl));--dh-color-indigo-1400: hsl(var(--dh-color-indigo-1400-hsl));--dh-color-purple-100: hsl(var(--dh-color-purple-100-hsl));--dh-color-purple-200: hsl(var(--dh-color-purple-200-hsl));--dh-color-purple-300: hsl(var(--dh-color-purple-300-hsl));--dh-color-purple-400: hsl(var(--dh-color-purple-400-hsl));--dh-color-purple-500: hsl(var(--dh-color-purple-500-hsl));--dh-color-purple-600: hsl(var(--dh-color-purple-600-hsl));--dh-color-purple-700: hsl(var(--dh-color-purple-700-hsl));--dh-color-purple-800: hsl(var(--dh-color-purple-800-hsl));--dh-color-purple-900: hsl(var(--dh-color-purple-900-hsl));--dh-color-purple-1000: hsl(var(--dh-color-purple-1000-hsl));--dh-color-purple-1100: hsl(var(--dh-color-purple-1100-hsl));--dh-color-purple-1200: hsl(var(--dh-color-purple-1200-hsl));--dh-color-purple-1300: hsl(var(--dh-color-purple-1300-hsl));--dh-color-purple-1400: hsl(var(--dh-color-purple-1400-hsl));--dh-color-fuchsia-100: hsl(var(--dh-color-fuchsia-100-hsl));--dh-color-fuchsia-200: hsl(var(--dh-color-fuchsia-200-hsl));--dh-color-fuchsia-300: hsl(var(--dh-color-fuchsia-300-hsl));--dh-color-fuchsia-400: hsl(var(--dh-color-fuchsia-400-hsl));--dh-color-fuchsia-500: hsl(var(--dh-color-fuchsia-500-hsl));--dh-color-fuchsia-600: hsl(var(--dh-color-fuchsia-600-hsl));--dh-color-fuchsia-700: hsl(var(--dh-color-fuchsia-700-hsl));--dh-color-fuchsia-800: hsl(var(--dh-color-fuchsia-800-hsl));--dh-color-fuchsia-900: hsl(var(--dh-color-fuchsia-900-hsl));--dh-color-fuchsia-1000: hsl(var(--dh-color-fuchsia-1000-hsl));--dh-color-fuchsia-1100: hsl(var(--dh-color-fuchsia-1100-hsl));--dh-color-fuchsia-1200: hsl(var(--dh-color-fuchsia-1200-hsl));--dh-color-fuchsia-1300: hsl(var(--dh-color-fuchsia-1300-hsl));--dh-color-fuchsia-1400: hsl(var(--dh-color-fuchsia-1400-hsl));--dh-color-magenta-100: hsl(var(--dh-color-magenta-100-hsl));--dh-color-magenta-200: hsl(var(--dh-color-magenta-200-hsl));--dh-color-magenta-300: hsl(var(--dh-color-magenta-300-hsl));--dh-color-magenta-400: hsl(var(--dh-color-magenta-400-hsl));--dh-color-magenta-500: hsl(var(--dh-color-magenta-500-hsl));--dh-color-magenta-600: hsl(var(--dh-color-magenta-600-hsl));--dh-color-magenta-700: hsl(var(--dh-color-magenta-700-hsl));--dh-color-magenta-800: hsl(var(--dh-color-magenta-800-hsl));--dh-color-magenta-900: hsl(var(--dh-color-magenta-900-hsl));--dh-color-magenta-1000: hsl(var(--dh-color-magenta-1000-hsl));--dh-color-magenta-1100: hsl(var(--dh-color-magenta-1100-hsl));--dh-color-magenta-1200: hsl(var(--dh-color-magenta-1200-hsl));--dh-color-magenta-1300: hsl(var(--dh-color-magenta-1300-hsl));--dh-color-magenta-1400: hsl(var(--dh-color-magenta-1400-hsl))}/*# sourceMappingURL=theme-light-palette.css.map */
@@ -1 +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,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
+ {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-light/theme-light-palette.css"],"names":[],"mappings":"AACA,MAEE,oCACA,sCACA,uCACA,sCACA,uCACA,uCACA,uCACA,uCACA,uCACA,uCACA,mCAEA,wDACA,sDACA,uDAGA,mDACA,kDACA,wCACA,0CAEA,yCACA,4CACA,yCACA,2CACA,2CACA,0CACA,6CACA,6CACA,4CACA,yCACA,yCACA,yCACA,yCACA,yCACA,4CACA,+CACA,iDACA,+CACA,8CACA,iDACA,+CACA,8CACA,+CACA,gDACA,gDACA,gDACA,8CACA,iDACA,iDACA,iDACA,iDACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,gDACA,gDACA,+CACA,gDACA,4CACA,qDACA,oDACA,qDACA,qDACA,qDACA,qDACA,mDACA,mDACA,gDACA,iDACA,mDACA,oDACA,gDACA,mDACA,kDACA,kDACA,kDACA,kDACA,kDACA,kDACA,kDACA,gDACA,gDACA,gDACA,gDACA,iDACA,gDACA,gDACA,8CACA,iDACA,iDACA,iDACA,iDACA,iDACA,gDACA,+CACA,+CACA,+CACA,gDACA,kDACA,kDACA,8CACA,mDACA,mDACA,mDACA,kDACA,kDACA,mDACA,iDACA,iDACA,iDACA,kDACA,oDACA,oDACA,oDACA,mDACA,8CACA,8CACA,6CACA,gDACA,+CACA,+CACA,6CACA,8CACA,8CACA,+CACA,+CACA,+CACA,4CACA,4CACA,8CACA,8CACA,8CACA,gDACA,gDACA,gDACA,gDACA,gDACA,+CACA,+CACA,+CACA,+CACA,+CACA,4CACA,gDACA,gDACA,gDACA,+CACA,gDACA,gDACA,kDACA,kDACA,+CACA,mDACA,mDACA,mDACA,kDACA,mDACA,6CACA,6CACA,gDACA,iDACA,iDACA,kDACA,kDACA,iDACA,kDACA,mDACA,mDACA,gDACA,mDACA,mDACA,iDACA,iDACA,mDACA,kDACA,mDACA,gDACA,mDACA,mDACA,kDACA,oDACA,kDACA,iDACA,oDACA,oDACA,8CACA,iDACA,iDACA,gDACA,iDACA,mDACA,mDACA,mDACA,mDACA,mDACA,kDACA,kDACA,mDACA,oDAGA,qDACA,qDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDAEA,2DACA,uDACA,yDAGA,iDACA,iDAGA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,yDACA,yDACA,yDACA,yDACA,yDAGA,qDACA,qDACA,qDACA,qDACA,qDACA,qDACA,qDACA,qDACA,qDACA,uDACA,uDACA,uDACA,uDACA,uDAGA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,6DACA,6DACA,6DACA,6DACA,6DAGA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,6DACA,6DACA,6DACA,6DACA,6DAGA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,qEACA,qEACA,qEACA,qEACA,qEAGA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,6DACA,6DACA,6DACA,6DACA,6DAGA,yDACA,yDACA,yDACA,yDACA,yDACA,yDACA,yDACA,yDACA,yDACA,2DACA,2DACA,2DACA,2DACA,2DAGA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,+DACA,+DACA,+DACA,+DACA,+DAGA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,yDACA,yDACA,yDACA,yDACA,yDAGA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,6DACA,6DACA,6DACA,6DACA,6DAGA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,6DACA,6DACA,6DACA,6DACA,6DAGA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,+DACA,+DACA,+DACA,+DACA,+DAGA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,+DACA,+DACA,+DACA,+DACA","file":"theme-light-palette.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before */\n:root {\n /* Gray */\n --dh-color-gray-50-hsl: 0, 0%, 100%;\n --dh-color-gray-75-hsl: 0, 0%, 99.22%;\n --dh-color-gray-100-hsl: 0, 0%, 97.25%;\n --dh-color-gray-200-hsl: 0, 0%, 90.2%;\n --dh-color-gray-300-hsl: 0, 0%, 83.53%;\n --dh-color-gray-400-hsl: 0, 0%, 69.41%;\n --dh-color-gray-500-hsl: 0, 0%, 56.47%;\n --dh-color-gray-600-hsl: 0, 0%, 42.75%;\n --dh-color-gray-700-hsl: 0, 0%, 27.45%;\n --dh-color-gray-800-hsl: 0, 0%, 13.33%;\n --dh-color-gray-900-hsl: 0, 0%, 0%;\n\n --dh-color-gray-light-hsl: var(--dh-color-gray-900-hsl);\n --dh-color-gray-mid-hsl: var(--dh-color-gray-600-hsl);\n --dh-color-gray-dark-hsl: var(--dh-color-gray-300-hsl);\n\n /** Black & White */\n --dh-color-black-hsl: var(--dh-color-gray-900-hsl);\n --dh-color-white-hsl: var(--dh-color-gray-75-hsl);\n --dh-color-true-black-hsl: 0deg, 0%, 0%;\n --dh-color-true-white-hsl: 0deg, 0%, 100%;\n\n --dh-color-red-100-hsl: 10, 100%, 95.29%;\n --dh-color-red-200-hsl: 10.24, 100%, 91.96%;\n --dh-color-red-300-hsl: 10, 100%, 88.24%;\n --dh-color-red-400-hsl: 9.77, 100%, 83.14%;\n --dh-color-red-500-hsl: 9.58, 100%, 76.67%;\n --dh-color-red-600-hsl: 8.96, 100%, 69.8%;\n --dh-color-red-700-hsl: 7.46, 91.71%, 62.16%;\n --dh-color-red-800-hsl: 4.66, 82.13%, 53.92%;\n --dh-color-red-900-hsl: 1.54, 85.9%, 44.51%;\n --dh-color-red-1000-hsl: 0, 100%, 35.29%;\n --dh-color-red-1100-hsl: 0, 100%, 28.82%;\n --dh-color-red-1200-hsl: 0, 100%, 22.75%;\n --dh-color-red-1300-hsl: 0, 100%, 17.45%;\n --dh-color-red-1400-hsl: 0, 100%, 13.14%;\n --dh-color-orange-100-hsl: 37.65, 100%, 90%;\n --dh-color-orange-200-hsl: 36.59, 100%, 83.92%;\n --dh-color-orange-300-hsl: 36.11, 96.43%, 78.04%;\n --dh-color-orange-400-hsl: 33.85, 100%, 69.41%;\n --dh-color-orange-500-hsl: 31.5, 100%, 60.78%;\n --dh-color-orange-600-hsl: 30.39, 92.71%, 51.57%;\n --dh-color-orange-700-hsl: 29.21, 100%, 44.71%;\n --dh-color-orange-800-hsl: 27.49, 100%, 39.8%;\n --dh-color-orange-900-hsl: 25.76, 100%, 34.71%;\n --dh-color-orange-1000-hsl: 24.56, 100%, 29.22%;\n --dh-color-orange-1100-hsl: 23.11, 100%, 23.92%;\n --dh-color-orange-1200-hsl: 21.65, 100%, 19.02%;\n --dh-color-orange-1300-hsl: 20, 97.3%, 14.51%;\n --dh-color-orange-1400-hsl: 19.62, 96.3%, 10.59%;\n --dh-color-yellow-100-hsl: 53.94, 92.52%, 79.02%;\n --dh-color-yellow-200-hsl: 53.93, 92.31%, 64.31%;\n --dh-color-yellow-300-hsl: 52.38, 96.83%, 49.41%;\n --dh-color-yellow-400-hsl: 51.21, 100%, 45.49%;\n --dh-color-yellow-500-hsl: 49.95, 100%, 42.16%;\n --dh-color-yellow-600-hsl: 48.67, 100%, 38.43%;\n --dh-color-yellow-700-hsl: 47.73, 100%, 34.51%;\n --dh-color-yellow-800-hsl: 46.45, 100%, 30.39%;\n --dh-color-yellow-900-hsl: 46.02, 100%, 26.08%;\n --dh-color-yellow-1000-hsl: 44.46, 100%, 21.96%;\n --dh-color-yellow-1100-hsl: 44.18, 100%, 17.84%;\n --dh-color-yellow-1200-hsl: 42.5, 100%, 14.12%;\n --dh-color-yellow-1300-hsl: 41.11, 100%, 10.59%;\n --dh-color-yellow-1400-hsl: 39, 100%, 7.84%;\n --dh-color-chartreuse-100-hsl: 73.94, 95.95%, 70.98%;\n --dh-color-chartreuse-200-hsl: 73.9, 88.94%, 60.98%;\n --dh-color-chartreuse-300-hsl: 74.14, 81.28%, 53.92%;\n --dh-color-chartreuse-400-hsl: 74.23, 81.51%, 46.67%;\n --dh-color-chartreuse-500-hsl: 74.44, 90.34%, 40.59%;\n --dh-color-chartreuse-600-hsl: 74.48, 96.67%, 35.29%;\n --dh-color-chartreuse-700-hsl: 74.62, 100%, 30.59%;\n --dh-color-chartreuse-800-hsl: 74.56, 100%, 26.67%;\n --dh-color-chartreuse-900-hsl: 75, 100%, 22.75%;\n --dh-color-chartreuse-1000-hsl: 75, 100%, 18.82%;\n --dh-color-chartreuse-1100-hsl: 74.81, 100%, 15.1%;\n --dh-color-chartreuse-1200-hsl: 75.25, 100%, 11.57%;\n --dh-color-chartreuse-1300-hsl: 75, 100%, 8.63%;\n --dh-color-chartreuse-1400-hsl: 73.55, 100%, 6.08%;\n --dh-color-celery-100-hsl: 106.23, 91.04%, 86.86%;\n --dh-color-celery-200-hsl: 108.54, 83.18%, 79.02%;\n --dh-color-celery-300-hsl: 110.29, 75.54%, 72.75%;\n --dh-color-celery-400-hsl: 115.93, 65.56%, 64.71%;\n --dh-color-celery-500-hsl: 120.93, 57.33%, 55.88%;\n --dh-color-celery-600-hsl: 126.08, 65.49%, 44.31%;\n --dh-color-celery-700-hsl: 129.75, 91.95%, 34.12%;\n --dh-color-celery-800-hsl: 127.45, 100%, 28.43%;\n --dh-color-celery-900-hsl: 127.26, 100%, 24.31%;\n --dh-color-celery-1000-hsl: 128.74, 100%, 20.2%;\n --dh-color-celery-1100-hsl: 129.4, 100%, 16.27%;\n --dh-color-celery-1200-hsl: 129.38, 100%, 12.55%;\n --dh-color-celery-1300-hsl: 128.75, 100%, 9.41%;\n --dh-color-celery-1400-hsl: 128.82, 100%, 6.67%;\n --dh-color-green-100-hsl: 145.71, 75%, 89.02%;\n --dh-color-green-200-hsl: 147.89, 76.34%, 81.76%;\n --dh-color-green-300-hsl: 150.91, 72.26%, 73.14%;\n --dh-color-green-400-hsl: 152.77, 64.32%, 63.73%;\n --dh-color-green-500-hsl: 153.89, 56.22%, 54.31%;\n --dh-color-green-600-hsl: 155.47, 59.31%, 45.29%;\n --dh-color-green-700-hsl: 157.34, 77.3%, 36.27%;\n --dh-color-green-800-hsl: 159.02, 100%, 28.04%;\n --dh-color-green-900-hsl: 157.87, 100%, 23.92%;\n --dh-color-green-1000-hsl: 156.83, 100%, 19.8%;\n --dh-color-green-1100-hsl: 157.04, 100%, 15.88%;\n --dh-color-green-1200-hsl: 155.17, 85.29%, 13.33%;\n --dh-color-green-1300-hsl: 151.67, 64.29%, 10.98%;\n --dh-color-green-1400-hsl: 150, 52.38%, 8.24%;\n --dh-color-seafoam-100-hsl: 174.15, 71.93%, 88.82%;\n --dh-color-seafoam-200-hsl: 174.08, 71.72%, 80.59%;\n --dh-color-seafoam-300-hsl: 175.48, 67.88%, 73.14%;\n --dh-color-seafoam-400-hsl: 175.9, 61.26%, 62.55%;\n --dh-color-seafoam-500-hsl: 176.52, 56.1%, 51.76%;\n --dh-color-seafoam-600-hsl: 177.47, 84.69%, 38.43%;\n --dh-color-seafoam-700-hsl: 177.39, 100%, 31.57%;\n --dh-color-seafoam-800-hsl: 177.86, 100%, 27.45%;\n --dh-color-seafoam-900-hsl: 177.48, 100%, 23.33%;\n --dh-color-seafoam-1000-hsl: 177.58, 100%, 19.41%;\n --dh-color-seafoam-1100-hsl: 177.31, 73.63%, 17.84%;\n --dh-color-seafoam-1200-hsl: 177.14, 53.85%, 15.29%;\n --dh-color-seafoam-1300-hsl: 177.69, 41.94%, 12.16%;\n --dh-color-seafoam-1400-hsl: 176.25, 34.78%, 9.02%;\n --dh-color-cyan-100-hsl: 187.24, 100%, 88.63%;\n --dh-color-cyan-200-hsl: 189.89, 100%, 82.16%;\n --dh-color-cyan-300-hsl: 190, 91.94%, 75.69%;\n --dh-color-cyan-400-hsl: 191.02, 85.96%, 66.47%;\n --dh-color-cyan-500-hsl: 191.6, 79.74%, 55.49%;\n --dh-color-cyan-600-hsl: 192.6, 84.75%, 46.27%;\n --dh-color-cyan-700-hsl: 193.27, 99%, 39.41%;\n --dh-color-cyan-800-hsl: 195.33, 100%, 35.29%;\n --dh-color-cyan-900-hsl: 197.36, 100%, 31.18%;\n --dh-color-cyan-1000-hsl: 199.27, 100%, 26.86%;\n --dh-color-cyan-1100-hsl: 201.39, 100%, 22.55%;\n --dh-color-cyan-1200-hsl: 203.23, 100%, 18.24%;\n --dh-color-cyan-1300-hsl: 204, 100%, 13.73%;\n --dh-color-cyan-1400-hsl: 204.71, 100%, 10%;\n --dh-color-blue-100-hsl: 205.16, 100%, 93.92%;\n --dh-color-blue-200-hsl: 206.04, 100%, 89.61%;\n --dh-color-blue-300-hsl: 206.76, 100%, 85.49%;\n --dh-color-blue-400-hsl: 207.38, 96.26%, 79.02%;\n --dh-color-blue-500-hsl: 209.08, 92.86%, 72.55%;\n --dh-color-blue-600-hsl: 210.19, 89.71%, 65.69%;\n --dh-color-blue-700-hsl: 211.12, 88.63%, 58.63%;\n --dh-color-blue-800-hsl: 212.56, 90.28%, 51.57%;\n --dh-color-blue-900-hsl: 212.75, 98.2%, 43.53%;\n --dh-color-blue-1000-hsl: 212.31, 100%, 35.69%;\n --dh-color-blue-1100-hsl: 211.86, 100%, 28.43%;\n --dh-color-blue-1200-hsl: 211.86, 100%, 22.16%;\n --dh-color-blue-1300-hsl: 212.14, 100%, 16.47%;\n --dh-color-blue-1400-hsl: 212, 100%, 11.76%;\n --dh-color-indigo-100-hsl: 236.67, 100%, 96.47%;\n --dh-color-indigo-200-hsl: 236.13, 100%, 93.92%;\n --dh-color-indigo-300-hsl: 237.27, 100%, 91.37%;\n --dh-color-indigo-400-hsl: 237.1, 100%, 87.84%;\n --dh-color-indigo-500-hsl: 237.83, 100%, 83.73%;\n --dh-color-indigo-600-hsl: 237.74, 100%, 79.22%;\n --dh-color-indigo-700-hsl: 237.14, 95.45%, 74.12%;\n --dh-color-indigo-800-hsl: 237.86, 86.42%, 68.24%;\n --dh-color-indigo-900-hsl: 237.53, 73%, 60.78%;\n --dh-color-indigo-1000-hsl: 237.39, 56.56%, 52.16%;\n --dh-color-indigo-1100-hsl: 237.97, 54.13%, 42.75%;\n --dh-color-indigo-1200-hsl: 238.13, 55.81%, 33.73%;\n --dh-color-indigo-1300-hsl: 237.53, 57.48%, 24.9%;\n --dh-color-indigo-1400-hsl: 237.69, 56.52%, 18.04%;\n --dh-color-purple-100-hsl: 273, 100%, 96.08%;\n --dh-color-purple-200-hsl: 270, 100%, 93.33%;\n --dh-color-purple-300-hsl: 268.09, 100%, 90.78%;\n --dh-color-purple-400-hsl: 268.66, 97.1%, 86.47%;\n --dh-color-purple-500-hsl: 266.97, 95.7%, 81.76%;\n --dh-color-purple-600-hsl: 266.55, 94.96%, 76.67%;\n --dh-color-purple-700-hsl: 266.67, 91.84%, 71.18%;\n --dh-color-purple-800-hsl: 266.75, 87.71%, 64.9%;\n --dh-color-purple-900-hsl: 266.82, 77.98%, 57.25%;\n --dh-color-purple-1000-hsl: 266.71, 69.48%, 48.82%;\n --dh-color-purple-1100-hsl: 267.07, 81.19%, 39.61%;\n --dh-color-purple-1200-hsl: 266.03, 85%, 31.37%;\n --dh-color-purple-1300-hsl: 263.33, 73.77%, 23.92%;\n --dh-color-purple-1400-hsl: 260.69, 65.91%, 17.25%;\n --dh-color-fuchsia-100-hsl: 308.18, 100%, 95.69%;\n --dh-color-fuchsia-200-hsl: 308.11, 100%, 92.75%;\n --dh-color-fuchsia-300-hsl: 306.55, 96.49%, 88.82%;\n --dh-color-fuchsia-400-hsl: 303.9, 90.59%, 83.33%;\n --dh-color-fuchsia-500-hsl: 301.21, 83.19%, 76.67%;\n --dh-color-fuchsia-600-hsl: 300, 77.07%, 69.22%;\n --dh-color-fuchsia-700-hsl: 299.15, 70.85%, 60.98%;\n --dh-color-fuchsia-800-hsl: 299.59, 60.16%, 51.76%;\n --dh-color-fuchsia-900-hsl: 299.6, 68.66%, 42.55%;\n --dh-color-fuchsia-1000-hsl: 299.61, 96.27%, 31.57%;\n --dh-color-fuchsia-1100-hsl: 299.53, 100%, 25.29%;\n --dh-color-fuchsia-1200-hsl: 300, 88.68%, 20.78%;\n --dh-color-fuchsia-1300-hsl: 301.05, 67.06%, 16.67%;\n --dh-color-fuchsia-1400-hsl: 301.62, 58.73%, 12.35%;\n --dh-color-magenta-100-hsl: 340, 100%, 95.88%;\n --dh-color-magenta-200-hsl: 339.43, 100%, 93.14%;\n --dh-color-magenta-300-hsl: 338.49, 100%, 89.61%;\n --dh-color-magenta-400-hsl: 338.18, 100%, 84.9%;\n --dh-color-magenta-500-hsl: 337.36, 100%, 79.22%;\n --dh-color-magenta-600-hsl: 336.64, 92.91%, 72.35%;\n --dh-color-magenta-700-hsl: 335.03, 82.32%, 64.51%;\n --dh-color-magenta-800-hsl: 334.29, 70.93%, 55.49%;\n --dh-color-magenta-900-hsl: 334.34, 70.94%, 45.88%;\n --dh-color-magenta-1000-hsl: 332.2, 90.11%, 35.69%;\n --dh-color-magenta-1100-hsl: 330.85, 100%, 27.84%;\n --dh-color-magenta-1200-hsl: 330.54, 100%, 21.96%;\n --dh-color-magenta-1300-hsl: 331.11, 93.1%, 17.06%;\n --dh-color-magenta-1400-hsl: 334.44, 81.82%, 12.94%;\n\n /* Grays */\n --dh-color-gray-50: hsl(var(--dh-color-gray-50-hsl));\n --dh-color-gray-75: hsl(var(--dh-color-gray-75-hsl));\n --dh-color-gray-100: hsl(var(--dh-color-gray-100-hsl));\n --dh-color-gray-200: hsl(var(--dh-color-gray-200-hsl));\n --dh-color-gray-300: hsl(var(--dh-color-gray-300-hsl));\n --dh-color-gray-400: hsl(var(--dh-color-gray-400-hsl));\n --dh-color-gray-500: hsl(var(--dh-color-gray-500-hsl));\n --dh-color-gray-600: hsl(var(--dh-color-gray-600-hsl));\n --dh-color-gray-700: hsl(var(--dh-color-gray-700-hsl));\n --dh-color-gray-800: hsl(var(--dh-color-gray-800-hsl));\n --dh-color-gray-900: hsl(var(--dh-color-gray-900-hsl));\n\n --dh-color-gray-light: hsl(var(--dh-color-gray-light-hsl));\n --dh-color-gray-mid: hsl(var(--dh-color-gray-mid-hsl));\n --dh-color-gray-dark: hsl(var(--dh-color-gray-dark-hsl));\n\n /** Black & White */\n --dh-color-black: hsl(var(--dh-color-black-hsl));\n --dh-color-white: hsl(var(--dh-color-white-hsl));\n\n /* Blue */\n --dh-color-blue-100: hsl(var(--dh-color-blue-100-hsl));\n --dh-color-blue-200: hsl(var(--dh-color-blue-200-hsl));\n --dh-color-blue-300: hsl(var(--dh-color-blue-300-hsl));\n --dh-color-blue-400: hsl(var(--dh-color-blue-400-hsl));\n --dh-color-blue-500: hsl(var(--dh-color-blue-500-hsl));\n --dh-color-blue-600: hsl(var(--dh-color-blue-600-hsl));\n --dh-color-blue-700: hsl(var(--dh-color-blue-700-hsl));\n --dh-color-blue-800: hsl(var(--dh-color-blue-800-hsl));\n --dh-color-blue-900: hsl(var(--dh-color-blue-900-hsl));\n --dh-color-blue-1000: hsl(var(--dh-color-blue-1000-hsl));\n --dh-color-blue-1100: hsl(var(--dh-color-blue-1100-hsl));\n --dh-color-blue-1200: hsl(var(--dh-color-blue-1200-hsl));\n --dh-color-blue-1300: hsl(var(--dh-color-blue-1300-hsl));\n --dh-color-blue-1400: hsl(var(--dh-color-blue-1400-hsl));\n\n /* Red */\n --dh-color-red-100: hsl(var(--dh-color-red-100-hsl));\n --dh-color-red-200: hsl(var(--dh-color-red-200-hsl));\n --dh-color-red-300: hsl(var(--dh-color-red-300-hsl));\n --dh-color-red-400: hsl(var(--dh-color-red-400-hsl));\n --dh-color-red-500: hsl(var(--dh-color-red-500-hsl));\n --dh-color-red-600: hsl(var(--dh-color-red-600-hsl));\n --dh-color-red-700: hsl(var(--dh-color-red-700-hsl));\n --dh-color-red-800: hsl(var(--dh-color-red-800-hsl));\n --dh-color-red-900: hsl(var(--dh-color-red-900-hsl));\n --dh-color-red-1000: hsl(var(--dh-color-red-1000-hsl));\n --dh-color-red-1100: hsl(var(--dh-color-red-1100-hsl));\n --dh-color-red-1200: hsl(var(--dh-color-red-1200-hsl));\n --dh-color-red-1300: hsl(var(--dh-color-red-1300-hsl));\n --dh-color-red-1400: hsl(var(--dh-color-red-1400-hsl));\n\n /* Orange */\n --dh-color-orange-100: hsl(var(--dh-color-orange-100-hsl));\n --dh-color-orange-200: hsl(var(--dh-color-orange-200-hsl));\n --dh-color-orange-300: hsl(var(--dh-color-orange-300-hsl));\n --dh-color-orange-400: hsl(var(--dh-color-orange-400-hsl));\n --dh-color-orange-500: hsl(var(--dh-color-orange-500-hsl));\n --dh-color-orange-600: hsl(var(--dh-color-orange-600-hsl));\n --dh-color-orange-700: hsl(var(--dh-color-orange-700-hsl));\n --dh-color-orange-800: hsl(var(--dh-color-orange-800-hsl));\n --dh-color-orange-900: hsl(var(--dh-color-orange-900-hsl));\n --dh-color-orange-1000: hsl(var(--dh-color-orange-1000-hsl));\n --dh-color-orange-1100: hsl(var(--dh-color-orange-1100-hsl));\n --dh-color-orange-1200: hsl(var(--dh-color-orange-1200-hsl));\n --dh-color-orange-1300: hsl(var(--dh-color-orange-1300-hsl));\n --dh-color-orange-1400: hsl(var(--dh-color-orange-1400-hsl));\n\n /* Yellow */\n --dh-color-yellow-100: hsl(var(--dh-color-yellow-100-hsl));\n --dh-color-yellow-200: hsl(var(--dh-color-yellow-200-hsl));\n --dh-color-yellow-300: hsl(var(--dh-color-yellow-300-hsl));\n --dh-color-yellow-400: hsl(var(--dh-color-yellow-400-hsl));\n --dh-color-yellow-500: hsl(var(--dh-color-yellow-500-hsl));\n --dh-color-yellow-600: hsl(var(--dh-color-yellow-600-hsl));\n --dh-color-yellow-700: hsl(var(--dh-color-yellow-700-hsl));\n --dh-color-yellow-800: hsl(var(--dh-color-yellow-800-hsl));\n --dh-color-yellow-900: hsl(var(--dh-color-yellow-900-hsl));\n --dh-color-yellow-1000: hsl(var(--dh-color-yellow-1000-hsl));\n --dh-color-yellow-1100: hsl(var(--dh-color-yellow-1100-hsl));\n --dh-color-yellow-1200: hsl(var(--dh-color-yellow-1200-hsl));\n --dh-color-yellow-1300: hsl(var(--dh-color-yellow-1300-hsl));\n --dh-color-yellow-1400: hsl(var(--dh-color-yellow-1400-hsl));\n\n /* Chartreuse */\n --dh-color-chartreuse-100: hsl(var(--dh-color-chartreuse-100-hsl));\n --dh-color-chartreuse-200: hsl(var(--dh-color-chartreuse-200-hsl));\n --dh-color-chartreuse-300: hsl(var(--dh-color-chartreuse-300-hsl));\n --dh-color-chartreuse-400: hsl(var(--dh-color-chartreuse-400-hsl));\n --dh-color-chartreuse-500: hsl(var(--dh-color-chartreuse-500-hsl));\n --dh-color-chartreuse-600: hsl(var(--dh-color-chartreuse-600-hsl));\n --dh-color-chartreuse-700: hsl(var(--dh-color-chartreuse-700-hsl));\n --dh-color-chartreuse-800: hsl(var(--dh-color-chartreuse-800-hsl));\n --dh-color-chartreuse-900: hsl(var(--dh-color-chartreuse-900-hsl));\n --dh-color-chartreuse-1000: hsl(var(--dh-color-chartreuse-1000-hsl));\n --dh-color-chartreuse-1100: hsl(var(--dh-color-chartreuse-1100-hsl));\n --dh-color-chartreuse-1200: hsl(var(--dh-color-chartreuse-1200-hsl));\n --dh-color-chartreuse-1300: hsl(var(--dh-color-chartreuse-1300-hsl));\n --dh-color-chartreuse-1400: hsl(var(--dh-color-chartreuse-1400-hsl));\n\n /* Celery */\n --dh-color-celery-100: hsl(var(--dh-color-celery-100-hsl));\n --dh-color-celery-200: hsl(var(--dh-color-celery-200-hsl));\n --dh-color-celery-300: hsl(var(--dh-color-celery-300-hsl));\n --dh-color-celery-400: hsl(var(--dh-color-celery-400-hsl));\n --dh-color-celery-500: hsl(var(--dh-color-celery-500-hsl));\n --dh-color-celery-600: hsl(var(--dh-color-celery-600-hsl));\n --dh-color-celery-700: hsl(var(--dh-color-celery-700-hsl));\n --dh-color-celery-800: hsl(var(--dh-color-celery-800-hsl));\n --dh-color-celery-900: hsl(var(--dh-color-celery-900-hsl));\n --dh-color-celery-1000: hsl(var(--dh-color-celery-1000-hsl));\n --dh-color-celery-1100: hsl(var(--dh-color-celery-1100-hsl));\n --dh-color-celery-1200: hsl(var(--dh-color-celery-1200-hsl));\n --dh-color-celery-1300: hsl(var(--dh-color-celery-1300-hsl));\n --dh-color-celery-1400: hsl(var(--dh-color-celery-1400-hsl));\n\n /* Green */\n --dh-color-green-100: hsl(var(--dh-color-green-100-hsl));\n --dh-color-green-200: hsl(var(--dh-color-green-200-hsl));\n --dh-color-green-300: hsl(var(--dh-color-green-300-hsl));\n --dh-color-green-400: hsl(var(--dh-color-green-400-hsl));\n --dh-color-green-500: hsl(var(--dh-color-green-500-hsl));\n --dh-color-green-600: hsl(var(--dh-color-green-600-hsl));\n --dh-color-green-700: hsl(var(--dh-color-green-700-hsl));\n --dh-color-green-800: hsl(var(--dh-color-green-800-hsl));\n --dh-color-green-900: hsl(var(--dh-color-green-900-hsl));\n --dh-color-green-1000: hsl(var(--dh-color-green-1000-hsl));\n --dh-color-green-1100: hsl(var(--dh-color-green-1100-hsl));\n --dh-color-green-1200: hsl(var(--dh-color-green-1200-hsl));\n --dh-color-green-1300: hsl(var(--dh-color-green-1300-hsl));\n --dh-color-green-1400: hsl(var(--dh-color-green-1400-hsl));\n\n /* Seafoam */\n --dh-color-seafoam-100: hsl(var(--dh-color-seafoam-100-hsl));\n --dh-color-seafoam-200: hsl(var(--dh-color-seafoam-200-hsl));\n --dh-color-seafoam-300: hsl(var(--dh-color-seafoam-300-hsl));\n --dh-color-seafoam-400: hsl(var(--dh-color-seafoam-400-hsl));\n --dh-color-seafoam-500: hsl(var(--dh-color-seafoam-500-hsl));\n --dh-color-seafoam-600: hsl(var(--dh-color-seafoam-600-hsl));\n --dh-color-seafoam-700: hsl(var(--dh-color-seafoam-700-hsl));\n --dh-color-seafoam-800: hsl(var(--dh-color-seafoam-800-hsl));\n --dh-color-seafoam-900: hsl(var(--dh-color-seafoam-900-hsl));\n --dh-color-seafoam-1000: hsl(var(--dh-color-seafoam-1000-hsl));\n --dh-color-seafoam-1100: hsl(var(--dh-color-seafoam-1100-hsl));\n --dh-color-seafoam-1200: hsl(var(--dh-color-seafoam-1200-hsl));\n --dh-color-seafoam-1300: hsl(var(--dh-color-seafoam-1300-hsl));\n --dh-color-seafoam-1400: hsl(var(--dh-color-seafoam-1400-hsl));\n\n /* Cyan */\n --dh-color-cyan-100: hsl(var(--dh-color-cyan-100-hsl));\n --dh-color-cyan-200: hsl(var(--dh-color-cyan-200-hsl));\n --dh-color-cyan-300: hsl(var(--dh-color-cyan-300-hsl));\n --dh-color-cyan-400: hsl(var(--dh-color-cyan-400-hsl));\n --dh-color-cyan-500: hsl(var(--dh-color-cyan-500-hsl));\n --dh-color-cyan-600: hsl(var(--dh-color-cyan-600-hsl));\n --dh-color-cyan-700: hsl(var(--dh-color-cyan-700-hsl));\n --dh-color-cyan-800: hsl(var(--dh-color-cyan-800-hsl));\n --dh-color-cyan-900: hsl(var(--dh-color-cyan-900-hsl));\n --dh-color-cyan-1000: hsl(var(--dh-color-cyan-1000-hsl));\n --dh-color-cyan-1100: hsl(var(--dh-color-cyan-1100-hsl));\n --dh-color-cyan-1200: hsl(var(--dh-color-cyan-1200-hsl));\n --dh-color-cyan-1300: hsl(var(--dh-color-cyan-1300-hsl));\n --dh-color-cyan-1400: hsl(var(--dh-color-cyan-1400-hsl));\n\n /* Indigo */\n --dh-color-indigo-100: hsl(var(--dh-color-indigo-100-hsl));\n --dh-color-indigo-200: hsl(var(--dh-color-indigo-200-hsl));\n --dh-color-indigo-300: hsl(var(--dh-color-indigo-300-hsl));\n --dh-color-indigo-400: hsl(var(--dh-color-indigo-400-hsl));\n --dh-color-indigo-500: hsl(var(--dh-color-indigo-500-hsl));\n --dh-color-indigo-600: hsl(var(--dh-color-indigo-600-hsl));\n --dh-color-indigo-700: hsl(var(--dh-color-indigo-700-hsl));\n --dh-color-indigo-800: hsl(var(--dh-color-indigo-800-hsl));\n --dh-color-indigo-900: hsl(var(--dh-color-indigo-900-hsl));\n --dh-color-indigo-1000: hsl(var(--dh-color-indigo-1000-hsl));\n --dh-color-indigo-1100: hsl(var(--dh-color-indigo-1100-hsl));\n --dh-color-indigo-1200: hsl(var(--dh-color-indigo-1200-hsl));\n --dh-color-indigo-1300: hsl(var(--dh-color-indigo-1300-hsl));\n --dh-color-indigo-1400: hsl(var(--dh-color-indigo-1400-hsl));\n\n /* Purple */\n --dh-color-purple-100: hsl(var(--dh-color-purple-100-hsl));\n --dh-color-purple-200: hsl(var(--dh-color-purple-200-hsl));\n --dh-color-purple-300: hsl(var(--dh-color-purple-300-hsl));\n --dh-color-purple-400: hsl(var(--dh-color-purple-400-hsl));\n --dh-color-purple-500: hsl(var(--dh-color-purple-500-hsl));\n --dh-color-purple-600: hsl(var(--dh-color-purple-600-hsl));\n --dh-color-purple-700: hsl(var(--dh-color-purple-700-hsl));\n --dh-color-purple-800: hsl(var(--dh-color-purple-800-hsl));\n --dh-color-purple-900: hsl(var(--dh-color-purple-900-hsl));\n --dh-color-purple-1000: hsl(var(--dh-color-purple-1000-hsl));\n --dh-color-purple-1100: hsl(var(--dh-color-purple-1100-hsl));\n --dh-color-purple-1200: hsl(var(--dh-color-purple-1200-hsl));\n --dh-color-purple-1300: hsl(var(--dh-color-purple-1300-hsl));\n --dh-color-purple-1400: hsl(var(--dh-color-purple-1400-hsl));\n\n /* Fuchsia */\n --dh-color-fuchsia-100: hsl(var(--dh-color-fuchsia-100-hsl));\n --dh-color-fuchsia-200: hsl(var(--dh-color-fuchsia-200-hsl));\n --dh-color-fuchsia-300: hsl(var(--dh-color-fuchsia-300-hsl));\n --dh-color-fuchsia-400: hsl(var(--dh-color-fuchsia-400-hsl));\n --dh-color-fuchsia-500: hsl(var(--dh-color-fuchsia-500-hsl));\n --dh-color-fuchsia-600: hsl(var(--dh-color-fuchsia-600-hsl));\n --dh-color-fuchsia-700: hsl(var(--dh-color-fuchsia-700-hsl));\n --dh-color-fuchsia-800: hsl(var(--dh-color-fuchsia-800-hsl));\n --dh-color-fuchsia-900: hsl(var(--dh-color-fuchsia-900-hsl));\n --dh-color-fuchsia-1000: hsl(var(--dh-color-fuchsia-1000-hsl));\n --dh-color-fuchsia-1100: hsl(var(--dh-color-fuchsia-1100-hsl));\n --dh-color-fuchsia-1200: hsl(var(--dh-color-fuchsia-1200-hsl));\n --dh-color-fuchsia-1300: hsl(var(--dh-color-fuchsia-1300-hsl));\n --dh-color-fuchsia-1400: hsl(var(--dh-color-fuchsia-1400-hsl));\n\n /* Magenta */\n --dh-color-magenta-100: hsl(var(--dh-color-magenta-100-hsl));\n --dh-color-magenta-200: hsl(var(--dh-color-magenta-200-hsl));\n --dh-color-magenta-300: hsl(var(--dh-color-magenta-300-hsl));\n --dh-color-magenta-400: hsl(var(--dh-color-magenta-400-hsl));\n --dh-color-magenta-500: hsl(var(--dh-color-magenta-500-hsl));\n --dh-color-magenta-600: hsl(var(--dh-color-magenta-600-hsl));\n --dh-color-magenta-700: hsl(var(--dh-color-magenta-700-hsl));\n --dh-color-magenta-800: hsl(var(--dh-color-magenta-800-hsl));\n --dh-color-magenta-900: hsl(var(--dh-color-magenta-900-hsl));\n --dh-color-magenta-1000: hsl(var(--dh-color-magenta-1000-hsl));\n --dh-color-magenta-1100: hsl(var(--dh-color-magenta-1100-hsl));\n --dh-color-magenta-1200: hsl(var(--dh-color-magenta-1200-hsl));\n --dh-color-magenta-1300: hsl(var(--dh-color-magenta-1300-hsl));\n --dh-color-magenta-1400: hsl(var(--dh-color-magenta-1400-hsl));\n}\n"]}
@@ -0,0 +1 @@
1
+ :root{--dh-color-chart-bg: var(--dh-color-content-bg);--dh-color-chart-plot-bg: var(--dh-color-gray-200);--dh-color-chart-title: var(--dh-color-white);--dh-color-chart-colorway: var(--dh-color-visual-cyan) var(--dh-color-visual-green) var(--dh-color-visual-yellow) var(--dh-color-visual-purple) var(--dh-color-visual-orange) var(--dh-color-visual-red) var(--dh-color-visual-chartreuse) var(--dh-color-visual-fuchsia) var(--dh-color-visual-seafoam) var(--dh-color-visual-magenta) var(--dh-color-white);--dh-color-chart-grid: var(--dh-color-gray-400);--dh-color-chart-axis-line: var(--dh-color-gray-500);--dh-color-chart-axis-line-zero: var(--dh-color-gray-700);--dh-color-chart-active: var(--dh-color-accent-600);--dh-color-chart-range-bg: hsla(var(--dh-color-gray-500-hsl) 0.7);--dh-color-chart-area: var(--dh-color-visual-blue);--dh-color-chart-trend: var(--dh-color-green-1200);--dh-color-chart-error-band-line: var(--dh-color-green-1400);--dh-color-chart-error-band-fill: hsla(var(--dh-color-green-1200-hsl), 0.1);--dh-color-chart-ohlc-increase: var(--dh-color-visual-green);--dh-color-chart-ohlc-decrease: var(--dh-color-visual-red);--dh-color-chart-line-deprecated: var(--dh-color-visual-green);--dh-color-plotly-axis-text: var(--dh-color-gray-500);--dh-color-plotly-zoombox: hsla(var(--dh-color-true-black-hsl), 0.5);--dh-color-plotly-zoombox-corners-fill: var(--dh-color-white);--dh-color-plotly-zoombox-corners-stroke: var(--dh-color-gray-75);--dh-color-plotly-modebar-btn-active: var(--dh-color-true-white-hsl, 0.7);--dh-color-plotly-modebar-btn-warning: var(--dh-color-visual-orange);--dh-color-plotly-notifier-note-bg: var(--dh-color-gray-500)}/*# sourceMappingURL=theme-light-semantic-chart.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-light/theme-light-semantic-chart.css"],"names":[],"mappings":"AAEA,MACE,gDACA,mDACA,8CAGA,8VAMA,gDACA,qDACA,0DACA,oDAEA,kEACA,mDACA,mDAGA,6DACA,4EAGA,6DACA,2DAOA,+DAEA,sDACA,qEACA,8DACA,kEAEA,0EACA,qEACA","file":"theme-light-semantic-chart.css","sourcesContent":["/* stylelint-disable alpha-value-notation */\n/* stylelint-disable custom-property-empty-line-before */\n:root {\n --dh-color-chart-bg: var(--dh-color-content-bg);\n --dh-color-chart-plot-bg: var(--dh-color-gray-200);\n --dh-color-chart-title: var(--dh-color-white);\n\n /* Colorway */\n --dh-color-chart-colorway: var(--dh-color-visual-cyan)\n var(--dh-color-visual-green) var(--dh-color-visual-yellow)\n var(--dh-color-visual-purple) var(--dh-color-visual-orange)\n var(--dh-color-visual-red) var(--dh-color-visual-chartreuse)\n var(--dh-color-visual-fuchsia) var(--dh-color-visual-seafoam)\n var(--dh-color-visual-magenta) var(--dh-color-white);\n --dh-color-chart-grid: var(--dh-color-gray-400);\n --dh-color-chart-axis-line: var(--dh-color-gray-500);\n --dh-color-chart-axis-line-zero: var(--dh-color-gray-700);\n --dh-color-chart-active: var(--dh-color-accent-600);\n\n --dh-color-chart-range-bg: hsla(var(--dh-color-gray-500-hsl) 0.7);\n --dh-color-chart-area: var(--dh-color-visual-blue);\n --dh-color-chart-trend: var(--dh-color-green-1200);\n\n /* Error band */\n --dh-color-chart-error-band-line: var(--dh-color-green-1400);\n --dh-color-chart-error-band-fill: hsla(var(--dh-color-green-1200-hsl), 0.1);\n\n /* OHLC */\n --dh-color-chart-ohlc-increase: var(--dh-color-visual-green);\n --dh-color-chart-ohlc-decrease: var(--dh-color-visual-red);\n\n /* \n * This color shows up in the styleguide, but it doesn't seem to be consumed\n * in production code. There has been discussion about it not being needed \n * anymore. \n */\n --dh-color-chart-line-deprecated: var(--dh-color-visual-green);\n\n --dh-color-plotly-axis-text: var(--dh-color-gray-500);\n --dh-color-plotly-zoombox: hsla(var(--dh-color-true-black-hsl), 0.5);\n --dh-color-plotly-zoombox-corners-fill: var(--dh-color-white);\n --dh-color-plotly-zoombox-corners-stroke: var(--dh-color-gray-75);\n\n --dh-color-plotly-modebar-btn-active: var(--dh-color-true-white-hsl, 0.7);\n --dh-color-plotly-modebar-btn-warning: var(--dh-color-visual-orange);\n --dh-color-plotly-notifier-note-bg: var(--dh-color-gray-500);\n}\n"]}
@@ -0,0 +1 @@
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-100);--dh-color-editor-selection-bg: var(--dh-color-text-highlight);--dh-color-editor-inactive-selection-bg: var(--dh-color-gray-200);--dh-color-editor-selection-highlight-bg: var(--dh-color-gray-200);--dh-color-editor-word-highlight-bg: var(--dh-color-gray-200);--dh-color-editor-comment: var(--dh-color-green-800);--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-blue);--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-red-1200);--dh-color-editor-bracket-fg1: var(--dh-color-visual-blue);--dh-color-editor-bracket-fg2: var(--dh-color-visual-green);--dh-color-editor-bracket-fg3: var(--dh-color-visual-purple);--dh-color-editor-bracket-fg4: var(--dh-color-visual-blue);--dh-color-editor-bracket-fg5: var(--dh-color-visual-green);--dh-color-editor-bracket-fg6: var(--dh-color-visual-purple);--dh-color-editor-unexpected-bracket-fg: var(--dh-color-visual-negative);--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-input-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-50);--dh-color-editor-context-menu-fg: var(--dh-color-text);--dh-color-editor-menu-selection-bg: var(--dh-color-highlight-hover);--dh-color-editor-menu-selection-fg: var(--dh-color-text);--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-50);--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-100);--dh-color-editor-suggest-border: var(--dh-color-gray-400);--dh-color-editor-suggest-fg: var(--dh-color-text);--dh-color-editor-suggest-selected-bg: var(--dh-color-highlight-selected);--dh-color-editor-suggest-selected-fg: var(--dh-color-text);--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-light-semantic-editor.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-light/theme-light-semantic-editor.css"],"names":[],"mappings":"AAAA,MAEE,iDACA,+CACA,uDACA,2DACA,8DACA,+DACA,kEACA,mEACA,8DAGA,qDACA,sDACA,+DACA,mEACA,uDACA,uDACA,wDACA,uDACA,2DACA,sDACA,yDACA,mDAGA,2DACA,4DACA,6DACA,2DACA,4DACA,6DACA,yEAGA,6DACA,yEACA,qDACA,iDACA,uDAGA,2DACA,wDACA,qEACA,0DAGA,qDACA,wDACA,wDACA,uDACA,0DACA,2DACA,0DAGA,mDACA,oEACA,sFAGA,oEACA,kEAGA,uDACA,2DACA,mDACA,0EACA,4DACA,mEACA,yEACA,oEAGA,+DACA","file":"theme-light-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-100);\n --dh-color-editor-selection-bg: var(--dh-color-text-highlight);\n --dh-color-editor-inactive-selection-bg: var(--dh-color-gray-200);\n --dh-color-editor-selection-highlight-bg: var(--dh-color-gray-200);\n --dh-color-editor-word-highlight-bg: var(--dh-color-gray-200);\n\n /* Code rules */\n --dh-color-editor-comment: var(--dh-color-green-800);\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-blue);\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-red-1200);\n\n /* Brackets */\n --dh-color-editor-bracket-fg1: var(--dh-color-visual-blue);\n --dh-color-editor-bracket-fg2: var(--dh-color-visual-green);\n --dh-color-editor-bracket-fg3: var(--dh-color-visual-purple);\n --dh-color-editor-bracket-fg4: var(--dh-color-visual-blue);\n --dh-color-editor-bracket-fg5: var(--dh-color-visual-green);\n --dh-color-editor-bracket-fg6: var(--dh-color-visual-purple);\n --dh-color-editor-unexpected-bracket-fg: var(--dh-color-visual-negative);\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-input-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-50);\n --dh-color-editor-context-menu-fg: var(--dh-color-text);\n --dh-color-editor-menu-selection-bg: var(--dh-color-highlight-hover);\n --dh-color-editor-menu-selection-fg: var(--dh-color-text);\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-50);\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-100);\n --dh-color-editor-suggest-border: var(--dh-color-gray-400);\n --dh-color-editor-suggest-fg: var(--dh-color-text);\n --dh-color-editor-suggest-selected-bg: var(--dh-color-highlight-selected);\n --dh-color-editor-suggest-selected-fg: var(--dh-color-text);\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"]}
@@ -0,0 +1 @@
1
+ :root{--dh-color-grid-bg: var(--dh-color-content-bg);--dh-color-grid-header-bg: var(--dh-color-gray-100);--dh-color-grid-header-text: var(--dh-color-heading-text);--dh-color-grid-header-separator: var(--dh-color-gray-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-50);--dh-color-grid-row-1-bg: var(--dh-color-gray-100);--dh-color-grid-row-hover-bg: var(--dh-color-highlight-hover);--dh-color-grid-row-hover-bg-selected: var( --dh-color-highlight-selected-hover );--dh-color-grid-row-shadow-alpha: 0.07;--dh-color-grid-selection: var(--dh-color-highlight-selected);--dh-color-grid-selection-outline: var(--dh-color-accent-900);--dh-color-grid-selection-outline-casing: var(--dh-color-gray-50);--dh-color-grid-scroll-bar-active-selection-tick: var(--dh-color-accent-400);--dh-color-grid-scroll-bar-bg: var(--dh-color-gray-100);--dh-color-grid-scroll-bar-hover-bg: var(--dh-color-gray-200);--dh-color-grid-scroll-bar-casing: var(--dh-color-gray-400);--dh-color-grid-scroll-bar-corner: var(--dh-color-gray-100);--dh-color-grid-scroll-bar: var(--dh-color-gray-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-modified);--dh-color-grid-text-error: var(--dh-color-visual-negative);--dh-color-grid-date: var(--dh-color-visual-purple);--dh-color-grid-number-positive: var(--dh-color-visual-positive);--dh-color-grid-number-negative: var(--dh-color-visual-negative);--dh-color-grid-number-zero: var(--dh-color-visual-purple);--dh-color-grid-string-null: var(--dh-color-gray-600);--dh-color-grid-filter-bar-active-bg: hsla( var(--dh-color-accent-700-hsl), 0.5 );--dh-color-grid-filter-bar-active: var(--dh-color-accent-100);--dh-color-grid-filter-bar-expanded-bg: var(--dh-color-gray-50);--dh-color-grid-filter-bar-expanded-active-bg: hsla( var(--dh-color-accent-1000-hsl), 0.19 );--dh-color-grid-filter-bar-expanded-active-cell-bg: hsla( var(--dh-color-accent-700-hsl), 0.32 );--dh-color-grid-filter-bar-separator: var(--dh-color-gray-600);--dh-color-grid-filter-bar-error: var(--dh-color-visual-negative);--dh-color-grid-filter-icon: var(--dh-color-accent-600);--dh-color-grid-context-menu-sort-icon: var(--dh-color-visual-purple);--dh-color-grid-context-menu-reverse-icon: var(--dh-color-visual-green);--dh-color-grid-column-linker-hover-bg: var( --dh-color-highlight-selected-hover );--dh-color-grid-column-grouped-divider: var(--dh-color-gray-50);--dh-color-grid-tree-line: var(--dh-color-gray-500);--dh-color-grid-tree-marker: var(--dh-color-gray-700);--dh-color-grid-tree-marker-hover: var(--dh-color-gray-900);--dh-color-grid-floating-row: var(--dh-color-gray-300);--dh-color-grid-floating-row-bg: var(--dh-color-gray-200);--dh-color-grid-floating-divider-inner: var(--dh-color-gray-200);--dh-color-grid-floating-divider-outer: var(--dh-color-gray-50);--dh-color-grid-overflow-button: var(--dh-color-gray-700);--dh-color-grid-overflow-button-hover: var(--dh-color-gray-900);--dh-color-grid-data-bar-positive: var(--dh-color-visual-positive);--dh-color-grid-data-bar-negative: var(--dh-color-visual-negative);--dh-color-grid-data-bar-marker: var(--dh-color-white);--dh-color-grid-data-bar-zero-line: var(--dh-color-gray-300);--dh-color-grid-scrim: var(--dh-color-gray-200)}/*# sourceMappingURL=theme-light-semantic-grid.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-light/theme-light-semantic-grid.css"],"names":[],"mappings":"AAAA,MAEE,+CAGA,oDACA,0DACA,0DACA,iEACA,0EACA,+DACA,iEACA,2DAGA,kDACA,mDACA,8DACA,kFAGA,uCAGA,8DACA,8DACA,kEAGA,6EACA,wDACA,8DACA,4DACA,4DACA,qDACA,2DACA,4DAGA,2CACA,4DACA,uDACA,4DAGA,oDACA,iEACA,iEACA,2DACA,sDAGA,kFAIA,8DACA,gEACA,6FAIA,iGAIA,+DACA,kEACA,wDAGA,sEACA,wEAGA,mFAGA,gEAGA,oDACA,sDACA,4DAGA,uDACA,0DACA,iEACA,gEAGA,0DACA,gEAGA,mEACA,mEACA,uDACA,6DAGA","file":"theme-light-semantic-grid.css","sourcesContent":[":root {\n /* Grid */\n --dh-color-grid-bg: var(--dh-color-content-bg);\n\n /* Header */\n --dh-color-grid-header-bg: var(--dh-color-gray-100);\n --dh-color-grid-header-text: var(--dh-color-heading-text);\n --dh-color-grid-header-separator: var(--dh-color-gray-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-50);\n --dh-color-grid-row-1-bg: var(--dh-color-gray-100);\n --dh-color-grid-row-hover-bg: var(--dh-color-highlight-hover);\n --dh-color-grid-row-hover-bg-selected: var(\n --dh-color-highlight-selected-hover\n );\n --dh-color-grid-row-shadow-alpha: 0.07;\n\n /* Selection */\n --dh-color-grid-selection: var(--dh-color-highlight-selected);\n --dh-color-grid-selection-outline: var(--dh-color-accent-900);\n --dh-color-grid-selection-outline-casing: var(--dh-color-gray-50);\n\n /** Sroll Bar */\n --dh-color-grid-scroll-bar-active-selection-tick: var(--dh-color-accent-400);\n --dh-color-grid-scroll-bar-bg: var(--dh-color-gray-100);\n --dh-color-grid-scroll-bar-hover-bg: var(--dh-color-gray-200);\n --dh-color-grid-scroll-bar-casing: var(--dh-color-gray-400);\n --dh-color-grid-scroll-bar-corner: var(--dh-color-gray-100);\n --dh-color-grid-scroll-bar: var(--dh-color-gray-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-modified);\n --dh-color-grid-text-error: var(--dh-color-visual-negative);\n\n /* Data Types */\n --dh-color-grid-date: var(--dh-color-visual-purple);\n --dh-color-grid-number-positive: var(--dh-color-visual-positive);\n --dh-color-grid-number-negative: var(--dh-color-visual-negative);\n --dh-color-grid-number-zero: var(--dh-color-visual-purple);\n --dh-color-grid-string-null: var(--dh-color-gray-600);\n\n /* Filter Bar */\n --dh-color-grid-filter-bar-active-bg: hsla(\n var(--dh-color-accent-700-hsl),\n 0.5\n );\n --dh-color-grid-filter-bar-active: var(--dh-color-accent-100);\n --dh-color-grid-filter-bar-expanded-bg: var(--dh-color-gray-50);\n --dh-color-grid-filter-bar-expanded-active-bg: hsla(\n var(--dh-color-accent-1000-hsl),\n 0.19\n );\n --dh-color-grid-filter-bar-expanded-active-cell-bg: hsla(\n var(--dh-color-accent-700-hsl),\n 0.32\n );\n --dh-color-grid-filter-bar-separator: var(--dh-color-gray-600);\n --dh-color-grid-filter-bar-error: var(--dh-color-visual-negative);\n --dh-color-grid-filter-icon: var(--dh-color-accent-600);\n\n /* Context Menu */\n --dh-color-grid-context-menu-sort-icon: var(--dh-color-visual-purple);\n --dh-color-grid-context-menu-reverse-icon: var(--dh-color-visual-green);\n\n /* Column */\n --dh-color-grid-column-linker-hover-bg: var(\n --dh-color-highlight-selected-hover\n );\n --dh-color-grid-column-grouped-divider: var(--dh-color-gray-50);\n\n /* Tree */\n --dh-color-grid-tree-line: var(--dh-color-gray-500);\n --dh-color-grid-tree-marker: var(--dh-color-gray-700);\n --dh-color-grid-tree-marker-hover: var(--dh-color-gray-900);\n\n /* Floating */\n --dh-color-grid-floating-row: var(--dh-color-gray-300);\n --dh-color-grid-floating-row-bg: var(--dh-color-gray-200);\n --dh-color-grid-floating-divider-inner: var(--dh-color-gray-200);\n --dh-color-grid-floating-divider-outer: var(--dh-color-gray-50);\n\n /* Overflow Button */\n --dh-color-grid-overflow-button: var(--dh-color-gray-700);\n --dh-color-grid-overflow-button-hover: var(--dh-color-gray-900);\n\n /* Data Bars */\n --dh-color-grid-data-bar-positive: var(--dh-color-visual-positive);\n --dh-color-grid-data-bar-negative: var(--dh-color-visual-negative);\n --dh-color-grid-data-bar-marker: var(--dh-color-white);\n --dh-color-grid-data-bar-zero-line: var(--dh-color-gray-300);\n\n /* Scrim */\n --dh-color-grid-scrim: var(--dh-color-gray-200);\n}\n"]}
@@ -0,0 +1 @@
1
+ :root{--dh-color-bg-hsl: var(--dh-color-gray-300-hsl);--dh-color-content-bg-hsl: var(--dh-color-gray-50-hsl);--dh-color-surface-bg-hsl: var(--dh-color-gray-200-hsl);--dh-color-fg-hsl: var(--dh-color-black-hsl);--dh-color-disabled-bg-hsl: var(--dh-color-gray-200-hsl);--dh-color-scrollbar-hsl: var(--dh-color-fg-hsl);--dh-color-accent-hsl: var(--dh-color-blue-900-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-border-hsl: var(--dh-color-gray-700-hsl);--dh-color-border-focus-hsl: var(--dh-color-accent-800-hsl);--dh-color-info-hsl: var(--dh-color-cyan-1000-hsl);--dh-color-neutral-hsl: var(--dh-color-gray-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-800-hsl);--dh-color-contrast-dark-hsl: var(--dh-color-gray-50-hsl);--dh-color-contrast-light-hsl: var(--dh-color-gray-900-hsl);--dh-color-accent-contrast-hsl: var(--dh-color-contrast-dark-hsl);--dh-color-info-contrast-hsl: var(--dh-color-contrast-dark-hsl);--dh-color-negative-contrast-hsl: var(--dh-color-contrast-dark-hsl);--dh-color-neutral-contrast-hsl: var(--dh-color-contrast-light-hsl);--dh-color-notice-contrast-hsl: var(--dh-color-contrast-dark-hsl);--dh-color-positive-contrast-hsl: var(--dh-color-contrast-dark-hsl);--dh-color-visual-blue-hsl: var(--dh-color-blue-900-hsl);--dh-color-visual-celery-hsl: var(--dh-color-celery-1000-hsl);--dh-color-visual-chartreuse-hsl: var(--dh-color-chartreuse-1100-hsl);--dh-color-visual-cyan-hsl: var(--dh-color-cyan-1100-hsl);--dh-color-visual-fuchsia-hsl: var(--dh-color-fuchsia-900-hsl);--dh-color-visual-gray-hsl: var(--dh-color-gray-600-hsl);--dh-color-visual-green-hsl: var(--dh-color-green-900-hsl);--dh-color-visual-indigo-hsl: var(--dh-color-indigo-900-hsl);--dh-color-visual-magenta-hsl: var(--dh-color-magenta-900-hsl);--dh-color-visual-orange-hsl: var(--dh-color-orange-800-hsl);--dh-color-visual-purple-hsl: var(--dh-color-purple-800-hsl);--dh-color-visual-red-hsl: var(--dh-color-red-800-hsl);--dh-color-visual-seafoam-hsl: var(--dh-color-seafoam-1100-hsl);--dh-color-visual-yellow-hsl: var(--dh-color-yellow-700-hsl);--dh-color-visual-positive-hsl: var(--dh-color-green-800-hsl);--dh-color-visual-negative-hsl: var(--dh-color-red-800-hsl);--dh-color-visual-notice-hsl: var(--dh-color-yellow-700-hsl);--dh-color-visual-info-hsl: var(--dh-color-cyan-1100-hsl);--dh-color-bg: hsl(var(--dh-color-bg-hsl));--dh-color-content-bg: hsl(var(--dh-color-content-bg-hsl));--dh-color-surface-bg: hsl(var(--dh-color-surface-bg-hsl));--dh-color-fg: hsl(var(--dh-color-fg-hsl));--dh-color-border: hsl(var(--dh-color-border-hsl));--dh-color-hover-border: var(--dh-color-gray-900);--dh-color-border-focus: hsl(var(--dh-color-border-focus-hsl));--dh-color-disabled-bg: hsl(var(--dh-color-disabled-bg-hsl));--dh-color-heading-text: var(--dh-color-gray-900);--dh-color-text: var(--dh-color-gray-800);--dh-color-text-disabled: var(--dh-color-gray-400);--dh-color-text-highlight: hsla(var(--dh-color-blue-700-hsl), 0.15);--dh-color-text-hover: var(--dh-color-gray-900);--dh-color-contrast-dark: hsl(var(--dh-color-contrast-dark-hsl));--dh-color-contrast-light: hsl(var(--dh-color-contrast-light-hsl));--dh-color-accent-100: hsl(var(--dh-color-accent-100-hsl));--dh-color-accent-200: hsl(var(--dh-color-accent-200-hsl));--dh-color-accent-300: hsl(var(--dh-color-accent-300-hsl));--dh-color-accent-400: hsl(var(--dh-color-accent-400-hsl));--dh-color-accent-500: hsl(var(--dh-color-accent-500-hsl));--dh-color-accent-600: hsl(var(--dh-color-accent-600-hsl));--dh-color-accent-700: hsl(var(--dh-color-accent-700-hsl));--dh-color-accent-800: hsl(var(--dh-color-accent-800-hsl));--dh-color-accent-900: hsl(var(--dh-color-accent-900-hsl));--dh-color-accent-1000: hsl(var(--dh-color-accent-1000-hsl));--dh-color-accent-1100: hsl(var(--dh-color-accent-1100-hsl));--dh-color-accent-1200: hsl(var(--dh-color-accent-1200-hsl));--dh-color-accent-1300: hsl(var(--dh-color-accent-1300-hsl));--dh-color-accent-1400: hsl(var(--dh-color-accent-1400-hsl));--dh-color-accent-bg: hsl(var(--dh-color-accent-hsl));--dh-color-accent-hover-bg: var(--dh-color-accent-1000);--dh-color-accent-down-bg: var(--dh-color-accent-1100);--dh-color-accent-key-focus-bg: var(--dh-color-accent-1000);--dh-color-accent-contrast: hsl(var(--dh-color-accent-contrast-hsl));--dh-color-gray-bg: var(--dh-color-gray-700);--dh-color-blue-bg: var(--dh-color-blue-700);--dh-color-red-bg: var(--dh-color-red-700);--dh-color-orange-bg: var(--dh-color-orange-800);--dh-color-yellow-bg: var(--dh-color-yellow-1000);--dh-color-chartreuse-bg: var(--dh-color-chartreuse-900);--dh-color-celery-bg: var(--dh-color-celery-800);--dh-color-green-bg: var(--dh-color-green-700);--dh-color-seafoam-bg: var(--dh-color-seafoam-700);--dh-color-cyan-bg: var(--dh-color-cyan-700);--dh-color-indigo-bg: var(--dh-color-indigo-700);--dh-color-purple-bg: var(--dh-color-purple-700);--dh-color-fuchsia-bg: var(--dh-color-fuchsia-700);--dh-color-magenta-bg: var(--dh-color-magenta-700);--dh-color-focus: var(--dh-color-blue-800);--dh-color-focus-border: var(--dh-color-blue-800);--dh-color-focus-ring: var(--dh-color-focus);--dh-color-highlight-active: hsla(var(--dh-color-visual-gray-hsl), 0.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.07);--dh-color-highlight-selected-hover: hsla( var(--dh-color-visual-blue-hsl), 0.13 );--dh-color-keyboard-selected-bg: hsla(var(--dh-color-accent-hsl), 0.5);--dh-color-dropshadow: hsla(var(--dh-color-true-black-hsl), 0.25);--dh-color-overlay-modal-bg: hsla(var(--dh-color-visual-gray-hsl), 0.6);--dh-color-overlay-hover-bg: hsla(var(--dh-color-visual-gray-hsl), 0.08);--dh-color-negative-bg: hsl(var(--dh-color-negative-hsl));--dh-color-negative-hover-bg: var(--dh-color-red-900);--dh-color-negative-down-bg: var(--dh-color-red-1000);--dh-color-negative-key-focus-bg: var(--dh-color-red-900);--dh-color-negative-contrast: hsl(var(--dh-color-negative-contrast-hsl));--dh-color-neutral-bg: hsl(var(--dh-color-neutral-hsl));--dh-color-neutral-hover-bg: var(--dh-color-gray-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-orange-800)}/*# sourceMappingURL=theme-light-semantic.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-light/theme-light-semantic.css"],"names":[],"mappings":"AAEA,MAEE,gDACA,uDACA,wDACA,6CAEA,yDACA,iDAEA,oDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,0DACA,0DACA,0DACA,0DACA,0DAEA,oDACA,4DAEA,mDACA,qDACA,uDACA,uDACA,qDAWA,0DACA,4DAEA,kEACA,gEACA,oEACA,oEACA,kEACA,oEAGA,yDACA,8DACA,sEACA,0DACA,+DACA,yDACA,2DACA,6DACA,+DACA,6DACA,6DACA,uDACA,gEACA,6DAEA,8DACA,4DACA,6DACA,0DAGA,2CACA,2DACA,2DACA,2CACA,mDACA,kDACA,+DACA,6DAGA,kDACA,0CACA,mDACA,oEACA,gDAGA,iEACA,mEAGA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,6DACA,6DACA,6DACA,6DACA,6DAGA,sDACA,wDACA,uDACA,4DACA,qEAGA,6CACA,6CACA,2CACA,iDACA,kDACA,yDACA,iDACA,+CACA,mDACA,6CACA,iDACA,iDACA,mDACA,mDAGA,2CACA,kDACA,6CAGA,yEACA,wEACA,yEACA,2EACA,mFAMA,uEAGA,kEACA,wEACA,yEAGA,0DACA,sDACA,sDACA,0DACA,yEAGA,wDACA,sDACA,qDACA,0DACA,uEAEA,wDACA,8DACA,6DACA,kEAGA,0DACA,wDACA,uDACA,4DACA,yEAGA,kDACA,mDACA,kDACA,uDACA,iEAGA,sDACA,uDACA,sDACA,4DACA,qEAGA,6DACA,iEACA,yEACA,6DACA,mEACA,6DACA,+DACA,iEACA,mEACA,iEACA,iEACA,2DACA,mEACA,iEAEA,qEACA,qEACA,iEACA,6DAGA","file":"theme-light-semantic.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before */\n/* stylelint-disable alpha-value-notation */\n:root {\n /* HSL base colors */\n --dh-color-bg-hsl: var(--dh-color-gray-300-hsl);\n --dh-color-content-bg-hsl: var(--dh-color-gray-50-hsl);\n --dh-color-surface-bg-hsl: var(--dh-color-gray-200-hsl);\n --dh-color-fg-hsl: var(--dh-color-black-hsl);\n\n --dh-color-disabled-bg-hsl: var(--dh-color-gray-200-hsl);\n --dh-color-scrollbar-hsl: var(--dh-color-fg-hsl);\n\n --dh-color-accent-hsl: var(--dh-color-blue-900-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-border-hsl: var(--dh-color-gray-700-hsl);\n --dh-color-border-focus-hsl: var(--dh-color-accent-800-hsl);\n\n --dh-color-info-hsl: var(--dh-color-cyan-1000-hsl);\n --dh-color-neutral-hsl: var(--dh-color-gray-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-800-hsl);\n\n /*\n * Contrast Colors\n *\n * Note that React Spectrum guidance suggests that background colors containing\n * yellow, orange, chartreuse or cyan should use a dark contrast color. All\n * others should use light. Therefore, these should stay in sync with the \n * --dh-color-xxx-hsl values above.\n * https://spectrum.adobe.com/page/using-color/#Solid-color-background-with-black-or-white\n */\n --dh-color-contrast-dark-hsl: var(--dh-color-gray-50-hsl);\n --dh-color-contrast-light-hsl: var(--dh-color-gray-900-hsl);\n\n --dh-color-accent-contrast-hsl: var(--dh-color-contrast-dark-hsl);\n --dh-color-info-contrast-hsl: var(--dh-color-contrast-dark-hsl);\n --dh-color-negative-contrast-hsl: var(--dh-color-contrast-dark-hsl);\n --dh-color-neutral-contrast-hsl: var(--dh-color-contrast-light-hsl);\n --dh-color-notice-contrast-hsl: var(--dh-color-contrast-dark-hsl);\n --dh-color-positive-contrast-hsl: var(--dh-color-contrast-dark-hsl);\n\n /* Visual HSL */\n --dh-color-visual-blue-hsl: var(--dh-color-blue-900-hsl);\n --dh-color-visual-celery-hsl: var(--dh-color-celery-1000-hsl);\n --dh-color-visual-chartreuse-hsl: var(--dh-color-chartreuse-1100-hsl);\n --dh-color-visual-cyan-hsl: var(--dh-color-cyan-1100-hsl);\n --dh-color-visual-fuchsia-hsl: var(--dh-color-fuchsia-900-hsl);\n --dh-color-visual-gray-hsl: var(--dh-color-gray-600-hsl);\n --dh-color-visual-green-hsl: var(--dh-color-green-900-hsl);\n --dh-color-visual-indigo-hsl: var(--dh-color-indigo-900-hsl);\n --dh-color-visual-magenta-hsl: var(--dh-color-magenta-900-hsl);\n --dh-color-visual-orange-hsl: var(--dh-color-orange-800-hsl);\n --dh-color-visual-purple-hsl: var(--dh-color-purple-800-hsl);\n --dh-color-visual-red-hsl: var(--dh-color-red-800-hsl);\n --dh-color-visual-seafoam-hsl: var(--dh-color-seafoam-1100-hsl);\n --dh-color-visual-yellow-hsl: var(--dh-color-yellow-700-hsl);\n\n --dh-color-visual-positive-hsl: var(--dh-color-green-800-hsl);\n --dh-color-visual-negative-hsl: var(--dh-color-red-800-hsl);\n --dh-color-visual-notice-hsl: var(--dh-color-yellow-700-hsl);\n --dh-color-visual-info-hsl: var(--dh-color-cyan-1100-hsl);\n\n /* General */\n --dh-color-bg: hsl(var(--dh-color-bg-hsl));\n --dh-color-content-bg: hsl(var(--dh-color-content-bg-hsl));\n --dh-color-surface-bg: hsl(var(--dh-color-surface-bg-hsl));\n --dh-color-fg: hsl(var(--dh-color-fg-hsl));\n --dh-color-border: hsl(var(--dh-color-border-hsl));\n --dh-color-hover-border: var(--dh-color-gray-900);\n --dh-color-border-focus: hsl(var(--dh-color-border-focus-hsl));\n --dh-color-disabled-bg: hsl(var(--dh-color-disabled-bg-hsl));\n\n /* Text */\n --dh-color-heading-text: var(--dh-color-gray-900);\n --dh-color-text: var(--dh-color-gray-800);\n --dh-color-text-disabled: var(--dh-color-gray-400);\n --dh-color-text-highlight: hsla(var(--dh-color-blue-700-hsl), 0.15);\n --dh-color-text-hover: var(--dh-color-gray-900);\n\n /* Contrast Base */\n --dh-color-contrast-dark: hsl(var(--dh-color-contrast-dark-hsl));\n --dh-color-contrast-light: hsl(var(--dh-color-contrast-light-hsl));\n\n /** Accent Colors */\n --dh-color-accent-100: hsl(var(--dh-color-accent-100-hsl));\n --dh-color-accent-200: hsl(var(--dh-color-accent-200-hsl));\n --dh-color-accent-300: hsl(var(--dh-color-accent-300-hsl));\n --dh-color-accent-400: hsl(var(--dh-color-accent-400-hsl));\n --dh-color-accent-500: hsl(var(--dh-color-accent-500-hsl));\n --dh-color-accent-600: hsl(var(--dh-color-accent-600-hsl));\n --dh-color-accent-700: hsl(var(--dh-color-accent-700-hsl));\n --dh-color-accent-800: hsl(var(--dh-color-accent-800-hsl));\n --dh-color-accent-900: hsl(var(--dh-color-accent-900-hsl));\n --dh-color-accent-1000: hsl(var(--dh-color-accent-1000-hsl));\n --dh-color-accent-1100: hsl(var(--dh-color-accent-1100-hsl));\n --dh-color-accent-1200: hsl(var(--dh-color-accent-1200-hsl));\n --dh-color-accent-1300: hsl(var(--dh-color-accent-1300-hsl));\n --dh-color-accent-1400: hsl(var(--dh-color-accent-1400-hsl));\n\n /* Accent */\n --dh-color-accent-bg: hsl(var(--dh-color-accent-hsl));\n --dh-color-accent-hover-bg: var(--dh-color-accent-1000);\n --dh-color-accent-down-bg: var(--dh-color-accent-1100);\n --dh-color-accent-key-focus-bg: var(--dh-color-accent-1000);\n --dh-color-accent-contrast: hsl(var(--dh-color-accent-contrast-hsl));\n\n /* Background Defaults */\n --dh-color-gray-bg: var(--dh-color-gray-700);\n --dh-color-blue-bg: var(--dh-color-blue-700);\n --dh-color-red-bg: var(--dh-color-red-700);\n --dh-color-orange-bg: var(--dh-color-orange-800);\n --dh-color-yellow-bg: var(--dh-color-yellow-1000);\n --dh-color-chartreuse-bg: var(--dh-color-chartreuse-900);\n --dh-color-celery-bg: var(--dh-color-celery-800);\n --dh-color-green-bg: var(--dh-color-green-700);\n --dh-color-seafoam-bg: var(--dh-color-seafoam-700);\n --dh-color-cyan-bg: var(--dh-color-cyan-700);\n --dh-color-indigo-bg: var(--dh-color-indigo-700);\n --dh-color-purple-bg: var(--dh-color-purple-700);\n --dh-color-fuchsia-bg: var(--dh-color-fuchsia-700);\n --dh-color-magenta-bg: var(--dh-color-magenta-700);\n\n /* Focus */\n --dh-color-focus: var(--dh-color-blue-800);\n --dh-color-focus-border: var(--dh-color-blue-800);\n --dh-color-focus-ring: var(--dh-color-focus);\n\n /* Highlight */\n --dh-color-highlight-active: hsla(var(--dh-color-visual-gray-hsl), 0.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.07);\n --dh-color-highlight-selected-hover: hsla(\n var(--dh-color-visual-blue-hsl),\n 0.13\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-true-black-hsl), 0.25);\n --dh-color-overlay-modal-bg: hsla(var(--dh-color-visual-gray-hsl), 0.6);\n --dh-color-overlay-hover-bg: hsla(var(--dh-color-visual-gray-hsl), 0.08);\n\n /* Negative */\n --dh-color-negative-bg: hsl(var(--dh-color-negative-hsl));\n --dh-color-negative-hover-bg: var(--dh-color-red-900);\n --dh-color-negative-down-bg: var(--dh-color-red-1000);\n --dh-color-negative-key-focus-bg: var(--dh-color-red-900);\n --dh-color-negative-contrast: hsl(var(--dh-color-negative-contrast-hsl));\n\n /* Neutral */\n --dh-color-neutral-bg: hsl(var(--dh-color-neutral-hsl));\n --dh-color-neutral-hover-bg: var(--dh-color-gray-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-orange-800);\n}\n"]}
@@ -1 +1 @@
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
+ .dh-spectrum-alias{--spectrum-alias-background-color-default: var(--dh-color-bg);--spectrum-alias-background-color-disabled: var(--dh-color-disabled-bg);--spectrum-alias-label-text-color: var(--dh-color-label-text);--spectrum-alias-text-color: var(--dh-color-text);--spectrum-alias-text-color-hover: var(--dh-color-text-hover);--spectrum-alias-text-color-disabled: var(--dh-color-text-disabled);--spectrum-alias-border-color: var(--dh-color-border);--spectrum-alias-border-color-focus: var(--dh-color-border-focus);--spectrum-alias-input-border-color-key-focus: var( --spectrum-alias-border-color-focus );--spectrum-alias-focus-color: var(--dh-color-focus);--spectrum-alias-focus-ring-color: var(--dh-color-focus-ring);--spectrum-alias-icon-color: var(--dh-color-icon-fg);--spectrum-alias-icon-color-disabled: var(--dh-color-icon-disabled-fg);--spectrum-actionbutton-background-color-disabled: var( --dh-color-action-disabled-bg );--spectrum-actionbutton-border-color-disabled: var( --dh-color-action-disabled-border );--spectrum-actionbutton-text-color-disabled: var( --dh-color-action-disabled-fg );--spectrum-body-text-color: var(--dh-color-text);--spectrum-alias-dropshadow-color: var(--dh-color-dropshadow);--spectrum-alias-background-color-modal-overlay: var( --dh-color-modal-overlay-bg );--spectrum-alias-background-color-hover-overlay: var( --dh-color-overlay-hover-bg );--spectrum-colorarea-border-color: var(--dh-color-colorpicker-border);--spectrum-colorarea-border-color-hover: var(--dh-color-colorpicker-border);--spectrum-colorarea-border-color-down: var(--dh-color-colorpicker-border);--spectrum-colorarea-border-color-key-focus: var( --dh-color-colorpicker-border );--spectrum-colorslider-border-color: var(--dh-color-colorpicker-border);--spectrum-colorslider-border-color-hover: var(--dh-color-colorpicker-border);--spectrum-colorslider-border-color-down: var(--dh-color-colorpicker-border);--spectrum-colorslider-border-color-key-focus: var( --dh-color-colorpicker-border );--spectrum-colorslider-vertical-border-color: var( --dh-color-colorpicker-border );--spectrum-colorslider-vertical-border-color-hover: var( --dh-color-colorpicker-border );--spectrum-colorslider-vertical-border-color-down: var( --dh-color-colorpicker-border );--spectrum-colorslider-vertical-border-color-key-focus: var( --dh-color-colorpicker-border );--spectrum-colorwheel-border-color: var(--dh-color-colorpicker-border);--spectrum-colorwheel-border-color-hover: var(--dh-color-colorpicker-border);--spectrum-colorwheel-border-color-down: var(--dh-color-colorpicker-border);--spectrum-colorwheel-border-color-key-focus: var( --dh-color-colorpicker-border );--spectrum-alias-highlight-active: var(--dh-color-highlight-active);--spectrum-alias-highlight-hover: var(--dh-color-highlight-hover);--spectrum-alias-highlight-invalid: var(--dh-color-highlight-invalid);--spectrum-alias-highlight-selected: var(--dh-color-highlight-selected);--spectrum-alias-highlight-selected-hover: var( --dh-color-highlight-selected-hover );--spectrum-alias-text-highlight-color: var(--dh-color-text-highlight);--spectrum-alias-background-color-quickactions: var( --dh-color-quickactions-bg );--spectrum-alias-radial-reaction-color-default: var( --dh-color-radial-reaction );--spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-50);--spectrum-alias-appframe-separator-color: var( --spectrum-global-color-gray-50 );--spectrum-alias-pasteboard-background-color: var( --spectrum-global-color-gray-50 );--spectrum-tabs-compact-selection-indicator-color: var( --spectrum-global-color-blue-500 );--spectrum-tabs-compact-vertical-rule-color: var( --spectrum-global-color-gray-200 );--spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var( --spectrum-global-color-blue-500 );--spectrum-tabs-compact-vertical-emphasized-rule-color: var( --spectrum-global-color-gray-200 );--spectrum-tabs-emphasized-selection-indicator-color: var( --spectrum-global-color-blue-500 );--spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var( --spectrum-global-color-blue-500 );--spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var( --spectrum-global-color-blue-500 );--spectrum-tabs-quiet-emphasized-selection-indicator-color: var( --spectrum-global-color-blue-500 );--spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var( --spectrum-global-color-blue-500 );--spectrum-well-background-color: var(--dh-color-well-bg);--spectrum-well-border-color: var(--dh-color-well-border);--spectrum-tray-background-color: var(--spectrum-global-color-gray-100);--react-spectrum-datepicker-placeholder-color: var( --spectrum-global-color-gray-600 );--spectrum-accent-background-color-default: var(--dh-color-accent-bg);--spectrum-accent-background-color-hover: var(--dh-color-accent-hover-bg);--spectrum-accent-background-color-down: var(--dh-color-accent-down-bg);--spectrum-accent-background-color-key-focus: var( --dh-color-accent-key-focus-bg );--spectrum-neutral-background-color-default: var(--dh-color-neutral-bg);--spectrum-neutral-background-color-hover: var(--dh-color-neutral-hover-bg);--spectrum-neutral-background-color-down: var(--dh-color-neutral-down-bg);--spectrum-neutral-background-color-key-focus: var( --dh-color-neutral-key-focus-bg );--spectrum-neutral-subdued-background-color-default: var( --dh-color-neutral-subdued-bg );--spectrum-neutral-subdued-background-color-hover: var( --dh-color-neutral-subdued-hover-bg );--spectrum-neutral-subdued-background-color-down: var( --dh-color-neutral-subdued-down-bg );--spectrum-neutral-subdued-background-color-key-focus: var( --dh-color-neutral-subdued-key-focus-bg );--spectrum-negative-background-color-default: var(--dh-color-negative-bg);--spectrum-negative-background-color-hover: var(--dh-color-negative-hover-bg);--spectrum-negative-background-color-down: var(--dh-color-negative-down-bg);--spectrum-negative-background-color-key-focus: var( --dh-color-negative-key-focus-bg );--spectrum-positive-background-color-default: var(--dh-color-positive-bg);--spectrum-positive-background-color-hover: var(--dh-color-positive-hover-bg);--spectrum-positive-background-color-down: var(--dh-color-positive-down-bg);--spectrum-positive-background-color-key-focus: var( --dh-color-positive-key-focus-bg );--spectrum-informative-background-color-default: var(--dh-color-info-bg);--spectrum-informative-background-color-hover: var(--dh-color-info-hover-bg);--spectrum-informative-background-color-down: var(--dh-color-info-down-bg);--spectrum-informative-background-color-key-focus: var( --dh-color-info-key-focus-bg );--spectrum-notice-background-color-default: var(--dh-color-notice-bg);--spectrum-notice-background-color-hover: var(--dh-color-notice-hover-bg);--spectrum-notice-background-color-down: var(--dh-color-notice-down-bg);--spectrum-notice-background-color-key-focus: var( --dh-color-notice-key-focus-bg );--spectrum-gray-background-color-default: var(--dh-color-gray-bg);--spectrum-red-background-color-default: var(--dh-color-red-bg);--spectrum-orange-background-color-default: var(--dh-color-orange-bg);--spectrum-yellow-background-color-default: var(--dh-color-yellow-bg);--spectrum-chartreuse-background-color-default: var(--dh-color-chartreuse-bg);--spectrum-celery-background-color-default: var(--dh-color-celery-bg);--spectrum-green-background-color-default: var(--dh-color-green-bg);--spectrum-seafoam-background-color-default: var(--dh-color-seafoam-bg);--spectrum-cyan-background-color-default: var(--dh-color-cyan-bg);--spectrum-blue-background-color-default: var(--dh-color-blue-bg);--spectrum-indigo-background-color-default: var(--dh-color-indigo-bg);--spectrum-purple-background-color-default: var(--dh-color-purple-bg);--spectrum-fuchsia-background-color-default: var(--dh-color-fuchsia-bg);--spectrum-magenta-background-color-default: var(--dh-color-magenta-bg);--spectrum-negative-visual-color: var(--dh-color-visual-negative);--spectrum-positive-visual-color: var(--dh-color-visual-positive);--spectrum-notice-visual-color: var(--dh-color-visual-notice);--spectrum-informative-visual-color: var(--dh-color-visual-info);--spectrum-gray-visual-color: var(--dh-color-visual-gray);--spectrum-red-visual-color: var(--dh-color-visual-red);--spectrum-orange-visual-color: var(--dh-color-visual-orange);--spectrum-yellow-visual-color: var(--dh-color-visual-yellow);--spectrum-chartreuse-visual-color: var(--dh-color-visual-chartreuse);--spectrum-celery-visual-color: var(--dh-color-visual-celery);--spectrum-green-visual-color: var(--dh-color-visual-green);--spectrum-seafoam-visual-color: var(--dh-color-visual-seafoam);--spectrum-cyan-visual-color: var(--dh-color-visual-cyan);--spectrum-blue-visual-color: var(--dh-color-visual-blue);--spectrum-indigo-visual-color: var(--dh-color-visual-indigo);--spectrum-purple-visual-color: var(--dh-color-visual-purple);--spectrum-fuchsia-visual-color: var(--dh-color-visual-fuchsia);--spectrum-magenta-visual-color: var(--dh-color-visual-magenta);--spectrum-textfield-background-color: var(--dh-color-input-bg);--spectrum-textfield-background-color-down: var(--dh-color-input-active-bg);--spectrum-textfield-background-color-disabled: var( --dh-color-input-disabled-bg );--spectrum-textfield-border-color: var(--dh-color-input-border);--spectrum-textfield-border-color-disabled: var( --dh-color-input-disabled-border );--spectrum-fieldbutton-background-color: var(--dh-color-selector-bg);--spectrum-fieldbutton-background-color-hover: var( --dh-color-selector-hover-bg );--spectrum-fieldbutton-background-color-disabled: var( --dh-color-input-disabled-bg );--spectrum-fieldbutton-border-color: var(--dh-color-input-border);--spectrum-fieldbutton-border-color-hover: var(--dh-color-input-hover-border);--spectrum-fieldbutton-icon-color: var(--dh-color-selector-fg);--spectrum-fieldbutton-icon-color-hover: var(--dh-color-selector-hover-fg);--spectrum-dialog-title-text-color: var(--dh-color-dialog-title-fg);--spectrum-dialog-content-text-color: var(--dh-color-dialog-fg);--spectrum-popover-background-color: var(--dh-color-popover-bg)}/*# sourceMappingURL=theme-spectrum-alias.module.css.map */
@@ -1 +1 @@
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"]}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-spectrum/theme-spectrum-alias.module.css"],"names":[],"mappings":"AAEA,mBAEE,8DACA,wEAEA,8DACA,kDACA,8DACA,oEACA,sDACA,kEACA,0FAGA,oDACA,8DACA,qDACA,uEAEA,wFAGA,wFAGA,kFAKA,iDAGA,8DACA,oFAGA,oFAKA,sEACA,4EACA,2EACA,kFAGA,wEACA,8EACA,6EACA,oFAGA,mFAGA,yFAGA,wFAGA,6FAGA,uEACA,6EACA,4EACA,mFAKA,oEACA,kEACA,sEACA,wEACA,sFAIA,sEACA,kFAGA,kFAIA,6EACA,kFAGA,qFAKA,2FAGA,qFAGA,+GAGA,gGAGA,8FAGA,4GAGA,qHAGA,oGAGA,6GAKA,0DACA,0DAGA,wEAEA,uFAKA,sEACA,0EACA,wEACA,oFAKA,wEACA,4EACA,0EACA,sFAIA,0FAGA,8FAGA,4FAGA,sGAKA,0EACA,8EACA,4EACA,wFAKA,0EACA,8EACA,4EACA,wFAKA,yEACA,6EACA,2EACA,uFAKA,sEACA,0EACA,wEACA,oFAKA,kEACA,gEACA,sEACA,sEACA,8EACA,sEACA,oEACA,wEACA,kEACA,kEACA,sEACA,sEACA,wEACA,wEAGA,kEACA,kEACA,8DACA,iEAGA,0DACA,wDACA,8DACA,8DACA,sEACA,8DACA,4DACA,gEACA,0DACA,0DACA,8DACA,8DACA,gEACA,gEAKA,gEACA,4EACA,oFAGA,gEACA,oFAKA,qEACA,mFAGA,sFAGA,kEACA,8EACA,+DACA,2EAGA,oEACA,gEAGA","file":"theme-spectrum-alias.module.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before */\n/* stylelint-disable alpha-value-notation */\n.dh-spectrum-alias {\n /*********** Override variables in spectrum-global.css **********************/\n --spectrum-alias-background-color-default: var(--dh-color-bg);\n --spectrum-alias-background-color-disabled: var(--dh-color-disabled-bg);\n\n --spectrum-alias-label-text-color: var(--dh-color-label-text);\n --spectrum-alias-text-color: var(--dh-color-text);\n --spectrum-alias-text-color-hover: var(--dh-color-text-hover);\n --spectrum-alias-text-color-disabled: var(--dh-color-text-disabled);\n --spectrum-alias-border-color: var(--dh-color-border);\n --spectrum-alias-border-color-focus: var(--dh-color-border-focus);\n --spectrum-alias-input-border-color-key-focus: var(\n --spectrum-alias-border-color-focus\n );\n --spectrum-alias-focus-color: var(--dh-color-focus);\n --spectrum-alias-focus-ring-color: var(--dh-color-focus-ring);\n --spectrum-alias-icon-color: var(--dh-color-icon-fg);\n --spectrum-alias-icon-color-disabled: var(--dh-color-icon-disabled-fg);\n\n --spectrum-actionbutton-background-color-disabled: var(\n --dh-color-action-disabled-bg\n );\n --spectrum-actionbutton-border-color-disabled: var(\n --dh-color-action-disabled-border\n );\n --spectrum-actionbutton-text-color-disabled: var(\n --dh-color-action-disabled-fg\n );\n\n /*********** Override variables in spectrum-darkest.css *********************/\n --spectrum-body-text-color: var(--dh-color-text);\n\n /* Shadows / Overlays */\n --spectrum-alias-dropshadow-color: var(--dh-color-dropshadow);\n --spectrum-alias-background-color-modal-overlay: var(\n --dh-color-modal-overlay-bg\n );\n --spectrum-alias-background-color-hover-overlay: var(\n --dh-color-overlay-hover-bg\n );\n\n /* Color Picker Borders */\n --spectrum-colorarea-border-color: var(--dh-color-colorpicker-border);\n --spectrum-colorarea-border-color-hover: var(--dh-color-colorpicker-border);\n --spectrum-colorarea-border-color-down: var(--dh-color-colorpicker-border);\n --spectrum-colorarea-border-color-key-focus: var(\n --dh-color-colorpicker-border\n );\n --spectrum-colorslider-border-color: var(--dh-color-colorpicker-border);\n --spectrum-colorslider-border-color-hover: var(--dh-color-colorpicker-border);\n --spectrum-colorslider-border-color-down: var(--dh-color-colorpicker-border);\n --spectrum-colorslider-border-color-key-focus: var(\n --dh-color-colorpicker-border\n );\n --spectrum-colorslider-vertical-border-color: var(\n --dh-color-colorpicker-border\n );\n --spectrum-colorslider-vertical-border-color-hover: var(\n --dh-color-colorpicker-border\n );\n --spectrum-colorslider-vertical-border-color-down: var(\n --dh-color-colorpicker-border\n );\n --spectrum-colorslider-vertical-border-color-key-focus: var(\n --dh-color-colorpicker-border\n );\n --spectrum-colorwheel-border-color: var(--dh-color-colorpicker-border);\n --spectrum-colorwheel-border-color-hover: var(--dh-color-colorpicker-border);\n --spectrum-colorwheel-border-color-down: var(--dh-color-colorpicker-border);\n --spectrum-colorwheel-border-color-key-focus: var(\n --dh-color-colorpicker-border\n );\n\n /* Highlight */\n --spectrum-alias-highlight-active: var(--dh-color-highlight-active);\n --spectrum-alias-highlight-hover: var(--dh-color-highlight-hover);\n --spectrum-alias-highlight-invalid: var(--dh-color-highlight-invalid);\n --spectrum-alias-highlight-selected: var(--dh-color-highlight-selected);\n --spectrum-alias-highlight-selected-hover: var(\n --dh-color-highlight-selected-hover\n );\n\n --spectrum-alias-text-highlight-color: var(--dh-color-text-highlight);\n --spectrum-alias-background-color-quickactions: var(\n --dh-color-quickactions-bg\n );\n --spectrum-alias-radial-reaction-color-default: var(\n --dh-color-radial-reaction\n );\n\n --spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-50);\n --spectrum-alias-appframe-separator-color: var(\n --spectrum-global-color-gray-50\n );\n --spectrum-alias-pasteboard-background-color: var(\n --spectrum-global-color-gray-50\n );\n\n /* Tabs */\n --spectrum-tabs-compact-selection-indicator-color: var(\n --spectrum-global-color-blue-500\n );\n --spectrum-tabs-compact-vertical-rule-color: var(\n --spectrum-global-color-gray-200\n );\n --spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var(\n --spectrum-global-color-blue-500\n );\n --spectrum-tabs-compact-vertical-emphasized-rule-color: var(\n --spectrum-global-color-gray-200\n );\n --spectrum-tabs-emphasized-selection-indicator-color: var(\n --spectrum-global-color-blue-500\n );\n --spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var(\n --spectrum-global-color-blue-500\n );\n --spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var(\n --spectrum-global-color-blue-500\n );\n --spectrum-tabs-quiet-emphasized-selection-indicator-color: var(\n --spectrum-global-color-blue-500\n );\n --spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(\n --spectrum-global-color-blue-500\n );\n\n /* Wells */\n --spectrum-well-background-color: var(--dh-color-well-bg);\n --spectrum-well-border-color: var(--dh-color-well-border);\n\n /* PATCH: This is missing in Spectrum css */\n --spectrum-tray-background-color: var(--spectrum-global-color-gray-100);\n\n --react-spectrum-datepicker-placeholder-color: var(\n --spectrum-global-color-gray-600\n ); /* 4.8:1 contrast ratio */\n\n /* Accent */\n --spectrum-accent-background-color-default: var(--dh-color-accent-bg);\n --spectrum-accent-background-color-hover: var(--dh-color-accent-hover-bg);\n --spectrum-accent-background-color-down: var(--dh-color-accent-down-bg);\n --spectrum-accent-background-color-key-focus: var(\n --dh-color-accent-key-focus-bg\n );\n\n /* Neutral */\n --spectrum-neutral-background-color-default: var(--dh-color-neutral-bg);\n --spectrum-neutral-background-color-hover: var(--dh-color-neutral-hover-bg);\n --spectrum-neutral-background-color-down: var(--dh-color-neutral-down-bg);\n --spectrum-neutral-background-color-key-focus: var(\n --dh-color-neutral-key-focus-bg\n );\n\n --spectrum-neutral-subdued-background-color-default: var(\n --dh-color-neutral-subdued-bg\n );\n --spectrum-neutral-subdued-background-color-hover: var(\n --dh-color-neutral-subdued-hover-bg\n );\n --spectrum-neutral-subdued-background-color-down: var(\n --dh-color-neutral-subdued-down-bg\n );\n --spectrum-neutral-subdued-background-color-key-focus: var(\n --dh-color-neutral-subdued-key-focus-bg\n );\n\n /* Negative */\n --spectrum-negative-background-color-default: var(--dh-color-negative-bg);\n --spectrum-negative-background-color-hover: var(--dh-color-negative-hover-bg);\n --spectrum-negative-background-color-down: var(--dh-color-negative-down-bg);\n --spectrum-negative-background-color-key-focus: var(\n --dh-color-negative-key-focus-bg\n );\n\n /* Positive */\n --spectrum-positive-background-color-default: var(--dh-color-positive-bg);\n --spectrum-positive-background-color-hover: var(--dh-color-positive-hover-bg);\n --spectrum-positive-background-color-down: var(--dh-color-positive-down-bg);\n --spectrum-positive-background-color-key-focus: var(\n --dh-color-positive-key-focus-bg\n );\n\n /* Informative */\n --spectrum-informative-background-color-default: var(--dh-color-info-bg);\n --spectrum-informative-background-color-hover: var(--dh-color-info-hover-bg);\n --spectrum-informative-background-color-down: var(--dh-color-info-down-bg);\n --spectrum-informative-background-color-key-focus: var(\n --dh-color-info-key-focus-bg\n );\n\n /* Notice */\n --spectrum-notice-background-color-default: var(--dh-color-notice-bg);\n --spectrum-notice-background-color-hover: var(--dh-color-notice-hover-bg);\n --spectrum-notice-background-color-down: var(--dh-color-notice-down-bg);\n --spectrum-notice-background-color-key-focus: var(\n --dh-color-notice-key-focus-bg\n );\n\n /* Default Background */\n --spectrum-gray-background-color-default: var(--dh-color-gray-bg);\n --spectrum-red-background-color-default: var(--dh-color-red-bg);\n --spectrum-orange-background-color-default: var(--dh-color-orange-bg);\n --spectrum-yellow-background-color-default: var(--dh-color-yellow-bg);\n --spectrum-chartreuse-background-color-default: var(--dh-color-chartreuse-bg);\n --spectrum-celery-background-color-default: var(--dh-color-celery-bg);\n --spectrum-green-background-color-default: var(--dh-color-green-bg);\n --spectrum-seafoam-background-color-default: var(--dh-color-seafoam-bg);\n --spectrum-cyan-background-color-default: var(--dh-color-cyan-bg);\n --spectrum-blue-background-color-default: var(--dh-color-blue-bg);\n --spectrum-indigo-background-color-default: var(--dh-color-indigo-bg);\n --spectrum-purple-background-color-default: var(--dh-color-purple-bg);\n --spectrum-fuchsia-background-color-default: var(--dh-color-fuchsia-bg);\n --spectrum-magenta-background-color-default: var(--dh-color-magenta-bg);\n\n /* Visual levels */\n --spectrum-negative-visual-color: var(--dh-color-visual-negative);\n --spectrum-positive-visual-color: var(--dh-color-visual-positive);\n --spectrum-notice-visual-color: var(--dh-color-visual-notice);\n --spectrum-informative-visual-color: var(--dh-color-visual-info);\n\n /* Visual */\n --spectrum-gray-visual-color: var(--dh-color-visual-gray);\n --spectrum-red-visual-color: var(--dh-color-visual-red);\n --spectrum-orange-visual-color: var(--dh-color-visual-orange);\n --spectrum-yellow-visual-color: var(--dh-color-visual-yellow);\n --spectrum-chartreuse-visual-color: var(--dh-color-visual-chartreuse);\n --spectrum-celery-visual-color: var(--dh-color-visual-celery);\n --spectrum-green-visual-color: var(--dh-color-visual-green);\n --spectrum-seafoam-visual-color: var(--dh-color-visual-seafoam);\n --spectrum-cyan-visual-color: var(--dh-color-visual-cyan);\n --spectrum-blue-visual-color: var(--dh-color-visual-blue);\n --spectrum-indigo-visual-color: var(--dh-color-visual-indigo);\n --spectrum-purple-visual-color: var(--dh-color-visual-purple);\n --spectrum-fuchsia-visual-color: var(--dh-color-visual-fuchsia);\n --spectrum-magenta-visual-color: var(--dh-color-visual-magenta);\n\n /*********** Override component specific variables **************************/\n\n /* Textfield */\n --spectrum-textfield-background-color: var(--dh-color-input-bg);\n --spectrum-textfield-background-color-down: var(--dh-color-input-active-bg);\n --spectrum-textfield-background-color-disabled: var(\n --dh-color-input-disabled-bg\n );\n --spectrum-textfield-border-color: var(--dh-color-input-border);\n --spectrum-textfield-border-color-disabled: var(\n --dh-color-input-disabled-border\n );\n\n /* Fieldbutton */\n --spectrum-fieldbutton-background-color: var(--dh-color-selector-bg);\n --spectrum-fieldbutton-background-color-hover: var(\n --dh-color-selector-hover-bg\n );\n --spectrum-fieldbutton-background-color-disabled: var(\n --dh-color-input-disabled-bg\n );\n --spectrum-fieldbutton-border-color: var(--dh-color-input-border);\n --spectrum-fieldbutton-border-color-hover: var(--dh-color-input-hover-border);\n --spectrum-fieldbutton-icon-color: var(--dh-color-selector-fg);\n --spectrum-fieldbutton-icon-color-hover: var(--dh-color-selector-hover-fg);\n\n /* Dialogs */\n --spectrum-dialog-title-text-color: var(--dh-color-dialog-title-fg);\n --spectrum-dialog-content-text-color: var(--dh-color-dialog-fg);\n\n /* Popovers */\n --spectrum-popover-background-color: var(--dh-color-popover-bg);\n}\n"]}
@@ -1 +1 @@
1
- [class^=spectrum]{font-family:var(--font-family-sans-serif) !important}.svg-inline--fa[class*=spectrum-Icon--sizeS]{--spectrum-alias-workflow-icon-size: var(--dh-svg-inline-icon-size)}/*# sourceMappingURL=theme-spectrum-overrides.css.map */
1
+ [class^=spectrum]{font-family:var(--font-family-sans-serif) !important}label[class^=spectrum-]{margin-bottom:0}.svg-inline--fa[class*=spectrum-Icon--sizeS]{--spectrum-alias-workflow-icon-size: var(--dh-svg-inline-icon-size)}/*# sourceMappingURL=theme-spectrum-overrides.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-spectrum/theme-spectrum-overrides.css"],"names":[],"mappings":"AAAA,kBAGE,qDAGF,6CAKE","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.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"]}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-spectrum/theme-spectrum-overrides.css"],"names":[],"mappings":"AAAA,kBAGE,qDAIF,wBACE,gBAGF,6CAKE","file":"theme-spectrum-overrides.css","sourcesContent":["[class^='spectrum'] {\n /* --font-family-sans-serif is defined in Bootstrap's _root.scss. We want\n Spectrum to use the same default font-family */\n font-family: var(--font-family-sans-serif) !important;\n}\n\n/* Override _reboot.scss */\nlabel[class^='spectrum-'] {\n margin-bottom: 0;\n}\n\n.svg-inline--fa[class*='spectrum-Icon--sizeS'] {\n /* \n Resize fontawesome icons used inside a spectrum icon wrapper to match\n our icon size. Spectrum icons are 18px by default, but our icons are built on a 16px grid.\n */\n --spectrum-alias-workflow-icon-size: var(--dh-svg-inline-icon-size);\n}\n"]}