@react-spectrum/theme-express 3.0.0-alpha.14 → 3.0.0-alpha.16

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.
@@ -1,4 +1,4 @@
1
- .-\39 mX2q_express.-\39 mX2q_express {
1
+ .u4Zobq_express.u4Zobq_express {
2
2
  --spectrum-accent-color-100: var(--spectrum-indigo-100);
3
3
  --spectrum-accent-color-200: var(--spectrum-indigo-200);
4
4
  --spectrum-accent-color-300: var(--spectrum-indigo-300);
@@ -140,17 +140,17 @@
140
140
  --spectrum-alias-neutral-background-color: var(--spectrum-neutral-background-color-default);
141
141
  }
142
142
 
143
- .-\39 mX2q_express.-\39 mX2q_medium {
143
+ .u4Zobq_express.u4Zobq_medium {
144
144
  --spectrum-switch-track-width: 28px;
145
145
  }
146
146
 
147
- .-\39 mX2q_express.-\39 mX2q_large {
147
+ .u4Zobq_express.u4Zobq_large {
148
148
  --spectrum-switch-track-width: 36px;
149
149
  }
150
150
 
151
151
  @media (forced-colors: active) {
152
- .-\39 mX2q_express.-\39 mX2q_express {
152
+ .u4Zobq_express.u4Zobq_express {
153
153
  --spectrum-popover-border-size: var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10));
154
154
  }
155
155
  }
156
- /*# sourceMappingURL=express.bc65ee66.css.map */
156
+ /*# sourceMappingURL=express.83c0731f.css.map */
@@ -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":"express.bc65ee66.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.83c0731f.css.map"}
package/dist/import.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import "./express.bc65ee66.css";
1
+ import "./express.83c0731f.css";
2
2
  import $aUolJ$vars_express_cssmodulejs from "./vars_express_css.mjs";
3
3
  import {theme as $aUolJ$theme} from "@react-spectrum/theme-default";
4
4
 
package/dist/main.js CHANGED
@@ -1,4 +1,4 @@
1
- require("./express.bc65ee66.css");
1
+ require("./express.83c0731f.css");
2
2
  var $f17eaf2199c04a30$exports = require("./vars_express_css.main.js");
3
3
  var $xLzsa$reactspectrumthemedefault = require("@react-spectrum/theme-default");
4
4
 
package/dist/module.js CHANGED
@@ -1,4 +1,4 @@
1
- import "./express.bc65ee66.css";
1
+ import "./express.83c0731f.css";
2
2
  import $aUolJ$vars_express_cssmodulejs from "./vars_express_css.module.js";
3
3
  import {theme as $aUolJ$theme} from "@react-spectrum/theme-default";
4
4
 
@@ -9,9 +9,9 @@ $parcel$export(module.exports, "medium", () => $f17eaf2199c04a30$export$649ecc74
9
9
  var $f17eaf2199c04a30$export$7cee79dbff713def;
10
10
  var $f17eaf2199c04a30$export$f09585a853dddd32;
11
11
  var $f17eaf2199c04a30$export$649ecc744817b5c7;
12
- $f17eaf2199c04a30$export$7cee79dbff713def = `-9mX2q_express`;
13
- $f17eaf2199c04a30$export$f09585a853dddd32 = `-9mX2q_large`;
14
- $f17eaf2199c04a30$export$649ecc744817b5c7 = `-9mX2q_medium`;
12
+ $f17eaf2199c04a30$export$7cee79dbff713def = `u4Zobq_express`;
13
+ $f17eaf2199c04a30$export$f09585a853dddd32 = `u4Zobq_large`;
14
+ $f17eaf2199c04a30$export$649ecc744817b5c7 = `u4Zobq_medium`;
15
15
 
16
16
 
17
17
  //# sourceMappingURL=vars_express_css.main.js.map
@@ -10,9 +10,9 @@ $parcel$export($f7081ce6e3bea695$exports, "medium", () => $f7081ce6e3bea695$expo
10
10
  var $f7081ce6e3bea695$export$7cee79dbff713def;
11
11
  var $f7081ce6e3bea695$export$f09585a853dddd32;
12
12
  var $f7081ce6e3bea695$export$649ecc744817b5c7;
13
- $f7081ce6e3bea695$export$7cee79dbff713def = `-9mX2q_express`;
14
- $f7081ce6e3bea695$export$f09585a853dddd32 = `-9mX2q_large`;
15
- $f7081ce6e3bea695$export$649ecc744817b5c7 = `-9mX2q_medium`;
13
+ $f7081ce6e3bea695$export$7cee79dbff713def = `u4Zobq_express`;
14
+ $f7081ce6e3bea695$export$f09585a853dddd32 = `u4Zobq_large`;
15
+ $f7081ce6e3bea695$export$649ecc744817b5c7 = `u4Zobq_medium`;
16
16
 
17
17
 
18
18
  export {$f7081ce6e3bea695$exports as default};
@@ -10,9 +10,9 @@ $parcel$export($f7081ce6e3bea695$exports, "medium", () => $f7081ce6e3bea695$expo
10
10
  var $f7081ce6e3bea695$export$7cee79dbff713def;
11
11
  var $f7081ce6e3bea695$export$f09585a853dddd32;
12
12
  var $f7081ce6e3bea695$export$649ecc744817b5c7;
13
- $f7081ce6e3bea695$export$7cee79dbff713def = `-9mX2q_express`;
14
- $f7081ce6e3bea695$export$f09585a853dddd32 = `-9mX2q_large`;
15
- $f7081ce6e3bea695$export$649ecc744817b5c7 = `-9mX2q_medium`;
13
+ $f7081ce6e3bea695$export$7cee79dbff713def = `u4Zobq_express`;
14
+ $f7081ce6e3bea695$export$f09585a853dddd32 = `u4Zobq_large`;
15
+ $f7081ce6e3bea695$export$649ecc744817b5c7 = `u4Zobq_medium`;
16
16
 
17
17
 
18
18
  export {$f7081ce6e3bea695$exports as default};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-spectrum/theme-express",
3
- "version": "3.0.0-alpha.14",
3
+ "version": "3.0.0-alpha.16",
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.12",
40
- "@react-types/provider": "^3.8.3",
39
+ "@react-spectrum/theme-default": "^3.5.14",
40
+ "@react-types/provider": "^3.8.5",
41
41
  "@swc/helpers": "^0.5.0"
42
42
  },
43
43
  "devDependencies": {
@@ -47,7 +47,7 @@
47
47
  "access": "public"
48
48
  },
49
49
  "peerDependencies": {
50
- "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
50
+ "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
51
51
  },
52
- "gitHead": "f0aa6aacee60af265dc8994b9274ccf072a850aa"
52
+ "gitHead": "71f0ef23053f9e03ee7e97df736e8b083e006849"
53
53
  }