@deephaven/components 0.58.1-beta.5 → 0.59.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 (99) hide show
  1. package/css/BaseStyleSheet.css +56 -55
  2. package/css/BaseStyleSheet.css.map +1 -1
  3. package/dist/AutoCompleteInput.css +10 -6
  4. package/dist/AutoCompleteInput.css.map +1 -1
  5. package/dist/AutoResizeTextarea.css +2 -1
  6. package/dist/AutoResizeTextarea.css.map +1 -1
  7. package/dist/Button.d.ts.map +1 -1
  8. package/dist/Button.js +2 -25
  9. package/dist/Button.js.map +1 -1
  10. package/dist/CardFlip.css +1 -0
  11. package/dist/CardFlip.css.map +1 -1
  12. package/dist/ComboBox.css +10 -6
  13. package/dist/ComboBox.css.map +1 -1
  14. package/dist/CustomTimeSelect.css +11 -6
  15. package/dist/CustomTimeSelect.css.map +1 -1
  16. package/dist/DraggableItemList.css +12 -7
  17. package/dist/DraggableItemList.css.map +1 -1
  18. package/dist/HierarchicalCheckboxMenu.css +13 -6
  19. package/dist/HierarchicalCheckboxMenu.css.map +1 -1
  20. package/dist/ItemList.css +1 -0
  21. package/dist/ItemList.css.map +1 -1
  22. package/dist/ItemListItem.css +1 -0
  23. package/dist/ItemListItem.css.map +1 -1
  24. package/dist/LoadingOverlay.css +1 -0
  25. package/dist/LoadingOverlay.css.map +1 -1
  26. package/dist/MaskedInput.css +1 -0
  27. package/dist/MaskedInput.css.map +1 -1
  28. package/dist/RandomAreaPlotAnimation.css +1 -0
  29. package/dist/RandomAreaPlotAnimation.css.map +1 -1
  30. package/dist/SearchInput.css +1 -0
  31. package/dist/SearchInput.css.map +1 -1
  32. package/dist/SelectValueList.css +3 -2
  33. package/dist/SelectValueList.css.map +1 -1
  34. package/dist/SocketedButton.css +2 -1
  35. package/dist/SocketedButton.css.map +1 -1
  36. package/dist/ThemeExport.module.css +3 -2
  37. package/dist/ThemeExport.module.css.map +1 -1
  38. package/dist/TimeInput.d.ts.map +1 -1
  39. package/dist/TimeInput.js +29 -9
  40. package/dist/TimeInput.js.map +1 -1
  41. package/dist/TimeSlider.css +6 -2
  42. package/dist/TimeSlider.css.map +1 -1
  43. package/dist/TimeSlider.module.css +7 -2
  44. package/dist/TimeSlider.module.css.map +1 -1
  45. package/dist/ToastNotification.css +1 -0
  46. package/dist/ToastNotification.css.map +1 -1
  47. package/dist/UISwitch.css +2 -1
  48. package/dist/UISwitch.css.map +1 -1
  49. package/dist/ValidateLabelInput.css +1 -0
  50. package/dist/ValidateLabelInput.css.map +1 -1
  51. package/dist/context-actions/ContextActions.css +1 -0
  52. package/dist/context-actions/ContextActions.css.map +1 -1
  53. package/dist/menu-actions/DropdownMenu.css +1 -0
  54. package/dist/menu-actions/DropdownMenu.css.map +1 -1
  55. package/dist/modal/InfoModal.css +1 -0
  56. package/dist/modal/InfoModal.css.map +1 -1
  57. package/dist/navigation/Menu.css +1 -0
  58. package/dist/navigation/Menu.css.map +1 -1
  59. package/dist/navigation/MenuItem.css +2 -1
  60. package/dist/navigation/MenuItem.css.map +1 -1
  61. package/dist/navigation/NavTabList.css +2 -1
  62. package/dist/navigation/NavTabList.css.map +1 -1
  63. package/dist/navigation/Page.css +1 -0
  64. package/dist/navigation/Page.css.map +1 -1
  65. package/dist/navigation/Stack.css +1 -0
  66. package/dist/navigation/Stack.css.map +1 -1
  67. package/dist/popper/Popper.css +1 -0
  68. package/dist/popper/Popper.css.map +1 -1
  69. package/dist/theme/ThemeModel.d.ts +21 -0
  70. package/dist/theme/ThemeModel.d.ts.map +1 -1
  71. package/dist/theme/ThemeModel.js +1 -1
  72. package/dist/theme/ThemeModel.js.map +1 -1
  73. package/dist/theme/ThemeProvider.d.ts +2 -1
  74. package/dist/theme/ThemeProvider.d.ts.map +1 -1
  75. package/dist/theme/ThemeProvider.js +5 -4
  76. package/dist/theme/ThemeProvider.js.map +1 -1
  77. package/dist/theme/ThemeUtils.d.ts +15 -5
  78. package/dist/theme/ThemeUtils.d.ts.map +1 -1
  79. package/dist/theme/ThemeUtils.js +40 -16
  80. package/dist/theme/ThemeUtils.js.map +1 -1
  81. package/dist/theme/theme-dark/theme-dark-components.css +1 -1
  82. package/dist/theme/theme-dark/theme-dark-components.css.map +1 -1
  83. package/dist/theme/theme-dark/theme-dark-semantic-chart.css +1 -1
  84. package/dist/theme/theme-dark/theme-dark-semantic-chart.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/theme-light-palette.css +1 -1
  88. package/dist/theme/theme-light/theme-light-palette.css.map +1 -1
  89. package/dist/theme/theme-light/theme-light-semantic-chart.css +1 -1
  90. package/dist/theme/theme-light/theme-light-semantic-chart.css.map +1 -1
  91. package/dist/theme/theme-light/theme-light-semantic-grid.css +1 -1
  92. package/dist/theme/theme-light/theme-light-semantic-grid.css.map +1 -1
  93. package/dist/theme/theme-light/theme-light-semantic.css +1 -1
  94. package/dist/theme/theme-light/theme-light-semantic.css.map +1 -1
  95. package/dist/theme/theme-spectrum/theme-spectrum-overrides.css +1 -1
  96. package/dist/theme/theme-spectrum/theme-spectrum-overrides.css.map +1 -1
  97. package/package.json +7 -7
  98. package/scss/BaseStyleSheet.scss +13 -11
  99. package/scss/bootstrap_overrides.scss +10 -8
