@deephaven/components 0.50.1-beta.5 → 0.51.0

package/dist/theme/theme-spectrum/theme-spectrum-alias.module.css

@@ -0,0 +1,192 @@
+/* stylelint-disable custom-property-empty-line-before */
+/* stylelint-disable alpha-value-notation */
+.dh-spectrum-alias {
+  --spectrum-alias-background-color-default: var(--dh-color-background);
+  /* Shadows / Overlays */
+  --spectrum-alias-dropshadow-color: var(--dh-color-dropshadow);
+  --spectrum-alias-background-color-modal-overlay: var(
+    --dh-color-modal-overlay-bg
+  );
+  --spectrum-alias-background-color-hover-overlay: var(
+    --dh-color-overlay-hover-bg
+  );
+  /* Color Picker Borders */
+  --spectrum-colorarea-border-color: var(--dh-color-colorpicker-border);
+  --spectrum-colorarea-border-color-hover: var(--dh-color-colorpicker-border);
+  --spectrum-colorarea-border-color-down: var(--dh-color-colorpicker-border);
+  --spectrum-colorarea-border-color-key-focus: var(
+    --dh-color-colorpicker-border
+  );
+  --spectrum-colorslider-border-color: var(--dh-color-colorpicker-border);
+  --spectrum-colorslider-border-color-hover: var(--dh-color-colorpicker-border);
+  --spectrum-colorslider-border-color-down: var(--dh-color-colorpicker-border);
+  --spectrum-colorslider-border-color-key-focus: var(
+    --dh-color-colorpicker-border
+  );
+  --spectrum-colorslider-vertical-border-color: var(
+    --dh-color-colorpicker-border
+  );
+  --spectrum-colorslider-vertical-border-color-hover: var(
+    --dh-color-colorpicker-border
+  );
+  --spectrum-colorslider-vertical-border-color-down: var(
+    --dh-color-colorpicker-border
+  );
+  --spectrum-colorslider-vertical-border-color-key-focus: var(
+    --dh-color-colorpicker-border
+  );
+  --spectrum-colorwheel-border-color: var(--dh-color-colorpicker-border);
+  --spectrum-colorwheel-border-color-hover: var(--dh-color-colorpicker-border);
+  --spectrum-colorwheel-border-color-down: var(--dh-color-colorpicker-border);
+  --spectrum-colorwheel-border-color-key-focus: var(
+    --dh-color-colorpicker-border
+  );
+  /* Highlight */
+  --spectrum-alias-highlight-active: var(--dh-color-highlight-active);
+  --spectrum-alias-highlight-hover: var(--dh-color-highlight-hover);
+  --spectrum-alias-highlight-invalid: var(--dh-color-highlight-invalid);
+  --spectrum-alias-highlight-selected: var(--dh-color-highlight-selected);
+  --spectrum-alias-highlight-selected-hover: var(
+    --dh-color-highlight-selected-hover
+  );
+  --spectrum-alias-text-highlight-color: var(--dh-color-text-highlight);
+  --spectrum-alias-background-color-quickactions: var(
+    --dh-color-quickactions-bg
+  );
+  --spectrum-alias-radial-reaction-color-default: var(
+    --dh-color-radial-reaction
+  );
+  --spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-50);
+  --spectrum-alias-appframe-separator-color: var(
+    --spectrum-global-color-gray-50
+  );
+  --spectrum-alias-pasteboard-background-color: var(
+    --spectrum-global-color-gray-50
+  );
+  /* Tabs */
+  --spectrum-tabs-compact-selection-indicator-color: var(
+    --spectrum-global-color-blue-500
+  );
+  --spectrum-tabs-compact-vertical-rule-color: var(
+    --spectrum-global-color-gray-200
+  );
+  --spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var(
+    --spectrum-global-color-blue-500
+  );
+  --spectrum-tabs-compact-vertical-emphasized-rule-color: var(
+    --spectrum-global-color-gray-200
+  );
+  --spectrum-tabs-emphasized-selection-indicator-color: var(
+    --spectrum-global-color-blue-500
+  );
+  --spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var(
+    --spectrum-global-color-blue-500
+  );
+  --spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var(
+    --spectrum-global-color-blue-500
+  );
+  --spectrum-tabs-quiet-emphasized-selection-indicator-color: var(
+    --spectrum-global-color-blue-500
+  );
+  --spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(
+    --spectrum-global-color-blue-500
+  );
+  /* Wells */
+  --spectrum-well-background-color: var(--dh-color-well-bg);
+  --spectrum-well-border-color: var(--dh-color-well-border);
+  /* PATCH: This is missing in Spectrum css */
+  --spectrum-tray-background-color: var(--spectrum-global-color-gray-100);
+  --react-spectrum-datepicker-placeholder-color: var(
+    --spectrum-global-color-gray-600
+  );
+  /* 4.8:1 contrast ratio */
+  /* Accent */
+  --spectrum-accent-background-color-default: var(
+    --dh-color-accent-background-default
+  );
+  --spectrum-accent-background-color-hover: var(
+    --dh-color-accent-background-hover
+  );
+  --spectrum-accent-background-color-down: var(
+    --dh-color-accent-background-down
+  );
+  --spectrum-accent-background-color-key-focus: var(
+    --dh-color-accent-background-key-focus
+  );
+  /* Neutral */
+  --spectrum-neutral-background-color-default: var(--dh-neutral-default-bg);
+  --spectrum-neutral-background-color-hover: var(--dh-neutral-hover-bg);
+  --spectrum-neutral-background-color-down: var(--dh-neutral-down-bg);
+  --spectrum-neutral-background-color-key-focus: var(--dh-neutral-key-focus-bg);
+  --spectrum-neutral-subdued-background-color-default: var(
+    --dh-neutral-subdued-default-bg
+  );
+  --spectrum-neutral-subdued-background-color-hover: var(
+    --dh-neutral-subdued-hover-bg
+  );
+  --spectrum-neutral-subdued-background-color-down: var(
+    --dh-neutral-subdued-down-bg
+  );
+  --spectrum-neutral-subdued-background-color-key-focus: var(
+    --dh-neutral-subdued-key-focus-bg
+  );
+  /* Negative */
+  --spectrum-negative-background-color-default: var(
+    --dh-color-negative-default-bg
+  );
+  --spectrum-negative-background-color-hover: var(--dh-color-negative-hover-bg);
+  --spectrum-negative-background-color-down: var(--dh-color-negative-down-bg);
+  --spectrum-negative-background-color-key-focus: var(
+    --dh-color-negative-key-focus-bg
+  );
+  /* Positive */
+  --spectrum-positive-background-color-default: var(
+    --dh-color-positive-default-bg
+  );
+  --spectrum-positive-background-color-hover: var(--dh-color-positive-hover-bg);
+  --spectrum-positive-background-color-down: var(--dh-color-positive-down-bg);
+  --spectrum-positive-background-color-key-focus: var(
+    --dh-color-positive-key-focus-bg
+  );
+  /* Informative */
+  --spectrum-informative-background-color-default: var(
+    --dh-color-info-default-bg
+  );
+  --spectrum-informative-background-color-hover: var(--dh-color-info-hover-bg);
+  --spectrum-informative-background-color-down: var(--dh-color-info-down-bg);
+  --spectrum-informative-background-color-key-focus: var(
+    --dh-color-info-key-focus-bg
+  );
+  /* Notice */
+  --spectrum-notice-background-color-default: var(--dh-color-notice-default-bg);
+  --spectrum-notice-background-color-hover: var(--dh-color-notice-hover-bg);
+  --spectrum-notice-background-color-down: var(--dh-color-notice-down-bg);
+  --spectrum-notice-background-color-key-focus: var(
+    --dh-color-notice-key-focus-bg
+  );
+  /* Default Background */
+  --spectrum-gray-background-color-default: var(--dh-color-default-gray-bg);
+  --spectrum-red-background-color-default: var(--dh-color-default-red-bg);
+  --spectrum-orange-background-color-default: var(--dh-color-default-orange-bg);
+  --spectrum-yellow-background-color-default: var(--dh-color-default-yellow-bg);
+  --spectrum-chartreuse-background-color-default: var(
+    --dh-color-default-chartreuse-bg
+  );
+  --spectrum-celery-background-color-default: var(--dh-color-default-celery-bg);
+  --spectrum-green-background-color-default: var(--dh-color-default-green-bg);
+  --spectrum-seafoam-background-color-default: var(
+    --dh-color-default-seafoam-bg
+  );
+  --spectrum-cyan-background-color-default: var(--dh-color-default-cyan-bg);
+  --spectrum-blue-background-color-default: var(--dh-color-default-blue-bg);
+  --spectrum-indigo-background-color-default: var(--dh-color-default-indigo-bg);
+  --spectrum-purple-background-color-default: var(--dh-color-default-purple-bg);
+  --spectrum-fuchsia-background-color-default: var(
+    --dh-color-default-fuchsia-bg
+  );
+  --spectrum-magenta-background-color-default: var(
+    --dh-color-default-magenta-bg
+  );
+}
+
+/*# sourceMappingURL=theme-spectrum-alias.module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-spectrum/theme-spectrum-alias.module.css"],"names":[],"mappings":"AAAA;AACA;AACA;EACE;AAEA;EACA;EACA;AAAA;AAAA;EAGA;AAAA;AAAA;AAIA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;EACA;EACA;EACA;AAAA;AAAA;AAIA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAIA;EACA;AAAA;AAAA;EAGA;AAAA;AAAA;EAIA;EACA;AAAA;AAAA;EAGA;AAAA;AAAA;AAIA;EACA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;AAIA;EACA;EACA;AAEA;EACA;EAEA;AAAA;AAAA;AAEG;AAEH;EACA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;AAIA;EACA;EACA;EACA;EACA;EAEA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;AAIA;EACA;AAAA;AAAA;EAGA;EACA;EACA;AAAA;AAAA;AAIA;EACA;AAAA;AAAA;EAGA;EACA;EACA;AAAA;AAAA;AAIA;EACA;AAAA;AAAA;EAGA;EACA;EACA;AAAA;AAAA;AAIA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAIA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;AAAA;AAAA","file":"theme-spectrum-alias.module.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before */\n/* stylelint-disable alpha-value-notation */\n.dh-spectrum-alias {\n  --spectrum-alias-background-color-default: var(--dh-color-background);\n\n  /* Shadows / Overlays */\n  --spectrum-alias-dropshadow-color: var(--dh-color-dropshadow);\n  --spectrum-alias-background-color-modal-overlay: var(\n    --dh-color-modal-overlay-bg\n  );\n  --spectrum-alias-background-color-hover-overlay: var(\n    --dh-color-overlay-hover-bg\n  );\n\n  /* Color Picker Borders */\n  --spectrum-colorarea-border-color: var(--dh-color-colorpicker-border);\n  --spectrum-colorarea-border-color-hover: var(--dh-color-colorpicker-border);\n  --spectrum-colorarea-border-color-down: var(--dh-color-colorpicker-border);\n  --spectrum-colorarea-border-color-key-focus: var(\n    --dh-color-colorpicker-border\n  );\n  --spectrum-colorslider-border-color: var(--dh-color-colorpicker-border);\n  --spectrum-colorslider-border-color-hover: var(--dh-color-colorpicker-border);\n  --spectrum-colorslider-border-color-down: var(--dh-color-colorpicker-border);\n  --spectrum-colorslider-border-color-key-focus: var(\n    --dh-color-colorpicker-border\n  );\n  --spectrum-colorslider-vertical-border-color: var(\n    --dh-color-colorpicker-border\n  );\n  --spectrum-colorslider-vertical-border-color-hover: var(\n    --dh-color-colorpicker-border\n  );\n  --spectrum-colorslider-vertical-border-color-down: var(\n    --dh-color-colorpicker-border\n  );\n  --spectrum-colorslider-vertical-border-color-key-focus: var(\n    --dh-color-colorpicker-border\n  );\n  --spectrum-colorwheel-border-color: var(--dh-color-colorpicker-border);\n  --spectrum-colorwheel-border-color-hover: var(--dh-color-colorpicker-border);\n  --spectrum-colorwheel-border-color-down: var(--dh-color-colorpicker-border);\n  --spectrum-colorwheel-border-color-key-focus: var(\n    --dh-color-colorpicker-border\n  );\n\n  /* Highlight */\n  --spectrum-alias-highlight-active: var(--dh-color-highlight-active);\n  --spectrum-alias-highlight-hover: var(--dh-color-highlight-hover);\n  --spectrum-alias-highlight-invalid: var(--dh-color-highlight-invalid);\n  --spectrum-alias-highlight-selected: var(--dh-color-highlight-selected);\n  --spectrum-alias-highlight-selected-hover: var(\n    --dh-color-highlight-selected-hover\n  );\n\n  --spectrum-alias-text-highlight-color: var(--dh-color-text-highlight);\n  --spectrum-alias-background-color-quickactions: var(\n    --dh-color-quickactions-bg\n  );\n  --spectrum-alias-radial-reaction-color-default: var(\n    --dh-color-radial-reaction\n  );\n\n  --spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-50);\n  --spectrum-alias-appframe-separator-color: var(\n    --spectrum-global-color-gray-50\n  );\n  --spectrum-alias-pasteboard-background-color: var(\n    --spectrum-global-color-gray-50\n  );\n\n  /* Tabs */\n  --spectrum-tabs-compact-selection-indicator-color: var(\n    --spectrum-global-color-blue-500\n  );\n  --spectrum-tabs-compact-vertical-rule-color: var(\n    --spectrum-global-color-gray-200\n  );\n  --spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var(\n    --spectrum-global-color-blue-500\n  );\n  --spectrum-tabs-compact-vertical-emphasized-rule-color: var(\n    --spectrum-global-color-gray-200\n  );\n  --spectrum-tabs-emphasized-selection-indicator-color: var(\n    --spectrum-global-color-blue-500\n  );\n  --spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var(\n    --spectrum-global-color-blue-500\n  );\n  --spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var(\n    --spectrum-global-color-blue-500\n  );\n  --spectrum-tabs-quiet-emphasized-selection-indicator-color: var(\n    --spectrum-global-color-blue-500\n  );\n  --spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(\n    --spectrum-global-color-blue-500\n  );\n\n  /* Wells */\n  --spectrum-well-background-color: var(--dh-color-well-bg);\n  --spectrum-well-border-color: var(--dh-color-well-border);\n\n  /* PATCH: This is missing in Spectrum css */\n  --spectrum-tray-background-color: var(--spectrum-global-color-gray-100);\n\n  --react-spectrum-datepicker-placeholder-color: var(\n    --spectrum-global-color-gray-600\n  ); /* 4.8:1 contrast ratio */\n\n  /* Accent */\n  --spectrum-accent-background-color-default: var(\n    --dh-color-accent-background-default\n  );\n  --spectrum-accent-background-color-hover: var(\n    --dh-color-accent-background-hover\n  );\n  --spectrum-accent-background-color-down: var(\n    --dh-color-accent-background-down\n  );\n  --spectrum-accent-background-color-key-focus: var(\n    --dh-color-accent-background-key-focus\n  );\n\n  /* Neutral */\n  --spectrum-neutral-background-color-default: var(--dh-neutral-default-bg);\n  --spectrum-neutral-background-color-hover: var(--dh-neutral-hover-bg);\n  --spectrum-neutral-background-color-down: var(--dh-neutral-down-bg);\n  --spectrum-neutral-background-color-key-focus: var(--dh-neutral-key-focus-bg);\n\n  --spectrum-neutral-subdued-background-color-default: var(\n    --dh-neutral-subdued-default-bg\n  );\n  --spectrum-neutral-subdued-background-color-hover: var(\n    --dh-neutral-subdued-hover-bg\n  );\n  --spectrum-neutral-subdued-background-color-down: var(\n    --dh-neutral-subdued-down-bg\n  );\n  --spectrum-neutral-subdued-background-color-key-focus: var(\n    --dh-neutral-subdued-key-focus-bg\n  );\n\n  /* Negative */\n  --spectrum-negative-background-color-default: var(\n    --dh-color-negative-default-bg\n  );\n  --spectrum-negative-background-color-hover: var(--dh-color-negative-hover-bg);\n  --spectrum-negative-background-color-down: var(--dh-color-negative-down-bg);\n  --spectrum-negative-background-color-key-focus: var(\n    --dh-color-negative-key-focus-bg\n  );\n\n  /* Positive */\n  --spectrum-positive-background-color-default: var(\n    --dh-color-positive-default-bg\n  );\n  --spectrum-positive-background-color-hover: var(--dh-color-positive-hover-bg);\n  --spectrum-positive-background-color-down: var(--dh-color-positive-down-bg);\n  --spectrum-positive-background-color-key-focus: var(\n    --dh-color-positive-key-focus-bg\n  );\n\n  /* Informative */\n  --spectrum-informative-background-color-default: var(\n    --dh-color-info-default-bg\n  );\n  --spectrum-informative-background-color-hover: var(--dh-color-info-hover-bg);\n  --spectrum-informative-background-color-down: var(--dh-color-info-down-bg);\n  --spectrum-informative-background-color-key-focus: var(\n    --dh-color-info-key-focus-bg\n  );\n\n  /* Notice */\n  --spectrum-notice-background-color-default: var(--dh-color-notice-default-bg);\n  --spectrum-notice-background-color-hover: var(--dh-color-notice-hover-bg);\n  --spectrum-notice-background-color-down: var(--dh-color-notice-down-bg);\n  --spectrum-notice-background-color-key-focus: var(\n    --dh-color-notice-key-focus-bg\n  );\n\n  /* Default Background */\n  --spectrum-gray-background-color-default: var(--dh-color-default-gray-bg);\n  --spectrum-red-background-color-default: var(--dh-color-default-red-bg);\n  --spectrum-orange-background-color-default: var(--dh-color-default-orange-bg);\n  --spectrum-yellow-background-color-default: var(--dh-color-default-yellow-bg);\n  --spectrum-chartreuse-background-color-default: var(\n    --dh-color-default-chartreuse-bg\n  );\n  --spectrum-celery-background-color-default: var(--dh-color-default-celery-bg);\n  --spectrum-green-background-color-default: var(--dh-color-default-green-bg);\n  --spectrum-seafoam-background-color-default: var(\n    --dh-color-default-seafoam-bg\n  );\n  --spectrum-cyan-background-color-default: var(--dh-color-default-cyan-bg);\n  --spectrum-blue-background-color-default: var(--dh-color-default-blue-bg);\n  --spectrum-indigo-background-color-default: var(--dh-color-default-indigo-bg);\n  --spectrum-purple-background-color-default: var(--dh-color-default-purple-bg);\n  --spectrum-fuchsia-background-color-default: var(\n    --dh-color-default-fuchsia-bg\n  );\n  --spectrum-magenta-background-color-default: var(\n    --dh-color-default-magenta-bg\n  );\n}\n"]}

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

