@react-spectrum/theme-express 3.0.0-alpha.10 → 3.0.0-alpha.12

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 (13) hide show
  1. package/dist/{main.css → express.bc65ee66.css} +1 -2
  2. package/dist/{main.css.map → express.bc65ee66.css.map} +1 -1
  3. package/dist/import.mjs +5 -20
  4. package/dist/main.js +5 -16
  5. package/dist/main.js.map +1 -1
  6. package/dist/module.js +5 -20
  7. package/dist/module.js.map +1 -1
  8. package/dist/vars_express_css.main.js +17 -0
  9. package/dist/vars_express_css.main.js.map +1 -0
  10. package/dist/vars_express_css.mjs +19 -0
  11. package/dist/vars_express_css.module.js +19 -0
  12. package/dist/vars_express_css.module.js.map +1 -0
  13. package/package.json +4 -4
package/dist/{main.css → express.bc65ee66.css} RENAMED
@@ -153,5 +153,4 @@
153
153
  --spectrum-popover-border-size: var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10));
154
154
  }
155
155
  }
156
-
157
- /*# sourceMappingURL=main.css.map */
156
+ /*# sourceMappingURL=express.bc65ee66.css.map */
package/dist/{main.css.map → express.bc65ee66.css.map} RENAMED
@@ -1 +1 @@
1
- {"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuKA;;;;AAIA;;;;AAIA;EACE","sources":["packages/@adobe/spectrum-css-temp/vars/express.css"],"sourcesContent":[".express.express {\n --spectrum-accent-color-100: var(--spectrum-indigo-100);\n --spectrum-accent-color-200: var(--spectrum-indigo-200);\n --spectrum-accent-color-300: var(--spectrum-indigo-300);\n --spectrum-accent-color-400: var(--spectrum-indigo-400);\n --spectrum-accent-color-500: var(--spectrum-indigo-500);\n --spectrum-accent-color-600: var(--spectrum-indigo-600);\n --spectrum-accent-color-700: var(--spectrum-indigo-700);\n --spectrum-accent-color-800: var(--spectrum-indigo-800);\n --spectrum-accent-color-900: var(--spectrum-indigo-900);\n --spectrum-accent-color-1000: var(--spectrum-indigo-1000);\n --spectrum-accent-color-1100: var(--spectrum-indigo-1100);\n --spectrum-accent-color-1200: var(--spectrum-indigo-1200);\n --spectrum-accent-color-1300: var(--spectrum-indigo-1300);\n --spectrum-accent-color-1400: var(--spectrum-indigo-1400);\n\n --spectrum-alias-heading-text-font-weight-regular: var(--spectrum-global-font-weight-black);\n --spectrum-alias-border-radius-xsmall: var(--spectrum-global-dimension-size-25);\n --spectrum-alias-border-radius-small: var(--spectrum-global-dimension-size-40);\n --spectrum-alias-border-radius-regular: var(--spectrum-global-dimension-size-75);\n --spectrum-alias-border-radius-medium: var(--spectrum-global-dimension-size-125);\n --spectrum-alias-border-radius-large: var(--spectrum-global-dimension-size-150);\n\n --spectrum-button-primary-border-radius: var(--spectrum-global-dimension-size-200);\n --spectrum-alias-input-border-size: var(--spectrum-global-dimension-static-size-25);\n --spectrum-alias-input-focusring-gap: var(--spectrum-global-dimension-static-size-25);\n --spectrum-alias-input-border-color-key-focus: var(--spectrum-global-color-gray-900);\n --spectrum-alias-input-focusring-size: var(--spectrum-global-dimension-static-size-25);\n\n --spectrum-alias-border-color: var(--spectrum-gray-400);\n --spectrum-alias-border-color-hover: var(--spectrum-gray-500);\n --spectrum-alias-border-color-down: var(--spectrum-gray-900);\n\n --spectrum-textfield-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus);\n --spectrum-textfield-border-color-down: var(--spectrum-global-color-gray-900);\n --spectrum-textfield-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus);\n\n --spectrum-checkbox-box-size: var(--spectrum-global-dimension-size-200);\n --spectrum-radio-circle-diameter: var(--spectrum-global-dimension-size-200);\n --spectrum-switch-handle-size: var(--spectrum-global-dimension-size-200);\n --spectrum-switch-track-height: var(--spectrum-global-dimension-size-200);\n\n --spectrum-alias-toggle-color-default: var(--spectrum-global-color-gray-800);\n --spectrum-alias-toggle-color-hover: var(--spectrum-global-color-gray-900);\n --spectrum-alias-toggle-color-key-focus: var(--spectrum-global-color-gray-900);\n --spectrum-alias-toggle-color-selected: var(--spectrum-gray-800);\n --spectrum-alias-toggle-color-selected-hover: var(--spectrum-gray-900);\n --spectrum-alias-toggle-color-selected-key-focus: var(--spectrum-gray-900);\n --spectrum-alias-toggle-color-selected-down: var(--spectrum-gray-900);\n\n --spectrum-actionbutton-icon-color: var(--spectrum-global-color-gray-800);\n --spectrum-actionbutton-background-color: var(--spectrum-global-color-gray-200);\n --spectrum-actionbutton-background-color-hover: var(--spectrum-global-color-gray-300);\n --spectrum-actionbutton-background-color-key-focus: var(--spectrum-global-color-gray-300);\n --spectrum-actionbutton-background-color-down: var(--spectrum-global-color-gray-400);\n --spectrum-actionbutton-background-color-disabled: var(--spectrum-global-color-gray-200);\n --spectrum-actionbutton-border-color-disabled: var(--spectrum-global-color-gray-200);\n\n --spectrum-actionbutton-border-color: var(--spectrum-actionbutton-background-color);\n --spectrum-actionbutton-border-color-hover: var(--spectrum-actionbutton-background-color-hover);\n --spectrum-actionbutton-border-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus);\n --spectrum-actionbutton-border-color-down: var(--spectrum-actionbutton-background-color-down);\n\n --spectrum-actionbutton-quiet-background-color-hover: var(--spectrum-actionbutton-background-color-hover);\n --spectrum-actionbutton-quiet-background-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus);\n --spectrum-actionbutton-quiet-background-color-down: var(--spectrum-actionbutton-background-color-down);\n --spectrum-actionbutton-quiet-border-color-hover: var(--spectrum-actionbutton-border-color-hover);\n --spectrum-actionbutton-quiet-border-color-key-focus: var(--spectrum-actionbutton-border-color-key-focus);\n --spectrum-actionbutton-quiet-border-color-down: var(--spectrum-actionbutton-border-color-down);\n\n --spectrum-actionbutton-static-black-border-color: transparent;\n --spectrum-actionbutton-static-black-border-color-hover: transparent;\n --spectrum-actionbutton-static-black-border-color-key-focus: transparent;\n --spectrum-actionbutton-static-black-border-color-down: transparent;\n --spectrum-actionbutton-static-black-border-color-disabled: transparent;\n --spectrum-actionbutton-static-black-border-color-selected-disabled: transparent;\n --spectrum-actionbutton-static-black-background-color: rgba(0, 0, 0, 0.07);\n --spectrum-actionbutton-static-black-background-color-disabled: rgba(0, 0, 0, 0.07);\n\n --spectrum-actionbutton-static-white-border-color: transparent;\n --spectrum-actionbutton-static-white-border-color-hover: transparent;\n --spectrum-actionbutton-static-white-border-color-key-focus: transparent;\n --spectrum-actionbutton-static-white-border-color-down: transparent;\n --spectrum-actionbutton-static-white-border-color-disabled: transparent;\n --spectrum-actionbutton-static-white-border-color-selected-disabled: transparent;\n --spectrum-actionbutton-static-white-background-color: rgba(255, 255, 255, 0.07);\n --spectrum-actionbutton-static-white-background-color-disabled: rgba(255, 255, 255, 0.07);\n\n --spectrum-fieldbutton-background-color: var(--spectrum-actionbutton-background-color);\n --spectrum-fieldbutton-background-color-hover: var(--spectrum-actionbutton-background-color-hover);\n --spectrum-fieldbutton-background-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus);\n --spectrum-fieldbutton-background-color-down: var(--spectrum-actionbutton-background-color-down);\n --spectrum-fieldbutton-border-color: var(--spectrum-actionbutton-border-color);\n --spectrum-fieldbutton-border-color-hover: var(--spectrum-actionbutton-border-color-hover);\n --spectrum-fieldbutton-border-color-key-focus: var(--spectrum-actionbutton-border-color-key-focus);\n --spectrum-fieldbutton-border-color-error-key-focus: var(--spectrum-fieldbutton-border-color-error);\n --spectrum-fieldbutton-border-color-down: var(--spectrum-actionbutton-border-color-down);\n\n --spectrum-breadcrumb-button-gap: var(--spectrum-global-dimension-static-size-50);\n --spectrum-breadcrumb-ui-icon-color: var(--spectrum-gray-800);\n --spectrum-breadcrumb-ui-icon-width: var(--spectrum-global-dimension-size-225);\n --spectrum-breadcrumb-ui-icon-height: var(--spectrum-global-dimension-size-225);\n --spectrum-breadcrumb-item-padding-x: var(--spectrum-global-dimension-size-50);\n --spectrum-breadcrumb-separator-icon-position-adjustment: 0;\n\n --spectrum-icon-chevron-right-small-height: var(--spectrum-global-dimension-size-225);\n --spectrum-icon-chevron-right-small-width: var(--spectrum-global-dimension-size-225);\n\n --spectrum-combobox-fieldbutton-inset: var(--spectrum-global-dimension-size-75);\n --spectrum-combobox-fieldbutton-border-left-width: 0;\n --spectrum-combobox-fieldbutton-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular);\n --spectrum-combobox-fieldbutton-start-border-radius: calc(var(--spectrum-alias-border-radius-regular) + var(--spectrum-alias-input-border-size));\n --spectrum-combobox-fieldbutton-end-border-radius: var(--spectrum-combobox-fieldbutton-start-border-radius);\n\n --spectrum-search-border-radius: var(--spectrum-global-dimension-size-300);\n --spectrum-search-clear-button-padding: var(--spectrum-global-dimension-size-50);\n\n /* These are wrong in spectrum-css compared with XD. Matching XD here. */\n --spectrum-search-clear-button-background-color-hover: var(--spectrum-global-color-gray-200);\n --spectrum-search-clear-button-background-color-key-focus: var(--spectrum-global-color-gray-200);\n --spectrum-search-clear-button-background-color-down: var(--spectrum-global-color-gray-300);\n\n --spectrum-label-text-size: var(--spectrum-global-dimension-font-size-100);\n --spectrum-fieldlabel-text-size: var(--spectrum-global-dimension-font-size-100);\n\n --spectrum-slider-track-height: var(--spectrum-global-dimension-size-50);\n --spectrum-slider-track-color: var(--spectrum-global-color-gray-200);\n --spectrum-slider-track-color-disabled: var(--spectrum-global-color-gray-200);\n --spectrum-slider-track-border-radius: var(--spectrum-alias-border-radius-xsmall);\n --spectrum-slider-fill-track-height: var(--spectrum-slider-track-height);\n --spectrum-slider-fill-track-color: var(--spectrum-global-color-gray-600);\n --spectrum-slider-handle-gap: 0px;\n --spectrum-slider-handle-border-size-down: var(--spectrum-slider-handle-border-size);\n --spectrum-slider-handle-width: var(--spectrum-global-dimension-size-225);\n --spectrum-slider-handle-height: var(--spectrum-global-dimension-size-225);\n --spectrum-slider-handle-background-color: var(--spectrum-global-color-gray-50);\n --spectrum-slider-handle-border-color: var(--spectrum-global-color-gray-800);\n --spectrum-slider-handle-border-color-hover: var(--spectrum-global-color-gray-900);\n --spectrum-slider-handle-border-color-key-focus: var(--spectrum-global-color-gray-900);\n --spectrum-slider-handle-border-color-down: var(--spectrum-global-color-gray-900);\n --spectrum-slider-handle-border-color-disabled: var(--spectrum-global-color-gray-300);\n\n --spectrum-actiongroup-compact-button-gap: var(--spectrum-global-dimension-size-25);\n\n --spectrum-tag-border-size: var(--spectrum-global-dimension-static-size-25);\n --spectrum-tag-border-radius: var(--spectrum-global-dimension-size-300);\n --spectrum-tag-border-color: var(--spectrum-global-color-gray-300);\n --spectrum-tag-border-color-hover: var(--spectrum-global-color-gray-400);\n --spectrum-tag-border-color-key-focus: var(--spectrum-global-color-gray-400);\n --spectrum-tag-border-color-down: var(--spectrum-global-color-gray-500);\n --spectrum-tag-border-color-disabled: var(--spectrum-global-color-gray-300);\n --spectrum-tag-background-color: var(--spectrum-global-color-gray-100);\n --spectrum-tag-background-color-hover: var(--spectrum-global-color-gray-300);\n --spectrum-tag-background-color-key-focus: var(--spectrum-global-color-gray-300);\n --spectrum-tag-background-color-down: var(--spectrum-global-color-gray-400);\n --spectrum-tag-background-color-disabled: var(--spectrum-global-color-gray-100);\n\n /* These are missing from spectrum-css */\n --spectrum-alias-dropshadow-blur: var(--spectrum-global-dimension-size-200);\n --spectrum-alias-dropshadow-offset-y: var(--spectrum-global-dimension-size-50);\n --spectrum-popover-border-size: 0px; /* TODO: is this for all popovers or just menu/picker/combobox? */\n --spectrum-tooltip-dropshadow: drop-shadow(0 var(--spectrum-alias-dropshadow-offset-y) var(--spectrum-alias-dropshadow-blur) var(--spectrum-alias-dropshadow-color));\n --spectrum-selectlist-option-icon-color-selected: var(--spectrum-global-color-indigo-500);\n\n --spectrum-alias-neutral-background-color: var(--spectrum-neutral-background-color-default);\n}\n\n.express.medium {\n --spectrum-switch-track-width: 28px;\n}\n\n.express.large {\n --spectrum-switch-track-width: 36px;\n}\n\n@media (forced-colors: active) {\n .express.express {\n --spectrum-popover-border-size: var(--spectrum-alias-border-size-thin);\n }\n}\n"],"names":[],"version":3,"file":"main.css.map"}
1
+ {"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuKA;;;;AAIA;;;;AAIA;EACE","sources":["packages/@adobe/spectrum-css-temp/vars/express.css"],"sourcesContent":[".express.express {\n --spectrum-accent-color-100: var(--spectrum-indigo-100);\n --spectrum-accent-color-200: var(--spectrum-indigo-200);\n --spectrum-accent-color-300: var(--spectrum-indigo-300);\n --spectrum-accent-color-400: var(--spectrum-indigo-400);\n --spectrum-accent-color-500: var(--spectrum-indigo-500);\n --spectrum-accent-color-600: var(--spectrum-indigo-600);\n --spectrum-accent-color-700: var(--spectrum-indigo-700);\n --spectrum-accent-color-800: var(--spectrum-indigo-800);\n --spectrum-accent-color-900: var(--spectrum-indigo-900);\n --spectrum-accent-color-1000: var(--spectrum-indigo-1000);\n --spectrum-accent-color-1100: var(--spectrum-indigo-1100);\n --spectrum-accent-color-1200: var(--spectrum-indigo-1200);\n --spectrum-accent-color-1300: var(--spectrum-indigo-1300);\n --spectrum-accent-color-1400: var(--spectrum-indigo-1400);\n\n --spectrum-alias-heading-text-font-weight-regular: var(--spectrum-global-font-weight-black);\n --spectrum-alias-border-radius-xsmall: var(--spectrum-global-dimension-size-25);\n --spectrum-alias-border-radius-small: var(--spectrum-global-dimension-size-40);\n --spectrum-alias-border-radius-regular: var(--spectrum-global-dimension-size-75);\n --spectrum-alias-border-radius-medium: var(--spectrum-global-dimension-size-125);\n --spectrum-alias-border-radius-large: var(--spectrum-global-dimension-size-150);\n\n --spectrum-button-primary-border-radius: var(--spectrum-global-dimension-size-200);\n --spectrum-alias-input-border-size: var(--spectrum-global-dimension-static-size-25);\n --spectrum-alias-input-focusring-gap: var(--spectrum-global-dimension-static-size-25);\n --spectrum-alias-input-border-color-key-focus: var(--spectrum-global-color-gray-900);\n --spectrum-alias-input-focusring-size: var(--spectrum-global-dimension-static-size-25);\n\n --spectrum-alias-border-color: var(--spectrum-gray-400);\n --spectrum-alias-border-color-hover: var(--spectrum-gray-500);\n --spectrum-alias-border-color-down: var(--spectrum-gray-900);\n\n --spectrum-textfield-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus);\n --spectrum-textfield-border-color-down: var(--spectrum-global-color-gray-900);\n --spectrum-textfield-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus);\n\n --spectrum-checkbox-box-size: var(--spectrum-global-dimension-size-200);\n --spectrum-radio-circle-diameter: var(--spectrum-global-dimension-size-200);\n --spectrum-switch-handle-size: var(--spectrum-global-dimension-size-200);\n --spectrum-switch-track-height: var(--spectrum-global-dimension-size-200);\n\n --spectrum-alias-toggle-color-default: var(--spectrum-global-color-gray-800);\n --spectrum-alias-toggle-color-hover: var(--spectrum-global-color-gray-900);\n --spectrum-alias-toggle-color-key-focus: var(--spectrum-global-color-gray-900);\n --spectrum-alias-toggle-color-selected: var(--spectrum-gray-800);\n --spectrum-alias-toggle-color-selected-hover: var(--spectrum-gray-900);\n --spectrum-alias-toggle-color-selected-key-focus: var(--spectrum-gray-900);\n --spectrum-alias-toggle-color-selected-down: var(--spectrum-gray-900);\n\n --spectrum-actionbutton-icon-color: var(--spectrum-global-color-gray-800);\n --spectrum-actionbutton-background-color: var(--spectrum-global-color-gray-200);\n --spectrum-actionbutton-background-color-hover: var(--spectrum-global-color-gray-300);\n --spectrum-actionbutton-background-color-key-focus: var(--spectrum-global-color-gray-300);\n --spectrum-actionbutton-background-color-down: var(--spectrum-global-color-gray-400);\n --spectrum-actionbutton-background-color-disabled: var(--spectrum-global-color-gray-200);\n --spectrum-actionbutton-border-color-disabled: var(--spectrum-global-color-gray-200);\n\n --spectrum-actionbutton-border-color: var(--spectrum-actionbutton-background-color);\n --spectrum-actionbutton-border-color-hover: var(--spectrum-actionbutton-background-color-hover);\n --spectrum-actionbutton-border-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus);\n --spectrum-actionbutton-border-color-down: var(--spectrum-actionbutton-background-color-down);\n\n --spectrum-actionbutton-quiet-background-color-hover: var(--spectrum-actionbutton-background-color-hover);\n --spectrum-actionbutton-quiet-background-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus);\n --spectrum-actionbutton-quiet-background-color-down: var(--spectrum-actionbutton-background-color-down);\n --spectrum-actionbutton-quiet-border-color-hover: var(--spectrum-actionbutton-border-color-hover);\n --spectrum-actionbutton-quiet-border-color-key-focus: var(--spectrum-actionbutton-border-color-key-focus);\n --spectrum-actionbutton-quiet-border-color-down: var(--spectrum-actionbutton-border-color-down);\n\n --spectrum-actionbutton-static-black-border-color: transparent;\n --spectrum-actionbutton-static-black-border-color-hover: transparent;\n --spectrum-actionbutton-static-black-border-color-key-focus: transparent;\n --spectrum-actionbutton-static-black-border-color-down: transparent;\n --spectrum-actionbutton-static-black-border-color-disabled: transparent;\n --spectrum-actionbutton-static-black-border-color-selected-disabled: transparent;\n --spectrum-actionbutton-static-black-background-color: rgba(0, 0, 0, 0.07);\n --spectrum-actionbutton-static-black-background-color-disabled: rgba(0, 0, 0, 0.07);\n\n --spectrum-actionbutton-static-white-border-color: transparent;\n --spectrum-actionbutton-static-white-border-color-hover: transparent;\n --spectrum-actionbutton-static-white-border-color-key-focus: transparent;\n --spectrum-actionbutton-static-white-border-color-down: transparent;\n --spectrum-actionbutton-static-white-border-color-disabled: transparent;\n --spectrum-actionbutton-static-white-border-color-selected-disabled: transparent;\n --spectrum-actionbutton-static-white-background-color: rgba(255, 255, 255, 0.07);\n --spectrum-actionbutton-static-white-background-color-disabled: rgba(255, 255, 255, 0.07);\n\n --spectrum-fieldbutton-background-color: var(--spectrum-actionbutton-background-color);\n --spectrum-fieldbutton-background-color-hover: var(--spectrum-actionbutton-background-color-hover);\n --spectrum-fieldbutton-background-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus);\n --spectrum-fieldbutton-background-color-down: var(--spectrum-actionbutton-background-color-down);\n --spectrum-fieldbutton-border-color: var(--spectrum-actionbutton-border-color);\n --spectrum-fieldbutton-border-color-hover: var(--spectrum-actionbutton-border-color-hover);\n --spectrum-fieldbutton-border-color-key-focus: var(--spectrum-actionbutton-border-color-key-focus);\n --spectrum-fieldbutton-border-color-error-key-focus: var(--spectrum-fieldbutton-border-color-error);\n --spectrum-fieldbutton-border-color-down: var(--spectrum-actionbutton-border-color-down);\n\n --spectrum-breadcrumb-button-gap: var(--spectrum-global-dimension-static-size-50);\n --spectrum-breadcrumb-ui-icon-color: var(--spectrum-gray-800);\n --spectrum-breadcrumb-ui-icon-width: var(--spectrum-global-dimension-size-225);\n --spectrum-breadcrumb-ui-icon-height: var(--spectrum-global-dimension-size-225);\n --spectrum-breadcrumb-item-padding-x: var(--spectrum-global-dimension-size-50);\n --spectrum-breadcrumb-separator-icon-position-adjustment: 0;\n\n --spectrum-icon-chevron-right-small-height: var(--spectrum-global-dimension-size-225);\n --spectrum-icon-chevron-right-small-width: var(--spectrum-global-dimension-size-225);\n\n --spectrum-combobox-fieldbutton-inset: var(--spectrum-global-dimension-size-75);\n --spectrum-combobox-fieldbutton-border-left-width: 0;\n --spectrum-combobox-fieldbutton-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular);\n --spectrum-combobox-fieldbutton-start-border-radius: calc(var(--spectrum-alias-border-radius-regular) + var(--spectrum-alias-input-border-size));\n --spectrum-combobox-fieldbutton-end-border-radius: var(--spectrum-combobox-fieldbutton-start-border-radius);\n\n --spectrum-search-border-radius: var(--spectrum-global-dimension-size-300);\n --spectrum-search-clear-button-padding: var(--spectrum-global-dimension-size-50);\n\n /* These are wrong in spectrum-css compared with XD. Matching XD here. */\n --spectrum-search-clear-button-background-color-hover: var(--spectrum-global-color-gray-200);\n --spectrum-search-clear-button-background-color-key-focus: var(--spectrum-global-color-gray-200);\n --spectrum-search-clear-button-background-color-down: var(--spectrum-global-color-gray-300);\n\n --spectrum-label-text-size: var(--spectrum-global-dimension-font-size-100);\n --spectrum-fieldlabel-text-size: var(--spectrum-global-dimension-font-size-100);\n\n --spectrum-slider-track-height: var(--spectrum-global-dimension-size-50);\n --spectrum-slider-track-color: var(--spectrum-global-color-gray-200);\n --spectrum-slider-track-color-disabled: var(--spectrum-global-color-gray-200);\n --spectrum-slider-track-border-radius: var(--spectrum-alias-border-radius-xsmall);\n --spectrum-slider-fill-track-height: var(--spectrum-slider-track-height);\n --spectrum-slider-fill-track-color: var(--spectrum-global-color-gray-600);\n --spectrum-slider-handle-gap: 0px;\n --spectrum-slider-handle-border-size-down: var(--spectrum-slider-handle-border-size);\n --spectrum-slider-handle-width: var(--spectrum-global-dimension-size-225);\n --spectrum-slider-handle-height: var(--spectrum-global-dimension-size-225);\n --spectrum-slider-handle-background-color: var(--spectrum-global-color-gray-50);\n --spectrum-slider-handle-border-color: var(--spectrum-global-color-gray-800);\n --spectrum-slider-handle-border-color-hover: var(--spectrum-global-color-gray-900);\n --spectrum-slider-handle-border-color-key-focus: var(--spectrum-global-color-gray-900);\n --spectrum-slider-handle-border-color-down: var(--spectrum-global-color-gray-900);\n --spectrum-slider-handle-border-color-disabled: var(--spectrum-global-color-gray-300);\n\n --spectrum-actiongroup-compact-button-gap: var(--spectrum-global-dimension-size-25);\n\n --spectrum-tag-border-size: var(--spectrum-global-dimension-static-size-25);\n --spectrum-tag-border-radius: var(--spectrum-global-dimension-size-300);\n --spectrum-tag-border-color: var(--spectrum-global-color-gray-300);\n --spectrum-tag-border-color-hover: var(--spectrum-global-color-gray-400);\n --spectrum-tag-border-color-key-focus: var(--spectrum-global-color-gray-400);\n --spectrum-tag-border-color-down: var(--spectrum-global-color-gray-500);\n --spectrum-tag-border-color-disabled: var(--spectrum-global-color-gray-300);\n --spectrum-tag-background-color: var(--spectrum-global-color-gray-100);\n --spectrum-tag-background-color-hover: var(--spectrum-global-color-gray-300);\n --spectrum-tag-background-color-key-focus: var(--spectrum-global-color-gray-300);\n --spectrum-tag-background-color-down: var(--spectrum-global-color-gray-400);\n --spectrum-tag-background-color-disabled: var(--spectrum-global-color-gray-100);\n\n /* These are missing from spectrum-css */\n --spectrum-alias-dropshadow-blur: var(--spectrum-global-dimension-size-200);\n --spectrum-alias-dropshadow-offset-y: var(--spectrum-global-dimension-size-50);\n --spectrum-popover-border-size: 0px; /* TODO: is this for all popovers or just menu/picker/combobox? */\n --spectrum-tooltip-dropshadow: drop-shadow(0 var(--spectrum-alias-dropshadow-offset-y) var(--spectrum-alias-dropshadow-blur) var(--spectrum-alias-dropshadow-color));\n --spectrum-selectlist-option-icon-color-selected: var(--spectrum-global-color-indigo-500);\n\n --spectrum-alias-neutral-background-color: var(--spectrum-neutral-background-color-default);\n}\n\n.express.medium {\n --spectrum-switch-track-width: 28px;\n}\n\n.express.large {\n --spectrum-switch-track-width: 36px;\n}\n\n@media (forced-colors: active) {\n .express.express {\n --spectrum-popover-border-size: var(--spectrum-alias-border-size-thin);\n }\n}\n"],"names":[],"version":3,"file":"express.bc65ee66.css.map"}
package/dist/import.mjs CHANGED
@@ -1,14 +1,11 @@
1
- import "./main.css";
1
+ import "./express.bc65ee66.css";
2
+ import $aUolJ$vars_express_cssmodulejs from "./vars_express_css.mjs";
2
3
  import {theme as $aUolJ$theme} from "@react-spectrum/theme-default";