@@ -1 +1 @@
1
- :root{--dh-color-bg-hsl: var(--dh-color-black-hsl);--dh-color-content-bg-hsl: var(--dh-color-gray-100-hsl);--dh-color-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
+ :root{--dh-color-bg-hsl: var(--dh-color-black-hsl);--dh-color-content-bg-hsl: var(--dh-color-gray-100-hsl);--dh-color-subdued-content-bg-hsl: var(--dh-color-gray-75-hsl);--dh-color-surface-bg-hsl: var(--dh-color-gray-200-hsl);--dh-color-fg-hsl: var(--dh-color-white-hsl);--dh-color-disabled-bg-hsl: var(--dh-color-gray-300-hsl);--dh-color-scrollbar-hsl: var(--dh-color-fg-hsl);--dh-color-accent-100-hsl: var(--dh-color-blue-100-hsl);--dh-color-accent-200-hsl: var(--dh-color-blue-200-hsl);--dh-color-accent-300-hsl: var(--dh-color-blue-300-hsl);--dh-color-accent-400-hsl: var(--dh-color-blue-400-hsl);--dh-color-accent-500-hsl: var(--dh-color-blue-500-hsl);--dh-color-accent-600-hsl: var(--dh-color-blue-600-hsl);--dh-color-accent-700-hsl: var(--dh-color-blue-700-hsl);--dh-color-accent-800-hsl: var(--dh-color-blue-800-hsl);--dh-color-accent-900-hsl: var(--dh-color-blue-900-hsl);--dh-color-accent-1000-hsl: var(--dh-color-blue-1000-hsl);--dh-color-accent-1100-hsl: var(--dh-color-blue-1100-hsl);--dh-color-accent-1200-hsl: var(--dh-color-blue-1200-hsl);--dh-color-accent-1300-hsl: var(--dh-color-blue-1300-hsl);--dh-color-accent-1400-hsl: var(--dh-color-blue-1400-hsl);--dh-color-accent-hsl: var(--dh-color-accent-600-hsl);--dh-color-border-hsl: var(--dh-color-gray-500-hsl);--dh-color-border-focus-hsl: var(--dh-color-accent-800-hsl);--dh-color-info-hsl: var(--dh-color-cyan-1000-hsl);--dh-color-neutral-hsl: var(--dh-color-gray-500-hsl);--dh-color-notice-hsl: var(--dh-color-yellow-1000-hsl);--dh-color-positive-hsl: var(--dh-color-green-900-hsl);--dh-color-negative-hsl: var(--dh-color-red-600-hsl);--dh-color-contrast-dark-hsl: var(--dh-color-gray-50-hsl);--dh-color-contrast-light-hsl: var(--dh-color-gray-900-hsl);--dh-color-accent-contrast-hsl: var(--dh-color-contrast-light-hsl);--dh-color-info-contrast-hsl: var(--dh-color-contrast-dark-hsl);--dh-color-negative-contrast-hsl: var(--dh-color-contrast-light-hsl);--dh-color-neutral-contrast-hsl: var(--dh-color-contrast-light-hsl);--dh-color-notice-contrast-hsl: var(--dh-color-contrast-dark-hsl);--dh-color-positive-contrast-hsl: var(--dh-color-contrast-light-hsl);--dh-color-visual-blue-hsl: var(--dh-color-blue-600-hsl);--dh-color-visual-celery-hsl: var(--dh-color-celery-1000-hsl);--dh-color-visual-chartreuse-hsl: var(--dh-color-chartreuse-1100-hsl);--dh-color-visual-cyan-hsl: var(--dh-color-cyan-1100-hsl);--dh-color-visual-fuchsia-hsl: var(--dh-color-fuchsia-900-hsl);--dh-color-visual-gray-hsl: var(--dh-color-gray-600-hsl);--dh-color-visual-green-hsl: var(--dh-color-green-1100-hsl);--dh-color-visual-indigo-hsl: var(--dh-color-indigo-900-hsl);--dh-color-visual-magenta-hsl: var(--dh-color-magenta-900-hsl);--dh-color-visual-orange-hsl: var(--dh-color-orange-900-hsl);--dh-color-visual-purple-hsl: var(--dh-color-purple-1100-hsl);--dh-color-visual-red-hsl: var(--dh-color-red-800-hsl);--dh-color-visual-seafoam-hsl: var(--dh-color-seafoam-1100-hsl);--dh-color-visual-yellow-hsl: var(--dh-color-yellow-1200-hsl);--dh-color-visual-positive-hsl: var(--dh-color-green-1200-hsl);--dh-color-visual-negative-hsl: var(--dh-color-red-800-hsl);--dh-color-visual-notice-hsl: var(--dh-color-yellow-1200-hsl);--dh-color-visual-info-hsl: var(--dh-color-cyan-1100-hsl);--dh-color-bg: hsl(var(--dh-color-bg-hsl));--dh-color-content-bg: hsl(var(--dh-color-content-bg-hsl));--dh-color-subdued-content-bg: hsl(var(--dh-color-subdued-content-bg-hsl));--dh-color-surface-bg: hsl(var(--dh-color-surface-bg-hsl));--dh-color-fg: hsl(var(--dh-color-fg-hsl));--dh-color-border: hsl(var(--dh-color-border-hsl));--dh-color-hover-border: var(--dh-color-gray-600);--dh-color-border-focus: hsl(var(--dh-color-border-focus-hsl));--dh-color-disabled-bg: hsl(var(--dh-color-disabled-bg-hsl));--dh-color-heading-text: var(--dh-color-gray-900);--dh-color-text: var(--dh-color-gray-800);--dh-color-text-disabled: var(--dh-color-gray-600);--dh-color-text-highlight: hsla(var(--dh-color-blue-700-hsl), 0.3);--dh-color-text-hover: var(--dh-color-gray-900);--dh-color-contrast-dark: hsl(var(--dh-color-contrast-dark-hsl));--dh-color-contrast-light: hsl(var(--dh-color-contrast-light-hsl));--dh-color-accent-100: hsl(var(--dh-color-accent-100-hsl));--dh-color-accent-200: hsl(var(--dh-color-accent-200-hsl));--dh-color-accent-300: hsl(var(--dh-color-accent-300-hsl));--dh-color-accent-400: hsl(var(--dh-color-accent-400-hsl));--dh-color-accent-500: hsl(var(--dh-color-accent-500-hsl));--dh-color-accent-600: hsl(var(--dh-color-accent-600-hsl));--dh-color-accent-700: hsl(var(--dh-color-accent-700-hsl));--dh-color-accent-800: hsl(var(--dh-color-accent-800-hsl));--dh-color-accent-900: hsl(var(--dh-color-accent-900-hsl));--dh-color-accent-1000: hsl(var(--dh-color-accent-1000-hsl));--dh-color-accent-1100: hsl(var(--dh-color-accent-1100-hsl));--dh-color-accent-1200: hsl(var(--dh-color-accent-1200-hsl));--dh-color-accent-1300: hsl(var(--dh-color-accent-1300-hsl));--dh-color-accent-1400: hsl(var(--dh-color-accent-1400-hsl));--dh-color-accent-bg: hsl(var(--dh-color-accent-hsl));--dh-color-accent-hover-bg: var(--dh-color-accent-500);--dh-color-accent-down-bg: var(--dh-color-accent-400);--dh-color-accent-key-focus-bg: var(--dh-color-accent-500);--dh-color-accent-contrast: hsl(var(--dh-color-accent-contrast-hsl));--dh-color-gray-bg: var(--dh-color-gray-700);--dh-color-blue-bg: var(--dh-color-blue-700);--dh-color-red-bg: var(--dh-color-red-700);--dh-color-orange-bg: var(--dh-color-orange-800);--dh-color-yellow-bg: var(--dh-color-yellow-1000);--dh-color-chartreuse-bg: var(--dh-color-chartreuse-900);--dh-color-celery-bg: var(--dh-color-celery-800);--dh-color-green-bg: var(--dh-color-green-700);--dh-color-seafoam-bg: var(--dh-color-seafoam-700);--dh-color-cyan-bg: var(--dh-color-cyan-700);--dh-color-indigo-bg: var(--dh-color-indigo-700);--dh-color-purple-bg: var(--dh-color-purple-700);--dh-color-fuchsia-bg: var(--dh-color-fuchsia-700);--dh-color-magenta-bg: var(--dh-color-magenta-700);--dh-color-focus: var(--dh-color-blue-800);--dh-color-focus-border: var(--dh-color-blue-800);--dh-color-focus-ring: var(--dh-color-focus);--dh-color-highlight-active: hsla(var(--dh-color-visual-gray-hsl), 0.2);--dh-color-highlight-hover: hsla(var(--dh-color-visual-gray-hsl), 0.18);--dh-color-highlight-invalid: hsla(var(--dh-color-visual-red-hsl), 0.15);--dh-color-highlight-selected: hsla(var(--dh-color-accent-hsl), 0.25);--dh-color-highlight-selected-hover: hsla(var(--dh-color-accent-hsl), 0.35);--dh-color-keyboard-selected-bg: hsla(var(--dh-color-accent-hsl), 0.5);--dh-color-dropshadow: hsla(var(--dh-color-true-black-hsl), 0.8);--dh-color-overlay-modal-bg: hsla(var(--dh-color-visual-gray-hsl), 0.6);--dh-color-overlay-hover-bg: hsla(var(--dh-color-visual-gray-hsl), 0.08);--dh-color-negative-bg: hsl(var(--dh-color-negative-hsl));--dh-color-negative-hover-bg: var(--dh-color-red-500);--dh-color-negative-down-bg: var(--dh-color-red-400);--dh-color-negative-key-focus-bg: var(--dh-color-red-500);--dh-color-negative-contrast: hsl(var(--dh-color-negative-contrast-hsl));--dh-color-neutral-bg: hsl(var(--dh-color-neutral-hsl));--dh-color-neutral-hover-bg: var(--dh-color-gray-300);--dh-color-neutral-down-bg: var(--dh-color-gray-200);--dh-color-neutral-key-focus-bg: var(--dh-color-gray-300);--dh-color-neutral-contrast: hsl(var(--dh-color-neutral-contrast-hsl));--dh-color-neutral-subdued-bg: var(--dh-color-gray-400);--dh-color-neutral-subdued-hover-bg: var(--dh-color-gray-300);--dh-color-neutral-subdued-down-bg: var(--dh-color-gray-200);--dh-color-neutral-subdued-key-focus-bg: var(--dh-color-gray-300);--dh-color-positive-bg: hsl(var(--dh-color-positive-hsl));--dh-color-positive-hover-bg: var(--dh-color-green-800);--dh-color-positive-down-bg: var(--dh-color-green-700);--dh-color-positive-key-focus-bg: var(--dh-color-green-800);--dh-color-positive-contrast: hsl(var(--dh-color-positive-contrast-hsl));--dh-color-info-bg: hsl(var(--dh-color-info-hsl));--dh-color-info-hover-bg: var(--dh-color-cyan-900);--dh-color-info-down-bg: var(--dh-color-cyan-800);--dh-color-info-key-focus-bg: var(--dh-color-cyan-900);--dh-color-info-contrast: hsl(var(--dh-color-info-contrast-hsl));--dh-color-notice-bg: hsl(var(--dh-color-notice-hsl));--dh-color-notice-hover-bg: var(--dh-color-yellow-900);--dh-color-notice-down-bg: var(--dh-color-yellow-800);--dh-color-notice-key-focus-bg: var(--dh-color-yellow-1000);--dh-color-notice-contrast: hsl(var(--dh-color-notice-contrast-hsl));--dh-color-visual-blue: hsl(var(--dh-color-visual-blue-hsl));--dh-color-visual-celery: hsl(var(--dh-color-visual-celery-hsl));--dh-color-visual-chartreuse: hsl(var(--dh-color-visual-chartreuse-hsl));--dh-color-visual-cyan: hsl(var(--dh-color-visual-cyan-hsl));--dh-color-visual-fuchsia: hsl(var(--dh-color-visual-fuchsia-hsl));--dh-color-visual-gray: hsl(var(--dh-color-visual-gray-hsl));--dh-color-visual-green: hsl(var(--dh-color-visual-green-hsl));--dh-color-visual-indigo: hsl(var(--dh-color-visual-indigo-hsl));--dh-color-visual-magenta: hsl(var(--dh-color-visual-magenta-hsl));--dh-color-visual-orange: hsl(var(--dh-color-visual-orange-hsl));--dh-color-visual-purple: hsl(var(--dh-color-visual-purple-hsl));--dh-color-visual-red: hsl(var(--dh-color-visual-red-hsl));--dh-color-visual-seafoam: hsl(var(--dh-color-visual-seafoam-hsl));--dh-color-visual-yellow: hsl(var(--dh-color-visual-yellow-hsl));--dh-color-visual-positive: hsl(var(--dh-color-visual-positive-hsl));--dh-color-visual-negative: hsl(var(--dh-color-visual-negative-hsl));--dh-color-visual-notice: hsl(var(--dh-color-visual-notice-hsl));--dh-color-visual-info: hsl(var(--dh-color-visual-info-hsl));--dh-color-modified: var(--dh-color-yellow-1300)}/*# sourceMappingURL=theme-dark-semantic.css.map */
@@ -1 +1 @@
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
+ {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic.css"],"names":[],"mappings":"AAEA,MAEE,6CACA,wDACA,+DACA,wDACA,6CAEA,yDACA,iDAEA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,0DACA,0DACA,0DACA,0DACA,0DACA,sDAEA,oDACA,4DAEA,mDACA,qDACA,uDACA,uDACA,qDAWA,0DACA,4DAEA,mEACA,gEACA,qEACA,oEACA,kEACA,qEAGA,yDACA,8DACA,sEACA,0DACA,+DACA,yDACA,4DACA,6DACA,+DACA,6DACA,8DACA,uDACA,gEACA,8DAEA,+DACA,4DACA,8DACA,0DAGA,2CACA,2DACA,2EACA,2DACA,2CACA,mDACA,kDACA,+DACA,6DAGA,kDACA,0CACA,mDACA,mEACA,gDAGA,iEACA,mEAGA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,6DACA,6DACA,6DACA,6DACA,6DAGA,sDACA,uDACA,sDACA,2DACA,qEAGA,6CACA,6CACA,2CACA,iDACA,kDACA,yDACA,iDACA,+CACA,mDACA,6CACA,iDACA,iDACA,mDACA,mDAGA,2CACA,kDACA,6CAGA,wEACA,wEACA,yEACA,sEACA,4EAGA,uEAGA,iEACA,wEACA,yEAGA,0DACA,sDACA,qDACA,0DACA,yEAGA,wDACA,sDACA,qDACA,0DACA,uEAEA,wDACA,8DACA,6DACA,kEAGA,0DACA,wDACA,uDACA,4DACA,yEAGA,kDACA,mDACA,kDACA,uDACA,iEAGA,sDACA,uDACA,sDACA,4DACA,qEAGA,6DACA,iEACA,yEACA,6DACA,mEACA,6DACA,+DACA,iEACA,mEACA,iEACA,iEACA,2DACA,mEACA,iEAEA,qEACA,qEACA,iEACA,6DAGA","file":"theme-dark-semantic.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before */\n/* stylelint-disable alpha-value-notation */\n:root {\n /* HSL base colors */\n --dh-color-bg-hsl: var(--dh-color-black-hsl);\n --dh-color-content-bg-hsl: var(--dh-color-gray-100-hsl);\n --dh-color-subdued-content-bg-hsl: var(--dh-color-gray-75-hsl);\n --dh-color-surface-bg-hsl: var(--dh-color-gray-200-hsl);\n --dh-color-fg-hsl: var(--dh-color-white-hsl);\n\n --dh-color-disabled-bg-hsl: var(--dh-color-gray-300-hsl);\n --dh-color-scrollbar-hsl: var(--dh-color-fg-hsl);\n\n --dh-color-accent-100-hsl: var(--dh-color-blue-100-hsl);\n --dh-color-accent-200-hsl: var(--dh-color-blue-200-hsl);\n --dh-color-accent-300-hsl: var(--dh-color-blue-300-hsl);\n --dh-color-accent-400-hsl: var(--dh-color-blue-400-hsl);\n --dh-color-accent-500-hsl: var(--dh-color-blue-500-hsl);\n --dh-color-accent-600-hsl: var(--dh-color-blue-600-hsl);\n --dh-color-accent-700-hsl: var(--dh-color-blue-700-hsl);\n --dh-color-accent-800-hsl: var(--dh-color-blue-800-hsl);\n --dh-color-accent-900-hsl: var(--dh-color-blue-900-hsl);\n --dh-color-accent-1000-hsl: var(--dh-color-blue-1000-hsl);\n --dh-color-accent-1100-hsl: var(--dh-color-blue-1100-hsl);\n --dh-color-accent-1200-hsl: var(--dh-color-blue-1200-hsl);\n --dh-color-accent-1300-hsl: var(--dh-color-blue-1300-hsl);\n --dh-color-accent-1400-hsl: var(--dh-color-blue-1400-hsl);\n --dh-color-accent-hsl: var(--dh-color-accent-600-hsl);\n\n --dh-color-border-hsl: var(--dh-color-gray-500-hsl);\n --dh-color-border-focus-hsl: var(--dh-color-accent-800-hsl);\n\n --dh-color-info-hsl: var(--dh-color-cyan-1000-hsl);\n --dh-color-neutral-hsl: var(--dh-color-gray-500-hsl);\n --dh-color-notice-hsl: var(--dh-color-yellow-1000-hsl);\n --dh-color-positive-hsl: var(--dh-color-green-900-hsl);\n --dh-color-negative-hsl: var(--dh-color-red-600-hsl);\n\n /*\n * Contrast Colors\n *\n * Note that React Spectrum guidance suggests that background colors containing\n * yellow, orange, chartreuse or cyan should use a dark contrast color. All\n * others should use light. Therefore, these should stay in sync with the \n * --dh-color-xxx-hsl values above.\n * https://spectrum.adobe.com/page/using-color/#Solid-color-background-with-black-or-white\n */\n --dh-color-contrast-dark-hsl: var(--dh-color-gray-50-hsl);\n --dh-color-contrast-light-hsl: var(--dh-color-gray-900-hsl);\n\n --dh-color-accent-contrast-hsl: var(--dh-color-contrast-light-hsl);\n --dh-color-info-contrast-hsl: var(--dh-color-contrast-dark-hsl);\n --dh-color-negative-contrast-hsl: var(--dh-color-contrast-light-hsl);\n --dh-color-neutral-contrast-hsl: var(--dh-color-contrast-light-hsl);\n --dh-color-notice-contrast-hsl: var(--dh-color-contrast-dark-hsl);\n --dh-color-positive-contrast-hsl: var(--dh-color-contrast-light-hsl);\n\n /* Visual HSL */\n --dh-color-visual-blue-hsl: var(--dh-color-blue-600-hsl);\n --dh-color-visual-celery-hsl: var(--dh-color-celery-1000-hsl);\n --dh-color-visual-chartreuse-hsl: var(--dh-color-chartreuse-1100-hsl);\n --dh-color-visual-cyan-hsl: var(--dh-color-cyan-1100-hsl);\n --dh-color-visual-fuchsia-hsl: var(--dh-color-fuchsia-900-hsl);\n --dh-color-visual-gray-hsl: var(--dh-color-gray-600-hsl);\n --dh-color-visual-green-hsl: var(--dh-color-green-1100-hsl);\n --dh-color-visual-indigo-hsl: var(--dh-color-indigo-900-hsl);\n --dh-color-visual-magenta-hsl: var(--dh-color-magenta-900-hsl);\n --dh-color-visual-orange-hsl: var(--dh-color-orange-900-hsl);\n --dh-color-visual-purple-hsl: var(--dh-color-purple-1100-hsl);\n --dh-color-visual-red-hsl: var(--dh-color-red-800-hsl);\n --dh-color-visual-seafoam-hsl: var(--dh-color-seafoam-1100-hsl);\n --dh-color-visual-yellow-hsl: var(--dh-color-yellow-1200-hsl);\n\n --dh-color-visual-positive-hsl: var(--dh-color-green-1200-hsl);\n --dh-color-visual-negative-hsl: var(--dh-color-red-800-hsl);\n --dh-color-visual-notice-hsl: var(--dh-color-yellow-1200-hsl);\n --dh-color-visual-info-hsl: var(--dh-color-cyan-1100-hsl);\n\n /* General */\n --dh-color-bg: hsl(var(--dh-color-bg-hsl));\n --dh-color-content-bg: hsl(var(--dh-color-content-bg-hsl));\n --dh-color-subdued-content-bg: hsl(var(--dh-color-subdued-content-bg-hsl));\n --dh-color-surface-bg: hsl(var(--dh-color-surface-bg-hsl));\n --dh-color-fg: hsl(var(--dh-color-fg-hsl));\n --dh-color-border: hsl(var(--dh-color-border-hsl));\n --dh-color-hover-border: var(--dh-color-gray-600);\n --dh-color-border-focus: hsl(var(--dh-color-border-focus-hsl));\n --dh-color-disabled-bg: hsl(var(--dh-color-disabled-bg-hsl));\n\n /* Text */\n --dh-color-heading-text: var(--dh-color-gray-900);\n --dh-color-text: var(--dh-color-gray-800);\n --dh-color-text-disabled: var(--dh-color-gray-600);\n --dh-color-text-highlight: hsla(var(--dh-color-blue-700-hsl), 0.3);\n --dh-color-text-hover: var(--dh-color-gray-900);\n\n /* Contrast Base */\n --dh-color-contrast-dark: hsl(var(--dh-color-contrast-dark-hsl));\n --dh-color-contrast-light: hsl(var(--dh-color-contrast-light-hsl));\n\n /** Accent Colors */\n --dh-color-accent-100: hsl(var(--dh-color-accent-100-hsl));\n --dh-color-accent-200: hsl(var(--dh-color-accent-200-hsl));\n --dh-color-accent-300: hsl(var(--dh-color-accent-300-hsl));\n --dh-color-accent-400: hsl(var(--dh-color-accent-400-hsl));\n --dh-color-accent-500: hsl(var(--dh-color-accent-500-hsl));\n --dh-color-accent-600: hsl(var(--dh-color-accent-600-hsl));\n --dh-color-accent-700: hsl(var(--dh-color-accent-700-hsl));\n --dh-color-accent-800: hsl(var(--dh-color-accent-800-hsl));\n --dh-color-accent-900: hsl(var(--dh-color-accent-900-hsl));\n --dh-color-accent-1000: hsl(var(--dh-color-accent-1000-hsl));\n --dh-color-accent-1100: hsl(var(--dh-color-accent-1100-hsl));\n --dh-color-accent-1200: hsl(var(--dh-color-accent-1200-hsl));\n --dh-color-accent-1300: hsl(var(--dh-color-accent-1300-hsl));\n --dh-color-accent-1400: hsl(var(--dh-color-accent-1400-hsl));\n\n /* Accent */\n --dh-color-accent-bg: hsl(var(--dh-color-accent-hsl));\n --dh-color-accent-hover-bg: var(--dh-color-accent-500);\n --dh-color-accent-down-bg: var(--dh-color-accent-400);\n --dh-color-accent-key-focus-bg: var(--dh-color-accent-500);\n --dh-color-accent-contrast: hsl(var(--dh-color-accent-contrast-hsl));\n\n /* Background Defaults */\n --dh-color-gray-bg: var(--dh-color-gray-700);\n --dh-color-blue-bg: var(--dh-color-blue-700);\n --dh-color-red-bg: var(--dh-color-red-700);\n --dh-color-orange-bg: var(--dh-color-orange-800);\n --dh-color-yellow-bg: var(--dh-color-yellow-1000);\n --dh-color-chartreuse-bg: var(--dh-color-chartreuse-900);\n --dh-color-celery-bg: var(--dh-color-celery-800);\n --dh-color-green-bg: var(--dh-color-green-700);\n --dh-color-seafoam-bg: var(--dh-color-seafoam-700);\n --dh-color-cyan-bg: var(--dh-color-cyan-700);\n --dh-color-indigo-bg: var(--dh-color-indigo-700);\n --dh-color-purple-bg: var(--dh-color-purple-700);\n --dh-color-fuchsia-bg: var(--dh-color-fuchsia-700);\n --dh-color-magenta-bg: var(--dh-color-magenta-700);\n\n /* Focus */\n --dh-color-focus: var(--dh-color-blue-800);\n --dh-color-focus-border: var(--dh-color-blue-800);\n --dh-color-focus-ring: var(--dh-color-focus);\n\n /* Highlight */\n --dh-color-highlight-active: hsla(var(--dh-color-visual-gray-hsl), 0.2);\n --dh-color-highlight-hover: hsla(var(--dh-color-visual-gray-hsl), 0.18);\n --dh-color-highlight-invalid: hsla(var(--dh-color-visual-red-hsl), 0.15);\n --dh-color-highlight-selected: hsla(var(--dh-color-accent-hsl), 0.25);\n --dh-color-highlight-selected-hover: hsla(var(--dh-color-accent-hsl), 0.35);\n\n /* Keyboard selected */\n --dh-color-keyboard-selected-bg: hsla(var(--dh-color-accent-hsl), 0.5);\n\n /* Shadows / Overlays */\n --dh-color-dropshadow: hsla(var(--dh-color-true-black-hsl), 0.8);\n --dh-color-overlay-modal-bg: hsla(var(--dh-color-visual-gray-hsl), 0.6);\n --dh-color-overlay-hover-bg: hsla(var(--dh-color-visual-gray-hsl), 0.08);\n\n /* Negative */\n --dh-color-negative-bg: hsl(var(--dh-color-negative-hsl));\n --dh-color-negative-hover-bg: var(--dh-color-red-500);\n --dh-color-negative-down-bg: var(--dh-color-red-400);\n --dh-color-negative-key-focus-bg: var(--dh-color-red-500);\n --dh-color-negative-contrast: hsl(var(--dh-color-negative-contrast-hsl));\n\n /* Neutral */\n --dh-color-neutral-bg: hsl(var(--dh-color-neutral-hsl));\n --dh-color-neutral-hover-bg: var(--dh-color-gray-300);\n --dh-color-neutral-down-bg: var(--dh-color-gray-200);\n --dh-color-neutral-key-focus-bg: var(--dh-color-gray-300);\n --dh-color-neutral-contrast: hsl(var(--dh-color-neutral-contrast-hsl));\n\n --dh-color-neutral-subdued-bg: var(--dh-color-gray-400);\n --dh-color-neutral-subdued-hover-bg: var(--dh-color-gray-300);\n --dh-color-neutral-subdued-down-bg: var(--dh-color-gray-200);\n --dh-color-neutral-subdued-key-focus-bg: var(--dh-color-gray-300);\n\n /* Positive */\n --dh-color-positive-bg: hsl(var(--dh-color-positive-hsl));\n --dh-color-positive-hover-bg: var(--dh-color-green-800);\n --dh-color-positive-down-bg: var(--dh-color-green-700);\n --dh-color-positive-key-focus-bg: var(--dh-color-green-800);\n --dh-color-positive-contrast: hsl(var(--dh-color-positive-contrast-hsl));\n\n /* Informative */\n --dh-color-info-bg: hsl(var(--dh-color-info-hsl));\n --dh-color-info-hover-bg: var(--dh-color-cyan-900);\n --dh-color-info-down-bg: var(--dh-color-cyan-800);\n --dh-color-info-key-focus-bg: var(--dh-color-cyan-900);\n --dh-color-info-contrast: hsl(var(--dh-color-info-contrast-hsl));\n\n /* Notice */\n --dh-color-notice-bg: hsl(var(--dh-color-notice-hsl));\n --dh-color-notice-hover-bg: var(--dh-color-yellow-900);\n --dh-color-notice-down-bg: var(--dh-color-yellow-800);\n --dh-color-notice-key-focus-bg: var(--dh-color-yellow-1000);\n --dh-color-notice-contrast: hsl(var(--dh-color-notice-contrast-hsl));\n\n /* Visual Colors */\n --dh-color-visual-blue: hsl(var(--dh-color-visual-blue-hsl));\n --dh-color-visual-celery: hsl(var(--dh-color-visual-celery-hsl));\n --dh-color-visual-chartreuse: hsl(var(--dh-color-visual-chartreuse-hsl));\n --dh-color-visual-cyan: hsl(var(--dh-color-visual-cyan-hsl));\n --dh-color-visual-fuchsia: hsl(var(--dh-color-visual-fuchsia-hsl));\n --dh-color-visual-gray: hsl(var(--dh-color-visual-gray-hsl));\n --dh-color-visual-green: hsl(var(--dh-color-visual-green-hsl));\n --dh-color-visual-indigo: hsl(var(--dh-color-visual-indigo-hsl));\n --dh-color-visual-magenta: hsl(var(--dh-color-visual-magenta-hsl));\n --dh-color-visual-orange: hsl(var(--dh-color-visual-orange-hsl));\n --dh-color-visual-purple: hsl(var(--dh-color-visual-purple-hsl));\n --dh-color-visual-red: hsl(var(--dh-color-visual-red-hsl));\n --dh-color-visual-seafoam: hsl(var(--dh-color-visual-seafoam-hsl));\n --dh-color-visual-yellow: hsl(var(--dh-color-visual-yellow-hsl));\n\n --dh-color-visual-positive: hsl(var(--dh-color-visual-positive-hsl));\n --dh-color-visual-negative: hsl(var(--dh-color-visual-negative-hsl));\n --dh-color-visual-notice: hsl(var(--dh-color-visual-notice-hsl));\n --dh-color-visual-info: hsl(var(--dh-color-visual-info-hsl));\n\n /* Editing */\n --dh-color-modified: var(--dh-color-yellow-1300);\n}\n"]}
@@ -1 +1 @@
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
+ :root{--dh-color-gray-50-hsl: 0, 0%, 100%;--dh-color-gray-75-hsl: 0, 0%, 98.22%;--dh-color-gray-100-hsl: 0, 0%, 96.85%;--dh-color-gray-200-hsl: 0, 0%, 93.2%;--dh-color-gray-300-hsl: 0, 0%, 85.53%;--dh-color-gray-400-hsl: 0, 0%, 72.41%;--dh-color-gray-500-hsl: 0, 0%, 58.47%;--dh-color-gray-600-hsl: 0, 0%, 44.75%;--dh-color-gray-700-hsl: 0, 0%, 27.45%;--dh-color-gray-800-hsl: 0, 0%, 13.33%;--dh-color-gray-900-hsl: 0, 0%, 0%;--dh-color-gray-light-hsl: var(--dh-color-gray-900-hsl);--dh-color-gray-mid-hsl: var(--dh-color-gray-600-hsl);--dh-color-gray-dark-hsl: var(--dh-color-gray-300-hsl);--dh-color-black-hsl: var(--dh-color-gray-900-hsl);--dh-color-white-hsl: var(--dh-color-gray-75-hsl);--dh-color-true-black-hsl: 0deg, 0%, 0%;--dh-color-true-white-hsl: 0deg, 0%, 100%;--dh-color-red-100-hsl: 10, 100%, 95.29%;--dh-color-red-200-hsl: 10.24, 100%, 91.96%;--dh-color-red-300-hsl: 10, 100%, 88.24%;--dh-color-red-400-hsl: 9.77, 100%, 83.14%;--dh-color-red-500-hsl: 9.58, 100%, 76.67%;--dh-color-red-600-hsl: 8.96, 100%, 69.8%;--dh-color-red-700-hsl: 7.46, 91.71%, 62.16%;--dh-color-red-800-hsl: 4.66, 82.13%, 53.92%;--dh-color-red-900-hsl: 1.54, 85.9%, 44.51%;--dh-color-red-1000-hsl: 0, 100%, 35.29%;--dh-color-red-1100-hsl: 0, 100%, 28.82%;--dh-color-red-1200-hsl: 0, 100%, 22.75%;--dh-color-red-1300-hsl: 0, 100%, 17.45%;--dh-color-red-1400-hsl: 0, 100%, 13.14%;--dh-color-orange-100-hsl: 37.65, 100%, 90%;--dh-color-orange-200-hsl: 36.59, 100%, 83.92%;--dh-color-orange-300-hsl: 36.11, 96.43%, 78.04%;--dh-color-orange-400-hsl: 33.85, 100%, 69.41%;--dh-color-orange-500-hsl: 31.5, 100%, 60.78%;--dh-color-orange-600-hsl: 30.39, 92.71%, 51.57%;--dh-color-orange-700-hsl: 29.21, 100%, 44.71%;--dh-color-orange-800-hsl: 27.49, 100%, 39.8%;--dh-color-orange-900-hsl: 25.76, 100%, 34.71%;--dh-color-orange-1000-hsl: 24.56, 100%, 29.22%;--dh-color-orange-1100-hsl: 23.11, 100%, 23.92%;--dh-color-orange-1200-hsl: 21.65, 100%, 19.02%;--dh-color-orange-1300-hsl: 20, 97.3%, 14.51%;--dh-color-orange-1400-hsl: 19.62, 96.3%, 10.59%;--dh-color-yellow-100-hsl: 53.94, 92.52%, 79.02%;--dh-color-yellow-200-hsl: 53.93, 92.31%, 64.31%;--dh-color-yellow-300-hsl: 52.38, 96.83%, 49.41%;--dh-color-yellow-400-hsl: 51.21, 100%, 45.49%;--dh-color-yellow-500-hsl: 49.95, 100%, 42.16%;--dh-color-yellow-600-hsl: 48.67, 100%, 38.43%;--dh-color-yellow-700-hsl: 47.73, 100%, 34.51%;--dh-color-yellow-800-hsl: 46.45, 100%, 30.39%;--dh-color-yellow-900-hsl: 46.02, 100%, 26.08%;--dh-color-yellow-1000-hsl: 44.46, 100%, 21.96%;--dh-color-yellow-1100-hsl: 44.18, 100%, 17.84%;--dh-color-yellow-1200-hsl: 42.5, 100%, 14.12%;--dh-color-yellow-1300-hsl: 41.11, 100%, 10.59%;--dh-color-yellow-1400-hsl: 39, 100%, 7.84%;--dh-color-chartreuse-100-hsl: 73.94, 95.95%, 70.98%;--dh-color-chartreuse-200-hsl: 73.9, 88.94%, 60.98%;--dh-color-chartreuse-300-hsl: 74.14, 81.28%, 53.92%;--dh-color-chartreuse-400-hsl: 74.23, 81.51%, 46.67%;--dh-color-chartreuse-500-hsl: 74.44, 90.34%, 40.59%;--dh-color-chartreuse-600-hsl: 74.48, 96.67%, 35.29%;--dh-color-chartreuse-700-hsl: 74.62, 100%, 30.59%;--dh-color-chartreuse-800-hsl: 74.56, 100%, 26.67%;--dh-color-chartreuse-900-hsl: 75, 100%, 22.75%;--dh-color-chartreuse-1000-hsl: 75, 100%, 18.82%;--dh-color-chartreuse-1100-hsl: 74.81, 100%, 15.1%;--dh-color-chartreuse-1200-hsl: 75.25, 100%, 11.57%;--dh-color-chartreuse-1300-hsl: 75, 100%, 8.63%;--dh-color-chartreuse-1400-hsl: 73.55, 100%, 6.08%;--dh-color-celery-100-hsl: 106.23, 91.04%, 86.86%;--dh-color-celery-200-hsl: 108.54, 83.18%, 79.02%;--dh-color-celery-300-hsl: 110.29, 75.54%, 72.75%;--dh-color-celery-400-hsl: 115.93, 65.56%, 64.71%;--dh-color-celery-500-hsl: 120.93, 57.33%, 55.88%;--dh-color-celery-600-hsl: 126.08, 65.49%, 44.31%;--dh-color-celery-700-hsl: 129.75, 91.95%, 34.12%;--dh-color-celery-800-hsl: 127.45, 100%, 28.43%;--dh-color-celery-900-hsl: 127.26, 100%, 24.31%;--dh-color-celery-1000-hsl: 128.74, 100%, 20.2%;--dh-color-celery-1100-hsl: 129.4, 100%, 16.27%;--dh-color-celery-1200-hsl: 129.38, 100%, 12.55%;--dh-color-celery-1300-hsl: 128.75, 100%, 9.41%;--dh-color-celery-1400-hsl: 128.82, 100%, 6.67%;--dh-color-green-100-hsl: 145.71, 75%, 89.02%;--dh-color-green-200-hsl: 147.89, 76.34%, 81.76%;--dh-color-green-300-hsl: 150.91, 72.26%, 73.14%;--dh-color-green-400-hsl: 152.77, 64.32%, 63.73%;--dh-color-green-500-hsl: 153.89, 56.22%, 54.31%;--dh-color-green-600-hsl: 155.47, 59.31%, 45.29%;--dh-color-green-700-hsl: 157.34, 77.3%, 36.27%;--dh-color-green-800-hsl: 159.02, 100%, 28.04%;--dh-color-green-900-hsl: 157.87, 100%, 23.92%;--dh-color-green-1000-hsl: 156.83, 100%, 19.8%;--dh-color-green-1100-hsl: 157.04, 100%, 15.88%;--dh-color-green-1200-hsl: 155.17, 85.29%, 13.33%;--dh-color-green-1300-hsl: 151.67, 64.29%, 10.98%;--dh-color-green-1400-hsl: 150, 52.38%, 8.24%;--dh-color-seafoam-100-hsl: 174.15, 71.93%, 88.82%;--dh-color-seafoam-200-hsl: 174.08, 71.72%, 80.59%;--dh-color-seafoam-300-hsl: 175.48, 67.88%, 73.14%;--dh-color-seafoam-400-hsl: 175.9, 61.26%, 62.55%;--dh-color-seafoam-500-hsl: 176.52, 56.1%, 51.76%;--dh-color-seafoam-600-hsl: 177.47, 84.69%, 38.43%;--dh-color-seafoam-700-hsl: 177.39, 100%, 31.57%;--dh-color-seafoam-800-hsl: 177.86, 100%, 27.45%;--dh-color-seafoam-900-hsl: 177.48, 100%, 23.33%;--dh-color-seafoam-1000-hsl: 177.58, 100%, 19.41%;--dh-color-seafoam-1100-hsl: 177.31, 73.63%, 17.84%;--dh-color-seafoam-1200-hsl: 177.14, 53.85%, 15.29%;--dh-color-seafoam-1300-hsl: 177.69, 41.94%, 12.16%;--dh-color-seafoam-1400-hsl: 176.25, 34.78%, 9.02%;--dh-color-cyan-100-hsl: 187.24, 100%, 88.63%;--dh-color-cyan-200-hsl: 189.89, 100%, 82.16%;--dh-color-cyan-300-hsl: 190, 91.94%, 75.69%;--dh-color-cyan-400-hsl: 191.02, 85.96%, 66.47%;--dh-color-cyan-500-hsl: 191.6, 79.74%, 55.49%;--dh-color-cyan-600-hsl: 192.6, 84.75%, 46.27%;--dh-color-cyan-700-hsl: 193.27, 99%, 39.41%;--dh-color-cyan-800-hsl: 195.33, 100%, 35.29%;--dh-color-cyan-900-hsl: 197.36, 100%, 31.18%;--dh-color-cyan-1000-hsl: 199.27, 100%, 26.86%;--dh-color-cyan-1100-hsl: 201.39, 100%, 22.55%;--dh-color-cyan-1200-hsl: 203.23, 100%, 18.24%;--dh-color-cyan-1300-hsl: 204, 100%, 13.73%;--dh-color-cyan-1400-hsl: 204.71, 100%, 10%;--dh-color-blue-100-hsl: 205.16, 100%, 93.92%;--dh-color-blue-200-hsl: 206.04, 100%, 89.61%;--dh-color-blue-300-hsl: 206.76, 100%, 85.49%;--dh-color-blue-400-hsl: 207.38, 96.26%, 79.02%;--dh-color-blue-500-hsl: 209.08, 92.86%, 72.55%;--dh-color-blue-600-hsl: 210.19, 89.71%, 65.69%;--dh-color-blue-700-hsl: 211.12, 88.63%, 58.63%;--dh-color-blue-800-hsl: 212.56, 90.28%, 51.57%;--dh-color-blue-900-hsl: 212.75, 98.2%, 43.53%;--dh-color-blue-1000-hsl: 212.31, 100%, 35.69%;--dh-color-blue-1100-hsl: 211.86, 100%, 28.43%;--dh-color-blue-1200-hsl: 211.86, 100%, 22.16%;--dh-color-blue-1300-hsl: 212.14, 100%, 16.47%;--dh-color-blue-1400-hsl: 212, 100%, 11.76%;--dh-color-indigo-100-hsl: 236.67, 100%, 96.47%;--dh-color-indigo-200-hsl: 236.13, 100%, 93.92%;--dh-color-indigo-300-hsl: 237.27, 100%, 91.37%;--dh-color-indigo-400-hsl: 237.1, 100%, 87.84%;--dh-color-indigo-500-hsl: 237.83, 100%, 83.73%;--dh-color-indigo-600-hsl: 237.74, 100%, 79.22%;--dh-color-indigo-700-hsl: 237.14, 95.45%, 74.12%;--dh-color-indigo-800-hsl: 237.86, 86.42%, 68.24%;--dh-color-indigo-900-hsl: 237.53, 73%, 60.78%;--dh-color-indigo-1000-hsl: 237.39, 56.56%, 52.16%;--dh-color-indigo-1100-hsl: 237.97, 54.13%, 42.75%;--dh-color-indigo-1200-hsl: 238.13, 55.81%, 33.73%;--dh-color-indigo-1300-hsl: 237.53, 57.48%, 24.9%;--dh-color-indigo-1400-hsl: 237.69, 56.52%, 18.04%;--dh-color-purple-100-hsl: 273, 100%, 96.08%;--dh-color-purple-200-hsl: 270, 100%, 93.33%;--dh-color-purple-300-hsl: 268.09, 100%, 90.78%;--dh-color-purple-400-hsl: 268.66, 97.1%, 86.47%;--dh-color-purple-500-hsl: 266.97, 95.7%, 81.76%;--dh-color-purple-600-hsl: 266.55, 94.96%, 76.67%;--dh-color-purple-700-hsl: 266.67, 91.84%, 71.18%;--dh-color-purple-800-hsl: 266.75, 87.71%, 64.9%;--dh-color-purple-900-hsl: 266.82, 77.98%, 57.25%;--dh-color-purple-1000-hsl: 266.71, 69.48%, 48.82%;--dh-color-purple-1100-hsl: 267.07, 81.19%, 39.61%;--dh-color-purple-1200-hsl: 266.03, 85%, 31.37%;--dh-color-purple-1300-hsl: 263.33, 73.77%, 23.92%;--dh-color-purple-1400-hsl: 260.69, 65.91%, 17.25%;--dh-color-fuchsia-100-hsl: 308.18, 100%, 95.69%;--dh-color-fuchsia-200-hsl: 308.11, 100%, 92.75%;--dh-color-fuchsia-300-hsl: 306.55, 96.49%, 88.82%;--dh-color-fuchsia-400-hsl: 303.9, 90.59%, 83.33%;--dh-color-fuchsia-500-hsl: 301.21, 83.19%, 76.67%;--dh-color-fuchsia-600-hsl: 300, 77.07%, 69.22%;--dh-color-fuchsia-700-hsl: 299.15, 70.85%, 60.98%;--dh-color-fuchsia-800-hsl: 299.59, 60.16%, 51.76%;--dh-color-fuchsia-900-hsl: 299.6, 68.66%, 42.55%;--dh-color-fuchsia-1000-hsl: 299.61, 96.27%, 31.57%;--dh-color-fuchsia-1100-hsl: 299.53, 100%, 25.29%;--dh-color-fuchsia-1200-hsl: 300, 88.68%, 20.78%;--dh-color-fuchsia-1300-hsl: 301.05, 67.06%, 16.67%;--dh-color-fuchsia-1400-hsl: 301.62, 58.73%, 12.35%;--dh-color-magenta-100-hsl: 340, 100%, 95.88%;--dh-color-magenta-200-hsl: 339.43, 100%, 93.14%;--dh-color-magenta-300-hsl: 338.49, 100%, 89.61%;--dh-color-magenta-400-hsl: 338.18, 100%, 84.9%;--dh-color-magenta-500-hsl: 337.36, 100%, 79.22%;--dh-color-magenta-600-hsl: 336.64, 92.91%, 72.35%;--dh-color-magenta-700-hsl: 335.03, 82.32%, 64.51%;--dh-color-magenta-800-hsl: 334.29, 70.93%, 55.49%;--dh-color-magenta-900-hsl: 334.34, 70.94%, 45.88%;--dh-color-magenta-1000-hsl: 332.2, 90.11%, 35.69%;--dh-color-magenta-1100-hsl: 330.85, 100%, 27.84%;--dh-color-magenta-1200-hsl: 330.54, 100%, 21.96%;--dh-color-magenta-1300-hsl: 331.11, 93.1%, 17.06%;--dh-color-magenta-1400-hsl: 334.44, 81.82%, 12.94%;--dh-color-gray-50: hsl(var(--dh-color-gray-50-hsl));--dh-color-gray-75: hsl(var(--dh-color-gray-75-hsl));--dh-color-gray-100: hsl(var(--dh-color-gray-100-hsl));--dh-color-gray-200: hsl(var(--dh-color-gray-200-hsl));--dh-color-gray-300: hsl(var(--dh-color-gray-300-hsl));--dh-color-gray-400: hsl(var(--dh-color-gray-400-hsl));--dh-color-gray-500: hsl(var(--dh-color-gray-500-hsl));--dh-color-gray-600: hsl(var(--dh-color-gray-600-hsl));--dh-color-gray-700: hsl(var(--dh-color-gray-700-hsl));--dh-color-gray-800: hsl(var(--dh-color-gray-800-hsl));--dh-color-gray-900: hsl(var(--dh-color-gray-900-hsl));--dh-color-gray-light: hsl(var(--dh-color-gray-light-hsl));--dh-color-gray-mid: hsl(var(--dh-color-gray-mid-hsl));--dh-color-gray-dark: hsl(var(--dh-color-gray-dark-hsl));--dh-color-black: hsl(var(--dh-color-black-hsl));--dh-color-white: hsl(var(--dh-color-white-hsl));--dh-color-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":"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"]}
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%, 98.22%;\n --dh-color-gray-100-hsl: 0, 0%, 96.85%;\n --dh-color-gray-200-hsl: 0, 0%, 93.2%;\n --dh-color-gray-300-hsl: 0, 0%, 85.53%;\n --dh-color-gray-400-hsl: 0, 0%, 72.41%;\n --dh-color-gray-500-hsl: 0, 0%, 58.47%;\n --dh-color-gray-600-hsl: 0, 0%, 44.75%;\n --dh-color-gray-700-hsl: 0, 0%, 27.45%;\n --dh-color-gray-800-hsl: 0, 0%, 13.33%;\n --dh-color-gray-900-hsl: 0, 0%, 0%;\n\n --dh-color-gray-light-hsl: var(--dh-color-gray-900-hsl);\n --dh-color-gray-mid-hsl: var(--dh-color-gray-600-hsl);\n --dh-color-gray-dark-hsl: var(--dh-color-gray-300-hsl);\n\n /** Black & White */\n --dh-color-black-hsl: var(--dh-color-gray-900-hsl);\n --dh-color-white-hsl: var(--dh-color-gray-75-hsl);\n --dh-color-true-black-hsl: 0deg, 0%, 0%;\n --dh-color-true-white-hsl: 0deg, 0%, 100%;\n\n --dh-color-red-100-hsl: 10, 100%, 95.29%;\n --dh-color-red-200-hsl: 10.24, 100%, 91.96%;\n --dh-color-red-300-hsl: 10, 100%, 88.24%;\n --dh-color-red-400-hsl: 9.77, 100%, 83.14%;\n --dh-color-red-500-hsl: 9.58, 100%, 76.67%;\n --dh-color-red-600-hsl: 8.96, 100%, 69.8%;\n --dh-color-red-700-hsl: 7.46, 91.71%, 62.16%;\n --dh-color-red-800-hsl: 4.66, 82.13%, 53.92%;\n --dh-color-red-900-hsl: 1.54, 85.9%, 44.51%;\n --dh-color-red-1000-hsl: 0, 100%, 35.29%;\n --dh-color-red-1100-hsl: 0, 100%, 28.82%;\n --dh-color-red-1200-hsl: 0, 100%, 22.75%;\n --dh-color-red-1300-hsl: 0, 100%, 17.45%;\n --dh-color-red-1400-hsl: 0, 100%, 13.14%;\n --dh-color-orange-100-hsl: 37.65, 100%, 90%;\n --dh-color-orange-200-hsl: 36.59, 100%, 83.92%;\n --dh-color-orange-300-hsl: 36.11, 96.43%, 78.04%;\n --dh-color-orange-400-hsl: 33.85, 100%, 69.41%;\n --dh-color-orange-500-hsl: 31.5, 100%, 60.78%;\n --dh-color-orange-600-hsl: 30.39, 92.71%, 51.57%;\n --dh-color-orange-700-hsl: 29.21, 100%, 44.71%;\n --dh-color-orange-800-hsl: 27.49, 100%, 39.8%;\n --dh-color-orange-900-hsl: 25.76, 100%, 34.71%;\n --dh-color-orange-1000-hsl: 24.56, 100%, 29.22%;\n --dh-color-orange-1100-hsl: 23.11, 100%, 23.92%;\n --dh-color-orange-1200-hsl: 21.65, 100%, 19.02%;\n --dh-color-orange-1300-hsl: 20, 97.3%, 14.51%;\n --dh-color-orange-1400-hsl: 19.62, 96.3%, 10.59%;\n --dh-color-yellow-100-hsl: 53.94, 92.52%, 79.02%;\n --dh-color-yellow-200-hsl: 53.93, 92.31%, 64.31%;\n --dh-color-yellow-300-hsl: 52.38, 96.83%, 49.41%;\n --dh-color-yellow-400-hsl: 51.21, 100%, 45.49%;\n --dh-color-yellow-500-hsl: 49.95, 100%, 42.16%;\n --dh-color-yellow-600-hsl: 48.67, 100%, 38.43%;\n --dh-color-yellow-700-hsl: 47.73, 100%, 34.51%;\n --dh-color-yellow-800-hsl: 46.45, 100%, 30.39%;\n --dh-color-yellow-900-hsl: 46.02, 100%, 26.08%;\n --dh-color-yellow-1000-hsl: 44.46, 100%, 21.96%;\n --dh-color-yellow-1100-hsl: 44.18, 100%, 17.84%;\n --dh-color-yellow-1200-hsl: 42.5, 100%, 14.12%;\n --dh-color-yellow-1300-hsl: 41.11, 100%, 10.59%;\n --dh-color-yellow-1400-hsl: 39, 100%, 7.84%;\n --dh-color-chartreuse-100-hsl: 73.94, 95.95%, 70.98%;\n --dh-color-chartreuse-200-hsl: 73.9, 88.94%, 60.98%;\n --dh-color-chartreuse-300-hsl: 74.14, 81.28%, 53.92%;\n --dh-color-chartreuse-400-hsl: 74.23, 81.51%, 46.67%;\n --dh-color-chartreuse-500-hsl: 74.44, 90.34%, 40.59%;\n --dh-color-chartreuse-600-hsl: 74.48, 96.67%, 35.29%;\n --dh-color-chartreuse-700-hsl: 74.62, 100%, 30.59%;\n --dh-color-chartreuse-800-hsl: 74.56, 100%, 26.67%;\n --dh-color-chartreuse-900-hsl: 75, 100%, 22.75%;\n --dh-color-chartreuse-1000-hsl: 75, 100%, 18.82%;\n --dh-color-chartreuse-1100-hsl: 74.81, 100%, 15.1%;\n --dh-color-chartreuse-1200-hsl: 75.25, 100%, 11.57%;\n --dh-color-chartreuse-1300-hsl: 75, 100%, 8.63%;\n --dh-color-chartreuse-1400-hsl: 73.55, 100%, 6.08%;\n --dh-color-celery-100-hsl: 106.23, 91.04%, 86.86%;\n --dh-color-celery-200-hsl: 108.54, 83.18%, 79.02%;\n --dh-color-celery-300-hsl: 110.29, 75.54%, 72.75%;\n --dh-color-celery-400-hsl: 115.93, 65.56%, 64.71%;\n --dh-color-celery-500-hsl: 120.93, 57.33%, 55.88%;\n --dh-color-celery-600-hsl: 126.08, 65.49%, 44.31%;\n --dh-color-celery-700-hsl: 129.75, 91.95%, 34.12%;\n --dh-color-celery-800-hsl: 127.45, 100%, 28.43%;\n --dh-color-celery-900-hsl: 127.26, 100%, 24.31%;\n --dh-color-celery-1000-hsl: 128.74, 100%, 20.2%;\n --dh-color-celery-1100-hsl: 129.4, 100%, 16.27%;\n --dh-color-celery-1200-hsl: 129.38, 100%, 12.55%;\n --dh-color-celery-1300-hsl: 128.75, 100%, 9.41%;\n --dh-color-celery-1400-hsl: 128.82, 100%, 6.67%;\n --dh-color-green-100-hsl: 145.71, 75%, 89.02%;\n --dh-color-green-200-hsl: 147.89, 76.34%, 81.76%;\n --dh-color-green-300-hsl: 150.91, 72.26%, 73.14%;\n --dh-color-green-400-hsl: 152.77, 64.32%, 63.73%;\n --dh-color-green-500-hsl: 153.89, 56.22%, 54.31%;\n --dh-color-green-600-hsl: 155.47, 59.31%, 45.29%;\n --dh-color-green-700-hsl: 157.34, 77.3%, 36.27%;\n --dh-color-green-800-hsl: 159.02, 100%, 28.04%;\n --dh-color-green-900-hsl: 157.87, 100%, 23.92%;\n --dh-color-green-1000-hsl: 156.83, 100%, 19.8%;\n --dh-color-green-1100-hsl: 157.04, 100%, 15.88%;\n --dh-color-green-1200-hsl: 155.17, 85.29%, 13.33%;\n --dh-color-green-1300-hsl: 151.67, 64.29%, 10.98%;\n --dh-color-green-1400-hsl: 150, 52.38%, 8.24%;\n --dh-color-seafoam-100-hsl: 174.15, 71.93%, 88.82%;\n --dh-color-seafoam-200-hsl: 174.08, 71.72%, 80.59%;\n --dh-color-seafoam-300-hsl: 175.48, 67.88%, 73.14%;\n --dh-color-seafoam-400-hsl: 175.9, 61.26%, 62.55%;\n --dh-color-seafoam-500-hsl: 176.52, 56.1%, 51.76%;\n --dh-color-seafoam-600-hsl: 177.47, 84.69%, 38.43%;\n --dh-color-seafoam-700-hsl: 177.39, 100%, 31.57%;\n --dh-color-seafoam-800-hsl: 177.86, 100%, 27.45%;\n --dh-color-seafoam-900-hsl: 177.48, 100%, 23.33%;\n --dh-color-seafoam-1000-hsl: 177.58, 100%, 19.41%;\n --dh-color-seafoam-1100-hsl: 177.31, 73.63%, 17.84%;\n --dh-color-seafoam-1200-hsl: 177.14, 53.85%, 15.29%;\n --dh-color-seafoam-1300-hsl: 177.69, 41.94%, 12.16%;\n --dh-color-seafoam-1400-hsl: 176.25, 34.78%, 9.02%;\n --dh-color-cyan-100-hsl: 187.24, 100%, 88.63%;\n --dh-color-cyan-200-hsl: 189.89, 100%, 82.16%;\n --dh-color-cyan-300-hsl: 190, 91.94%, 75.69%;\n --dh-color-cyan-400-hsl: 191.02, 85.96%, 66.47%;\n --dh-color-cyan-500-hsl: 191.6, 79.74%, 55.49%;\n --dh-color-cyan-600-hsl: 192.6, 84.75%, 46.27%;\n --dh-color-cyan-700-hsl: 193.27, 99%, 39.41%;\n --dh-color-cyan-800-hsl: 195.33, 100%, 35.29%;\n --dh-color-cyan-900-hsl: 197.36, 100%, 31.18%;\n --dh-color-cyan-1000-hsl: 199.27, 100%, 26.86%;\n --dh-color-cyan-1100-hsl: 201.39, 100%, 22.55%;\n --dh-color-cyan-1200-hsl: 203.23, 100%, 18.24%;\n --dh-color-cyan-1300-hsl: 204, 100%, 13.73%;\n --dh-color-cyan-1400-hsl: 204.71, 100%, 10%;\n --dh-color-blue-100-hsl: 205.16, 100%, 93.92%;\n --dh-color-blue-200-hsl: 206.04, 100%, 89.61%;\n --dh-color-blue-300-hsl: 206.76, 100%, 85.49%;\n --dh-color-blue-400-hsl: 207.38, 96.26%, 79.02%;\n --dh-color-blue-500-hsl: 209.08, 92.86%, 72.55%;\n --dh-color-blue-600-hsl: 210.19, 89.71%, 65.69%;\n --dh-color-blue-700-hsl: 211.12, 88.63%, 58.63%;\n --dh-color-blue-800-hsl: 212.56, 90.28%, 51.57%;\n --dh-color-blue-900-hsl: 212.75, 98.2%, 43.53%;\n --dh-color-blue-1000-hsl: 212.31, 100%, 35.69%;\n --dh-color-blue-1100-hsl: 211.86, 100%, 28.43%;\n --dh-color-blue-1200-hsl: 211.86, 100%, 22.16%;\n --dh-color-blue-1300-hsl: 212.14, 100%, 16.47%;\n --dh-color-blue-1400-hsl: 212, 100%, 11.76%;\n --dh-color-indigo-100-hsl: 236.67, 100%, 96.47%;\n --dh-color-indigo-200-hsl: 236.13, 100%, 93.92%;\n --dh-color-indigo-300-hsl: 237.27, 100%, 91.37%;\n --dh-color-indigo-400-hsl: 237.1, 100%, 87.84%;\n --dh-color-indigo-500-hsl: 237.83, 100%, 83.73%;\n --dh-color-indigo-600-hsl: 237.74, 100%, 79.22%;\n --dh-color-indigo-700-hsl: 237.14, 95.45%, 74.12%;\n --dh-color-indigo-800-hsl: 237.86, 86.42%, 68.24%;\n --dh-color-indigo-900-hsl: 237.53, 73%, 60.78%;\n --dh-color-indigo-1000-hsl: 237.39, 56.56%, 52.16%;\n --dh-color-indigo-1100-hsl: 237.97, 54.13%, 42.75%;\n --dh-color-indigo-1200-hsl: 238.13, 55.81%, 33.73%;\n --dh-color-indigo-1300-hsl: 237.53, 57.48%, 24.9%;\n --dh-color-indigo-1400-hsl: 237.69, 56.52%, 18.04%;\n --dh-color-purple-100-hsl: 273, 100%, 96.08%;\n --dh-color-purple-200-hsl: 270, 100%, 93.33%;\n --dh-color-purple-300-hsl: 268.09, 100%, 90.78%;\n --dh-color-purple-400-hsl: 268.66, 97.1%, 86.47%;\n --dh-color-purple-500-hsl: 266.97, 95.7%, 81.76%;\n --dh-color-purple-600-hsl: 266.55, 94.96%, 76.67%;\n --dh-color-purple-700-hsl: 266.67, 91.84%, 71.18%;\n --dh-color-purple-800-hsl: 266.75, 87.71%, 64.9%;\n --dh-color-purple-900-hsl: 266.82, 77.98%, 57.25%;\n --dh-color-purple-1000-hsl: 266.71, 69.48%, 48.82%;\n --dh-color-purple-1100-hsl: 267.07, 81.19%, 39.61%;\n --dh-color-purple-1200-hsl: 266.03, 85%, 31.37%;\n --dh-color-purple-1300-hsl: 263.33, 73.77%, 23.92%;\n --dh-color-purple-1400-hsl: 260.69, 65.91%, 17.25%;\n --dh-color-fuchsia-100-hsl: 308.18, 100%, 95.69%;\n --dh-color-fuchsia-200-hsl: 308.11, 100%, 92.75%;\n --dh-color-fuchsia-300-hsl: 306.55, 96.49%, 88.82%;\n --dh-color-fuchsia-400-hsl: 303.9, 90.59%, 83.33%;\n --dh-color-fuchsia-500-hsl: 301.21, 83.19%, 76.67%;\n --dh-color-fuchsia-600-hsl: 300, 77.07%, 69.22%;\n --dh-color-fuchsia-700-hsl: 299.15, 70.85%, 60.98%;\n --dh-color-fuchsia-800-hsl: 299.59, 60.16%, 51.76%;\n --dh-color-fuchsia-900-hsl: 299.6, 68.66%, 42.55%;\n --dh-color-fuchsia-1000-hsl: 299.61, 96.27%, 31.57%;\n --dh-color-fuchsia-1100-hsl: 299.53, 100%, 25.29%;\n --dh-color-fuchsia-1200-hsl: 300, 88.68%, 20.78%;\n --dh-color-fuchsia-1300-hsl: 301.05, 67.06%, 16.67%;\n --dh-color-fuchsia-1400-hsl: 301.62, 58.73%, 12.35%;\n --dh-color-magenta-100-hsl: 340, 100%, 95.88%;\n --dh-color-magenta-200-hsl: 339.43, 100%, 93.14%;\n --dh-color-magenta-300-hsl: 338.49, 100%, 89.61%;\n --dh-color-magenta-400-hsl: 338.18, 100%, 84.9%;\n --dh-color-magenta-500-hsl: 337.36, 100%, 79.22%;\n --dh-color-magenta-600-hsl: 336.64, 92.91%, 72.35%;\n --dh-color-magenta-700-hsl: 335.03, 82.32%, 64.51%;\n --dh-color-magenta-800-hsl: 334.29, 70.93%, 55.49%;\n --dh-color-magenta-900-hsl: 334.34, 70.94%, 45.88%;\n --dh-color-magenta-1000-hsl: 332.2, 90.11%, 35.69%;\n --dh-color-magenta-1100-hsl: 330.85, 100%, 27.84%;\n --dh-color-magenta-1200-hsl: 330.54, 100%, 21.96%;\n --dh-color-magenta-1300-hsl: 331.11, 93.1%, 17.06%;\n --dh-color-magenta-1400-hsl: 334.44, 81.82%, 12.94%;\n\n /* Grays */\n --dh-color-gray-50: hsl(var(--dh-color-gray-50-hsl));\n --dh-color-gray-75: hsl(var(--dh-color-gray-75-hsl));\n --dh-color-gray-100: hsl(var(--dh-color-gray-100-hsl));\n --dh-color-gray-200: hsl(var(--dh-color-gray-200-hsl));\n --dh-color-gray-300: hsl(var(--dh-color-gray-300-hsl));\n --dh-color-gray-400: hsl(var(--dh-color-gray-400-hsl));\n --dh-color-gray-500: hsl(var(--dh-color-gray-500-hsl));\n --dh-color-gray-600: hsl(var(--dh-color-gray-600-hsl));\n --dh-color-gray-700: hsl(var(--dh-color-gray-700-hsl));\n --dh-color-gray-800: hsl(var(--dh-color-gray-800-hsl));\n --dh-color-gray-900: hsl(var(--dh-color-gray-900-hsl));\n\n --dh-color-gray-light: hsl(var(--dh-color-gray-light-hsl));\n --dh-color-gray-mid: hsl(var(--dh-color-gray-mid-hsl));\n --dh-color-gray-dark: hsl(var(--dh-color-gray-dark-hsl));\n\n /** Black & White */\n --dh-color-black: hsl(var(--dh-color-black-hsl));\n --dh-color-white: hsl(var(--dh-color-white-hsl));\n\n /* 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"]}
@@ -1 +1 @@
1
- :root{--dh-color-chart-bg: var(--dh-color-content-bg);--dh-color-chart-plot-bg: var(--dh-color-gray-200);--dh-color-chart-title: var(--dh-color-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 */
1
+ :root{--dh-color-chart-bg: var(--dh-color-content-bg);--dh-color-chart-plot-bg: var(--dh-color-gray-200);--dh-color-chart-title: var(--dh-color-text);--dh-color-chart-legend-fg: var(--dh-color-text);--dh-color-chart-colorway: var(--dh-color-visual-cyan) var(--dh-color-visual-green) var(--dh-color-visual-yellow) var(--dh-color-visual-purple) var(--dh-color-visual-orange) var(--dh-color-visual-red) var(--dh-color-visual-chartreuse) var(--dh-color-visual-fuchsia) var(--dh-color-visual-seafoam) var(--dh-color-visual-magenta) var(--dh-color-white);--dh-color-chart-grid: var(--dh-color-gray-400);--dh-color-chart-axis-line: var(--dh-color-gray-500);--dh-color-chart-axis-line-zero: var(--dh-color-gray-700);--dh-color-chart-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: hsla( var(--dh-color-true-black-hsl), 0.3 );--dh-color-plotly-modebar-btn-warning: var(--dh-color-visual-orange);--dh-color-plotly-notifier-note-bg: var(--dh-color-gray-500)}/*# sourceMappingURL=theme-light-semantic-chart.css.map */
@@ -1 +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"]}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-light/theme-light-semantic-chart.css"],"names":[],"mappings":"AAEA,MACE,gDACA,mDACA,6CACA,iDAGA,8VAMA,gDACA,qDACA,0DACA,oDAEA,kEACA,mDACA,mDAGA,6DACA,4EAGA,6DACA,2DAOA,+DAEA,sDACA,qEACA,8DACA,kEAEA,kFAIA,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-text);\n --dh-color-chart-legend-fg: var(--dh-color-text);\n\n /* Colorway */\n --dh-color-chart-colorway: var(--dh-color-visual-cyan)\n var(--dh-color-visual-green) var(--dh-color-visual-yellow)\n var(--dh-color-visual-purple) var(--dh-color-visual-orange)\n var(--dh-color-visual-red) var(--dh-color-visual-chartreuse)\n var(--dh-color-visual-fuchsia) var(--dh-color-visual-seafoam)\n var(--dh-color-visual-magenta) var(--dh-color-white);\n --dh-color-chart-grid: var(--dh-color-gray-400);\n --dh-color-chart-axis-line: var(--dh-color-gray-500);\n --dh-color-chart-axis-line-zero: var(--dh-color-gray-700);\n --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: hsla(\n var(--dh-color-true-black-hsl),\n 0.3\n );\n --dh-color-plotly-modebar-btn-warning: var(--dh-color-visual-orange);\n --dh-color-plotly-notifier-note-bg: var(--dh-color-gray-500);\n}\n"]}
@@ -1 +1 @@
1
- :root{--dh-color-grid-bg: var(--dh-color-content-bg);--dh-color-grid-header-bg: var(--dh-color-gray-100);--dh-color-grid-header-text: var(--dh-color-heading-text);--dh-color-grid-header-separator: var(--dh-color-gray-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 */
1
+ :root{--dh-color-grid-bg: var(--dh-color-content-bg);--dh-color-grid-header-bg: var(--dh-color-gray-100);--dh-color-grid-header-text: var(--dh-color-heading-text);--dh-color-grid-header-separator: var(--dh-color-gray-300);--dh-color-grid-header-separator-hover: var(--dh-color-gray-600);--dh-color-grid-header-separator-hidden-hover: var(--dh-color-accent-700);--dh-color-grid-header-sort-bar: var(--dh-color-visual-purple);--dh-color-grid-header-reverse-bar: var(--dh-color-visual-green);--dh-color-grid-header-bar-casing: var(--dh-color-gray-50);--dh-color-grid-row-0-bg: var(--dh-color-gray-50);--dh-color-grid-row-1-bg: var(--dh-color-gray-100);--dh-color-grid-row-hover-bg: var(--dh-color-highlight-hover);--dh-color-grid-row-hover-bg-selected: var( --dh-color-highlight-selected-hover );--dh-color-grid-row-shadow-alpha: 0.07;--dh-color-grid-selection: var(--dh-color-highlight-selected);--dh-color-grid-selection-outline: var(--dh-color-accent-900);--dh-color-grid-selection-outline-casing: var(--dh-color-gray-50);--dh-color-grid-scroll-bar-active-selection-tick: var(--dh-color-accent-400);--dh-color-grid-scroll-bar-bg: var(--dh-color-gray-100);--dh-color-grid-scroll-bar-hover-bg: var(--dh-color-gray-200);--dh-color-grid-scroll-bar-casing: var(--dh-color-gray-400);--dh-color-grid-scroll-bar-corner: var(--dh-color-gray-100);--dh-color-grid-scroll-bar: var(--dh-color-gray-400);--dh-color-grid-scroll-bar-hover: var(--dh-color-gray-500);--dh-color-grid-scroll-bar-active: var(--dh-color-gray-600);--dh-color-grid-text: var(--dh-color-text);--dh-color-grid-text-hyperlink: var(--dh-color-accent-1000);--dh-color-grid-text-pending: var(--dh-color-modified);--dh-color-grid-text-error: var(--dh-color-visual-negative);--dh-color-grid-date: var(--dh-color-visual-purple);--dh-color-grid-number-positive: var(--dh-color-visual-positive);--dh-color-grid-number-negative: var(--dh-color-visual-negative);--dh-color-grid-number-zero: var(--dh-color-visual-purple);--dh-color-grid-string-null: var(--dh-color-gray-600);--dh-color-grid-filter-bar-active-bg: hsla( var(--dh-color-accent-700-hsl), 0.45 );--dh-color-grid-filter-bar-active: var(--dh-color-accent-700);--dh-color-grid-filter-bar-expanded-bg: var(--dh-color-gray-50);--dh-color-grid-filter-bar-expanded-active-bg: hsla( var(--dh-color-accent-1000-hsl), 0.19 );--dh-color-grid-filter-bar-expanded-active-cell-bg: hsla( var(--dh-color-accent-700-hsl), 0.32 );--dh-color-grid-filter-bar-separator: var(--dh-color-gray-600);--dh-color-grid-filter-bar-error: var(--dh-color-visual-negative);--dh-color-grid-filter-icon: var(--dh-color-accent-600);--dh-color-grid-context-menu-sort-icon: var(--dh-color-visual-purple);--dh-color-grid-context-menu-reverse-icon: var(--dh-color-visual-green);--dh-color-grid-column-linker-hover-bg: var( --dh-color-highlight-selected-hover );--dh-color-grid-column-grouped-divider: var(--dh-color-gray-50);--dh-color-grid-tree-line: var(--dh-color-gray-500);--dh-color-grid-tree-marker: var(--dh-color-gray-700);--dh-color-grid-tree-marker-hover: var(--dh-color-gray-900);--dh-color-grid-floating-row: var(--dh-color-gray-300);--dh-color-grid-floating-row-bg: var(--dh-color-gray-200);--dh-color-grid-floating-divider-inner: var(--dh-color-gray-200);--dh-color-grid-floating-divider-outer: var(--dh-color-gray-50);--dh-color-grid-overflow-button: var(--dh-color-gray-700);--dh-color-grid-overflow-button-hover: var(--dh-color-gray-900);--dh-color-grid-data-bar-positive: var(--dh-color-visual-positive);--dh-color-grid-data-bar-negative: var(--dh-color-visual-negative);--dh-color-grid-data-bar-marker: var(--dh-color-white);--dh-color-grid-data-bar-zero-line: var(--dh-color-gray-300);--dh-color-grid-scrim: var(--dh-color-gray-200)}/*# sourceMappingURL=theme-light-semantic-grid.css.map */
@@ -1 +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"]}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-light/theme-light-semantic-grid.css"],"names":[],"mappings":"AAAA,MAEE,+CAGA,oDACA,0DACA,2DACA,iEACA,0EACA,+DACA,iEACA,2DAGA,kDACA,mDACA,8DACA,kFAGA,uCAGA,8DACA,8DACA,kEAGA,6EACA,wDACA,8DACA,4DACA,4DACA,qDACA,2DACA,4DAGA,2CACA,4DACA,uDACA,4DAGA,oDACA,iEACA,iEACA,2DACA,sDAGA,mFAIA,8DACA,gEACA,6FAIA,iGAIA,+DACA,kEACA,wDAGA,sEACA,wEAGA,mFAGA,gEAGA,oDACA,sDACA,4DAGA,uDACA,0DACA,iEACA,gEAGA,0DACA,gEAGA,mEACA,mEACA,uDACA,6DAGA","file":"theme-light-semantic-grid.css","sourcesContent":[":root {\n /* Grid */\n --dh-color-grid-bg: var(--dh-color-content-bg);\n\n /* Header */\n --dh-color-grid-header-bg: var(--dh-color-gray-100);\n --dh-color-grid-header-text: var(--dh-color-heading-text);\n --dh-color-grid-header-separator: var(--dh-color-gray-300);\n --dh-color-grid-header-separator-hover: var(--dh-color-gray-600);\n --dh-color-grid-header-separator-hidden-hover: var(--dh-color-accent-700);\n --dh-color-grid-header-sort-bar: var(--dh-color-visual-purple);\n --dh-color-grid-header-reverse-bar: var(--dh-color-visual-green);\n --dh-color-grid-header-bar-casing: var(--dh-color-gray-50);\n\n /* Row */\n --dh-color-grid-row-0-bg: var(--dh-color-gray-50);\n --dh-color-grid-row-1-bg: var(--dh-color-gray-100);\n --dh-color-grid-row-hover-bg: var(--dh-color-highlight-hover);\n --dh-color-grid-row-hover-bg-selected: var(\n --dh-color-highlight-selected-hover\n );\n --dh-color-grid-row-shadow-alpha: 0.07;\n\n /* Selection */\n --dh-color-grid-selection: var(--dh-color-highlight-selected);\n --dh-color-grid-selection-outline: var(--dh-color-accent-900);\n --dh-color-grid-selection-outline-casing: var(--dh-color-gray-50);\n\n /** Sroll Bar */\n --dh-color-grid-scroll-bar-active-selection-tick: var(--dh-color-accent-400);\n --dh-color-grid-scroll-bar-bg: var(--dh-color-gray-100);\n --dh-color-grid-scroll-bar-hover-bg: var(--dh-color-gray-200);\n --dh-color-grid-scroll-bar-casing: var(--dh-color-gray-400);\n --dh-color-grid-scroll-bar-corner: var(--dh-color-gray-100);\n --dh-color-grid-scroll-bar: var(--dh-color-gray-400);\n --dh-color-grid-scroll-bar-hover: var(--dh-color-gray-500);\n --dh-color-grid-scroll-bar-active: var(--dh-color-gray-600);\n\n /* Text */\n --dh-color-grid-text: var(--dh-color-text);\n --dh-color-grid-text-hyperlink: var(--dh-color-accent-1000);\n --dh-color-grid-text-pending: var(--dh-color-modified);\n --dh-color-grid-text-error: var(--dh-color-visual-negative);\n\n /* Data Types */\n --dh-color-grid-date: var(--dh-color-visual-purple);\n --dh-color-grid-number-positive: var(--dh-color-visual-positive);\n --dh-color-grid-number-negative: var(--dh-color-visual-negative);\n --dh-color-grid-number-zero: var(--dh-color-visual-purple);\n --dh-color-grid-string-null: var(--dh-color-gray-600);\n\n /* Filter Bar */\n --dh-color-grid-filter-bar-active-bg: hsla(\n var(--dh-color-accent-700-hsl),\n 0.45\n );\n --dh-color-grid-filter-bar-active: var(--dh-color-accent-700);\n --dh-color-grid-filter-bar-expanded-bg: var(--dh-color-gray-50);\n --dh-color-grid-filter-bar-expanded-active-bg: hsla(\n var(--dh-color-accent-1000-hsl),\n 0.19\n );\n --dh-color-grid-filter-bar-expanded-active-cell-bg: hsla(\n var(--dh-color-accent-700-hsl),\n 0.32\n );\n --dh-color-grid-filter-bar-separator: var(--dh-color-gray-600);\n --dh-color-grid-filter-bar-error: var(--dh-color-visual-negative);\n --dh-color-grid-filter-icon: var(--dh-color-accent-600);\n\n /* Context Menu */\n --dh-color-grid-context-menu-sort-icon: var(--dh-color-visual-purple);\n --dh-color-grid-context-menu-reverse-icon: var(--dh-color-visual-green);\n\n /* Column */\n --dh-color-grid-column-linker-hover-bg: var(\n --dh-color-highlight-selected-hover\n );\n --dh-color-grid-column-grouped-divider: var(--dh-color-gray-50);\n\n /* Tree */\n --dh-color-grid-tree-line: var(--dh-color-gray-500);\n --dh-color-grid-tree-marker: var(--dh-color-gray-700);\n --dh-color-grid-tree-marker-hover: var(--dh-color-gray-900);\n\n /* Floating */\n --dh-color-grid-floating-row: var(--dh-color-gray-300);\n --dh-color-grid-floating-row-bg: var(--dh-color-gray-200);\n --dh-color-grid-floating-divider-inner: var(--dh-color-gray-200);\n --dh-color-grid-floating-divider-outer: var(--dh-color-gray-50);\n\n /* Overflow Button */\n --dh-color-grid-overflow-button: var(--dh-color-gray-700);\n --dh-color-grid-overflow-button-hover: var(--dh-color-gray-900);\n\n /* Data Bars */\n --dh-color-grid-data-bar-positive: var(--dh-color-visual-positive);\n --dh-color-grid-data-bar-negative: var(--dh-color-visual-negative);\n --dh-color-grid-data-bar-marker: var(--dh-color-white);\n --dh-color-grid-data-bar-zero-line: var(--dh-color-gray-300);\n\n /* Scrim */\n --dh-color-grid-scrim: var(--dh-color-gray-200);\n}\n"]}
@@ -1 +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 */
1
+ :root{--dh-color-bg-hsl: var(--dh-color-gray-300-hsl);--dh-color-content-bg-hsl: var(--dh-color-gray-100-hsl);--dh-color-subdued-content-bg-hsl: var(--dh-color-gray-200-hsl);--dh-color-surface-bg-hsl: var(--dh-color-gray-200-hsl);--dh-color-fg-hsl: var(--dh-color-black-hsl);--dh-color-disabled-bg-hsl: var(--dh-color-gray-200-hsl);--dh-color-scrollbar-hsl: var(--dh-color-fg-hsl);--dh-color-accent-100-hsl: var(--dh-color-blue-100-hsl);--dh-color-accent-200-hsl: var(--dh-color-blue-200-hsl);--dh-color-accent-300-hsl: var(--dh-color-blue-300-hsl);--dh-color-accent-400-hsl: var(--dh-color-blue-400-hsl);--dh-color-accent-500-hsl: var(--dh-color-blue-500-hsl);--dh-color-accent-600-hsl: var(--dh-color-blue-600-hsl);--dh-color-accent-700-hsl: var(--dh-color-blue-700-hsl);--dh-color-accent-800-hsl: var(--dh-color-blue-800-hsl);--dh-color-accent-900-hsl: var(--dh-color-blue-900-hsl);--dh-color-accent-1000-hsl: var(--dh-color-blue-1000-hsl);--dh-color-accent-1100-hsl: var(--dh-color-blue-1100-hsl);--dh-color-accent-1200-hsl: var(--dh-color-blue-1200-hsl);--dh-color-accent-1300-hsl: var(--dh-color-blue-1300-hsl);--dh-color-accent-1400-hsl: var(--dh-color-blue-1400-hsl);--dh-color-accent-hsl: var(--dh-color-accent-900-hsl);--dh-color-border-hsl: var(--dh-color-gray-700-hsl);--dh-color-border-focus-hsl: var(--dh-color-accent-800-hsl);--dh-color-info-hsl: var(--dh-color-cyan-1000-hsl);--dh-color-neutral-hsl: var(--dh-color-gray-400-hsl);--dh-color-notice-hsl: var(--dh-color-yellow-1000-hsl);--dh-color-positive-hsl: var(--dh-color-green-900-hsl);--dh-color-negative-hsl: var(--dh-color-red-800-hsl);--dh-color-contrast-dark-hsl: var(--dh-color-gray-50-hsl);--dh-color-contrast-light-hsl: var(--dh-color-gray-900-hsl);--dh-color-accent-contrast-hsl: var(--dh-color-contrast-dark-hsl);--dh-color-info-contrast-hsl: var(--dh-color-contrast-dark-hsl);--dh-color-negative-contrast-hsl: var(--dh-color-contrast-dark-hsl);--dh-color-neutral-contrast-hsl: var(--dh-color-contrast-light-hsl);--dh-color-notice-contrast-hsl: var(--dh-color-contrast-dark-hsl);--dh-color-positive-contrast-hsl: var(--dh-color-contrast-dark-hsl);--dh-color-visual-blue-hsl: var(--dh-color-blue-900-hsl);--dh-color-visual-celery-hsl: var(--dh-color-celery-1000-hsl);--dh-color-visual-chartreuse-hsl: var(--dh-color-chartreuse-1100-hsl);--dh-color-visual-cyan-hsl: var(--dh-color-cyan-1100-hsl);--dh-color-visual-fuchsia-hsl: var(--dh-color-fuchsia-900-hsl);--dh-color-visual-gray-hsl: var(--dh-color-gray-600-hsl);--dh-color-visual-green-hsl: var(--dh-color-green-900-hsl);--dh-color-visual-indigo-hsl: var(--dh-color-indigo-900-hsl);--dh-color-visual-magenta-hsl: var(--dh-color-magenta-900-hsl);--dh-color-visual-orange-hsl: var(--dh-color-orange-800-hsl);--dh-color-visual-purple-hsl: var(--dh-color-purple-1000-hsl);--dh-color-visual-red-hsl: var(--dh-color-red-800-hsl);--dh-color-visual-seafoam-hsl: var(--dh-color-seafoam-1100-hsl);--dh-color-visual-yellow-hsl: var(--dh-color-yellow-700-hsl);--dh-color-visual-positive-hsl: var(--dh-color-green-800-hsl);--dh-color-visual-negative-hsl: var(--dh-color-red-800-hsl);--dh-color-visual-notice-hsl: var(--dh-color-yellow-700-hsl);--dh-color-visual-info-hsl: var(--dh-color-cyan-1100-hsl);--dh-color-bg: hsl(var(--dh-color-bg-hsl));--dh-color-content-bg: hsl(var(--dh-color-content-bg-hsl));--dh-color-subdued-content-bg: hsl(var(--dh-color-subdued-content-bg-hsl));--dh-color-surface-bg: hsl(var(--dh-color-surface-bg-hsl));--dh-color-fg: hsl(var(--dh-color-fg-hsl));--dh-color-border: hsl(var(--dh-color-border-hsl));--dh-color-hover-border: var(--dh-color-gray-900);--dh-color-border-focus: hsl(var(--dh-color-border-focus-hsl));--dh-color-disabled-bg: hsl(var(--dh-color-disabled-bg-hsl));--dh-color-heading-text: var(--dh-color-gray-900);--dh-color-text: var(--dh-color-gray-800);--dh-color-text-disabled: var(--dh-color-gray-700);--dh-color-text-highlight: hsla(var(--dh-color-blue-700-hsl), 0.15);--dh-color-text-hover: var(--dh-color-gray-900);--dh-color-contrast-dark: hsl(var(--dh-color-contrast-dark-hsl));--dh-color-contrast-light: hsl(var(--dh-color-contrast-light-hsl));--dh-color-accent-100: hsl(var(--dh-color-accent-100-hsl));--dh-color-accent-200: hsl(var(--dh-color-accent-200-hsl));--dh-color-accent-300: hsl(var(--dh-color-accent-300-hsl));--dh-color-accent-400: hsl(var(--dh-color-accent-400-hsl));--dh-color-accent-500: hsl(var(--dh-color-accent-500-hsl));--dh-color-accent-600: hsl(var(--dh-color-accent-600-hsl));--dh-color-accent-700: hsl(var(--dh-color-accent-700-hsl));--dh-color-accent-800: hsl(var(--dh-color-accent-800-hsl));--dh-color-accent-900: hsl(var(--dh-color-accent-900-hsl));--dh-color-accent-1000: hsl(var(--dh-color-accent-1000-hsl));--dh-color-accent-1100: hsl(var(--dh-color-accent-1100-hsl));--dh-color-accent-1200: hsl(var(--dh-color-accent-1200-hsl));--dh-color-accent-1300: hsl(var(--dh-color-accent-1300-hsl));--dh-color-accent-1400: hsl(var(--dh-color-accent-1400-hsl));--dh-color-accent-bg: hsl(var(--dh-color-accent-hsl));--dh-color-accent-hover-bg: var(--dh-color-accent-1000);--dh-color-accent-down-bg: var(--dh-color-accent-1100);--dh-color-accent-key-focus-bg: var(--dh-color-accent-1000);--dh-color-accent-contrast: hsl(var(--dh-color-accent-contrast-hsl));--dh-color-gray-bg: var(--dh-color-gray-700);--dh-color-blue-bg: var(--dh-color-blue-700);--dh-color-red-bg: var(--dh-color-red-700);--dh-color-orange-bg: var(--dh-color-orange-800);--dh-color-yellow-bg: var(--dh-color-yellow-1000);--dh-color-chartreuse-bg: var(--dh-color-chartreuse-900);--dh-color-celery-bg: var(--dh-color-celery-800);--dh-color-green-bg: var(--dh-color-green-700);--dh-color-seafoam-bg: var(--dh-color-seafoam-700);--dh-color-cyan-bg: var(--dh-color-cyan-700);--dh-color-indigo-bg: var(--dh-color-indigo-700);--dh-color-purple-bg: var(--dh-color-purple-700);--dh-color-fuchsia-bg: var(--dh-color-fuchsia-700);--dh-color-magenta-bg: var(--dh-color-magenta-700);--dh-color-focus: var(--dh-color-blue-800);--dh-color-focus-border: var(--dh-color-blue-800);--dh-color-focus-ring: var(--dh-color-focus);--dh-color-highlight-active: hsla(var(--dh-color-visual-gray-hsl), 0.2);--dh-color-highlight-hover: hsla(var(--dh-color-visual-gray-hsl), 0.15);--dh-color-highlight-invalid: hsla(var(--dh-color-visual-red-hsl), 0.15);--dh-color-highlight-selected: hsla(var(--dh-color-accent-hsl), 0.25);--dh-color-highlight-selected-hover: hsla(var(--dh-color-accent-hsl), 0.35);--dh-color-keyboard-selected-bg: hsla(var(--dh-color-accent-hsl), 0.5);--dh-color-dropshadow: hsla(var(--dh-color-true-black-hsl), 0.25);--dh-color-overlay-modal-bg: hsla(var(--dh-color-visual-gray-hsl), 0.6);--dh-color-overlay-hover-bg: hsla(var(--dh-color-visual-gray-hsl), 0.08);--dh-color-negative-bg: hsl(var(--dh-color-negative-hsl));--dh-color-negative-hover-bg: var(--dh-color-red-900);--dh-color-negative-down-bg: var(--dh-color-red-1000);--dh-color-negative-key-focus-bg: var(--dh-color-red-900);--dh-color-negative-contrast: hsl(var(--dh-color-negative-contrast-hsl));--dh-color-neutral-bg: hsl(var(--dh-color-neutral-hsl));--dh-color-neutral-hover-bg: var(--dh-color-gray-300);--dh-color-neutral-down-bg: var(--dh-color-gray-100);--dh-color-neutral-key-focus-bg: var(--dh-color-gray-300);--dh-color-neutral-contrast: hsl(var(--dh-color-neutral-contrast-hsl));--dh-color-neutral-subdued-bg: var(--dh-color-gray-400);--dh-color-neutral-subdued-hover-bg: var(--dh-color-gray-300);--dh-color-neutral-subdued-down-bg: var(--dh-color-gray-200);--dh-color-neutral-subdued-key-focus-bg: var(--dh-color-gray-300);--dh-color-positive-bg: hsl(var(--dh-color-positive-hsl));--dh-color-positive-hover-bg: var(--dh-color-green-800);--dh-color-positive-down-bg: var(--dh-color-green-700);--dh-color-positive-key-focus-bg: var(--dh-color-green-800);--dh-color-positive-contrast: hsl(var(--dh-color-positive-contrast-hsl));--dh-color-info-bg: hsl(var(--dh-color-info-hsl));--dh-color-info-hover-bg: var(--dh-color-cyan-900);--dh-color-info-down-bg: var(--dh-color-cyan-800);--dh-color-info-key-focus-bg: var(--dh-color-cyan-900);--dh-color-info-contrast: hsl(var(--dh-color-info-contrast-hsl));--dh-color-notice-bg: hsl(var(--dh-color-notice-hsl));--dh-color-notice-hover-bg: var(--dh-color-yellow-900);--dh-color-notice-down-bg: var(--dh-color-yellow-800);--dh-color-notice-key-focus-bg: var(--dh-color-yellow-1000);--dh-color-notice-contrast: hsl(var(--dh-color-notice-contrast-hsl));--dh-color-visual-blue: hsl(var(--dh-color-visual-blue-hsl));--dh-color-visual-celery: hsl(var(--dh-color-visual-celery-hsl));--dh-color-visual-chartreuse: hsl(var(--dh-color-visual-chartreuse-hsl));--dh-color-visual-cyan: hsl(var(--dh-color-visual-cyan-hsl));--dh-color-visual-fuchsia: hsl(var(--dh-color-visual-fuchsia-hsl));--dh-color-visual-gray: hsl(var(--dh-color-visual-gray-hsl));--dh-color-visual-green: hsl(var(--dh-color-visual-green-hsl));--dh-color-visual-indigo: hsl(var(--dh-color-visual-indigo-hsl));--dh-color-visual-magenta: hsl(var(--dh-color-visual-magenta-hsl));--dh-color-visual-orange: hsl(var(--dh-color-visual-orange-hsl));--dh-color-visual-purple: hsl(var(--dh-color-visual-purple-hsl));--dh-color-visual-red: hsl(var(--dh-color-visual-red-hsl));--dh-color-visual-seafoam: hsl(var(--dh-color-visual-seafoam-hsl));--dh-color-visual-yellow: hsl(var(--dh-color-visual-yellow-hsl));--dh-color-visual-positive: hsl(var(--dh-color-visual-positive-hsl));--dh-color-visual-negative: hsl(var(--dh-color-visual-negative-hsl));--dh-color-visual-notice: hsl(var(--dh-color-visual-notice-hsl));--dh-color-visual-info: hsl(var(--dh-color-visual-info-hsl));--dh-color-modified: var(--dh-color-green-700)}/*# sourceMappingURL=theme-light-semantic.css.map */
@@ -1 +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
+ {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-light/theme-light-semantic.css"],"names":[],"mappings":"AAEA,MAEE,gDACA,wDACA,gEACA,wDACA,6CAEA,yDACA,iDAEA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,0DACA,0DACA,0DACA,0DACA,0DACA,sDAEA,oDACA,4DAEA,mDACA,qDACA,uDACA,uDACA,qDAWA,0DACA,4DAEA,kEACA,gEACA,oEACA,oEACA,kEACA,oEAGA,yDACA,8DACA,sEACA,0DACA,+DACA,yDACA,2DACA,6DACA,+DACA,6DACA,8DACA,uDACA,gEACA,6DAEA,8DACA,4DACA,6DACA,0DAGA,2CACA,2DACA,2EACA,2DACA,2CACA,mDACA,kDACA,+DACA,6DAGA,kDACA,0CACA,mDACA,oEACA,gDAGA,iEACA,mEAGA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,6DACA,6DACA,6DACA,6DACA,6DAGA,sDACA,wDACA,uDACA,4DACA,qEAGA,6CACA,6CACA,2CACA,iDACA,kDACA,yDACA,iDACA,+CACA,mDACA,6CACA,iDACA,iDACA,mDACA,mDAGA,2CACA,kDACA,6CAGA,wEACA,wEACA,yEACA,sEACA,4EAGA,uEAGA,kEACA,wEACA,yEAGA,0DACA,sDACA,sDACA,0DACA,yEAGA,wDACA,sDACA,qDACA,0DACA,uEAEA,wDACA,8DACA,6DACA,kEAGA,0DACA,wDACA,uDACA,4DACA,yEAGA,kDACA,mDACA,kDACA,uDACA,iEAGA,sDACA,uDACA,sDACA,4DACA,qEAGA,6DACA,iEACA,yEACA,6DACA,mEACA,6DACA,+DACA,iEACA,mEACA,iEACA,iEACA,2DACA,mEACA,iEAEA,qEACA,qEACA,iEACA,6DAGA","file":"theme-light-semantic.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before */\n/* stylelint-disable alpha-value-notation */\n:root {\n /* HSL base colors */\n --dh-color-bg-hsl: var(--dh-color-gray-300-hsl);\n --dh-color-content-bg-hsl: var(--dh-color-gray-100-hsl);\n --dh-color-subdued-content-bg-hsl: var(--dh-color-gray-200-hsl);\n --dh-color-surface-bg-hsl: var(--dh-color-gray-200-hsl);\n --dh-color-fg-hsl: var(--dh-color-black-hsl);\n\n --dh-color-disabled-bg-hsl: var(--dh-color-gray-200-hsl);\n --dh-color-scrollbar-hsl: var(--dh-color-fg-hsl);\n\n --dh-color-accent-100-hsl: var(--dh-color-blue-100-hsl);\n --dh-color-accent-200-hsl: var(--dh-color-blue-200-hsl);\n --dh-color-accent-300-hsl: var(--dh-color-blue-300-hsl);\n --dh-color-accent-400-hsl: var(--dh-color-blue-400-hsl);\n --dh-color-accent-500-hsl: var(--dh-color-blue-500-hsl);\n --dh-color-accent-600-hsl: var(--dh-color-blue-600-hsl);\n --dh-color-accent-700-hsl: var(--dh-color-blue-700-hsl);\n --dh-color-accent-800-hsl: var(--dh-color-blue-800-hsl);\n --dh-color-accent-900-hsl: var(--dh-color-blue-900-hsl);\n --dh-color-accent-1000-hsl: var(--dh-color-blue-1000-hsl);\n --dh-color-accent-1100-hsl: var(--dh-color-blue-1100-hsl);\n --dh-color-accent-1200-hsl: var(--dh-color-blue-1200-hsl);\n --dh-color-accent-1300-hsl: var(--dh-color-blue-1300-hsl);\n --dh-color-accent-1400-hsl: var(--dh-color-blue-1400-hsl);\n --dh-color-accent-hsl: var(--dh-color-accent-900-hsl);\n\n --dh-color-border-hsl: var(--dh-color-gray-700-hsl);\n --dh-color-border-focus-hsl: var(--dh-color-accent-800-hsl);\n\n --dh-color-info-hsl: var(--dh-color-cyan-1000-hsl);\n --dh-color-neutral-hsl: var(--dh-color-gray-400-hsl);\n --dh-color-notice-hsl: var(--dh-color-yellow-1000-hsl);\n --dh-color-positive-hsl: var(--dh-color-green-900-hsl);\n --dh-color-negative-hsl: var(--dh-color-red-800-hsl);\n\n /*\n * Contrast Colors\n *\n * Note that React Spectrum guidance suggests that background colors containing\n * yellow, orange, chartreuse or cyan should use a dark contrast color. All\n * others should use light. Therefore, these should stay in sync with the \n * --dh-color-xxx-hsl values above.\n * https://spectrum.adobe.com/page/using-color/#Solid-color-background-with-black-or-white\n */\n --dh-color-contrast-dark-hsl: var(--dh-color-gray-50-hsl);\n --dh-color-contrast-light-hsl: var(--dh-color-gray-900-hsl);\n\n --dh-color-accent-contrast-hsl: var(--dh-color-contrast-dark-hsl);\n --dh-color-info-contrast-hsl: var(--dh-color-contrast-dark-hsl);\n --dh-color-negative-contrast-hsl: var(--dh-color-contrast-dark-hsl);\n --dh-color-neutral-contrast-hsl: var(--dh-color-contrast-light-hsl);\n --dh-color-notice-contrast-hsl: var(--dh-color-contrast-dark-hsl);\n --dh-color-positive-contrast-hsl: var(--dh-color-contrast-dark-hsl);\n\n /* Visual HSL */\n --dh-color-visual-blue-hsl: var(--dh-color-blue-900-hsl);\n --dh-color-visual-celery-hsl: var(--dh-color-celery-1000-hsl);\n --dh-color-visual-chartreuse-hsl: var(--dh-color-chartreuse-1100-hsl);\n --dh-color-visual-cyan-hsl: var(--dh-color-cyan-1100-hsl);\n --dh-color-visual-fuchsia-hsl: var(--dh-color-fuchsia-900-hsl);\n --dh-color-visual-gray-hsl: var(--dh-color-gray-600-hsl);\n --dh-color-visual-green-hsl: var(--dh-color-green-900-hsl);\n --dh-color-visual-indigo-hsl: var(--dh-color-indigo-900-hsl);\n --dh-color-visual-magenta-hsl: var(--dh-color-magenta-900-hsl);\n --dh-color-visual-orange-hsl: var(--dh-color-orange-800-hsl);\n --dh-color-visual-purple-hsl: var(--dh-color-purple-1000-hsl);\n --dh-color-visual-red-hsl: var(--dh-color-red-800-hsl);\n --dh-color-visual-seafoam-hsl: var(--dh-color-seafoam-1100-hsl);\n --dh-color-visual-yellow-hsl: var(--dh-color-yellow-700-hsl);\n\n --dh-color-visual-positive-hsl: var(--dh-color-green-800-hsl);\n --dh-color-visual-negative-hsl: var(--dh-color-red-800-hsl);\n --dh-color-visual-notice-hsl: var(--dh-color-yellow-700-hsl);\n --dh-color-visual-info-hsl: var(--dh-color-cyan-1100-hsl);\n\n /* General */\n --dh-color-bg: hsl(var(--dh-color-bg-hsl));\n --dh-color-content-bg: hsl(var(--dh-color-content-bg-hsl));\n --dh-color-subdued-content-bg: hsl(var(--dh-color-subdued-content-bg-hsl));\n --dh-color-surface-bg: hsl(var(--dh-color-surface-bg-hsl));\n --dh-color-fg: hsl(var(--dh-color-fg-hsl));\n --dh-color-border: hsl(var(--dh-color-border-hsl));\n --dh-color-hover-border: var(--dh-color-gray-900);\n --dh-color-border-focus: hsl(var(--dh-color-border-focus-hsl));\n --dh-color-disabled-bg: hsl(var(--dh-color-disabled-bg-hsl));\n\n /* Text */\n --dh-color-heading-text: var(--dh-color-gray-900);\n --dh-color-text: var(--dh-color-gray-800);\n --dh-color-text-disabled: var(--dh-color-gray-700);\n --dh-color-text-highlight: hsla(var(--dh-color-blue-700-hsl), 0.15);\n --dh-color-text-hover: var(--dh-color-gray-900);\n\n /* Contrast Base */\n --dh-color-contrast-dark: hsl(var(--dh-color-contrast-dark-hsl));\n --dh-color-contrast-light: hsl(var(--dh-color-contrast-light-hsl));\n\n /** Accent Colors */\n --dh-color-accent-100: hsl(var(--dh-color-accent-100-hsl));\n --dh-color-accent-200: hsl(var(--dh-color-accent-200-hsl));\n --dh-color-accent-300: hsl(var(--dh-color-accent-300-hsl));\n --dh-color-accent-400: hsl(var(--dh-color-accent-400-hsl));\n --dh-color-accent-500: hsl(var(--dh-color-accent-500-hsl));\n --dh-color-accent-600: hsl(var(--dh-color-accent-600-hsl));\n --dh-color-accent-700: hsl(var(--dh-color-accent-700-hsl));\n --dh-color-accent-800: hsl(var(--dh-color-accent-800-hsl));\n --dh-color-accent-900: hsl(var(--dh-color-accent-900-hsl));\n --dh-color-accent-1000: hsl(var(--dh-color-accent-1000-hsl));\n --dh-color-accent-1100: hsl(var(--dh-color-accent-1100-hsl));\n --dh-color-accent-1200: hsl(var(--dh-color-accent-1200-hsl));\n --dh-color-accent-1300: hsl(var(--dh-color-accent-1300-hsl));\n --dh-color-accent-1400: hsl(var(--dh-color-accent-1400-hsl));\n\n /* Accent */\n --dh-color-accent-bg: hsl(var(--dh-color-accent-hsl));\n --dh-color-accent-hover-bg: var(--dh-color-accent-1000);\n --dh-color-accent-down-bg: var(--dh-color-accent-1100);\n --dh-color-accent-key-focus-bg: var(--dh-color-accent-1000);\n --dh-color-accent-contrast: hsl(var(--dh-color-accent-contrast-hsl));\n\n /* Background Defaults */\n --dh-color-gray-bg: var(--dh-color-gray-700);\n --dh-color-blue-bg: var(--dh-color-blue-700);\n --dh-color-red-bg: var(--dh-color-red-700);\n --dh-color-orange-bg: var(--dh-color-orange-800);\n --dh-color-yellow-bg: var(--dh-color-yellow-1000);\n --dh-color-chartreuse-bg: var(--dh-color-chartreuse-900);\n --dh-color-celery-bg: var(--dh-color-celery-800);\n --dh-color-green-bg: var(--dh-color-green-700);\n --dh-color-seafoam-bg: var(--dh-color-seafoam-700);\n --dh-color-cyan-bg: var(--dh-color-cyan-700);\n --dh-color-indigo-bg: var(--dh-color-indigo-700);\n --dh-color-purple-bg: var(--dh-color-purple-700);\n --dh-color-fuchsia-bg: var(--dh-color-fuchsia-700);\n --dh-color-magenta-bg: var(--dh-color-magenta-700);\n\n /* Focus */\n --dh-color-focus: var(--dh-color-blue-800);\n --dh-color-focus-border: var(--dh-color-blue-800);\n --dh-color-focus-ring: var(--dh-color-focus);\n\n /* Highlight */\n --dh-color-highlight-active: hsla(var(--dh-color-visual-gray-hsl), 0.2);\n --dh-color-highlight-hover: hsla(var(--dh-color-visual-gray-hsl), 0.15);\n --dh-color-highlight-invalid: hsla(var(--dh-color-visual-red-hsl), 0.15);\n --dh-color-highlight-selected: hsla(var(--dh-color-accent-hsl), 0.25);\n --dh-color-highlight-selected-hover: hsla(var(--dh-color-accent-hsl), 0.35);\n\n /* Keyboard selected */\n --dh-color-keyboard-selected-bg: hsla(var(--dh-color-accent-hsl), 0.5);\n\n /* Shadows / Overlays */\n --dh-color-dropshadow: hsla(var(--dh-color-true-black-hsl), 0.25);\n --dh-color-overlay-modal-bg: hsla(var(--dh-color-visual-gray-hsl), 0.6);\n --dh-color-overlay-hover-bg: hsla(var(--dh-color-visual-gray-hsl), 0.08);\n\n /* Negative */\n --dh-color-negative-bg: hsl(var(--dh-color-negative-hsl));\n --dh-color-negative-hover-bg: var(--dh-color-red-900);\n --dh-color-negative-down-bg: var(--dh-color-red-1000);\n --dh-color-negative-key-focus-bg: var(--dh-color-red-900);\n --dh-color-negative-contrast: hsl(var(--dh-color-negative-contrast-hsl));\n\n /* Neutral */\n --dh-color-neutral-bg: hsl(var(--dh-color-neutral-hsl));\n --dh-color-neutral-hover-bg: var(--dh-color-gray-300);\n --dh-color-neutral-down-bg: var(--dh-color-gray-100);\n --dh-color-neutral-key-focus-bg: var(--dh-color-gray-300);\n --dh-color-neutral-contrast: hsl(var(--dh-color-neutral-contrast-hsl));\n\n --dh-color-neutral-subdued-bg: var(--dh-color-gray-400);\n --dh-color-neutral-subdued-hover-bg: var(--dh-color-gray-300);\n --dh-color-neutral-subdued-down-bg: var(--dh-color-gray-200);\n --dh-color-neutral-subdued-key-focus-bg: var(--dh-color-gray-300);\n\n /* Positive */\n --dh-color-positive-bg: hsl(var(--dh-color-positive-hsl));\n --dh-color-positive-hover-bg: var(--dh-color-green-800);\n --dh-color-positive-down-bg: var(--dh-color-green-700);\n --dh-color-positive-key-focus-bg: var(--dh-color-green-800);\n --dh-color-positive-contrast: hsl(var(--dh-color-positive-contrast-hsl));\n\n /* Informative */\n --dh-color-info-bg: hsl(var(--dh-color-info-hsl));\n --dh-color-info-hover-bg: var(--dh-color-cyan-900);\n --dh-color-info-down-bg: var(--dh-color-cyan-800);\n --dh-color-info-key-focus-bg: var(--dh-color-cyan-900);\n --dh-color-info-contrast: hsl(var(--dh-color-info-contrast-hsl));\n\n /* Notice */\n --dh-color-notice-bg: hsl(var(--dh-color-notice-hsl));\n --dh-color-notice-hover-bg: var(--dh-color-yellow-900);\n --dh-color-notice-down-bg: var(--dh-color-yellow-800);\n --dh-color-notice-key-focus-bg: var(--dh-color-yellow-1000);\n --dh-color-notice-contrast: hsl(var(--dh-color-notice-contrast-hsl));\n\n /* Visual Colors */\n --dh-color-visual-blue: hsl(var(--dh-color-visual-blue-hsl));\n --dh-color-visual-celery: hsl(var(--dh-color-visual-celery-hsl));\n --dh-color-visual-chartreuse: hsl(var(--dh-color-visual-chartreuse-hsl));\n --dh-color-visual-cyan: hsl(var(--dh-color-visual-cyan-hsl));\n --dh-color-visual-fuchsia: hsl(var(--dh-color-visual-fuchsia-hsl));\n --dh-color-visual-gray: hsl(var(--dh-color-visual-gray-hsl));\n --dh-color-visual-green: hsl(var(--dh-color-visual-green-hsl));\n --dh-color-visual-indigo: hsl(var(--dh-color-visual-indigo-hsl));\n --dh-color-visual-magenta: hsl(var(--dh-color-visual-magenta-hsl));\n --dh-color-visual-orange: hsl(var(--dh-color-visual-orange-hsl));\n --dh-color-visual-purple: hsl(var(--dh-color-visual-purple-hsl));\n --dh-color-visual-red: hsl(var(--dh-color-visual-red-hsl));\n --dh-color-visual-seafoam: hsl(var(--dh-color-visual-seafoam-hsl));\n --dh-color-visual-yellow: hsl(var(--dh-color-visual-yellow-hsl));\n\n --dh-color-visual-positive: hsl(var(--dh-color-visual-positive-hsl));\n --dh-color-visual-negative: hsl(var(--dh-color-visual-negative-hsl));\n --dh-color-visual-notice: hsl(var(--dh-color-visual-notice-hsl));\n --dh-color-visual-info: hsl(var(--dh-color-visual-info-hsl));\n\n /* Editing */\n --dh-color-modified: var(--dh-color-green-700);\n}\n"]}
@@ -1 +1 @@
1
- [class^=spectrum]{font-family:var(--font-family-sans-serif) !important}label[class^=spectrum-]{margin-bottom:0}.svg-inline--fa[class*=spectrum-Icon--sizeS]{--spectrum-alias-workflow-icon-size: var(--dh-svg-inline-icon-size)}.action-button-icon-with-tooltip{padding-right:var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85))}/*# sourceMappingURL=theme-spectrum-overrides.css.map */
1
+ [class^=spectrum]{font-family:var(--font-family-sans-serif) !important}label[class^=spectrum-]{margin-bottom:0}.svg-inline--fa[class*=spectrum-Icon--sizeS]{--spectrum-alias-workflow-icon-size: var(--dh-svg-inline-icon-size)}.action-button-icon-with-tooltip{padding-right:var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85))}[class^=spectrum-Table-headCell]{--dh-table-header-cell-background-color: transparent;background:var(--dh-table-header-cell-background-color)}[class*=spectrum-Table--quiet]{--spectrum-alias-background-color-default: transparent}button[class^=spectrum-Button]{--spectrum-button-primary-text-gap: var(--spectrum-global-dimension-size-75);padding-bottom:calc(var(--spectrum-global-dimension-size-50) - 1px);padding-top:calc(var(--spectrum-global-dimension-size-50))}button[class^=spectrum-Button] svg{padding-bottom:var(--spectrum-global-dimension-size-25)}span[class^=spectrum-Checkbox-label],span[class^=spectrum-Radio-label]{margin-top:var(--spectrum-global-dimension-size-85)}/*# sourceMappingURL=theme-spectrum-overrides.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-spectrum/theme-spectrum-overrides.css"],"names":[],"mappings":"AAAA,kBAGE,qDAIF,wBACE,gBAGF,6CAKE,oEAQF,iCACE","file":"theme-spectrum-overrides.css","sourcesContent":["[class^='spectrum'] {\n /* --font-family-sans-serif is defined in Bootstrap's _root.scss. We want\n Spectrum to use the same default font-family */\n font-family: var(--font-family-sans-serif) !important;\n}\n\n/* Override _reboot.scss */\nlabel[class^='spectrum-'] {\n margin-bottom: 0;\n}\n\n.svg-inline--fa[class*='spectrum-Icon--sizeS'] {\n /* \n Resize fontawesome icons used inside a spectrum icon wrapper to match\n our icon size. Spectrum icons are 18px by default, but our icons are built on a 16px grid.\n */\n --spectrum-alias-workflow-icon-size: var(--dh-svg-inline-icon-size);\n}\n\n/** \n * Spectrum action button icons only include right padding if the the icon is \n * the only child. In cases where we add a <Tooltip>, we have to manually add \n * the right padding ourselves to keep the icon centered.\n */\n.action-button-icon-with-tooltip {\n padding-right: var(\n --spectrum-actionbutton-icon-padding-x,\n var(--spectrum-global-dimension-size-85)\n );\n}\n"]}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-spectrum/theme-spectrum-overrides.css"],"names":[],"mappings":"AAAA,kBAGE,qDAIF,wBACE,gBAGF,6CAKE,oEAQF,iCACE,oGAMF,iCAME,qDACA,wDAIF,+BAEE,uDAGF,+BAEE,6EAGA,oEACA,2DAGF,mCAEE,wDAGF,uEAKE","file":"theme-spectrum-overrides.css","sourcesContent":["[class^='spectrum'] {\n /* --font-family-sans-serif is defined in Bootstrap's _root.scss. We want\n Spectrum to use the same default font-family */\n font-family: var(--font-family-sans-serif) !important;\n}\n\n/* Override _reboot.scss */\nlabel[class^='spectrum-'] {\n margin-bottom: 0;\n}\n\n.svg-inline--fa[class*='spectrum-Icon--sizeS'] {\n /* \n Resize fontawesome icons used inside a spectrum icon wrapper to match\n our icon size. Spectrum icons are 18px by default, but our icons are built on a 16px grid.\n */\n --spectrum-alias-workflow-icon-size: var(--dh-svg-inline-icon-size);\n}\n\n/** \n * Spectrum action button icons only include right padding if the the icon is \n * the only child. In cases where we add a <Tooltip>, we have to manually add \n * the right padding ourselves to keep the icon centered.\n */\n.action-button-icon-with-tooltip {\n padding-right: var(\n --spectrum-actionbutton-icon-padding-x,\n var(--spectrum-global-dimension-size-85)\n );\n}\n\n[class^='spectrum-Table-headCell'] {\n /* \n Tables are styled with the assumption that the header is the same color as the bg\n which means they look bad against any other background color, instead just inherit the bg.\n There is also no variable exposed for this, so we have to target the class directly.\n */\n --dh-table-header-cell-background-color: transparent;\n background: var(--dh-table-header-cell-background-color);\n}\n\n/* Table */\n[class*='spectrum-Table--quiet'] {\n /* Quiet shouldn't assume a bg color */\n --spectrum-alias-background-color-default: transparent;\n}\n\nbutton[class^='spectrum-Button'] {\n /* make the icon closer to the text */\n --spectrum-button-primary-text-gap: var(--spectrum-global-dimension-size-75);\n\n /* Center the text vertically. We use a different font then spectrum so we require different custom centering */\n padding-bottom: calc(var(--spectrum-global-dimension-size-50) - 1px);\n padding-top: calc(var(--spectrum-global-dimension-size-50));\n}\n\nbutton[class^='spectrum-Button'] svg {\n /* our icons are smaller, center them too */\n padding-bottom: var(--spectrum-global-dimension-size-25);\n}\n\nspan[class^='spectrum-Checkbox-label'],\nspan[class^='spectrum-Radio-label'] {\n /* I have no idea why these spectrum labels aren't centered,\n but this fixes it. Maybe difference in font baselines.\n */\n margin-top: var(--spectrum-global-dimension-size-85);\n}\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@deephaven/components",
3
- "version": "0.58.1-beta.5+a3bea733",
3
+ "version": "0.59.0",
4
4
  "description": "Deephaven React component library",
5
5
  "author": "Deephaven Data Labs LLC",
6
6
  "license": "Apache-2.0",
@@ -25,10 +25,10 @@
25
25
  },