@@ -0,0 +1,7 @@
+[class^=spectrum] {
+  /* --font-family-sans-serif is defined in Bootstrap's _root.scss. We want
+  Spectrum to use the same default font-family */
+  font-family: var(--font-family-sans-serif) !important;
+}
+
+/*# sourceMappingURL=theme-spectrum-overrides.module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-spectrum/theme-spectrum-overrides.module.css"],"names":[],"mappings":"AAAA;AACE;AAAA;EAEA","file":"theme-spectrum-overrides.module.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"]}

package/dist/theme/theme-spectrum/theme-spectrum-palette.module.css

@@ -0,0 +1,211 @@
+.dh-spectrum-palette {
+  /* Gray */
+  --spectrum-gray-50: var(--dh-color-gray-50);
+  --spectrum-gray-75: var(--dh-color-gray-75);
+  --spectrum-gray-100: var(--dh-color-gray-100);
+  --spectrum-gray-200: var(--dh-color-gray-200);
+  --spectrum-gray-300: var(--dh-color-gray-300);
+  --spectrum-gray-400: var(--dh-color-gray-400);
+  --spectrum-gray-500: var(--dh-color-gray-500);
+  --spectrum-gray-600: var(--dh-color-gray-600);
+  --spectrum-gray-700: var(--dh-color-gray-700);
+  --spectrum-gray-800: var(--dh-color-gray-800);
+  --spectrum-gray-900: var(--dh-color-gray-900);
+  /* Blue */
+  --spectrum-blue-100: var(--dh-color-blue-100);
+  --spectrum-blue-200: var(--dh-color-blue-200);
+  --spectrum-blue-300: var(--dh-color-blue-300);
+  --spectrum-blue-400: var(--dh-color-blue-400);
+  --spectrum-blue-500: var(--dh-color-blue-500);
+  --spectrum-blue-600: var(--dh-color-blue-600);
+  --spectrum-blue-700: var(--dh-color-blue-700);
+  --spectrum-blue-800: var(--dh-color-blue-800);
+  --spectrum-blue-900: var(--dh-color-blue-900);
+  --spectrum-blue-1000: var(--dh-color-blue-1000);
+  --spectrum-blue-1100: var(--dh-color-blue-1100);
+  --spectrum-blue-1200: var(--dh-color-blue-1200);
+  --spectrum-blue-1300: var(--dh-color-blue-1300);
+  --spectrum-blue-1400: var(--dh-color-blue-1400);
+  /* Red */
+  --spectrum-red-100: var(--dh-color-red-100);
+  --spectrum-red-200: var(--dh-color-red-200);
+  --spectrum-red-300: var(--dh-color-red-300);
+  --spectrum-red-400: var(--dh-color-red-400);
+  --spectrum-red-500: var(--dh-color-red-500);
+  --spectrum-red-600: var(--dh-color-red-600);
+  --spectrum-red-700: var(--dh-color-red-700);
+  --spectrum-red-800: var(--dh-color-red-800);
+  --spectrum-red-900: var(--dh-color-red-900);
+  --spectrum-red-1000: var(--dh-color-red-1000);
+  --spectrum-red-1100: var(--dh-color-red-1100);
+  --spectrum-red-1200: var(--dh-color-red-1200);
+  --spectrum-red-1300: var(--dh-color-red-1300);
+  --spectrum-red-1400: var(--dh-color-red-1400);
+  /* Orange */
+  --spectrum-orange-100: var(--dh-color-orange-100);
+  --spectrum-orange-200: var(--dh-color-orange-200);
+  --spectrum-orange-300: var(--dh-color-orange-300);
+  --spectrum-orange-400: var(--dh-color-orange-400);
+  --spectrum-orange-500: var(--dh-color-orange-500);
+  --spectrum-orange-600: var(--dh-color-orange-600);
+  --spectrum-orange-700: var(--dh-color-orange-700);
+  --spectrum-orange-800: var(--dh-color-orange-800);
+  --spectrum-orange-900: var(--dh-color-orange-900);
+  --spectrum-orange-1000: var(--dh-color-orange-1000);
+  --spectrum-orange-1100: var(--dh-color-orange-1100);
+  --spectrum-orange-1200: var(--dh-color-orange-1200);
+  --spectrum-orange-1300: var(--dh-color-orange-1300);
+  --spectrum-orange-1400: var(--dh-color-orange-1400);
+  /* Yellow */
+  --spectrum-yellow-100: var(--dh-color-yellow-100);
+  --spectrum-yellow-200: var(--dh-color-yellow-200);
+  --spectrum-yellow-300: var(--dh-color-yellow-300);
+  --spectrum-yellow-400: var(--dh-color-yellow-400);
+  --spectrum-yellow-500: var(--dh-color-yellow-500);
+  --spectrum-yellow-600: var(--dh-color-yellow-600);
+  --spectrum-yellow-700: var(--dh-color-yellow-700);
+  --spectrum-yellow-800: var(--dh-color-yellow-800);
+  --spectrum-yellow-900: var(--dh-color-yellow-900);
+  --spectrum-yellow-1000: var(--dh-color-yellow-1000);
+  --spectrum-yellow-1100: var(--dh-color-yellow-1100);
+  --spectrum-yellow-1200: var(--dh-color-yellow-1200);
+  --spectrum-yellow-1300: var(--dh-color-yellow-1300);
+  --spectrum-yellow-1400: var(--dh-color-yellow-1400);
+  /* Chartreuse */
+  --spectrum-chartreuse-100: var(--dh-color-chartreuse-100);
+  --spectrum-chartreuse-200: var(--dh-color-chartreuse-200);
+  --spectrum-chartreuse-300: var(--dh-color-chartreuse-300);
+  --spectrum-chartreuse-400: var(--dh-color-chartreuse-400);
+  --spectrum-chartreuse-500: var(--dh-color-chartreuse-500);
+  --spectrum-chartreuse-600: var(--dh-color-chartreuse-600);
+  --spectrum-chartreuse-700: var(--dh-color-chartreuse-700);
+  --spectrum-chartreuse-800: var(--dh-color-chartreuse-800);
+  --spectrum-chartreuse-900: var(--dh-color-chartreuse-900);
+  --spectrum-chartreuse-1000: var(--dh-color-chartreuse-1000);
+  --spectrum-chartreuse-1100: var(--dh-color-chartreuse-1100);
+  --spectrum-chartreuse-1200: var(--dh-color-chartreuse-1200);
+  --spectrum-chartreuse-1300: var(--dh-color-chartreuse-1300);
+  --spectrum-chartreuse-1400: var(--dh-color-chartreuse-1400);
+  /* Celery */
+  --spectrum-celery-100: var(--dh-color-celery-100);
+  --spectrum-celery-200: var(--dh-color-celery-200);
+  --spectrum-celery-300: var(--dh-color-celery-300);
+  --spectrum-celery-400: var(--dh-color-celery-400);
+  --spectrum-celery-500: var(--dh-color-celery-500);
+  --spectrum-celery-600: var(--dh-color-celery-600);
+  --spectrum-celery-700: var(--dh-color-celery-700);
+  --spectrum-celery-800: var(--dh-color-celery-800);
+  --spectrum-celery-900: var(--dh-color-celery-900);
+  --spectrum-celery-1000: var(--dh-color-celery-1000);
+  --spectrum-celery-1100: var(--dh-color-celery-1100);
+  --spectrum-celery-1200: var(--dh-color-celery-1200);
+  --spectrum-celery-1300: var(--dh-color-celery-1300);
+  --spectrum-celery-1400: var(--dh-color-celery-1400);
+  /* Green */
+  --spectrum-green-100: var(--dh-color-green-100);
+  --spectrum-green-200: var(--dh-color-green-200);
+  --spectrum-green-300: var(--dh-color-green-300);
+  --spectrum-green-400: var(--dh-color-green-400);
+  --spectrum-green-500: var(--dh-color-green-500);
+  --spectrum-green-600: var(--dh-color-green-600);
+  --spectrum-green-700: var(--dh-color-green-700);
+  --spectrum-green-800: var(--dh-color-green-800);
+  --spectrum-green-900: var(--dh-color-green-900);
+  --spectrum-green-1000: var(--dh-color-green-1000);
+  --spectrum-green-1100: var(--dh-color-green-1100);
+  --spectrum-green-1200: var(--dh-color-green-1200);
+  --spectrum-green-1300: var(--dh-color-green-1300);
+  --spectrum-green-1400: var(--dh-color-green-1400);
+  /* Seafoam */
+  --spectrum-seafoam-100: var(--dh-color-seafoam-100);
+  --spectrum-seafoam-200: var(--dh-color-seafoam-200);
+  --spectrum-seafoam-300: var(--dh-color-seafoam-300);
+  --spectrum-seafoam-400: var(--dh-color-seafoam-400);
+  --spectrum-seafoam-500: var(--dh-color-seafoam-500);
+  --spectrum-seafoam-600: var(--dh-color-seafoam-600);
+  --spectrum-seafoam-700: var(--dh-color-seafoam-700);
+  --spectrum-seafoam-800: var(--dh-color-seafoam-800);
+  --spectrum-seafoam-900: var(--dh-color-seafoam-900);
+  --spectrum-seafoam-1000: var(--dh-color-seafoam-1000);
+  --spectrum-seafoam-1100: var(--dh-color-seafoam-1100);
+  --spectrum-seafoam-1200: var(--dh-color-seafoam-1200);
+  --spectrum-seafoam-1300: var(--dh-color-seafoam-1300);
+  --spectrum-seafoam-1400: var(--dh-color-seafoam-1400);
+  /* Cyan */
+  --spectrum-cyan-100: var(--dh-color-cyan-100);
+  --spectrum-cyan-200: var(--dh-color-cyan-200);
+  --spectrum-cyan-300: var(--dh-color-cyan-300);
+  --spectrum-cyan-400: var(--dh-color-cyan-400);
+  --spectrum-cyan-500: var(--dh-color-cyan-500);
+  --spectrum-cyan-600: var(--dh-color-cyan-600);
+  --spectrum-cyan-700: var(--dh-color-cyan-700);
+  --spectrum-cyan-800: var(--dh-color-cyan-800);
+  --spectrum-cyan-900: var(--dh-color-cyan-900);
+  --spectrum-cyan-1000: var(--dh-color-cyan-1000);
+  --spectrum-cyan-1100: var(--dh-color-cyan-1100);
+  --spectrum-cyan-1200: var(--dh-color-cyan-1200);
+  --spectrum-cyan-1300: var(--dh-color-cyan-1300);
+  --spectrum-cyan-1400: var(--dh-color-cyan-1400);
+  /* Indigo */
+  --spectrum-indigo-100: var(--dh-color-indigo-100);
+  --spectrum-indigo-200: var(--dh-color-indigo-200);
+  --spectrum-indigo-300: var(--dh-color-indigo-300);
+  --spectrum-indigo-400: var(--dh-color-indigo-400);
+  --spectrum-indigo-500: var(--dh-color-indigo-500);
+  --spectrum-indigo-600: var(--dh-color-indigo-600);
+  --spectrum-indigo-700: var(--dh-color-indigo-700);
+  --spectrum-indigo-800: var(--dh-color-indigo-800);
+  --spectrum-indigo-900: var(--dh-color-indigo-900);
+  --spectrum-indigo-1000: var(--dh-color-indigo-1000);
+  --spectrum-indigo-1100: var(--dh-color-indigo-1100);
+  --spectrum-indigo-1200: var(--dh-color-indigo-1200);
+  --spectrum-indigo-1300: var(--dh-color-indigo-1300);
+  --spectrum-indigo-1400: var(--dh-color-indigo-1400);
+  /* Purple */
+  --spectrum-purple-100: var(--dh-color-purple-100);
+  --spectrum-purple-200: var(--dh-color-purple-200);
+  --spectrum-purple-300: var(--dh-color-purple-300);
+  --spectrum-purple-400: var(--dh-color-purple-400);
+  --spectrum-purple-500: var(--dh-color-purple-500);
+  --spectrum-purple-600: var(--dh-color-purple-600);
+  --spectrum-purple-700: var(--dh-color-purple-700);
+  --spectrum-purple-800: var(--dh-color-purple-800);
+  --spectrum-purple-900: var(--dh-color-purple-900);
+  --spectrum-purple-1000: var(--dh-color-purple-1000);
+  --spectrum-purple-1100: var(--dh-color-purple-1100);
+  --spectrum-purple-1200: var(--dh-color-purple-1200);
+  --spectrum-purple-1300: var(--dh-color-purple-1300);
+  --spectrum-purple-1400: var(--dh-color-purple-1400);
+  /* Fuchsia */
+  --spectrum-fuchsia-100: var(--dh-color-fuchsia-100);
+  --spectrum-fuchsia-200: var(--dh-color-fuchsia-200);
+  --spectrum-fuchsia-300: var(--dh-color-fuchsia-300);
+  --spectrum-fuchsia-400: var(--dh-color-fuchsia-400);
+  --spectrum-fuchsia-500: var(--dh-color-fuchsia-500);
+  --spectrum-fuchsia-600: var(--dh-color-fuchsia-600);
+  --spectrum-fuchsia-700: var(--dh-color-fuchsia-700);
+  --spectrum-fuchsia-800: var(--dh-color-fuchsia-800);
+  --spectrum-fuchsia-900: var(--dh-color-fuchsia-900);
+  --spectrum-fuchsia-1000: var(--dh-color-fuchsia-1000);
+  --spectrum-fuchsia-1100: var(--dh-color-fuchsia-1100);
+  --spectrum-fuchsia-1200: var(--dh-color-fuchsia-1200);
+  --spectrum-fuchsia-1300: var(--dh-color-fuchsia-1300);
+  --spectrum-fuchsia-1400: var(--dh-color-fuchsia-1400);
+  /* Magenta */
+  --spectrum-magenta-100: var(--dh-color-magenta-100);
+  --spectrum-magenta-200: var(--dh-color-magenta-200);
+  --spectrum-magenta-300: var(--dh-color-magenta-300);
+  --spectrum-magenta-400: var(--dh-color-magenta-400);
+  --spectrum-magenta-500: var(--dh-color-magenta-500);
+  --spectrum-magenta-600: var(--dh-color-magenta-600);
+  --spectrum-magenta-700: var(--dh-color-magenta-700);
+  --spectrum-magenta-800: var(--dh-color-magenta-800);
+  --spectrum-magenta-900: var(--dh-color-magenta-900);
+  --spectrum-magenta-1000: var(--dh-color-magenta-1000);
+  --spectrum-magenta-1100: var(--dh-color-magenta-1100);
+  --spectrum-magenta-1200: var(--dh-color-magenta-1200);
+  --spectrum-magenta-1300: var(--dh-color-magenta-1300);
+  --spectrum-magenta-1400: var(--dh-color-magenta-1400);
+}
+
+/*# sourceMappingURL=theme-spectrum-palette.module.css.map */