3
4
 
4
5
 
5
6
  function $parcel$interopDefault(a) {
6
7
  return a && a.__esModule ? a.default : a;
7
8
  }
8
-
9
- function $parcel$export(e, n, v, s) {
10
- Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
11
- }
12
9
  /*
13
10
  * Copyright 2020 Adobe. All rights reserved.
14
11
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -21,32 +18,20 @@ function $parcel$export(e, n, v, s) {
21
18
  * governing permissions and limitations under the License.
22
19
  */ /// <reference types="css-module-types" />
23
20
 
24
- var $f7081ce6e3bea695$exports = {};
25
-
26
- $parcel$export($f7081ce6e3bea695$exports, "express", () => $f7081ce6e3bea695$export$7cee79dbff713def, (v) => $f7081ce6e3bea695$export$7cee79dbff713def = v);
27
- $parcel$export($f7081ce6e3bea695$exports, "large", () => $f7081ce6e3bea695$export$f09585a853dddd32, (v) => $f7081ce6e3bea695$export$f09585a853dddd32 = v);
28
- $parcel$export($f7081ce6e3bea695$exports, "medium", () => $f7081ce6e3bea695$export$649ecc744817b5c7, (v) => $f7081ce6e3bea695$export$649ecc744817b5c7 = v);
29
- var $f7081ce6e3bea695$export$7cee79dbff713def;
30
- var $f7081ce6e3bea695$export$f09585a853dddd32;
31
- var $f7081ce6e3bea695$export$649ecc744817b5c7;
32
- $f7081ce6e3bea695$export$7cee79dbff713def = `-9mX2q_express`;
33
- $f7081ce6e3bea695$export$f09585a853dddd32 = `-9mX2q_large`;
34
- $f7081ce6e3bea695$export$649ecc744817b5c7 = `-9mX2q_medium`;
35
-
36
21
 
