{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-spectrum/theme-spectrum-alias.module.css"],"names":[],"mappings":"AAOA,qCAEE,8DACA,wEAEA,8DACA,kDACA,8DACA,oEACA,sDACA,kEACA,kEACA,0FAGA,oDACA,8DACA,qDACA,uEAEA,wFAGA,wFAGA,kFAKA,iDAGA,8DACA,oFAGA,oFAKA,sEACA,4EACA,2EACA,kFAGA,wEACA,8EACA,6EACA,oFAGA,mFAGA,yFAGA,wFAGA,6FAGA,uEACA,6EACA,4EACA,mFAKA,oEACA,kEACA,sEACA,wEACA,sFAIA,sEACA,kFAGA,kFAIA,6EACA,kFAGA,qFAKA,2FAGA,qFAGA,+GAGA,gGAGA,8FAGA,4GAGA,qHAGA,oGAGA,6GAKA,0DACA,0DAGA,wEAEA,uFAKA,sEACA,0EACA,wEACA,oFAIA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,0DACA,0DACA,0DACA,0DACA,0DAGA,wEACA,4EACA,0EACA,sFAIA,0FAGA,8FAGA,4FAGA,sGAKA,0EACA,8EACA,4EACA,wFAKA,0EACA,8EACA,4EACA,wFAKA,yEACA,6EACA,2EACA,uFAKA,sEACA,0EACA,wEACA,oFAKA,kEACA,gEACA,sEACA,sEACA,8EACA,sEACA,oEACA,wEACA,kEACA,kEACA,sEACA,sEACA,wEACA,wEAGA,kEACA,kEACA,8DACA,iEAGA,0DACA,wDACA,8DACA,8DACA,sEACA,8DACA,4DACA,gEACA,0DACA,0DACA,8DACA,8DACA,gEACA,gEAKA,gEACA,4EACA,oFAGA,gEACA,oFAKA,qEACA,mFAGA,sFAGA,kEACA,8EACA,+DACA,2EAGA,oEACA,gEAGA","file":"theme-spectrum-alias.module.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before */\n/* stylelint-disable alpha-value-notation */\n\n/**\n * Intentionally using the classname twice so we have higher specificity than spectrum's definitions\n * This is to ensure that our overrides are applied regardless of CSS chunk loading order\n */\n.dh-spectrum-alias.dh-spectrum-alias {\n  /*********** Override variables in spectrum-global.css **********************/\n  --spectrum-alias-background-color-default: var(--dh-color-bg);\n  --spectrum-alias-background-color-disabled: var(--dh-color-disabled-bg);\n\n  --spectrum-alias-label-text-color: var(--dh-color-label-text);\n  --spectrum-alias-text-color: var(--dh-color-text);\n  --spectrum-alias-text-color-hover: var(--dh-color-text-hover);\n  --spectrum-alias-text-color-disabled: var(--dh-color-text-disabled);\n  --spectrum-alias-border-color: var(--dh-color-border);\n  --spectrum-alias-border-color-hover: var(--dh-color-hover-border);\n  --spectrum-alias-border-color-focus: var(--dh-color-border-focus);\n  --spectrum-alias-input-border-color-key-focus: var(\n    --spectrum-alias-border-color-focus\n  );\n  --spectrum-alias-focus-color: var(--dh-color-focus);\n  --spectrum-alias-focus-ring-color: var(--dh-color-focus-ring);\n  --spectrum-alias-icon-color: var(--dh-color-icon-fg);\n  --spectrum-alias-icon-color-disabled: var(--dh-color-icon-disabled-fg);\n\n  --spectrum-actionbutton-background-color-disabled: var(\n    --dh-color-action-disabled-bg\n  );\n  --spectrum-actionbutton-border-color-disabled: var(\n    --dh-color-action-disabled-border\n  );\n  --spectrum-actionbutton-text-color-disabled: var(\n    --dh-color-action-disabled-fg\n  );\n\n  /*********** Override variables in spectrum-darkest.css *********************/\n  --spectrum-body-text-color: var(--dh-color-text);\n\n  /* Shadows / Overlays */\n  --spectrum-alias-dropshadow-color: var(--dh-color-dropshadow);\n  --spectrum-alias-background-color-modal-overlay: var(\n    --dh-color-overlay-modal-bg\n  );\n  --spectrum-alias-background-color-hover-overlay: var(\n    --dh-color-overlay-hover-bg\n  );\n\n  /* Color Picker Borders */\n  --spectrum-colorarea-border-color: var(--dh-color-colorpicker-border);\n  --spectrum-colorarea-border-color-hover: var(--dh-color-colorpicker-border);\n  --spectrum-colorarea-border-color-down: var(--dh-color-colorpicker-border);\n  --spectrum-colorarea-border-color-key-focus: var(\n    --dh-color-colorpicker-border\n  );\n  --spectrum-colorslider-border-color: var(--dh-color-colorpicker-border);\n  --spectrum-colorslider-border-color-hover: var(--dh-color-colorpicker-border);\n  --spectrum-colorslider-border-color-down: var(--dh-color-colorpicker-border);\n  --spectrum-colorslider-border-color-key-focus: var(\n    --dh-color-colorpicker-border\n  );\n  --spectrum-colorslider-vertical-border-color: var(\n    --dh-color-colorpicker-border\n  );\n  --spectrum-colorslider-vertical-border-color-hover: var(\n    --dh-color-colorpicker-border\n  );\n  --spectrum-colorslider-vertical-border-color-down: var(\n    --dh-color-colorpicker-border\n  );\n  --spectrum-colorslider-vertical-border-color-key-focus: var(\n    --dh-color-colorpicker-border\n  );\n  --spectrum-colorwheel-border-color: var(--dh-color-colorpicker-border);\n  --spectrum-colorwheel-border-color-hover: var(--dh-color-colorpicker-border);\n  --spectrum-colorwheel-border-color-down: var(--dh-color-colorpicker-border);\n  --spectrum-colorwheel-border-color-key-focus: var(\n    --dh-color-colorpicker-border\n  );\n\n  /* Highlight */\n  --spectrum-alias-highlight-active: var(--dh-color-highlight-active);\n  --spectrum-alias-highlight-hover: var(--dh-color-highlight-hover);\n  --spectrum-alias-highlight-invalid: var(--dh-color-highlight-invalid);\n  --spectrum-alias-highlight-selected: var(--dh-color-highlight-selected);\n  --spectrum-alias-highlight-selected-hover: var(\n    --dh-color-highlight-selected-hover\n  );\n\n  --spectrum-alias-text-highlight-color: var(--dh-color-text-highlight);\n  --spectrum-alias-background-color-quickactions: var(\n    --dh-color-quickactions-bg\n  );\n  --spectrum-alias-radial-reaction-color-default: var(\n    --dh-color-radial-reaction\n  );\n\n  --spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-50);\n  --spectrum-alias-appframe-separator-color: var(\n    --spectrum-global-color-gray-50\n  );\n  --spectrum-alias-pasteboard-background-color: var(\n    --spectrum-global-color-gray-50\n  );\n\n  /* Tabs */\n  --spectrum-tabs-compact-selection-indicator-color: var(\n    --spectrum-global-color-blue-500\n  );\n  --spectrum-tabs-compact-vertical-rule-color: var(\n    --spectrum-global-color-gray-200\n  );\n  --spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var(\n    --spectrum-global-color-blue-500\n  );\n  --spectrum-tabs-compact-vertical-emphasized-rule-color: var(\n    --spectrum-global-color-gray-200\n  );\n  --spectrum-tabs-emphasized-selection-indicator-color: var(\n    --spectrum-global-color-blue-500\n  );\n  --spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var(\n    --spectrum-global-color-blue-500\n  );\n  --spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var(\n    --spectrum-global-color-blue-500\n  );\n  --spectrum-tabs-quiet-emphasized-selection-indicator-color: var(\n    --spectrum-global-color-blue-500\n  );\n  --spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(\n    --spectrum-global-color-blue-500\n  );\n\n  /* Wells */\n  --spectrum-well-background-color: var(--dh-color-well-bg);\n  --spectrum-well-border-color: var(--dh-color-well-border);\n\n  /* PATCH: This is missing in Spectrum css */\n  --spectrum-tray-background-color: var(--spectrum-global-color-gray-100);\n\n  --react-spectrum-datepicker-placeholder-color: var(\n    --spectrum-global-color-gray-600\n  ); /* 4.8:1 contrast ratio */\n\n  /* Accent */\n  --spectrum-accent-background-color-default: var(--dh-color-accent-bg);\n  --spectrum-accent-background-color-hover: var(--dh-color-accent-hover-bg);\n  --spectrum-accent-background-color-down: var(--dh-color-accent-down-bg);\n  --spectrum-accent-background-color-key-focus: var(\n    --dh-color-accent-key-focus-bg\n  );\n\n  --spectrum-accent-color-100: var(--dh-color-accent-100);\n  --spectrum-accent-color-200: var(--dh-color-accent-200);\n  --spectrum-accent-color-300: var(--dh-color-accent-300);\n  --spectrum-accent-color-400: var(--dh-color-accent-400);\n  --spectrum-accent-color-500: var(--dh-color-accent-500);\n  --spectrum-accent-color-600: var(--dh-color-accent-600);\n  --spectrum-accent-color-700: var(--dh-color-accent-700);\n  --spectrum-accent-color-800: var(--dh-color-accent-800);\n  --spectrum-accent-color-900: var(--dh-color-accent-900);\n  --spectrum-accent-color-1000: var(--dh-color-accent-1000);\n  --spectrum-accent-color-1100: var(--dh-color-accent-1100);\n  --spectrum-accent-color-1200: var(--dh-color-accent-1200);\n  --spectrum-accent-color-1300: var(--dh-color-accent-1300);\n  --spectrum-accent-color-1400: var(--dh-color-accent-1400);\n\n  /* Neutral */\n  --spectrum-neutral-background-color-default: var(--dh-color-neutral-bg);\n  --spectrum-neutral-background-color-hover: var(--dh-color-neutral-hover-bg);\n  --spectrum-neutral-background-color-down: var(--dh-color-neutral-down-bg);\n  --spectrum-neutral-background-color-key-focus: var(\n    --dh-color-neutral-key-focus-bg\n  );\n\n  --spectrum-neutral-subdued-background-color-default: var(\n    --dh-color-neutral-subdued-bg\n  );\n  --spectrum-neutral-subdued-background-color-hover: var(\n    --dh-color-neutral-subdued-hover-bg\n  );\n  --spectrum-neutral-subdued-background-color-down: var(\n    --dh-color-neutral-subdued-down-bg\n  );\n  --spectrum-neutral-subdued-background-color-key-focus: var(\n    --dh-color-neutral-subdued-key-focus-bg\n  );\n\n  /* Negative */\n  --spectrum-negative-background-color-default: var(--dh-color-negative-bg);\n  --spectrum-negative-background-color-hover: var(--dh-color-negative-hover-bg);\n  --spectrum-negative-background-color-down: var(--dh-color-negative-down-bg);\n  --spectrum-negative-background-color-key-focus: var(\n    --dh-color-negative-key-focus-bg\n  );\n\n  /* Positive */\n  --spectrum-positive-background-color-default: var(--dh-color-positive-bg);\n  --spectrum-positive-background-color-hover: var(--dh-color-positive-hover-bg);\n  --spectrum-positive-background-color-down: var(--dh-color-positive-down-bg);\n  --spectrum-positive-background-color-key-focus: var(\n    --dh-color-positive-key-focus-bg\n  );\n\n  /* Informative */\n  --spectrum-informative-background-color-default: var(--dh-color-info-bg);\n  --spectrum-informative-background-color-hover: var(--dh-color-info-hover-bg);\n  --spectrum-informative-background-color-down: var(--dh-color-info-down-bg);\n  --spectrum-informative-background-color-key-focus: var(\n    --dh-color-info-key-focus-bg\n  );\n\n  /* Notice */\n  --spectrum-notice-background-color-default: var(--dh-color-notice-bg);\n  --spectrum-notice-background-color-hover: var(--dh-color-notice-hover-bg);\n  --spectrum-notice-background-color-down: var(--dh-color-notice-down-bg);\n  --spectrum-notice-background-color-key-focus: var(\n    --dh-color-notice-key-focus-bg\n  );\n\n  /* Default Background */\n  --spectrum-gray-background-color-default: var(--dh-color-gray-bg);\n  --spectrum-red-background-color-default: var(--dh-color-red-bg);\n  --spectrum-orange-background-color-default: var(--dh-color-orange-bg);\n  --spectrum-yellow-background-color-default: var(--dh-color-yellow-bg);\n  --spectrum-chartreuse-background-color-default: var(--dh-color-chartreuse-bg);\n  --spectrum-celery-background-color-default: var(--dh-color-celery-bg);\n  --spectrum-green-background-color-default: var(--dh-color-green-bg);\n  --spectrum-seafoam-background-color-default: var(--dh-color-seafoam-bg);\n  --spectrum-cyan-background-color-default: var(--dh-color-cyan-bg);\n  --spectrum-blue-background-color-default: var(--dh-color-blue-bg);\n  --spectrum-indigo-background-color-default: var(--dh-color-indigo-bg);\n  --spectrum-purple-background-color-default: var(--dh-color-purple-bg);\n  --spectrum-fuchsia-background-color-default: var(--dh-color-fuchsia-bg);\n  --spectrum-magenta-background-color-default: var(--dh-color-magenta-bg);\n\n  /* Visual levels */\n  --spectrum-negative-visual-color: var(--dh-color-visual-negative);\n  --spectrum-positive-visual-color: var(--dh-color-visual-positive);\n  --spectrum-notice-visual-color: var(--dh-color-visual-notice);\n  --spectrum-informative-visual-color: var(--dh-color-visual-info);\n\n  /* Visual */\n  --spectrum-gray-visual-color: var(--dh-color-visual-gray);\n  --spectrum-red-visual-color: var(--dh-color-visual-red);\n  --spectrum-orange-visual-color: var(--dh-color-visual-orange);\n  --spectrum-yellow-visual-color: var(--dh-color-visual-yellow);\n  --spectrum-chartreuse-visual-color: var(--dh-color-visual-chartreuse);\n  --spectrum-celery-visual-color: var(--dh-color-visual-celery);\n  --spectrum-green-visual-color: var(--dh-color-visual-green);\n  --spectrum-seafoam-visual-color: var(--dh-color-visual-seafoam);\n  --spectrum-cyan-visual-color: var(--dh-color-visual-cyan);\n  --spectrum-blue-visual-color: var(--dh-color-visual-blue);\n  --spectrum-indigo-visual-color: var(--dh-color-visual-indigo);\n  --spectrum-purple-visual-color: var(--dh-color-visual-purple);\n  --spectrum-fuchsia-visual-color: var(--dh-color-visual-fuchsia);\n  --spectrum-magenta-visual-color: var(--dh-color-visual-magenta);\n\n  /*********** Override component specific variables **************************/\n\n  /* Textfield */\n  --spectrum-textfield-background-color: var(--dh-color-input-bg);\n  --spectrum-textfield-background-color-down: var(--dh-color-input-active-bg);\n  --spectrum-textfield-background-color-disabled: var(\n    --dh-color-input-disabled-bg\n  );\n  --spectrum-textfield-border-color: var(--dh-color-input-border);\n  --spectrum-textfield-border-color-disabled: var(\n    --dh-color-input-disabled-border\n  );\n\n  /* Fieldbutton */\n  --spectrum-fieldbutton-background-color: var(--dh-color-selector-bg);\n  --spectrum-fieldbutton-background-color-hover: var(\n    --dh-color-selector-hover-bg\n  );\n  --spectrum-fieldbutton-background-color-disabled: var(\n    --dh-color-input-disabled-bg\n  );\n  --spectrum-fieldbutton-border-color: var(--dh-color-input-border);\n  --spectrum-fieldbutton-border-color-hover: var(--dh-color-input-hover-border);\n  --spectrum-fieldbutton-icon-color: var(--dh-color-selector-fg);\n  --spectrum-fieldbutton-icon-color-hover: var(--dh-color-selector-hover-fg);\n\n  /* Dialogs */\n  --spectrum-dialog-title-text-color: var(--dh-color-dialog-title-fg);\n  --spectrum-dialog-content-text-color: var(--dh-color-dialog-fg);\n\n  /* Popovers */\n  --spectrum-popover-background-color: var(--dh-color-popover-bg);\n}\n"]}