26
26
  "dependencies": {
27
27
  "@adobe/react-spectrum": "^3.29.0",
28
- "@deephaven/icons": "^0.58.1-beta.5+a3bea733",
29
- "@deephaven/log": "^0.58.1-beta.5+a3bea733",
30
- "@deephaven/react-hooks": "^0.58.1-beta.5+a3bea733",
31
- "@deephaven/utils": "^0.58.1-beta.5+a3bea733",
28
+ "@deephaven/icons": "^0.59.0",
29
+ "@deephaven/log": "^0.59.0",
30
+ "@deephaven/react-hooks": "^0.59.0",
31
+ "@deephaven/utils": "^0.59.0",
32
32
  "@fortawesome/fontawesome-svg-core": "^6.2.1",
33
33
  "@fortawesome/react-fontawesome": "^0.2.0",
34
34
  "@react-spectrum/theme-default": "^3.5.1",
@@ -52,7 +52,7 @@
52
52
  "react-dom": "^17.x"
53
53
  },
54
54
  "devDependencies": {
55
- "@deephaven/mocks": "^0.58.1-beta.5+a3bea733"
55
+ "@deephaven/mocks": "^0.59.0"
56
56
  },
57
57
  "files": [
58
58
  "dist",
@@ -66,5 +66,5 @@
66
66
  "publishConfig": {
67
67
  "access": "public"
68
68
  },
69
- "gitHead": "a3bea733b97dfafe33a54623ef8e8e04cb5aa44e"
69
+ "gitHead": "9d2fcaeb5b6ffd624df9eab1cfea6ce0a183a803"
70
70
  }