37
22
  let $deb24b9d30a568dd$export$bca14c5b3b88a9c9 = {
38
23
  ...(0, $aUolJ$theme),
39
24
  global: {
40
25
  ...(0, $aUolJ$theme).global,
41
- express: (0, (/*@__PURE__*/$parcel$interopDefault($f7081ce6e3bea695$exports))).express
26
+ express: (0, ($parcel$interopDefault($aUolJ$vars_express_cssmodulejs))).express
42
27
  },
43
28
  medium: {
44
29
  ...(0, $aUolJ$theme).medium,
45
- express: (0, (/*@__PURE__*/$parcel$interopDefault($f7081ce6e3bea695$exports))).medium
30
+ express: (0, ($parcel$interopDefault($aUolJ$vars_express_cssmodulejs))).medium
46
31
  },
47
32
  large: {
48
33
  ...(0, $aUolJ$theme).large,
49
- express: (0, (/*@__PURE__*/$parcel$interopDefault($f7081ce6e3bea695$exports))).large
34
+ express: (0, ($parcel$interopDefault($aUolJ$vars_express_cssmodulejs))).large
50
35
  }
51
36
  };
52
37
 
package/dist/main.js CHANGED
@@ -1,4 +1,5 @@
1
- require("./main.css");
1
+ require("./express.bc65ee66.css");
2
+ var $f17eaf2199c04a30$exports = require("./vars_express_css.main.js");
2
3
  var $xLzsa$reactspectrumthemedefault = require("@react-spectrum/theme-default");
3
4
 
4
5
 