package/dist/theme/theme-spectrum/theme-spectrum-palette.module.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-spectrum/theme-spectrum-palette.module.css"],"names":[],"mappings":"AAAA;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"theme-spectrum-palette.module.css","sourcesContent":[".dh-spectrum-palette {\n  /* Gray */\n  --spectrum-gray-50: var(--dh-color-gray-50);\n  --spectrum-gray-75: var(--dh-color-gray-75);\n  --spectrum-gray-100: var(--dh-color-gray-100);\n  --spectrum-gray-200: var(--dh-color-gray-200);\n  --spectrum-gray-300: var(--dh-color-gray-300);\n  --spectrum-gray-400: var(--dh-color-gray-400);\n  --spectrum-gray-500: var(--dh-color-gray-500);\n  --spectrum-gray-600: var(--dh-color-gray-600);\n  --spectrum-gray-700: var(--dh-color-gray-700);\n  --spectrum-gray-800: var(--dh-color-gray-800);\n  --spectrum-gray-900: var(--dh-color-gray-900);\n\n  /* Blue */\n  --spectrum-blue-100: var(--dh-color-blue-100);\n  --spectrum-blue-200: var(--dh-color-blue-200);\n  --spectrum-blue-300: var(--dh-color-blue-300);\n  --spectrum-blue-400: var(--dh-color-blue-400);\n  --spectrum-blue-500: var(--dh-color-blue-500);\n  --spectrum-blue-600: var(--dh-color-blue-600);\n  --spectrum-blue-700: var(--dh-color-blue-700);\n  --spectrum-blue-800: var(--dh-color-blue-800);\n  --spectrum-blue-900: var(--dh-color-blue-900);\n  --spectrum-blue-1000: var(--dh-color-blue-1000);\n  --spectrum-blue-1100: var(--dh-color-blue-1100);\n  --spectrum-blue-1200: var(--dh-color-blue-1200);\n  --spectrum-blue-1300: var(--dh-color-blue-1300);\n  --spectrum-blue-1400: var(--dh-color-blue-1400);\n\n  /* Red */\n  --spectrum-red-100: var(--dh-color-red-100);\n  --spectrum-red-200: var(--dh-color-red-200);\n  --spectrum-red-300: var(--dh-color-red-300);\n  --spectrum-red-400: var(--dh-color-red-400);\n  --spectrum-red-500: var(--dh-color-red-500);\n  --spectrum-red-600: var(--dh-color-red-600);\n  --spectrum-red-700: var(--dh-color-red-700);\n  --spectrum-red-800: var(--dh-color-red-800);\n  --spectrum-red-900: var(--dh-color-red-900);\n  --spectrum-red-1000: var(--dh-color-red-1000);\n  --spectrum-red-1100: var(--dh-color-red-1100);\n  --spectrum-red-1200: var(--dh-color-red-1200);\n  --spectrum-red-1300: var(--dh-color-red-1300);\n  --spectrum-red-1400: var(--dh-color-red-1400);\n\n  /* Orange */\n  --spectrum-orange-100: var(--dh-color-orange-100);\n  --spectrum-orange-200: var(--dh-color-orange-200);\n  --spectrum-orange-300: var(--dh-color-orange-300);\n  --spectrum-orange-400: var(--dh-color-orange-400);\n  --spectrum-orange-500: var(--dh-color-orange-500);\n  --spectrum-orange-600: var(--dh-color-orange-600);\n  --spectrum-orange-700: var(--dh-color-orange-700);\n  --spectrum-orange-800: var(--dh-color-orange-800);\n  --spectrum-orange-900: var(--dh-color-orange-900);\n  --spectrum-orange-1000: var(--dh-color-orange-1000);\n  --spectrum-orange-1100: var(--dh-color-orange-1100);\n  --spectrum-orange-1200: var(--dh-color-orange-1200);\n  --spectrum-orange-1300: var(--dh-color-orange-1300);\n  --spectrum-orange-1400: var(--dh-color-orange-1400);\n\n  /* Yellow */\n  --spectrum-yellow-100: var(--dh-color-yellow-100);\n  --spectrum-yellow-200: var(--dh-color-yellow-200);\n  --spectrum-yellow-300: var(--dh-color-yellow-300);\n  --spectrum-yellow-400: var(--dh-color-yellow-400);\n  --spectrum-yellow-500: var(--dh-color-yellow-500);\n  --spectrum-yellow-600: var(--dh-color-yellow-600);\n  --spectrum-yellow-700: var(--dh-color-yellow-700);\n  --spectrum-yellow-800: var(--dh-color-yellow-800);\n  --spectrum-yellow-900: var(--dh-color-yellow-900);\n  --spectrum-yellow-1000: var(--dh-color-yellow-1000);\n  --spectrum-yellow-1100: var(--dh-color-yellow-1100);\n  --spectrum-yellow-1200: var(--dh-color-yellow-1200);\n  --spectrum-yellow-1300: var(--dh-color-yellow-1300);\n  --spectrum-yellow-1400: var(--dh-color-yellow-1400);\n\n  /* Chartreuse */\n  --spectrum-chartreuse-100: var(--dh-color-chartreuse-100);\n  --spectrum-chartreuse-200: var(--dh-color-chartreuse-200);\n  --spectrum-chartreuse-300: var(--dh-color-chartreuse-300);\n  --spectrum-chartreuse-400: var(--dh-color-chartreuse-400);\n  --spectrum-chartreuse-500: var(--dh-color-chartreuse-500);\n  --spectrum-chartreuse-600: var(--dh-color-chartreuse-600);\n  --spectrum-chartreuse-700: var(--dh-color-chartreuse-700);\n  --spectrum-chartreuse-800: var(--dh-color-chartreuse-800);\n  --spectrum-chartreuse-900: var(--dh-color-chartreuse-900);\n  --spectrum-chartreuse-1000: var(--dh-color-chartreuse-1000);\n  --spectrum-chartreuse-1100: var(--dh-color-chartreuse-1100);\n  --spectrum-chartreuse-1200: var(--dh-color-chartreuse-1200);\n  --spectrum-chartreuse-1300: var(--dh-color-chartreuse-1300);\n  --spectrum-chartreuse-1400: var(--dh-color-chartreuse-1400);\n\n  /* Celery */\n  --spectrum-celery-100: var(--dh-color-celery-100);\n  --spectrum-celery-200: var(--dh-color-celery-200);\n  --spectrum-celery-300: var(--dh-color-celery-300);\n  --spectrum-celery-400: var(--dh-color-celery-400);\n  --spectrum-celery-500: var(--dh-color-celery-500);\n  --spectrum-celery-600: var(--dh-color-celery-600);\n  --spectrum-celery-700: var(--dh-color-celery-700);\n  --spectrum-celery-800: var(--dh-color-celery-800);\n  --spectrum-celery-900: var(--dh-color-celery-900);\n  --spectrum-celery-1000: var(--dh-color-celery-1000);\n  --spectrum-celery-1100: var(--dh-color-celery-1100);\n  --spectrum-celery-1200: var(--dh-color-celery-1200);\n  --spectrum-celery-1300: var(--dh-color-celery-1300);\n  --spectrum-celery-1400: var(--dh-color-celery-1400);\n\n  /* Green */\n  --spectrum-green-100: var(--dh-color-green-100);\n  --spectrum-green-200: var(--dh-color-green-200);\n  --spectrum-green-300: var(--dh-color-green-300);\n  --spectrum-green-400: var(--dh-color-green-400);\n  --spectrum-green-500: var(--dh-color-green-500);\n  --spectrum-green-600: var(--dh-color-green-600);\n  --spectrum-green-700: var(--dh-color-green-700);\n  --spectrum-green-800: var(--dh-color-green-800);\n  --spectrum-green-900: var(--dh-color-green-900);\n  --spectrum-green-1000: var(--dh-color-green-1000);\n  --spectrum-green-1100: var(--dh-color-green-1100);\n  --spectrum-green-1200: var(--dh-color-green-1200);\n  --spectrum-green-1300: var(--dh-color-green-1300);\n  --spectrum-green-1400: var(--dh-color-green-1400);\n\n  /* Seafoam */\n  --spectrum-seafoam-100: var(--dh-color-seafoam-100);\n  --spectrum-seafoam-200: var(--dh-color-seafoam-200);\n  --spectrum-seafoam-300: var(--dh-color-seafoam-300);\n  --spectrum-seafoam-400: var(--dh-color-seafoam-400);\n  --spectrum-seafoam-500: var(--dh-color-seafoam-500);\n  --spectrum-seafoam-600: var(--dh-color-seafoam-600);\n  --spectrum-seafoam-700: var(--dh-color-seafoam-700);\n  --spectrum-seafoam-800: var(--dh-color-seafoam-800);\n  --spectrum-seafoam-900: var(--dh-color-seafoam-900);\n  --spectrum-seafoam-1000: var(--dh-color-seafoam-1000);\n  --spectrum-seafoam-1100: var(--dh-color-seafoam-1100);\n  --spectrum-seafoam-1200: var(--dh-color-seafoam-1200);\n  --spectrum-seafoam-1300: var(--dh-color-seafoam-1300);\n  --spectrum-seafoam-1400: var(--dh-color-seafoam-1400);\n\n  /* Cyan */\n  --spectrum-cyan-100: var(--dh-color-cyan-100);\n  --spectrum-cyan-200: var(--dh-color-cyan-200);\n  --spectrum-cyan-300: var(--dh-color-cyan-300);\n  --spectrum-cyan-400: var(--dh-color-cyan-400);\n  --spectrum-cyan-500: var(--dh-color-cyan-500);\n  --spectrum-cyan-600: var(--dh-color-cyan-600);\n  --spectrum-cyan-700: var(--dh-color-cyan-700);\n  --spectrum-cyan-800: var(--dh-color-cyan-800);\n  --spectrum-cyan-900: var(--dh-color-cyan-900);\n  --spectrum-cyan-1000: var(--dh-color-cyan-1000);\n  --spectrum-cyan-1100: var(--dh-color-cyan-1100);\n  --spectrum-cyan-1200: var(--dh-color-cyan-1200);\n  --spectrum-cyan-1300: var(--dh-color-cyan-1300);\n  --spectrum-cyan-1400: var(--dh-color-cyan-1400);\n\n  /* Indigo */\n  --spectrum-indigo-100: var(--dh-color-indigo-100);\n  --spectrum-indigo-200: var(--dh-color-indigo-200);\n  --spectrum-indigo-300: var(--dh-color-indigo-300);\n  --spectrum-indigo-400: var(--dh-color-indigo-400);\n  --spectrum-indigo-500: var(--dh-color-indigo-500);\n  --spectrum-indigo-600: var(--dh-color-indigo-600);\n  --spectrum-indigo-700: var(--dh-color-indigo-700);\n  --spectrum-indigo-800: var(--dh-color-indigo-800);\n  --spectrum-indigo-900: var(--dh-color-indigo-900);\n  --spectrum-indigo-1000: var(--dh-color-indigo-1000);\n  --spectrum-indigo-1100: var(--dh-color-indigo-1100);\n  --spectrum-indigo-1200: var(--dh-color-indigo-1200);\n  --spectrum-indigo-1300: var(--dh-color-indigo-1300);\n  --spectrum-indigo-1400: var(--dh-color-indigo-1400);\n\n  /* Purple */\n  --spectrum-purple-100: var(--dh-color-purple-100);\n  --spectrum-purple-200: var(--dh-color-purple-200);\n  --spectrum-purple-300: var(--dh-color-purple-300);\n  --spectrum-purple-400: var(--dh-color-purple-400);\n  --spectrum-purple-500: var(--dh-color-purple-500);\n  --spectrum-purple-600: var(--dh-color-purple-600);\n  --spectrum-purple-700: var(--dh-color-purple-700);\n  --spectrum-purple-800: var(--dh-color-purple-800);\n  --spectrum-purple-900: var(--dh-color-purple-900);\n  --spectrum-purple-1000: var(--dh-color-purple-1000);\n  --spectrum-purple-1100: var(--dh-color-purple-1100);\n  --spectrum-purple-1200: var(--dh-color-purple-1200);\n  --spectrum-purple-1300: var(--dh-color-purple-1300);\n  --spectrum-purple-1400: var(--dh-color-purple-1400);\n\n  /* Fuchsia */\n  --spectrum-fuchsia-100: var(--dh-color-fuchsia-100);\n  --spectrum-fuchsia-200: var(--dh-color-fuchsia-200);\n  --spectrum-fuchsia-300: var(--dh-color-fuchsia-300);\n  --spectrum-fuchsia-400: var(--dh-color-fuchsia-400);\n  --spectrum-fuchsia-500: var(--dh-color-fuchsia-500);\n  --spectrum-fuchsia-600: var(--dh-color-fuchsia-600);\n  --spectrum-fuchsia-700: var(--dh-color-fuchsia-700);\n  --spectrum-fuchsia-800: var(--dh-color-fuchsia-800);\n  --spectrum-fuchsia-900: var(--dh-color-fuchsia-900);\n  --spectrum-fuchsia-1000: var(--dh-color-fuchsia-1000);\n  --spectrum-fuchsia-1100: var(--dh-color-fuchsia-1100);\n  --spectrum-fuchsia-1200: var(--dh-color-fuchsia-1200);\n  --spectrum-fuchsia-1300: var(--dh-color-fuchsia-1300);\n  --spectrum-fuchsia-1400: var(--dh-color-fuchsia-1400);\n\n  /* Magenta */\n  --spectrum-magenta-100: var(--dh-color-magenta-100);\n  --spectrum-magenta-200: var(--dh-color-magenta-200);\n  --spectrum-magenta-300: var(--dh-color-magenta-300);\n  --spectrum-magenta-400: var(--dh-color-magenta-400);\n  --spectrum-magenta-500: var(--dh-color-magenta-500);\n  --spectrum-magenta-600: var(--dh-color-magenta-600);\n  --spectrum-magenta-700: var(--dh-color-magenta-700);\n  --spectrum-magenta-800: var(--dh-color-magenta-800);\n  --spectrum-magenta-900: var(--dh-color-magenta-900);\n  --spectrum-magenta-1000: var(--dh-color-magenta-1000);\n  --spectrum-magenta-1100: var(--dh-color-magenta-1100);\n  --spectrum-magenta-1200: var(--dh-color-magenta-1200);\n  --spectrum-magenta-1300: var(--dh-color-magenta-1300);\n  --spectrum-magenta-1400: var(--dh-color-magenta-1400);\n}\n"]}

package/dist/theme/useTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.js","names":["useContextOrThrow","ThemeContext","useTheme"],"sources":["../../src/theme/useTheme.ts"],"sourcesContent":["import { useContextOrThrow } from '@deephaven/react-hooks';\nimport { ThemeContext, ThemeContextValue } from './ThemeProvider';\n\n/**\n * Hook to get the current `ThemeContextValue`.\n */\nexport function useTheme(): ThemeContextValue {\n  return useContextOrThrow(\n    ThemeContext,\n    'No ThemeContext value found. Component must be wrapped in a ThemeContext.Provider'\n  );\n}\n\nexport default useTheme;\n"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,wBAAwB;AAAC,SAClDC,YAAY;AAErB;AACA;AACA;AACA,OAAO,SAASC,QAAQ,GAAsB;EAC5C,OAAOF,iBAAiB,CACtBC,YAAY,EACZ,mFAAmF,CACpF;AACH;AAEA,eAAeC,QAAQ"}
+{"version":3,"file":"useTheme.js","names":["useContextOrThrow","ThemeContext","useTheme"],"sources":["../../src/theme/useTheme.ts"],"sourcesContent":["import { useContextOrThrow } from '@deephaven/react-hooks';\nimport { ThemeContext, ThemeContextValue } from './ThemeProvider';\n\n/**\n * Hook to get the current `ThemeContextValue`.\n */\nexport function useTheme(): ThemeContextValue {\n  return useContextOrThrow(\n    ThemeContext,\n    'No ThemeContext value found. Component must be wrapped in a ThemeContext.Provider'\n  );\n}\n\nexport default useTheme;\n"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,wBAAwB;AAAC,SAClDC,YAAY;AAErB;AACA;AACA;AACA,OAAO,SAASC,QAAQA,CAAA,EAAsB;EAC5C,OAAOF,iBAAiB,CACtBC,YAAY,EACZ,mFACF,CAAC;AACH;AAEA,eAAeC,QAAQ"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deephaven/components",
-  "version": "0.50.1-beta.5+c736708e",
+  "version": "0.51.0",
   "description": "Deephaven React component library",
   "author": "Deephaven Data Labs LLC",
   "license": "Apache-2.0",
@@ -24,10 +24,10 @@
   },
   "dependencies": {
     "@adobe/react-spectrum": "^3.29.0",
-    "@deephaven/icons": "^0.50.1-beta.5+c736708e",
-    "@deephaven/log": "^0.50.1-beta.5+c736708e",
-    "@deephaven/react-hooks": "^0.50.1-beta.5+c736708e",
-    "@deephaven/utils": "^0.50.1-beta.5+c736708e",
+    "@deephaven/icons": "^0.51.0",
+    "@deephaven/log": "^0.51.0",
+    "@deephaven/react-hooks": "^0.51.0",
+    "@deephaven/utils": "^0.51.0",
     "@fortawesome/fontawesome-svg-core": "^6.2.1",
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@react-spectrum/theme-default": "^3.5.1",
@@ -51,7 +51,7 @@
     "react-dom": "^17.x"
   },
   "devDependencies": {
-    "@deephaven/mocks": "^0.50.1-beta.5+c736708e"
+    "@deephaven/mocks": "^0.51.0"
   },
   "files": [
     "dist",
@@ -64,5 +64,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c736708e0dd39aa1d0f171f1e9ecf69023647021"
+  "gitHead": "54f7cc5d08a9c1a390b2e89a9fb84fe1018008eb"
 }

package/dist/SpectrumThemeDark.module.css

@@ -1,9 +0,0 @@
-/**
-  This module contains overrides of React Spectrum css variables for the default
-  `dark` Deephaven theme.
-*/
-.dh-spectrum-theme--dark.dh-spectrum-theme--dark {
-  --spectrum-alias-background-color-default: #1a171a;
-}
-
-/*# sourceMappingURL=SpectrumThemeDark.module.css.map */

package/dist/SpectrumThemeDark.module.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../src/SpectrumThemeDark.module.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AASA;EACE","file":"SpectrumThemeDark.module.css","sourcesContent":["/**\n  This module contains overrides of React Spectrum css variables for the default\n  `dark` Deephaven theme.\n*/\n@use '../scss/bootstrap_overrides' as bootstrap;\n@use '../scss/util' as *;\n\n// Doubling specificity to ensure this takes precedence over default Spectrum\n// styles.\n#{multiply-specificity-n('.dh-spectrum-theme--dark', 2)} {\n  --spectrum-alias-background-color-default: #{bootstrap.$interfaceblack};\n}\n"]}

package/dist/SpectrumThemeLight.module.css

@@ -1,9 +0,0 @@
-/**
-  This module contains overrides of React Spectrum css variables for the default
-  `light` Deephaven theme.
-*/
-.dh-spectrum-theme--light.dh-spectrum-theme--light {
-  --spectrum-alias-background-color-default: #f0f0ee;
-}
-
-/*# sourceMappingURL=SpectrumThemeLight.module.css.map */

package/dist/SpectrumThemeLight.module.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../src/SpectrumThemeLight.module.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AASA;EACE","file":"SpectrumThemeLight.module.css","sourcesContent":["/**\n  This module contains overrides of React Spectrum css variables for the default\n  `light` Deephaven theme.\n*/\n@use '../scss/bootstrap_overrides' as bootstrap;\n@use '../scss/util' as *;\n\n// Doubling specificity to ensure this takes precedence over default Spectrum\n// styles.\n#{multiply-specificity-n('.dh-spectrum-theme--light', 2)} {\n  --spectrum-alias-background-color-default: #{bootstrap.$interfacewhite};\n}\n"]}