@@ -23,32 +24,20 @@ $parcel$export(module.exports, "theme", () => $b4cff187ce2e1b51$export$bca14c5b3
23
24
  * governing permissions and limitations under the License.
24
25
  */ /// <reference types="css-module-types" />
25
26
 
26
- var $f17eaf2199c04a30$exports = {};
27
-
28
- $parcel$export($f17eaf2199c04a30$exports, "express", () => $f17eaf2199c04a30$export$7cee79dbff713def, (v) => $f17eaf2199c04a30$export$7cee79dbff713def = v);
29
- $parcel$export($f17eaf2199c04a30$exports, "large", () => $f17eaf2199c04a30$export$f09585a853dddd32, (v) => $f17eaf2199c04a30$export$f09585a853dddd32 = v);
30
- $parcel$export($f17eaf2199c04a30$exports, "medium", () => $f17eaf2199c04a30$export$649ecc744817b5c7, (v) => $f17eaf2199c04a30$export$649ecc744817b5c7 = v);
31
- var $f17eaf2199c04a30$export$7cee79dbff713def;
32
- var $f17eaf2199c04a30$export$f09585a853dddd32;
33
- var $f17eaf2199c04a30$export$649ecc744817b5c7;
34
- $f17eaf2199c04a30$export$7cee79dbff713def = `-9mX2q_express`;
35
- $f17eaf2199c04a30$export$f09585a853dddd32 = `-9mX2q_large`;
36
- $f17eaf2199c04a30$export$649ecc744817b5c7 = `-9mX2q_medium`;
37
-
38
27
 
39
28
  let $b4cff187ce2e1b51$export$bca14c5b3b88a9c9 = {
40
29
  ...(0, $xLzsa$reactspectrumthemedefault.theme),
41
30
  global: {
42
31
  ...(0, $xLzsa$reactspectrumthemedefault.theme).global,
43
- express: (0, (/*@__PURE__*/$parcel$interopDefault($f17eaf2199c04a30$exports))).express
32
+ express: (0, ($parcel$interopDefault($f17eaf2199c04a30$exports))).express
44
33
  },
45
34
  medium: {
46
35
  ...(0, $xLzsa$reactspectrumthemedefault.theme).medium,
47
- express: (0, (/*@__PURE__*/$parcel$interopDefault($f17eaf2199c04a30$exports))).medium
36
+ express: (0, ($parcel$interopDefault($f17eaf2199c04a30$exports))).medium
48
37
  },
49
38
  large: {
50
39
  ...(0, $xLzsa$reactspectrumthemedefault.theme).large,
51
- express: (0, (/*@__PURE__*/$parcel$interopDefault($f17eaf2199c04a30$exports))).large
40
+ express: (0, ($parcel$interopDefault($f17eaf2199c04a30$exports))).large
52
41
  }
53
42
  };
54
43
 
package/dist/main.js.map CHANGED
@@ -1 +1 @@
1
- {"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C;;;;;;;ACZ1C,IAAA;AACA,IAAA;AACA,IAAA;AAFA,4CAA4B,CAAC,cAAc,CAAC;AAC5C,4CAA0B,CAAC,YAAY,CAAC;AACxC,4CAA2B,CAAC,aAAa,CAAC;;;ADgBnC,IAAI,4CAAe;IACxB,GAAG,CAAA,GAAA,sCAAW,CAAC;IACf,QAAQ;QACN,GAAG,CAAA,GAAA,sCAAW,EAAE,MAAM;QACtB,SAAS,CAAA,GAAA,gEAAM,EAAE,OAAO;IAC1B;IACA,QAAQ;QACN,GAAG,CAAA,GAAA,sCAAW,EAAE,MAAM;QACtB,SAAS,CAAA,GAAA,gEAAM,EAAE,MAAM;IACzB;IACA,OAAO;QACL,GAAG,CAAA,GAAA,sCAAW,EAAE,KAAK;QACrB,SAAS,CAAA,GAAA,gEAAM,EAAE,KAAK;IACxB;AACF","sources":["packages/@react-spectrum/theme-express/src/index.ts","packages/@adobe/spectrum-css-temp/vars/express.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nimport {theme as defaultTheme} from '@react-spectrum/theme-default';\nimport express from '@adobe/spectrum-css-temp/vars/express.css';\nimport {Theme} from '@react-types/provider';\n\nexport let theme: Theme = {\n ...defaultTheme,\n global: {\n ...defaultTheme.global,\n express: express.express\n },\n medium: {\n ...defaultTheme.medium,\n express: express.medium\n },\n large: {\n ...defaultTheme.large,\n express: express.large\n }\n};\n",".express.express {\n --spectrum-accent-color-100: var(--spectrum-indigo-100);\n --spectrum-accent-color-200: var(--spectrum-indigo-200);\n --spectrum-accent-color-300: var(--spectrum-indigo-300);\n --spectrum-accent-color-400: var(--spectrum-indigo-400);\n --spectrum-accent-color-500: var(--spectrum-indigo-500);\n --spectrum-accent-color-600: var(--spectrum-indigo-600);\n --spectrum-accent-color-700: var(--spectrum-indigo-700);\n --spectrum-accent-color-800: var(--spectrum-indigo-800);\n --spectrum-accent-color-900: var(--spectrum-indigo-900);\n --spectrum-accent-color-1000: var(--spectrum-indigo-1000);\n --spectrum-accent-color-1100: var(--spectrum-indigo-1100);\n --spectrum-accent-color-1200: var(--spectrum-indigo-1200);\n --spectrum-accent-color-1300: var(--spectrum-indigo-1300);\n --spectrum-accent-color-1400: var(--spectrum-indigo-1400);\n\n --spectrum-alias-heading-text-font-weight-regular: var(--spectrum-global-font-weight-black);\n --spectrum-alias-border-radius-xsmall: var(--spectrum-global-dimension-size-25);\n --spectrum-alias-border-radius-small: var(--spectrum-global-dimension-size-40);\n --spectrum-alias-border-radius-regular: var(--spectrum-global-dimension-size-75);\n --spectrum-alias-border-radius-medium: var(--spectrum-global-dimension-size-125);\n --spectrum-alias-border-radius-large: var(--spectrum-global-dimension-size-150);\n\n --spectrum-button-primary-border-radius: var(--spectrum-global-dimension-size-200);\n --spectrum-alias-input-border-size: var(--spectrum-global-dimension-static-size-25);\n --spectrum-alias-input-focusring-gap: var(--spectrum-global-dimension-static-size-25);\n --spectrum-alias-input-border-color-key-focus: var(--spectrum-global-color-gray-900);\n --spectrum-alias-input-focusring-size: var(--spectrum-global-dimension-static-size-25);\n\n --spectrum-alias-border-color: var(--spectrum-gray-400);\n --spectrum-alias-border-color-hover: var(--spectrum-gray-500);\n --spectrum-alias-border-color-down: var(--spectrum-gray-900);\n\n --spectrum-textfield-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus);\n --spectrum-textfield-border-color-down: var(--spectrum-global-color-gray-900);\n --spectrum-textfield-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus);\n\n --spectrum-checkbox-box-size: var(--spectrum-global-dimension-size-200);\n --spectrum-radio-circle-diameter: var(--spectrum-global-dimension-size-200);\n --spectrum-switch-handle-size: var(--spectrum-global-dimension-size-200);\n --spectrum-switch-track-height: var(--spectrum-global-dimension-size-200);\n\n --spectrum-alias-toggle-color-default: var(--spectrum-global-color-gray-800);\n --spectrum-alias-toggle-color-hover: var(--spectrum-global-color-gray-900);\n --spectrum-alias-toggle-color-key-focus: var(--spectrum-global-color-gray-900);\n --spectrum-alias-toggle-color-selected: var(--spectrum-gray-800);\n --spectrum-alias-toggle-color-selected-hover: var(--spectrum-gray-900);\n --spectrum-alias-toggle-color-selected-key-focus: var(--spectrum-gray-900);\n --spectrum-alias-toggle-color-selected-down: var(--spectrum-gray-900);\n\n --spectrum-actionbutton-icon-color: var(--spectrum-global-color-gray-800);\n --spectrum-actionbutton-background-color: var(--spectrum-global-color-gray-200);\n --spectrum-actionbutton-background-color-hover: var(--spectrum-global-color-gray-300);\n --spectrum-actionbutton-background-color-key-focus: var(--spectrum-global-color-gray-300);\n --spectrum-actionbutton-background-color-down: var(--spectrum-global-color-gray-400);\n --spectrum-actionbutton-background-color-disabled: var(--spectrum-global-color-gray-200);\n --spectrum-actionbutton-border-color-disabled: var(--spectrum-global-color-gray-200);\n\n --spectrum-actionbutton-border-color: var(--spectrum-actionbutton-background-color);\n --spectrum-actionbutton-border-color-hover: var(--spectrum-actionbutton-background-color-hover);\n --spectrum-actionbutton-border-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus);\n --spectrum-actionbutton-border-color-down: var(--spectrum-actionbutton-background-color-down);\n\n --spectrum-actionbutton-quiet-background-color-hover: var(--spectrum-actionbutton-background-color-hover);\n --spectrum-actionbutton-quiet-background-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus);\n --spectrum-actionbutton-quiet-background-color-down: var(--spectrum-actionbutton-background-color-down);\n --spectrum-actionbutton-quiet-border-color-hover: var(--spectrum-actionbutton-border-color-hover);\n --spectrum-actionbutton-quiet-border-color-key-focus: var(--spectrum-actionbutton-border-color-key-focus);\n --spectrum-actionbutton-quiet-border-color-down: var(--spectrum-actionbutton-border-color-down);\n\n --spectrum-actionbutton-static-black-border-color: transparent;\n --spectrum-actionbutton-static-black-border-color-hover: transparent;\n --spectrum-actionbutton-static-black-border-color-key-focus: transparent;\n --spectrum-actionbutton-static-black-border-color-down: transparent;\n --spectrum-actionbutton-static-black-border-color-disabled: transparent;\n --spectrum-actionbutton-static-black-border-color-selected-disabled: transparent;\n --spectrum-actionbutton-static-black-background-color: rgba(0, 0, 0, 0.07);\n --spectrum-actionbutton-static-black-background-color-disabled: rgba(0, 0, 0, 0.07);\n\n --spectrum-actionbutton-static-white-border-color: transparent;\n --spectrum-actionbutton-static-white-border-color-hover: transparent;\n --spectrum-actionbutton-static-white-border-color-key-focus: transparent;\n --spectrum-actionbutton-static-white-border-color-down: transparent;\n --spectrum-actionbutton-static-white-border-color-disabled: transparent;\n --spectrum-actionbutton-static-white-border-color-selected-disabled: transparent;\n --spectrum-actionbutton-static-white-background-color: rgba(255, 255, 255, 0.07);\n --spectrum-actionbutton-static-white-background-color-disabled: rgba(255, 255, 255, 0.07);\n\n --spectrum-fieldbutton-background-color: var(--spectrum-actionbutton-background-color);\n --spectrum-fieldbutton-background-color-hover: var(--spectrum-actionbutton-background-color-hover);\n --spectrum-fieldbutton-background-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus);\n --spectrum-fieldbutton-background-color-down: var(--spectrum-actionbutton-background-color-down);\n --spectrum-fieldbutton-border-color: var(--spectrum-actionbutton-border-color);\n --spectrum-fieldbutton-border-color-hover: var(--spectrum-actionbutton-border-color-hover);\n --spectrum-fieldbutton-border-color-key-focus: var(--spectrum-actionbutton-border-color-key-focus);\n --spectrum-fieldbutton-border-color-error-key-focus: var(--spectrum-fieldbutton-border-color-error);\n --spectrum-fieldbutton-border-color-down: var(--spectrum-actionbutton-border-color-down);\n\n --spectrum-breadcrumb-button-gap: var(--spectrum-global-dimension-static-size-50);\n --spectrum-breadcrumb-ui-icon-color: var(--spectrum-gray-800);\n --spectrum-breadcrumb-ui-icon-width: var(--spectrum-global-dimension-size-225);\n --spectrum-breadcrumb-ui-icon-height: var(--spectrum-global-dimension-size-225);\n --spectrum-breadcrumb-item-padding-x: var(--spectrum-global-dimension-size-50);\n --spectrum-breadcrumb-separator-icon-position-adjustment: 0;\n\n --spectrum-icon-chevron-right-small-height: var(--spectrum-global-dimension-size-225);\n --spectrum-icon-chevron-right-small-width: var(--spectrum-global-dimension-size-225);\n\n --spectrum-combobox-fieldbutton-inset: var(--spectrum-global-dimension-size-75);\n --spectrum-combobox-fieldbutton-border-left-width: 0;\n --spectrum-combobox-fieldbutton-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular);\n --spectrum-combobox-fieldbutton-start-border-radius: calc(var(--spectrum-alias-border-radius-regular) + var(--spectrum-alias-input-border-size));\n --spectrum-combobox-fieldbutton-end-border-radius: var(--spectrum-combobox-fieldbutton-start-border-radius);\n\n --spectrum-search-border-radius: var(--spectrum-global-dimension-size-300);\n --spectrum-search-clear-button-padding: var(--spectrum-global-dimension-size-50);\n\n /* These are wrong in spectrum-css compared with XD. Matching XD here. */\n --spectrum-search-clear-button-background-color-hover: var(--spectrum-global-color-gray-200);\n --spectrum-search-clear-button-background-color-key-focus: var(--spectrum-global-color-gray-200);\n --spectrum-search-clear-button-background-color-down: var(--spectrum-global-color-gray-300);\n\n --spectrum-label-text-size: var(--spectrum-global-dimension-font-size-100);\n --spectrum-fieldlabel-text-size: var(--spectrum-global-dimension-font-size-100);\n\n --spectrum-slider-track-height: var(--spectrum-global-dimension-size-50);\n --spectrum-slider-track-color: var(--spectrum-global-color-gray-200);\n --spectrum-slider-track-color-disabled: var(--spectrum-global-color-gray-200);\n --spectrum-slider-track-border-radius: var(--spectrum-alias-border-radius-xsmall);\n --spectrum-slider-fill-track-height: var(--spectrum-slider-track-height);\n --spectrum-slider-fill-track-color: var(--spectrum-global-color-gray-600);\n --spectrum-slider-handle-gap: 0px;\n --spectrum-slider-handle-border-size-down: var(--spectrum-slider-handle-border-size);\n --spectrum-slider-handle-width: var(--spectrum-global-dimension-size-225);\n --spectrum-slider-handle-height: var(--spectrum-global-dimension-size-225);\n --spectrum-slider-handle-background-color: var(--spectrum-global-color-gray-50);\n --spectrum-slider-handle-border-color: var(--spectrum-global-color-gray-800);\n --spectrum-slider-handle-border-color-hover: var(--spectrum-global-color-gray-900);\n --spectrum-slider-handle-border-color-key-focus: var(--spectrum-global-color-gray-900);\n --spectrum-slider-handle-border-color-down: var(--spectrum-global-color-gray-900);\n --spectrum-slider-handle-border-color-disabled: var(--spectrum-global-color-gray-300);\n\n --spectrum-actiongroup-compact-button-gap: var(--spectrum-global-dimension-size-25);\n\n --spectrum-tag-border-size: var(--spectrum-global-dimension-static-size-25);\n --spectrum-tag-border-radius: var(--spectrum-global-dimension-size-300);\n --spectrum-tag-border-color: var(--spectrum-global-color-gray-300);\n --spectrum-tag-border-color-hover: var(--spectrum-global-color-gray-400);\n --spectrum-tag-border-color-key-focus: var(--spectrum-global-color-gray-400);\n --spectrum-tag-border-color-down: var(--spectrum-global-color-gray-500);\n --spectrum-tag-border-color-disabled: var(--spectrum-global-color-gray-300);\n --spectrum-tag-background-color: var(--spectrum-global-color-gray-100);\n --spectrum-tag-background-color-hover: var(--spectrum-global-color-gray-300);\n --spectrum-tag-background-color-key-focus: var(--spectrum-global-color-gray-300);\n --spectrum-tag-background-color-down: var(--spectrum-global-color-gray-400);\n --spectrum-tag-background-color-disabled: var(--spectrum-global-color-gray-100);\n\n /* These are missing from spectrum-css */\n --spectrum-alias-dropshadow-blur: var(--spectrum-global-dimension-size-200);\n --spectrum-alias-dropshadow-offset-y: var(--spectrum-global-dimension-size-50);\n --spectrum-popover-border-size: 0px; /* TODO: is this for all popovers or just menu/picker/combobox? */\n --spectrum-tooltip-dropshadow: drop-shadow(0 var(--spectrum-alias-dropshadow-offset-y) var(--spectrum-alias-dropshadow-blur) var(--spectrum-alias-dropshadow-color));\n --spectrum-selectlist-option-icon-color-selected: var(--spectrum-global-color-indigo-500);\n\n --spectrum-alias-neutral-background-color: var(--spectrum-neutral-background-color-default);\n}\n\n.express.medium {\n --spectrum-switch-track-width: 28px;\n}\n\n.express.large {\n --spectrum-switch-track-width: 36px;\n}\n\n@media (forced-colors: active) {\n .express.express {\n --spectrum-popover-border-size: var(--spectrum-alias-border-size-thin);\n }\n}\n"],"names":[],"version":3,"file":"main.js.map"}
1
+ {"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C;;;AAMnC,IAAI,4CAAe;IACxB,GAAG,CAAA,GAAA,sCAAW,CAAC;IACf,QAAQ;QACN,GAAG,CAAA,GAAA,sCAAW,EAAE,MAAM;QACtB,SAAS,CAAA,GAAA,mDAAM,EAAE,OAAO;IAC1B;IACA,QAAQ;QACN,GAAG,CAAA,GAAA,sCAAW,EAAE,MAAM;QACtB,SAAS,CAAA,GAAA,mDAAM,EAAE,MAAM;IACzB;IACA,OAAO;QACL,GAAG,CAAA,GAAA,sCAAW,EAAE,KAAK;QACrB,SAAS,CAAA,GAAA,mDAAM,EAAE,KAAK;IACxB;AACF","sources":["packages/@react-spectrum/theme-express/src/index.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nimport {theme as defaultTheme} from '@react-spectrum/theme-default';\nimport express from '@adobe/spectrum-css-temp/vars/express.css';\nimport {Theme} from '@react-types/provider';\n\nexport let theme: Theme = {\n ...defaultTheme,\n global: {\n ...defaultTheme.global,\n express: express.express\n },\n medium: {\n ...defaultTheme.medium,\n express: express.medium\n },\n large: {\n ...defaultTheme.large,\n express: express.large\n }\n};\n"],"names":[],"version":3,"file":"main.js.map"}
package/dist/module.js CHANGED
@@ -1,14 +1,11 @@
1
- import "./main.css";
1
+ import "./express.bc65ee66.css";
2
+ import $aUolJ$vars_express_cssmodulejs from "./vars_express_css.module.js";
2
3
  import {theme as $aUolJ$theme} from "@react-spectrum/theme-default";
3
4
 
4
5
 
5
6
  function $parcel$interopDefault(a) {
6
7
  return a && a.__esModule ? a.default : a;
7
8
  }
8
-
9
- function $parcel$export(e, n, v, s) {
10
- Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
11
- }
12
9
  /*
13
10
  * Copyright 2020 Adobe. All rights reserved.
14
11
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -21,32 +18,20 @@ function $parcel$export(e, n, v, s) {
21
18
  * governing permissions and limitations under the License.
22
19
  */ /// <reference types="css-module-types" />
23
20
 
24
- var $f7081ce6e3bea695$exports = {};
25
-
26
- $parcel$export($f7081ce6e3bea695$exports, "express", () => $f7081ce6e3bea695$export$7cee79dbff713def, (v) => $f7081ce6e3bea695$export$7cee79dbff713def = v);
27
- $parcel$export($f7081ce6e3bea695$exports, "large", () => $f7081ce6e3bea695$export$f09585a853dddd32, (v) => $f7081ce6e3bea695$export$f09585a853dddd32 = v);
28
- $parcel$export($f7081ce6e3bea695$exports, "medium", () => $f7081ce6e3bea695$export$649ecc744817b5c7, (v) => $f7081ce6e3bea695$export$649ecc744817b5c7 = v);
29
- var $f7081ce6e3bea695$export$7cee79dbff713def;
30
- var $f7081ce6e3bea695$export$f09585a853dddd32;
31
- var $f7081ce6e3bea695$export$649ecc744817b5c7;
32
- $f7081ce6e3bea695$export$7cee79dbff713def = `-9mX2q_express`;
33
- $f7081ce6e3bea695$export$f09585a853dddd32 = `-9mX2q_large`;
34
- $f7081ce6e3bea695$export$649ecc744817b5c7 = `-9mX2q_medium`;
35
-
36
21
 
37
22
  let $deb24b9d30a568dd$export$bca14c5b3b88a9c9 = {
38
23
  ...(0, $aUolJ$theme),
39
24
  global: {
40
25
  ...(0, $aUolJ$theme).global,
41
- express: (0, (/*@__PURE__*/$parcel$interopDefault($f7081ce6e3bea695$exports))).express
26
+ express: (0, ($parcel$interopDefault($aUolJ$vars_express_cssmodulejs))).express
42
27
  },
43
28
  medium: {
44
29
  ...(0, $aUolJ$theme).medium,
45
- express: (0, (/*@__PURE__*/$parcel$interopDefault($f7081ce6e3bea695$exports))).medium
30
+ express: (0, ($parcel$interopDefault($aUolJ$vars_express_cssmodulejs))).medium
46
31
  },
47
32
  large: {
48
33
  ...(0, $aUolJ$theme).large,
49
- express: (0, (/*@__PURE__*/$parcel$interopDefault($f7081ce6e3bea695$exports))).large
34
+ express: (0, ($parcel$interopDefault($aUolJ$vars_express_cssmodulejs))).large
50
35
  }
51
36
  };
52
37
 
package/dist/module.js.map CHANGED
@@ -1 +1 @@
1
- {"mappings":";;;;;;;;;;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C;;;;;;;ACZ1C,IAAA;AACA,IAAA;AACA,IAAA;AAFA,4CAA4B,CAAC,cAAc,CAAC;AAC5C,4CAA0B,CAAC,YAAY,CAAC;AACxC,4CAA2B,CAAC,aAAa,CAAC;;;ADgBnC,IAAI,4CAAe;IACxB,GAAG,CAAA,GAAA,YAAW,CAAC;IACf,QAAQ;QACN,GAAG,CAAA,GAAA,YAAW,EAAE,MAAM;QACtB,SAAS,CAAA,GAAA,gEAAM,EAAE,OAAO;IAC1B;IACA,QAAQ;QACN,GAAG,CAAA,GAAA,YAAW,EAAE,MAAM;QACtB,SAAS,CAAA,GAAA,gEAAM,EAAE,MAAM;IACzB;IACA,OAAO;QACL,GAAG,CAAA,GAAA,YAAW,EAAE,KAAK;QACrB,SAAS,CAAA,GAAA,gEAAM,EAAE,KAAK;IACxB;AACF","sources":["packages/@react-spectrum/theme-express/src/index.ts","packages/@adobe/spectrum-css-temp/vars/express.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nimport {theme as defaultTheme} from '@react-spectrum/theme-default';\nimport express from '@adobe/spectrum-css-temp/vars/express.css';\nimport {Theme} from '@react-types/provider';\n\nexport let theme: Theme = {\n ...defaultTheme,\n global: {\n ...defaultTheme.global,\n express: express.express\n },\n medium: {\n ...defaultTheme.medium,\n express: express.medium\n },\n large: {\n ...defaultTheme.large,\n express: express.large\n }\n};\n",".express.express {\n --spectrum-accent-color-100: var(--spectrum-indigo-100);\n --spectrum-accent-color-200: var(--spectrum-indigo-200);\n --spectrum-accent-color-300: var(--spectrum-indigo-300);\n --spectrum-accent-color-400: var(--spectrum-indigo-400);\n --spectrum-accent-color-500: var(--spectrum-indigo-500);\n --spectrum-accent-color-600: var(--spectrum-indigo-600);\n --spectrum-accent-color-700: var(--spectrum-indigo-700);\n --spectrum-accent-color-800: var(--spectrum-indigo-800);\n --spectrum-accent-color-900: var(--spectrum-indigo-900);\n --spectrum-accent-color-1000: var(--spectrum-indigo-1000);\n --spectrum-accent-color-1100: var(--spectrum-indigo-1100);\n --spectrum-accent-color-1200: var(--spectrum-indigo-1200);\n --spectrum-accent-color-1300: var(--spectrum-indigo-1300);\n --spectrum-accent-color-1400: var(--spectrum-indigo-1400);\n\n --spectrum-alias-heading-text-font-weight-regular: var(--spectrum-global-font-weight-black);\n --spectrum-alias-border-radius-xsmall: var(--spectrum-global-dimension-size-25);\n --spectrum-alias-border-radius-small: var(--spectrum-global-dimension-size-40);\n --spectrum-alias-border-radius-regular: var(--spectrum-global-dimension-size-75);\n --spectrum-alias-border-radius-medium: var(--spectrum-global-dimension-size-125);\n --spectrum-alias-border-radius-large: var(--spectrum-global-dimension-size-150);\n\n --spectrum-button-primary-border-radius: var(--spectrum-global-dimension-size-200);\n --spectrum-alias-input-border-size: var(--spectrum-global-dimension-static-size-25);\n --spectrum-alias-input-focusring-gap: var(--spectrum-global-dimension-static-size-25);\n --spectrum-alias-input-border-color-key-focus: var(--spectrum-global-color-gray-900);\n --spectrum-alias-input-focusring-size: var(--spectrum-global-dimension-static-size-25);\n\n --spectrum-alias-border-color: var(--spectrum-gray-400);\n --spectrum-alias-border-color-hover: var(--spectrum-gray-500);\n --spectrum-alias-border-color-down: var(--spectrum-gray-900);\n\n --spectrum-textfield-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus);\n --spectrum-textfield-border-color-down: var(--spectrum-global-color-gray-900);\n --spectrum-textfield-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus);\n\n --spectrum-checkbox-box-size: var(--spectrum-global-dimension-size-200);\n --spectrum-radio-circle-diameter: var(--spectrum-global-dimension-size-200);\n --spectrum-switch-handle-size: var(--spectrum-global-dimension-size-200);\n --spectrum-switch-track-height: var(--spectrum-global-dimension-size-200);\n\n --spectrum-alias-toggle-color-default: var(--spectrum-global-color-gray-800);\n --spectrum-alias-toggle-color-hover: var(--spectrum-global-color-gray-900);\n --spectrum-alias-toggle-color-key-focus: var(--spectrum-global-color-gray-900);\n --spectrum-alias-toggle-color-selected: var(--spectrum-gray-800);\n --spectrum-alias-toggle-color-selected-hover: var(--spectrum-gray-900);\n --spectrum-alias-toggle-color-selected-key-focus: var(--spectrum-gray-900);\n --spectrum-alias-toggle-color-selected-down: var(--spectrum-gray-900);\n\n --spectrum-actionbutton-icon-color: var(--spectrum-global-color-gray-800);\n --spectrum-actionbutton-background-color: var(--spectrum-global-color-gray-200);\n --spectrum-actionbutton-background-color-hover: var(--spectrum-global-color-gray-300);\n --spectrum-actionbutton-background-color-key-focus: var(--spectrum-global-color-gray-300);\n --spectrum-actionbutton-background-color-down: var(--spectrum-global-color-gray-400);\n --spectrum-actionbutton-background-color-disabled: var(--spectrum-global-color-gray-200);\n --spectrum-actionbutton-border-color-disabled: var(--spectrum-global-color-gray-200);\n\n --spectrum-actionbutton-border-color: var(--spectrum-actionbutton-background-color);\n --spectrum-actionbutton-border-color-hover: var(--spectrum-actionbutton-background-color-hover);\n --spectrum-actionbutton-border-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus);\n --spectrum-actionbutton-border-color-down: var(--spectrum-actionbutton-background-color-down);\n\n --spectrum-actionbutton-quiet-background-color-hover: var(--spectrum-actionbutton-background-color-hover);\n --spectrum-actionbutton-quiet-background-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus);\n --spectrum-actionbutton-quiet-background-color-down: var(--spectrum-actionbutton-background-color-down);\n --spectrum-actionbutton-quiet-border-color-hover: var(--spectrum-actionbutton-border-color-hover);\n --spectrum-actionbutton-quiet-border-color-key-focus: var(--spectrum-actionbutton-border-color-key-focus);\n --spectrum-actionbutton-quiet-border-color-down: var(--spectrum-actionbutton-border-color-down);\n\n --spectrum-actionbutton-static-black-border-color: transparent;\n --spectrum-actionbutton-static-black-border-color-hover: transparent;\n --spectrum-actionbutton-static-black-border-color-key-focus: transparent;\n --spectrum-actionbutton-static-black-border-color-down: transparent;\n --spectrum-actionbutton-static-black-border-color-disabled: transparent;\n --spectrum-actionbutton-static-black-border-color-selected-disabled: transparent;\n --spectrum-actionbutton-static-black-background-color: rgba(0, 0, 0, 0.07);\n --spectrum-actionbutton-static-black-background-color-disabled: rgba(0, 0, 0, 0.07);\n\n --spectrum-actionbutton-static-white-border-color: transparent;\n --spectrum-actionbutton-static-white-border-color-hover: transparent;\n --spectrum-actionbutton-static-white-border-color-key-focus: transparent;\n --spectrum-actionbutton-static-white-border-color-down: transparent;\n --spectrum-actionbutton-static-white-border-color-disabled: transparent;\n --spectrum-actionbutton-static-white-border-color-selected-disabled: transparent;\n --spectrum-actionbutton-static-white-background-color: rgba(255, 255, 255, 0.07);\n --spectrum-actionbutton-static-white-background-color-disabled: rgba(255, 255, 255, 0.07);\n\n --spectrum-fieldbutton-background-color: var(--spectrum-actionbutton-background-color);\n --spectrum-fieldbutton-background-color-hover: var(--spectrum-actionbutton-background-color-hover);\n --spectrum-fieldbutton-background-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus);\n --spectrum-fieldbutton-background-color-down: var(--spectrum-actionbutton-background-color-down);\n --spectrum-fieldbutton-border-color: var(--spectrum-actionbutton-border-color);\n --spectrum-fieldbutton-border-color-hover: var(--spectrum-actionbutton-border-color-hover);\n --spectrum-fieldbutton-border-color-key-focus: var(--spectrum-actionbutton-border-color-key-focus);\n --spectrum-fieldbutton-border-color-error-key-focus: var(--spectrum-fieldbutton-border-color-error);\n --spectrum-fieldbutton-border-color-down: var(--spectrum-actionbutton-border-color-down);\n\n --spectrum-breadcrumb-button-gap: var(--spectrum-global-dimension-static-size-50);\n --spectrum-breadcrumb-ui-icon-color: var(--spectrum-gray-800);\n --spectrum-breadcrumb-ui-icon-width: var(--spectrum-global-dimension-size-225);\n --spectrum-breadcrumb-ui-icon-height: var(--spectrum-global-dimension-size-225);\n --spectrum-breadcrumb-item-padding-x: var(--spectrum-global-dimension-size-50);\n --spectrum-breadcrumb-separator-icon-position-adjustment: 0;\n\n --spectrum-icon-chevron-right-small-height: var(--spectrum-global-dimension-size-225);\n --spectrum-icon-chevron-right-small-width: var(--spectrum-global-dimension-size-225);\n\n --spectrum-combobox-fieldbutton-inset: var(--spectrum-global-dimension-size-75);\n --spectrum-combobox-fieldbutton-border-left-width: 0;\n --spectrum-combobox-fieldbutton-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular);\n --spectrum-combobox-fieldbutton-start-border-radius: calc(var(--spectrum-alias-border-radius-regular) + var(--spectrum-alias-input-border-size));\n --spectrum-combobox-fieldbutton-end-border-radius: var(--spectrum-combobox-fieldbutton-start-border-radius);\n\n --spectrum-search-border-radius: var(--spectrum-global-dimension-size-300);\n --spectrum-search-clear-button-padding: var(--spectrum-global-dimension-size-50);\n\n /* These are wrong in spectrum-css compared with XD. Matching XD here. */\n --spectrum-search-clear-button-background-color-hover: var(--spectrum-global-color-gray-200);\n --spectrum-search-clear-button-background-color-key-focus: var(--spectrum-global-color-gray-200);\n --spectrum-search-clear-button-background-color-down: var(--spectrum-global-color-gray-300);\n\n --spectrum-label-text-size: var(--spectrum-global-dimension-font-size-100);\n --spectrum-fieldlabel-text-size: var(--spectrum-global-dimension-font-size-100);\n\n --spectrum-slider-track-height: var(--spectrum-global-dimension-size-50);\n --spectrum-slider-track-color: var(--spectrum-global-color-gray-200);\n --spectrum-slider-track-color-disabled: var(--spectrum-global-color-gray-200);\n --spectrum-slider-track-border-radius: var(--spectrum-alias-border-radius-xsmall);\n --spectrum-slider-fill-track-height: var(--spectrum-slider-track-height);\n --spectrum-slider-fill-track-color: var(--spectrum-global-color-gray-600);\n --spectrum-slider-handle-gap: 0px;\n --spectrum-slider-handle-border-size-down: var(--spectrum-slider-handle-border-size);\n --spectrum-slider-handle-width: var(--spectrum-global-dimension-size-225);\n --spectrum-slider-handle-height: var(--spectrum-global-dimension-size-225);\n --spectrum-slider-handle-background-color: var(--spectrum-global-color-gray-50);\n --spectrum-slider-handle-border-color: var(--spectrum-global-color-gray-800);\n --spectrum-slider-handle-border-color-hover: var(--spectrum-global-color-gray-900);\n --spectrum-slider-handle-border-color-key-focus: var(--spectrum-global-color-gray-900);\n --spectrum-slider-handle-border-color-down: var(--spectrum-global-color-gray-900);\n --spectrum-slider-handle-border-color-disabled: var(--spectrum-global-color-gray-300);\n\n --spectrum-actiongroup-compact-button-gap: var(--spectrum-global-dimension-size-25);\n\n --spectrum-tag-border-size: var(--spectrum-global-dimension-static-size-25);\n --spectrum-tag-border-radius: var(--spectrum-global-dimension-size-300);\n --spectrum-tag-border-color: var(--spectrum-global-color-gray-300);\n --spectrum-tag-border-color-hover: var(--spectrum-global-color-gray-400);\n --spectrum-tag-border-color-key-focus: var(--spectrum-global-color-gray-400);\n --spectrum-tag-border-color-down: var(--spectrum-global-color-gray-500);\n --spectrum-tag-border-color-disabled: var(--spectrum-global-color-gray-300);\n --spectrum-tag-background-color: var(--spectrum-global-color-gray-100);\n --spectrum-tag-background-color-hover: var(--spectrum-global-color-gray-300);\n --spectrum-tag-background-color-key-focus: var(--spectrum-global-color-gray-300);\n --spectrum-tag-background-color-down: var(--spectrum-global-color-gray-400);\n --spectrum-tag-background-color-disabled: var(--spectrum-global-color-gray-100);\n\n /* These are missing from spectrum-css */\n --spectrum-alias-dropshadow-blur: var(--spectrum-global-dimension-size-200);\n --spectrum-alias-dropshadow-offset-y: var(--spectrum-global-dimension-size-50);\n --spectrum-popover-border-size: 0px; /* TODO: is this for all popovers or just menu/picker/combobox? */\n --spectrum-tooltip-dropshadow: drop-shadow(0 var(--spectrum-alias-dropshadow-offset-y) var(--spectrum-alias-dropshadow-blur) var(--spectrum-alias-dropshadow-color));\n --spectrum-selectlist-option-icon-color-selected: var(--spectrum-global-color-indigo-500);\n\n --spectrum-alias-neutral-background-color: var(--spectrum-neutral-background-color-default);\n}\n\n.express.medium {\n --spectrum-switch-track-width: 28px;\n}\n\n.express.large {\n --spectrum-switch-track-width: 36px;\n}\n\n@media (forced-colors: active) {\n .express.express {\n --spectrum-popover-border-size: var(--spectrum-alias-border-size-thin);\n }\n}\n"],"names":[],"version":3,"file":"module.js.map"}
1
+ {"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C;;;AAMnC,IAAI,4CAAe;IACxB,GAAG,CAAA,GAAA,YAAW,CAAC;IACf,QAAQ;QACN,GAAG,CAAA,GAAA,YAAW,EAAE,MAAM;QACtB,SAAS,CAAA,GAAA,yDAAM,EAAE,OAAO;IAC1B;IACA,QAAQ;QACN,GAAG,CAAA,GAAA,YAAW,EAAE,MAAM;QACtB,SAAS,CAAA,GAAA,yDAAM,EAAE,MAAM;IACzB;IACA,OAAO;QACL,GAAG,CAAA,GAAA,YAAW,EAAE,KAAK;QACrB,SAAS,CAAA,GAAA,yDAAM,EAAE,KAAK;IACxB;AACF","sources":["packages/@react-spectrum/theme-express/src/index.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nimport {theme as defaultTheme} from '@react-spectrum/theme-default';\nimport express from '@adobe/spectrum-css-temp/vars/express.css';\nimport {Theme} from '@react-types/provider';\n\nexport let theme: Theme = {\n ...defaultTheme,\n global: {\n ...defaultTheme.global,\n express: express.express\n },\n medium: {\n ...defaultTheme.medium,\n express: express.medium\n },\n large: {\n ...defaultTheme.large,\n express: express.large\n }\n};\n"],"names":[],"version":3,"file":"module.js.map"}
package/dist/vars_express_css.main.js ADDED
@@ -0,0 +1,17 @@
1
+
2
+ function $parcel$export(e, n, v, s) {
3
+ Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
4
+ }
5
+
6
+ $parcel$export(module.exports, "express", () => $f17eaf2199c04a30$export$7cee79dbff713def, (v) => $f17eaf2199c04a30$export$7cee79dbff713def = v);
7
+ $parcel$export(module.exports, "large", () => $f17eaf2199c04a30$export$f09585a853dddd32, (v) => $f17eaf2199c04a30$export$f09585a853dddd32 = v);
8
+ $parcel$export(module.exports, "medium", () => $f17eaf2199c04a30$export$649ecc744817b5c7, (v) => $f17eaf2199c04a30$export$649ecc744817b5c7 = v);
9
+ var $f17eaf2199c04a30$export$7cee79dbff713def;
10
+ var $f17eaf2199c04a30$export$f09585a853dddd32;
11
+ var $f17eaf2199c04a30$export$649ecc744817b5c7;
12
+ $f17eaf2199c04a30$export$7cee79dbff713def = `-9mX2q_express`;
13
+ $f17eaf2199c04a30$export$f09585a853dddd32 = `-9mX2q_large`;
14
+ $f17eaf2199c04a30$export$649ecc744817b5c7 = `-9mX2q_medium`;
15
+
16
+
17
+ //# sourceMappingURL=vars_express_css.main.js.map
package/dist/vars_express_css.main.js.map ADDED
@@ -0,0 +1 @@
1
+ {"mappings":";;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AAFA,4CAA4B,CAAC,cAAc,CAAC;AAC5C,4CAA0B,CAAC,YAAY,CAAC;AACxC,4CAA2B,CAAC,aAAa,CAAC","sources":["packages/@adobe/spectrum-css-temp/vars/express.css"],"sourcesContent":[".express.express {\n --spectrum-accent-color-100: var(--spectrum-indigo-100);\n --spectrum-accent-color-200: var(--spectrum-indigo-200);\n --spectrum-accent-color-300: var(--spectrum-indigo-300);\n --spectrum-accent-color-400: var(--spectrum-indigo-400);\n --spectrum-accent-color-500: var(--spectrum-indigo-500);\n --spectrum-accent-color-600: var(--spectrum-indigo-600);\n --spectrum-accent-color-700: var(--spectrum-indigo-700);\n --spectrum-accent-color-800: var(--spectrum-indigo-800);\n --spectrum-accent-color-900: var(--spectrum-indigo-900);\n --spectrum-accent-color-1000: var(--spectrum-indigo-1000);\n --spectrum-accent-color-1100: var(--spectrum-indigo-1100);\n --spectrum-accent-color-1200: var(--spectrum-indigo-1200);\n --spectrum-accent-color-1300: var(--spectrum-indigo-1300);\n --spectrum-accent-color-1400: var(--spectrum-indigo-1400);\n\n --spectrum-alias-heading-text-font-weight-regular: var(--spectrum-global-font-weight-black);\n --spectrum-alias-border-radius-xsmall: var(--spectrum-global-dimension-size-25);\n --spectrum-alias-border-radius-small: var(--spectrum-global-dimension-size-40);\n --spectrum-alias-border-radius-regular: var(--spectrum-global-dimension-size-75);\n --spectrum-alias-border-radius-medium: var(--spectrum-global-dimension-size-125);\n --spectrum-alias-border-radius-large: var(--spectrum-global-dimension-size-150);\n\n --spectrum-button-primary-border-radius: var(--spectrum-global-dimension-size-200);\n --spectrum-alias-input-border-size: var(--spectrum-global-dimension-static-size-25);\n --spectrum-alias-input-focusring-gap: var(--spectrum-global-dimension-static-size-25);\n --spectrum-alias-input-border-color-key-focus: var(--spectrum-global-color-gray-900);\n --spectrum-alias-input-focusring-size: var(--spectrum-global-dimension-static-size-25);\n\n --spectrum-alias-border-color: var(--spectrum-gray-400);\n --spectrum-alias-border-color-hover: var(--spectrum-gray-500);\n --spectrum-alias-border-color-down: var(--spectrum-gray-900);\n\n --spectrum-textfield-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus);\n --spectrum-textfield-border-color-down: var(--spectrum-global-color-gray-900);\n --spectrum-textfield-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus);\n\n --spectrum-checkbox-box-size: var(--spectrum-global-dimension-size-200);\n --spectrum-radio-circle-diameter: var(--spectrum-global-dimension-size-200);\n --spectrum-switch-handle-size: var(--spectrum-global-dimension-size-200);\n --spectrum-switch-track-height: var(--spectrum-global-dimension-size-200);\n\n --spectrum-alias-toggle-color-default: var(--spectrum-global-color-gray-800);\n --spectrum-alias-toggle-color-hover: var(--spectrum-global-color-gray-900);\n --spectrum-alias-toggle-color-key-focus: var(--spectrum-global-color-gray-900);\n --spectrum-alias-toggle-color-selected: var(--spectrum-gray-800);\n --spectrum-alias-toggle-color-selected-hover: var(--spectrum-gray-900);\n --spectrum-alias-toggle-color-selected-key-focus: var(--spectrum-gray-900);\n --spectrum-alias-toggle-color-selected-down: var(--spectrum-gray-900);\n\n --spectrum-actionbutton-icon-color: var(--spectrum-global-color-gray-800);\n --spectrum-actionbutton-background-color: var(--spectrum-global-color-gray-200);\n --spectrum-actionbutton-background-color-hover: var(--spectrum-global-color-gray-300);\n --spectrum-actionbutton-background-color-key-focus: var(--spectrum-global-color-gray-300);\n --spectrum-actionbutton-background-color-down: var(--spectrum-global-color-gray-400);\n --spectrum-actionbutton-background-color-disabled: var(--spectrum-global-color-gray-200);\n --spectrum-actionbutton-border-color-disabled: var(--spectrum-global-color-gray-200);\n\n --spectrum-actionbutton-border-color: var(--spectrum-actionbutton-background-color);\n --spectrum-actionbutton-border-color-hover: var(--spectrum-actionbutton-background-color-hover);\n --spectrum-actionbutton-border-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus);\n --spectrum-actionbutton-border-color-down: var(--spectrum-actionbutton-background-color-down);\n\n --spectrum-actionbutton-quiet-background-color-hover: var(--spectrum-actionbutton-background-color-hover);\n --spectrum-actionbutton-quiet-background-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus);\n --spectrum-actionbutton-quiet-background-color-down: var(--spectrum-actionbutton-background-color-down);\n --spectrum-actionbutton-quiet-border-color-hover: var(--spectrum-actionbutton-border-color-hover);\n --spectrum-actionbutton-quiet-border-color-key-focus: var(--spectrum-actionbutton-border-color-key-focus);\n --spectrum-actionbutton-quiet-border-color-down: var(--spectrum-actionbutton-border-color-down);\n\n --spectrum-actionbutton-static-black-border-color: transparent;\n --spectrum-actionbutton-static-black-border-color-hover: transparent;\n --spectrum-actionbutton-static-black-border-color-key-focus: transparent;\n --spectrum-actionbutton-static-black-border-color-down: transparent;\n --spectrum-actionbutton-static-black-border-color-disabled: transparent;\n --spectrum-actionbutton-static-black-border-color-selected-disabled: transparent;\n --spectrum-actionbutton-static-black-background-color: rgba(0, 0, 0, 0.07);\n --spectrum-actionbutton-static-black-background-color-disabled: rgba(0, 0, 0, 0.07);\n\n --spectrum-actionbutton-static-white-border-color: transparent;\n --spectrum-actionbutton-static-white-border-color-hover: transparent;\n --spectrum-actionbutton-static-white-border-color-key-focus: transparent;\n --spectrum-actionbutton-static-white-border-color-down: transparent;\n --spectrum-actionbutton-static-white-border-color-disabled: transparent;\n --spectrum-actionbutton-static-white-border-color-selected-disabled: transparent;\n --spectrum-actionbutton-static-white-background-color: rgba(255, 255, 255, 0.07);\n --spectrum-actionbutton-static-white-background-color-disabled: rgba(255, 255, 255, 0.07);\n\n --spectrum-fieldbutton-background-color: var(--spectrum-actionbutton-background-color);\n --spectrum-fieldbutton-background-color-hover: var(--spectrum-actionbutton-background-color-hover);\n --spectrum-fieldbutton-background-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus);\n --spectrum-fieldbutton-background-color-down: var(--spectrum-actionbutton-background-color-down);\n --spectrum-fieldbutton-border-color: var(--spectrum-actionbutton-border-color);\n --spectrum-fieldbutton-border-color-hover: var(--spectrum-actionbutton-border-color-hover);\n --spectrum-fieldbutton-border-color-key-focus: var(--spectrum-actionbutton-border-color-key-focus);\n --spectrum-fieldbutton-border-color-error-key-focus: var(--spectrum-fieldbutton-border-color-error);\n --spectrum-fieldbutton-border-color-down: var(--spectrum-actionbutton-border-color-down);\n\n --spectrum-breadcrumb-button-gap: var(--spectrum-global-dimension-static-size-50);\n --spectrum-breadcrumb-ui-icon-color: var(--spectrum-gray-800);\n --spectrum-breadcrumb-ui-icon-width: var(--spectrum-global-dimension-size-225);\n --spectrum-breadcrumb-ui-icon-height: var(--spectrum-global-dimension-size-225);\n --spectrum-breadcrumb-item-padding-x: var(--spectrum-global-dimension-size-50);\n --spectrum-breadcrumb-separator-icon-position-adjustment: 0;\n\n --spectrum-icon-chevron-right-small-height: var(--spectrum-global-dimension-size-225);\n --spectrum-icon-chevron-right-small-width: var(--spectrum-global-dimension-size-225);\n\n --spectrum-combobox-fieldbutton-inset: var(--spectrum-global-dimension-size-75);\n --spectrum-combobox-fieldbutton-border-left-width: 0;\n --spectrum-combobox-fieldbutton-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular);\n --spectrum-combobox-fieldbutton-start-border-radius: calc(var(--spectrum-alias-border-radius-regular) + var(--spectrum-alias-input-border-size));\n --spectrum-combobox-fieldbutton-end-border-radius: var(--spectrum-combobox-fieldbutton-start-border-radius);\n\n --spectrum-search-border-radius: var(--spectrum-global-dimension-size-300);\n --spectrum-search-clear-button-padding: var(--spectrum-global-dimension-size-50);\n\n /* These are wrong in spectrum-css compared with XD. Matching XD here. */\n --spectrum-search-clear-button-background-color-hover: var(--spectrum-global-color-gray-200);\n --spectrum-search-clear-button-background-color-key-focus: var(--spectrum-global-color-gray-200);\n --spectrum-search-clear-button-background-color-down: var(--spectrum-global-color-gray-300);\n\n --spectrum-label-text-size: var(--spectrum-global-dimension-font-size-100);\n --spectrum-fieldlabel-text-size: var(--spectrum-global-dimension-font-size-100);\n\n --spectrum-slider-track-height: var(--spectrum-global-dimension-size-50);\n --spectrum-slider-track-color: var(--spectrum-global-color-gray-200);\n --spectrum-slider-track-color-disabled: var(--spectrum-global-color-gray-200);\n --spectrum-slider-track-border-radius: var(--spectrum-alias-border-radius-xsmall);\n --spectrum-slider-fill-track-height: var(--spectrum-slider-track-height);\n --spectrum-slider-fill-track-color: var(--spectrum-global-color-gray-600);\n --spectrum-slider-handle-gap: 0px;\n --spectrum-slider-handle-border-size-down: var(--spectrum-slider-handle-border-size);\n --spectrum-slider-handle-width: var(--spectrum-global-dimension-size-225);\n --spectrum-slider-handle-height: var(--spectrum-global-dimension-size-225);\n --spectrum-slider-handle-background-color: var(--spectrum-global-color-gray-50);\n --spectrum-slider-handle-border-color: var(--spectrum-global-color-gray-800);\n --spectrum-slider-handle-border-color-hover: var(--spectrum-global-color-gray-900);\n --spectrum-slider-handle-border-color-key-focus: var(--spectrum-global-color-gray-900);\n --spectrum-slider-handle-border-color-down: var(--spectrum-global-color-gray-900);\n --spectrum-slider-handle-border-color-disabled: var(--spectrum-global-color-gray-300);\n\n --spectrum-actiongroup-compact-button-gap: var(--spectrum-global-dimension-size-25);\n\n --spectrum-tag-border-size: var(--spectrum-global-dimension-static-size-25);\n --spectrum-tag-border-radius: var(--spectrum-global-dimension-size-300);\n --spectrum-tag-border-color: var(--spectrum-global-color-gray-300);\n --spectrum-tag-border-color-hover: var(--spectrum-global-color-gray-400);\n --spectrum-tag-border-color-key-focus: var(--spectrum-global-color-gray-400);\n --spectrum-tag-border-color-down: var(--spectrum-global-color-gray-500);\n --spectrum-tag-border-color-disabled: var(--spectrum-global-color-gray-300);\n --spectrum-tag-background-color: var(--spectrum-global-color-gray-100);\n --spectrum-tag-background-color-hover: var(--spectrum-global-color-gray-300);\n --spectrum-tag-background-color-key-focus: var(--spectrum-global-color-gray-300);\n --spectrum-tag-background-color-down: var(--spectrum-global-color-gray-400);\n --spectrum-tag-background-color-disabled: var(--spectrum-global-color-gray-100);\n\n /* These are missing from spectrum-css */\n --spectrum-alias-dropshadow-blur: var(--spectrum-global-dimension-size-200);\n --spectrum-alias-dropshadow-offset-y: var(--spectrum-global-dimension-size-50);\n --spectrum-popover-border-size: 0px; /* TODO: is this for all popovers or just menu/picker/combobox? */\n --spectrum-tooltip-dropshadow: drop-shadow(0 var(--spectrum-alias-dropshadow-offset-y) var(--spectrum-alias-dropshadow-blur) var(--spectrum-alias-dropshadow-color));\n --spectrum-selectlist-option-icon-color-selected: var(--spectrum-global-color-indigo-500);\n\n --spectrum-alias-neutral-background-color: var(--spectrum-neutral-background-color-default);\n}\n\n.express.medium {\n --spectrum-switch-track-width: 28px;\n}\n\n.express.large {\n --spectrum-switch-track-width: 36px;\n}\n\n@media (forced-colors: active) {\n .express.express {\n --spectrum-popover-border-size: var(--spectrum-alias-border-size-thin);\n }\n}\n"],"names":[],"version":3,"file":"vars_express_css.main.js.map"}
package/dist/vars_express_css.mjs ADDED
@@ -0,0 +1,19 @@
1
+
2
+ function $parcel$export(e, n, v, s) {
3
+ Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
4
+ }
5
+ var $f7081ce6e3bea695$exports = {};
6
+
7
+ $parcel$export($f7081ce6e3bea695$exports, "express", () => $f7081ce6e3bea695$export$7cee79dbff713def, (v) => $f7081ce6e3bea695$export$7cee79dbff713def = v);
8
+ $parcel$export($f7081ce6e3bea695$exports, "large", () => $f7081ce6e3bea695$export$f09585a853dddd32, (v) => $f7081ce6e3bea695$export$f09585a853dddd32 = v);
9
+ $parcel$export($f7081ce6e3bea695$exports, "medium", () => $f7081ce6e3bea695$export$649ecc744817b5c7, (v) => $f7081ce6e3bea695$export$649ecc744817b5c7 = v);
10
+ var $f7081ce6e3bea695$export$7cee79dbff713def;
11
+ var $f7081ce6e3bea695$export$f09585a853dddd32;
12
+ var $f7081ce6e3bea695$export$649ecc744817b5c7;
13
+ $f7081ce6e3bea695$export$7cee79dbff713def = `-9mX2q_express`;
14
+ $f7081ce6e3bea695$export$f09585a853dddd32 = `-9mX2q_large`;
15
+ $f7081ce6e3bea695$export$649ecc744817b5c7 = `-9mX2q_medium`;
16
+
17
+
18
+ export {$f7081ce6e3bea695$exports as default};
19
+ //# sourceMappingURL=vars_express_css.module.js.map
package/dist/vars_express_css.module.js ADDED
@@ -0,0 +1,19 @@
1
+
2
+ function $parcel$export(e, n, v, s) {
3
+ Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
4
+ }
5
+ var $f7081ce6e3bea695$exports = {};
6
+
7
+ $parcel$export($f7081ce6e3bea695$exports, "express", () => $f7081ce6e3bea695$export$7cee79dbff713def, (v) => $f7081ce6e3bea695$export$7cee79dbff713def = v);
8
+ $parcel$export($f7081ce6e3bea695$exports, "large", () => $f7081ce6e3bea695$export$f09585a853dddd32, (v) => $f7081ce6e3bea695$export$f09585a853dddd32 = v);
9
+ $parcel$export($f7081ce6e3bea695$exports, "medium", () => $f7081ce6e3bea695$export$649ecc744817b5c7, (v) => $f7081ce6e3bea695$export$649ecc744817b5c7 = v);
10
+ var $f7081ce6e3bea695$export$7cee79dbff713def;
11
+ var $f7081ce6e3bea695$export$f09585a853dddd32;
12
+ var $f7081ce6e3bea695$export$649ecc744817b5c7;
13
+ $f7081ce6e3bea695$export$7cee79dbff713def = `-9mX2q_express`;
14
+ $f7081ce6e3bea695$export$f09585a853dddd32 = `-9mX2q_large`;
15
+ $f7081ce6e3bea695$export$649ecc744817b5c7 = `-9mX2q_medium`;
16
+
17
+
18
+ export {$f7081ce6e3bea695$exports as default};
19
+ //# sourceMappingURL=vars_express_css.module.js.map
package/dist/vars_express_css.module.js.map ADDED
@@ -0,0 +1 @@
1
+ {"mappings":";;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AAFA,4CAA4B,CAAC,cAAc,CAAC;AAC5C,4CAA0B,CAAC,YAAY,CAAC;AACxC,4CAA2B,CAAC,aAAa,CAAC","sources":["packages/@adobe/spectrum-css-temp/vars/express.css"],"sourcesContent":[".express.express {\n --spectrum-accent-color-100: var(--spectrum-indigo-100);\n --spectrum-accent-color-200: var(--spectrum-indigo-200);\n --spectrum-accent-color-300: var(--spectrum-indigo-300);\n --spectrum-accent-color-400: var(--spectrum-indigo-400);\n --spectrum-accent-color-500: var(--spectrum-indigo-500);\n --spectrum-accent-color-600: var(--spectrum-indigo-600);\n --spectrum-accent-color-700: var(--spectrum-indigo-700);\n --spectrum-accent-color-800: var(--spectrum-indigo-800);\n --spectrum-accent-color-900: var(--spectrum-indigo-900);\n --spectrum-accent-color-1000: var(--spectrum-indigo-1000);\n --spectrum-accent-color-1100: var(--spectrum-indigo-1100);\n --spectrum-accent-color-1200: var(--spectrum-indigo-1200);\n --spectrum-accent-color-1300: var(--spectrum-indigo-1300);\n --spectrum-accent-color-1400: var(--spectrum-indigo-1400);\n\n --spectrum-alias-heading-text-font-weight-regular: var(--spectrum-global-font-weight-black);\n --spectrum-alias-border-radius-xsmall: var(--spectrum-global-dimension-size-25);\n --spectrum-alias-border-radius-small: var(--spectrum-global-dimension-size-40);\n --spectrum-alias-border-radius-regular: var(--spectrum-global-dimension-size-75);\n --spectrum-alias-border-radius-medium: var(--spectrum-global-dimension-size-125);\n --spectrum-alias-border-radius-large: var(--spectrum-global-dimension-size-150);\n\n --spectrum-button-primary-border-radius: var(--spectrum-global-dimension-size-200);\n --spectrum-alias-input-border-size: var(--spectrum-global-dimension-static-size-25);\n --spectrum-alias-input-focusring-gap: var(--spectrum-global-dimension-static-size-25);\n --spectrum-alias-input-border-color-key-focus: var(--spectrum-global-color-gray-900);\n --spectrum-alias-input-focusring-size: var(--spectrum-global-dimension-static-size-25);\n\n --spectrum-alias-border-color: var(--spectrum-gray-400);\n --spectrum-alias-border-color-hover: var(--spectrum-gray-500);\n --spectrum-alias-border-color-down: var(--spectrum-gray-900);\n\n --spectrum-textfield-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus);\n --spectrum-textfield-border-color-down: var(--spectrum-global-color-gray-900);\n --spectrum-textfield-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus);\n\n --spectrum-checkbox-box-size: var(--spectrum-global-dimension-size-200);\n --spectrum-radio-circle-diameter: var(--spectrum-global-dimension-size-200);\n --spectrum-switch-handle-size: var(--spectrum-global-dimension-size-200);\n --spectrum-switch-track-height: var(--spectrum-global-dimension-size-200);\n\n --spectrum-alias-toggle-color-default: var(--spectrum-global-color-gray-800);\n --spectrum-alias-toggle-color-hover: var(--spectrum-global-color-gray-900);\n --spectrum-alias-toggle-color-key-focus: var(--spectrum-global-color-gray-900);\n --spectrum-alias-toggle-color-selected: var(--spectrum-gray-800);\n --spectrum-alias-toggle-color-selected-hover: var(--spectrum-gray-900);\n --spectrum-alias-toggle-color-selected-key-focus: var(--spectrum-gray-900);\n --spectrum-alias-toggle-color-selected-down: var(--spectrum-gray-900);\n\n --spectrum-actionbutton-icon-color: var(--spectrum-global-color-gray-800);\n --spectrum-actionbutton-background-color: var(--spectrum-global-color-gray-200);\n --spectrum-actionbutton-background-color-hover: var(--spectrum-global-color-gray-300);\n --spectrum-actionbutton-background-color-key-focus: var(--spectrum-global-color-gray-300);\n --spectrum-actionbutton-background-color-down: var(--spectrum-global-color-gray-400);\n --spectrum-actionbutton-background-color-disabled: var(--spectrum-global-color-gray-200);\n --spectrum-actionbutton-border-color-disabled: var(--spectrum-global-color-gray-200);\n\n --spectrum-actionbutton-border-color: var(--spectrum-actionbutton-background-color);\n --spectrum-actionbutton-border-color-hover: var(--spectrum-actionbutton-background-color-hover);\n --spectrum-actionbutton-border-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus);\n --spectrum-actionbutton-border-color-down: var(--spectrum-actionbutton-background-color-down);\n\n --spectrum-actionbutton-quiet-background-color-hover: var(--spectrum-actionbutton-background-color-hover);\n --spectrum-actionbutton-quiet-background-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus);\n --spectrum-actionbutton-quiet-background-color-down: var(--spectrum-actionbutton-background-color-down);\n --spectrum-actionbutton-quiet-border-color-hover: var(--spectrum-actionbutton-border-color-hover);\n --spectrum-actionbutton-quiet-border-color-key-focus: var(--spectrum-actionbutton-border-color-key-focus);\n --spectrum-actionbutton-quiet-border-color-down: var(--spectrum-actionbutton-border-color-down);\n\n --spectrum-actionbutton-static-black-border-color: transparent;\n --spectrum-actionbutton-static-black-border-color-hover: transparent;\n --spectrum-actionbutton-static-black-border-color-key-focus: transparent;\n --spectrum-actionbutton-static-black-border-color-down: transparent;\n --spectrum-actionbutton-static-black-border-color-disabled: transparent;\n --spectrum-actionbutton-static-black-border-color-selected-disabled: transparent;\n --spectrum-actionbutton-static-black-background-color: rgba(0, 0, 0, 0.07);\n --spectrum-actionbutton-static-black-background-color-disabled: rgba(0, 0, 0, 0.07);\n\n --spectrum-actionbutton-static-white-border-color: transparent;\n --spectrum-actionbutton-static-white-border-color-hover: transparent;\n --spectrum-actionbutton-static-white-border-color-key-focus: transparent;\n --spectrum-actionbutton-static-white-border-color-down: transparent;\n --spectrum-actionbutton-static-white-border-color-disabled: transparent;\n --spectrum-actionbutton-static-white-border-color-selected-disabled: transparent;\n --spectrum-actionbutton-static-white-background-color: rgba(255, 255, 255, 0.07);\n --spectrum-actionbutton-static-white-background-color-disabled: rgba(255, 255, 255, 0.07);\n\n --spectrum-fieldbutton-background-color: var(--spectrum-actionbutton-background-color);\n --spectrum-fieldbutton-background-color-hover: var(--spectrum-actionbutton-background-color-hover);\n --spectrum-fieldbutton-background-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus);\n --spectrum-fieldbutton-background-color-down: var(--spectrum-actionbutton-background-color-down);\n --spectrum-fieldbutton-border-color: var(--spectrum-actionbutton-border-color);\n --spectrum-fieldbutton-border-color-hover: var(--spectrum-actionbutton-border-color-hover);\n --spectrum-fieldbutton-border-color-key-focus: var(--spectrum-actionbutton-border-color-key-focus);\n --spectrum-fieldbutton-border-color-error-key-focus: var(--spectrum-fieldbutton-border-color-error);\n --spectrum-fieldbutton-border-color-down: var(--spectrum-actionbutton-border-color-down);\n\n --spectrum-breadcrumb-button-gap: var(--spectrum-global-dimension-static-size-50);\n --spectrum-breadcrumb-ui-icon-color: var(--spectrum-gray-800);\n --spectrum-breadcrumb-ui-icon-width: var(--spectrum-global-dimension-size-225);\n --spectrum-breadcrumb-ui-icon-height: var(--spectrum-global-dimension-size-225);\n --spectrum-breadcrumb-item-padding-x: var(--spectrum-global-dimension-size-50);\n --spectrum-breadcrumb-separator-icon-position-adjustment: 0;\n\n --spectrum-icon-chevron-right-small-height: var(--spectrum-global-dimension-size-225);\n --spectrum-icon-chevron-right-small-width: var(--spectrum-global-dimension-size-225);\n\n --spectrum-combobox-fieldbutton-inset: var(--spectrum-global-dimension-size-75);\n --spectrum-combobox-fieldbutton-border-left-width: 0;\n --spectrum-combobox-fieldbutton-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular);\n --spectrum-combobox-fieldbutton-start-border-radius: calc(var(--spectrum-alias-border-radius-regular) + var(--spectrum-alias-input-border-size));\n --spectrum-combobox-fieldbutton-end-border-radius: var(--spectrum-combobox-fieldbutton-start-border-radius);\n\n --spectrum-search-border-radius: var(--spectrum-global-dimension-size-300);\n --spectrum-search-clear-button-padding: var(--spectrum-global-dimension-size-50);\n\n /* These are wrong in spectrum-css compared with XD. Matching XD here. */\n --spectrum-search-clear-button-background-color-hover: var(--spectrum-global-color-gray-200);\n --spectrum-search-clear-button-background-color-key-focus: var(--spectrum-global-color-gray-200);\n --spectrum-search-clear-button-background-color-down: var(--spectrum-global-color-gray-300);\n\n --spectrum-label-text-size: var(--spectrum-global-dimension-font-size-100);\n --spectrum-fieldlabel-text-size: var(--spectrum-global-dimension-font-size-100);\n\n --spectrum-slider-track-height: var(--spectrum-global-dimension-size-50);\n --spectrum-slider-track-color: var(--spectrum-global-color-gray-200);\n --spectrum-slider-track-color-disabled: var(--spectrum-global-color-gray-200);\n --spectrum-slider-track-border-radius: var(--spectrum-alias-border-radius-xsmall);\n --spectrum-slider-fill-track-height: var(--spectrum-slider-track-height);\n --spectrum-slider-fill-track-color: var(--spectrum-global-color-gray-600);\n --spectrum-slider-handle-gap: 0px;\n --spectrum-slider-handle-border-size-down: var(--spectrum-slider-handle-border-size);\n --spectrum-slider-handle-width: var(--spectrum-global-dimension-size-225);\n --spectrum-slider-handle-height: var(--spectrum-global-dimension-size-225);\n --spectrum-slider-handle-background-color: var(--spectrum-global-color-gray-50);\n --spectrum-slider-handle-border-color: var(--spectrum-global-color-gray-800);\n --spectrum-slider-handle-border-color-hover: var(--spectrum-global-color-gray-900);\n --spectrum-slider-handle-border-color-key-focus: var(--spectrum-global-color-gray-900);\n --spectrum-slider-handle-border-color-down: var(--spectrum-global-color-gray-900);\n --spectrum-slider-handle-border-color-disabled: var(--spectrum-global-color-gray-300);\n\n --spectrum-actiongroup-compact-button-gap: var(--spectrum-global-dimension-size-25);\n\n --spectrum-tag-border-size: var(--spectrum-global-dimension-static-size-25);\n --spectrum-tag-border-radius: var(--spectrum-global-dimension-size-300);\n --spectrum-tag-border-color: var(--spectrum-global-color-gray-300);\n --spectrum-tag-border-color-hover: var(--spectrum-global-color-gray-400);\n --spectrum-tag-border-color-key-focus: var(--spectrum-global-color-gray-400);\n --spectrum-tag-border-color-down: var(--spectrum-global-color-gray-500);\n --spectrum-tag-border-color-disabled: var(--spectrum-global-color-gray-300);\n --spectrum-tag-background-color: var(--spectrum-global-color-gray-100);\n --spectrum-tag-background-color-hover: var(--spectrum-global-color-gray-300);\n --spectrum-tag-background-color-key-focus: var(--spectrum-global-color-gray-300);\n --spectrum-tag-background-color-down: var(--spectrum-global-color-gray-400);\n --spectrum-tag-background-color-disabled: var(--spectrum-global-color-gray-100);\n\n /* These are missing from spectrum-css */\n --spectrum-alias-dropshadow-blur: var(--spectrum-global-dimension-size-200);\n --spectrum-alias-dropshadow-offset-y: var(--spectrum-global-dimension-size-50);\n --spectrum-popover-border-size: 0px; /* TODO: is this for all popovers or just menu/picker/combobox? */\n --spectrum-tooltip-dropshadow: drop-shadow(0 var(--spectrum-alias-dropshadow-offset-y) var(--spectrum-alias-dropshadow-blur) var(--spectrum-alias-dropshadow-color));\n --spectrum-selectlist-option-icon-color-selected: var(--spectrum-global-color-indigo-500);\n\n --spectrum-alias-neutral-background-color: var(--spectrum-neutral-background-color-default);\n}\n\n.express.medium {\n --spectrum-switch-track-width: 28px;\n}\n\n.express.large {\n --spectrum-switch-track-width: 36px;\n}\n\n@media (forced-colors: active) {\n .express.express {\n --spectrum-popover-border-size: var(--spectrum-alias-border-size-thin);\n }\n}\n"],"names":[],"version":3,"file":"vars_express_css.module.js.map"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-spectrum/theme-express",
3
- "version": "3.0.0-alpha.10",
3
+ "version": "3.0.0-alpha.12",
4
4
  "description": "Spectrum UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/main.js",
@@ -36,8 +36,8 @@
36
36
  "url": "https://github.com/adobe/react-spectrum"
37
37
  },
38
38
  "dependencies": {
39
- "@react-spectrum/theme-default": "^3.5.8",
40
- "@react-types/provider": "^3.7.2",
39
+ "@react-spectrum/theme-default": "^3.5.10",
40
+ "@react-types/provider": "^3.8.1",
41
41
  "@swc/helpers": "^0.5.0"
42
42
  },
43
43
  "devDependencies": {
@@ -49,5 +49,5 @@
49
49
  "peerDependencies": {
50
50
  "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
51
51
  },
52
- "gitHead": "de9f84a22583fc741c29b341d14cd35ef4cca161"
52
+ "gitHead": "b77d7d594dff4dcfb5359bffbcfd18142b146433"
53
53
  }