@react-spectrum/numberfield 3.0.0-nightly.1839 → 3.0.0-nightly.1852

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 (8) hide show
  1. package/dist/main.css +1 -1
  2. package/dist/main.js +4 -12
  3. package/dist/main.js.map +1 -1
  4. package/dist/module.js +4 -12
  5. package/dist/module.js.map +1 -1
  6. package/dist/types.d.ts.map +1 -1
  7. package/package.json +20 -20
  8. package/src/NumberField.tsx +4 -2
package/dist/main.css CHANGED
@@ -1 +1 @@
1
- .spectrum-Button_8890ad,.spectrum-ActionButton_8890ad,.spectrum-LogicButton_8890ad,.spectrum-FieldButton_8890ad,.spectrum-ClearButton_8890ad,.spectrum-Stepper-button_8890ad{font-family:adobe-clean-ux,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Button_8890ad:lang(ar),.spectrum-ActionButton_8890ad:lang(ar),.spectrum-LogicButton_8890ad:lang(ar),.spectrum-FieldButton_8890ad:lang(ar),.spectrum-ClearButton_8890ad:lang(ar),.spectrum-Stepper-button_8890ad:lang(ar){font-family:adobe-arabic,myriad-arabic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Button_8890ad:lang(he),.spectrum-ActionButton_8890ad:lang(he),.spectrum-LogicButton_8890ad:lang(he),.spectrum-FieldButton_8890ad:lang(he),.spectrum-ClearButton_8890ad:lang(he),.spectrum-Stepper-button_8890ad:lang(he){font-family:adobe-hebrew,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Button_8890ad:lang(zh-Hans),.spectrum-ActionButton_8890ad:lang(zh-Hans),.spectrum-LogicButton_8890ad:lang(zh-Hans),.spectrum-FieldButton_8890ad:lang(zh-Hans),.spectrum-ClearButton_8890ad:lang(zh-Hans),.spectrum-Stepper-button_8890ad:lang(zh-Hans),.spectrum-Button_8890ad:lang(zh),.spectrum-ActionButton_8890ad:lang(zh),.spectrum-LogicButton_8890ad:lang(zh),.spectrum-FieldButton_8890ad:lang(zh),.spectrum-ClearButton_8890ad:lang(zh),.spectrum-Stepper-button_8890ad:lang(zh){font-family:adobe-clean-han-simplified-c,SimSun,Heiti SC Light,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Button_8890ad:lang(ko),.spectrum-ActionButton_8890ad:lang(ko),.spectrum-LogicButton_8890ad:lang(ko),.spectrum-FieldButton_8890ad:lang(ko),.spectrum-ClearButton_8890ad:lang(ko),.spectrum-Stepper-button_8890ad:lang(ko){font-family:adobe-clean-han-korean,Malgun Gothic,Apple Gothic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Button_8890ad:lang(ja),.spectrum-ActionButton_8890ad:lang(ja),.spectrum-LogicButton_8890ad:lang(ja),.spectrum-FieldButton_8890ad:lang(ja),.spectrum-ClearButton_8890ad:lang(ja),.spectrum-Stepper-button_8890ad:lang(ja){font-family:adobe-clean-han-japanese,Yu Gothic,メイリオ,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro W3,Osaka,ＭＳＰゴシック,MS PGothic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Button_8890ad,.spectrum-ActionButton_8890ad,.spectrum-LogicButton_8890ad,.spectrum-FieldButton_8890ad,.spectrum-ClearButton_8890ad,.spectrum-Stepper-button_8890ad{box-sizing:border-box;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:top;transition:background var(--spectrum-global-animation-duration-100,130ms)ease-out,border-color var(--spectrum-global-animation-duration-100,130ms)ease-out,color var(--spectrum-global-animation-duration-100,130ms)ease-out,box-shadow var(--spectrum-global-animation-duration-100,130ms)ease-out;-webkit-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;cursor:default;isolation:isolate;border-style:solid;justify-content:center;align-items:center;margin:0;line-height:1.3;text-decoration:none;display:inline-flex;position:relative;overflow:visible}button.spectrum-Button_8890ad,button.spectrum-ActionButton_8890ad,button.spectrum-LogicButton_8890ad,button.spectrum-FieldButton_8890ad,button.spectrum-ClearButton_8890ad,button.spectrum-Stepper-button_8890ad{-webkit-appearance:button}.spectrum-Button_8890ad:focus,.spectrum-ActionButton_8890ad:focus,.spectrum-LogicButton_8890ad:focus,.spectrum-FieldButton_8890ad:focus,.spectrum-ClearButton_8890ad:focus,.spectrum-Stepper-button_8890ad:focus{outline:0}.spectrum-Button_8890ad.focus-ring_8890ad,.spectrum-ActionButton_8890ad.focus-ring_8890ad,.spectrum-LogicButton_8890ad.focus-ring_8890ad,.spectrum-FieldButton_8890ad.focus-ring_8890ad,.spectrum-ClearButton_8890ad.focus-ring_8890ad,.spectrum-Stepper-button_8890ad.focus-ring_8890ad{z-index:3}.spectrum-Button_8890ad::-moz-focus-inner,.spectrum-ActionButton_8890ad::-moz-focus-inner,.spectrum-LogicButton_8890ad::-moz-focus-inner,.spectrum-FieldButton_8890ad::-moz-focus-inner,.spectrum-ClearButton_8890ad::-moz-focus-inner,.spectrum-Stepper-button_8890ad::-moz-focus-inner{border:0;margin-top:-2px;margin-bottom:-2px;padding:0}.spectrum-Button_8890ad:disabled,.spectrum-ActionButton_8890ad:disabled,.spectrum-LogicButton_8890ad:disabled,.spectrum-FieldButton_8890ad:disabled,.spectrum-ClearButton_8890ad:disabled,.spectrum-Stepper-button_8890ad:disabled{cursor:default}.spectrum-Button_8890ad .spectrum-Icon_8890ad,.spectrum-ActionButton_8890ad .spectrum-Icon_8890ad,.spectrum-LogicButton_8890ad .spectrum-Icon_8890ad,.spectrum-FieldButton_8890ad .spectrum-Icon_8890ad,.spectrum-ClearButton_8890ad .spectrum-Icon_8890ad,.spectrum-Stepper-button_8890ad .spectrum-Icon_8890ad{max-height:100%;transition:background var(--spectrum-global-animation-duration-100,130ms)ease-out,fill var(--spectrum-global-animation-duration-100,130ms)ease-out;box-sizing:initial;flex-shrink:0;order:0}.spectrum-Button_8890ad:after,.spectrum-ActionButton--emphasized_8890ad:after,.spectrum-ActionButton--staticColor_8890ad:after,.spectrum-LogicButton_8890ad:after,.spectrum-ClearButton_8890ad:after{border-radius:calc(var(--spectrum-button-primary-border-radius,var(--spectrum-alias-border-radius-large)) + var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25)));content:"";margin:calc(var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25))*-1);transition:box-shadow var(--spectrum-global-animation-duration-100,130ms)ease-out,margin var(--spectrum-global-animation-duration-100,130ms)ease-out;display:block;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(0)}.spectrum-Button_8890ad.focus-ring_8890ad:after,.spectrum-ActionButton--emphasized_8890ad.focus-ring_8890ad:after,.spectrum-ActionButton--staticColor_8890ad.focus-ring_8890ad:after,.spectrum-LogicButton_8890ad.focus-ring_8890ad:after,.spectrum-ClearButton_8890ad.focus-ring_8890ad:after{margin:calc(var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25))*-2)}.spectrum-Button_8890ad{border-width:var(--spectrum-button-primary-border-size,var(--spectrum-alias-border-size-thick));border-radius:var(--spectrum-button-primary-border-radius,var(--spectrum-alias-border-radius-large));min-height:var(--spectrum-button-primary-height,var(--spectrum-alias-single-line-height));height:0%;min-width:var(--spectrum-button-primary-min-width);padding:var(--spectrum-global-dimension-size-50)calc(var(--spectrum-button-primary-padding-x,var(--spectrum-global-dimension-size-200)) - var(--spectrum-button-primary-border-size,var(--spectrum-alias-border-size-thick)));padding-bottom:calc(var(--spectrum-global-dimension-size-50) + 1px);padding-top:calc(var(--spectrum-global-dimension-size-50) - 1px);font-size:var(--spectrum-button-primary-text-size,var(--spectrum-alias-pill-button-text-size));font-weight:var(--spectrum-button-primary-text-font-weight,var(--spectrum-global-font-weight-bold));border-style:solid}.spectrum-Button_8890ad.is-hovered_8890ad,.spectrum-Button_8890ad:active{box-shadow:none}[dir=ltr] .spectrum-Button_8890ad .spectrum-Icon_8890ad+.spectrum-Button-label_8890ad{margin-left:var(--spectrum-button-primary-text-gap,var(--spectrum-global-dimension-size-100))}[dir=rtl] .spectrum-Button_8890ad .spectrum-Icon_8890ad+.spectrum-Button-label_8890ad,[dir=ltr] .spectrum-Button_8890ad .spectrum-Button-label_8890ad+.spectrum-Icon_8890ad{margin-right:var(--spectrum-button-primary-text-gap,var(--spectrum-global-dimension-size-100))}[dir=rtl] .spectrum-Button_8890ad .spectrum-Button-label_8890ad+.spectrum-Icon_8890ad{margin-left:var(--spectrum-button-primary-text-gap,var(--spectrum-global-dimension-size-100))}.spectrum-Button_8890ad.spectrum-Button--iconOnly_8890ad{min-width:unset;padding:var(--spectrum-global-dimension-size-65)}a.spectrum-Button_8890ad,a.spectrum-ActionButton_8890ad{-webkit-appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer}.spectrum-ActionButton_8890ad{height:var(--spectrum-actionbutton-height,var(--spectrum-alias-single-line-height));min-width:var(--spectrum-actionbutton-min-width,var(--spectrum-global-dimension-size-400));border-width:var(--spectrum-actionbutton-border-size,var(--spectrum-alias-border-size-thin));border-radius:var(--spectrum-actionbutton-border-radius,var(--spectrum-alias-border-radius-regular));font-size:var(--spectrum-actionbutton-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-actionbutton-text-font-weight,var(--spectrum-alias-body-text-font-weight));padding:0;position:relative}[dir=ltr] .spectrum-ActionButton_8890ad .spectrum-Icon_8890ad{padding-left:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}[dir=rtl] .spectrum-ActionButton_8890ad .spectrum-Icon_8890ad{padding-right:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}[dir=ltr] .spectrum-ActionButton_8890ad .spectrum-ActionButton-label_8890ad{padding-right:var(--spectrum-actionbutton-text-padding-x,var(--spectrum-global-dimension-size-150))}[dir=rtl] .spectrum-ActionButton_8890ad .spectrum-ActionButton-label_8890ad{padding-left:var(--spectrum-actionbutton-text-padding-x,var(--spectrum-global-dimension-size-150))}[dir=ltr] .spectrum-ActionButton_8890ad .spectrum-Icon_8890ad+.spectrum-ActionButton-label_8890ad{padding-left:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}[dir=rtl] .spectrum-ActionButton_8890ad .spectrum-Icon_8890ad+.spectrum-ActionButton-label_8890ad,[dir=ltr] .spectrum-ActionButton_8890ad .spectrum-ActionButton-label_8890ad:not([hidden])+.spectrum-Icon_8890ad{padding-right:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}[dir=rtl] .spectrum-ActionButton_8890ad .spectrum-ActionButton-label_8890ad:not([hidden])+.spectrum-Icon_8890ad{padding-left:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}[dir=ltr] .spectrum-ActionButton_8890ad .spectrum-ActionButton-label_8890ad:only-child,[dir=ltr] .spectrum-ActionButton_8890ad .spectrum-ActionButton-hold_8890ad+.spectrum-ActionButton-label_8890ad:last-child{padding-left:var(--spectrum-actionbutton-text-padding-x,var(--spectrum-global-dimension-size-150))}[dir=rtl] .spectrum-ActionButton_8890ad .spectrum-ActionButton-label_8890ad:only-child,[dir=rtl] .spectrum-ActionButton_8890ad .spectrum-ActionButton-hold_8890ad+.spectrum-ActionButton-label_8890ad:last-child{padding-right:var(--spectrum-actionbutton-text-padding-x,var(--spectrum-global-dimension-size-150))}[dir=ltr] .spectrum-ActionButton_8890ad .spectrum-Icon_8890ad:only-child,[dir=ltr] .spectrum-ActionButton_8890ad .spectrum-ActionButton-hold_8890ad+.spectrum-Icon_8890ad:last-child{padding-right:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}[dir=rtl] .spectrum-ActionButton_8890ad .spectrum-Icon_8890ad:only-child,[dir=rtl] .spectrum-ActionButton_8890ad .spectrum-ActionButton-hold_8890ad+.spectrum-Icon_8890ad:last-child{padding-left:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}[dir=ltr] .spectrum-ActionButton-hold_8890ad{right:var(--spectrum-actionbutton-hold-icon-padding-right,var(--spectrum-global-dimension-size-40))}[dir=rtl] .spectrum-ActionButton-hold_8890ad{left:var(--spectrum-actionbutton-hold-icon-padding-right,var(--spectrum-global-dimension-size-40))}.spectrum-ActionButton-hold_8890ad{bottom:var(--spectrum-actionbutton-hold-icon-padding-bottom,var(--spectrum-global-dimension-size-40));position:absolute}[dir=rtl] .spectrum-ActionButton-hold_8890ad{transform:rotate(90deg)}.spectrum-ActionButton-label_8890ad,.spectrum-Button-label_8890ad{-ms-grid-row-align:center;text-align:center;width:100%;order:1;place-self:center}.spectrum-ActionButton-label_8890ad:empty,.spectrum-Button-label_8890ad:empty{display:none}.spectrum-ActionButton-label_8890ad{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.spectrum-ActionButton--quiet_8890ad{border-width:var(--spectrum-actionbutton-quiet-border-size,var(--spectrum-alias-border-size-thin));border-radius:var(--spectrum-actionbutton-quiet-border-radius,var(--spectrum-alias-border-radius-regular));font-size:var(--spectrum-actionbutton-quiet-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-actionbutton-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight))}.spectrum-ActionButton--emphasized_8890ad:after,.spectrum-ActionButton--staticColor_8890ad:after{border-radius:calc(var(--spectrum-actionbutton-border-radius,var(--spectrum-alias-border-radius-regular)) + var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25)))}.spectrum-ActionButton--emphasized_8890ad.focus-ring_8890ad:after,.spectrum-ActionButton--staticColor_8890ad.focus-ring_8890ad:after{margin:calc(var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25))*-1 - var(--spectrum-actionbutton-quiet-border-size,var(--spectrum-alias-border-size-thin)))}.spectrum-LogicButton_8890ad{height:var(--spectrum-logicbutton-and-height,24px);padding:var(--spectrum-logicbutton-and-padding-x,var(--spectrum-global-dimension-size-100));border-width:var(--spectrum-logicbutton-and-border-size,var(--spectrum-alias-border-size-thick));border-radius:var(--spectrum-logicbutton-and-border-radius,var(--spectrum-alias-border-radius-regular));font-size:var(--spectrum-logicbutton-and-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-logicbutton-and-text-font-weight,var(--spectrum-global-font-weight-bold));line-height:0}.spectrum-LogicButton_8890ad:after{border-radius:calc(var(--spectrum-logicbutton-and-border-radius,var(--spectrum-alias-border-radius-regular)) + var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25)))}.spectrum-FieldButton_8890ad{height:var(--spectrum-dropdown-height,var(--spectrum-global-dimension-size-400));padding:0 var(--spectrum-dropdown-padding-x,var(--spectrum-global-dimension-size-150));font-family:inherit;font-weight:400;font-size:var(--spectrum-dropdown-text-size,var(--spectrum-alias-font-size-default));-webkit-font-smoothing:initial;cursor:default;padding-top:0;padding-bottom:0;padding-left:var(--spectrum-dropdown-padding-x,var(--spectrum-global-dimension-size-150));padding-right:var(--spectrum-dropdown-padding-x,var(--spectrum-global-dimension-size-150));border-width:var(--spectrum-dropdown-border-size,var(--spectrum-alias-border-size-thin));border-radius:var(--spectrum-global-dimension-size-50);transition:background-color var(--spectrum-global-animation-duration-100,130ms),box-shadow var(--spectrum-global-animation-duration-100,130ms),border-color var(--spectrum-global-animation-duration-100,130ms);border-style:solid;outline:0;margin:0;line-height:normal}.spectrum-FieldButton_8890ad:disabled,.spectrum-FieldButton_8890ad.is-disabled_8890ad{cursor:default;border-width:0}.spectrum-FieldButton_8890ad.is-open_8890ad{border-width:var(--spectrum-dropdown-border-size,var(--spectrum-alias-border-size-thin))}.spectrum-FieldButton--quiet_8890ad{border-radius:var(--spectrum-fieldbutton-quiet-border-radius,0px);border-width:0;margin:0;padding:0}.spectrum-FieldButton--quiet_8890ad:disabled.focus-ring_8890ad,.spectrum-FieldButton--quiet_8890ad.is-disabled_8890ad.focus-ring_8890ad{box-shadow:none}.spectrum-ClearButton_8890ad{width:var(--spectrum-clearbutton-medium-width,var(--spectrum-alias-single-line-height));height:var(--spectrum-clearbutton-medium-height,var(--spectrum-alias-single-line-height));border-radius:100%;border:0;margin:0;padding:0}.spectrum-ClearButton_8890ad>.spectrum-Icon_8890ad{margin:0 auto}.spectrum-ClearButton--overBackground_8890ad.focus-ring_8890ad:after{margin:calc(var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25))*-1)}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.spectrum-ClearButton_8890ad>.spectrum-Icon_8890ad{margin:0}}.spectrum-ClearButton--small_8890ad{width:var(--spectrum-clearbutton-small-width,var(--spectrum-global-dimension-size-300));height:var(--spectrum-clearbutton-small-height,var(--spectrum-global-dimension-size-300))}.spectrum-Stepper_8890ad{display:-ms-inline-grid;width:calc(var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400))*4);transition:border-color var(--spectrum-global-animation-duration-100,130ms)ease-in-out,box-shadow var(--spectrum-global-animation-duration-100,130ms)ease-in-out;line-height:0;display:inline-grid}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad){-ms-grid-rows:auto auto;-ms-grid-columns:1fr auto;grid-template:"field increment""field decrement"/1fr auto}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button--stepUp_8890ad{padding-top:calc(var(--spectrum-global-dimension-size-50) + 1px);padding-bottom:calc(var(--spectrum-global-dimension-size-50) - .5px)}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button--stepDown_8890ad{padding-bottom:calc(var(--spectrum-global-dimension-size-50) + 1px);padding-top:calc(var(--spectrum-global-dimension-size-50) - .5px)}.spectrum-Stepper_8890ad.spectrum-Stepper--isMobile_8890ad{width:calc(var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400))*5);-ms-grid-rows:auto;-ms-grid-columns:auto 1fr auto;grid-template:"decrement field increment"/auto 1fr auto}.spectrum-Stepper_8890ad .spectrum-Stepper-field_8890ad{width:unset;min-width:var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400));grid-area:field}[dir=ltr] .spectrum-Stepper_8890ad .spectrum-Stepper-icon_8890ad{padding-right:0}[dir=rtl] .spectrum-Stepper_8890ad .spectrum-Stepper-icon_8890ad{padding-left:0}.spectrum-Stepper_8890ad .spectrum-Stepper-button--stepUp_8890ad{grid-area:increment}.spectrum-Stepper_8890ad .spectrum-Stepper-button--stepDown_8890ad{grid-area:decrement}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad){border-radius:var(--spectrum-global-dimension-size-50)}[dir=ltr] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad) .spectrum-Stepper-icon_8890ad{right:var(--spectrum-global-dimension-size-100)}[dir=rtl] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad) .spectrum-Stepper-icon_8890ad{left:var(--spectrum-global-dimension-size-100)}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad):not(.spectrum-Stepper--showStepper_8890ad):not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button_8890ad{height:calc(var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400))/2);width:24px}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad):not(.spectrum-Stepper--showStepper_8890ad).spectrum-Stepper--isMobile_8890ad .spectrum-Stepper-button_8890ad{height:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height));width:var(--spectrum-actionbutton-min-width,var(--spectrum-global-dimension-size-400))}[dir=ltr] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-input_8890ad{border-top-right-radius:0}[dir=rtl] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-input_8890ad{border-top-left-radius:0}[dir=ltr] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-input_8890ad{border-bottom-right-radius:0}[dir=rtl] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-input_8890ad{border-bottom-left-radius:0}[dir=ltr] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button_8890ad{border-left-width:0}[dir=rtl] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button_8890ad{border-right-width:0}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button_8890ad{height:calc(var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400))/2);width:24px}[dir=ltr] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button--stepDown_8890ad{border-bottom-right-radius:var(--spectrum-global-dimension-size-50)}[dir=rtl] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button--stepDown_8890ad{border-bottom-left-radius:var(--spectrum-global-dimension-size-50)}[dir=ltr] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button--stepDown_8890ad{border-right-width:1px}[dir=rtl] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button--stepDown_8890ad{border-left-width:1px}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button--stepDown_8890ad{border-top-width:1px;border-bottom-width:1px}[dir=ltr] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button--stepUp_8890ad{border-right-width:1px}[dir=rtl] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button--stepUp_8890ad{border-left-width:1px}[dir=ltr] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button--stepUp_8890ad{border-top-right-radius:var(--spectrum-global-dimension-size-50)}[dir=rtl] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button--stepUp_8890ad{border-top-left-radius:var(--spectrum-global-dimension-size-50)}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button--stepUp_8890ad{border-top-width:1px}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad.spectrum-Stepper--isMobile_8890ad .spectrum-Stepper-input_8890ad{border-radius:0}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad.spectrum-Stepper--isMobile_8890ad .spectrum-Stepper-button_8890ad{height:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height));width:var(--spectrum-actionbutton-min-width,var(--spectrum-global-dimension-size-400))}[dir=ltr] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad.spectrum-Stepper--isMobile_8890ad .spectrum-Stepper-button--stepDown_8890ad{border-left-width:1px}[dir=rtl] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad.spectrum-Stepper--isMobile_8890ad .spectrum-Stepper-button--stepDown_8890ad{border-right-width:1px}[dir=ltr] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad.spectrum-Stepper--isMobile_8890ad .spectrum-Stepper-button--stepDown_8890ad{border-top-left-radius:var(--spectrum-global-dimension-size-50)}[dir=rtl] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad.spectrum-Stepper--isMobile_8890ad .spectrum-Stepper-button--stepDown_8890ad{border-top-right-radius:var(--spectrum-global-dimension-size-50)}[dir=ltr] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad.spectrum-Stepper--isMobile_8890ad .spectrum-Stepper-button--stepDown_8890ad{border-bottom-left-radius:var(--spectrum-global-dimension-size-50)}[dir=rtl] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad.spectrum-Stepper--isMobile_8890ad .spectrum-Stepper-button--stepDown_8890ad{border-bottom-right-radius:var(--spectrum-global-dimension-size-50)}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad.spectrum-Stepper--isMobile_8890ad .spectrum-Stepper-button--stepDown_8890ad{border-top-width:1px;border-bottom-width:1px}[dir=ltr] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad.spectrum-Stepper--isMobile_8890ad .spectrum-Stepper-button--stepUp_8890ad{border-right-width:1px}[dir=rtl] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad.spectrum-Stepper--isMobile_8890ad .spectrum-Stepper-button--stepUp_8890ad{border-left-width:1px}[dir=ltr] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad.spectrum-Stepper--isMobile_8890ad .spectrum-Stepper-button--stepUp_8890ad{border-top-right-radius:var(--spectrum-global-dimension-size-50)}[dir=rtl] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad.spectrum-Stepper--isMobile_8890ad .spectrum-Stepper-button--stepUp_8890ad{border-top-left-radius:var(--spectrum-global-dimension-size-50)}[dir=ltr] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad.spectrum-Stepper--isMobile_8890ad .spectrum-Stepper-button--stepUp_8890ad{border-bottom-right-radius:var(--spectrum-global-dimension-size-50)}[dir=rtl] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad.spectrum-Stepper--isMobile_8890ad .spectrum-Stepper-button--stepUp_8890ad{border-bottom-left-radius:var(--spectrum-global-dimension-size-50)}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad.spectrum-Stepper--isMobile_8890ad .spectrum-Stepper-button--stepUp_8890ad{border-top-width:1px;border-bottom-width:1px}[dir=ltr] .spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad .spectrum-Stepper-icon_8890ad{right:0}[dir=rtl] .spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad .spectrum-Stepper-icon_8890ad{left:0}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad:not(.spectrum-Stepper--showStepper_8890ad):not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button_8890ad{height:calc(var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400))/2);width:24px}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad:not(.spectrum-Stepper--showStepper_8890ad):not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button--stepDown_8890ad{border-bottom-width:1px}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad:not(.spectrum-Stepper--showStepper_8890ad).spectrum-Stepper--isMobile_8890ad .spectrum-Stepper-button_8890ad{height:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height));width:var(--spectrum-actionbutton-min-width,var(--spectrum-global-dimension-size-400));border-bottom-width:1px}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.spectrum-Stepper--showStepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button_8890ad{height:calc(var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400))/2);width:24px}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.spectrum-Stepper--showStepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button--stepDown_8890ad{border-bottom-width:1px}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.spectrum-Stepper--showStepper_8890ad.spectrum-Stepper--isMobile_8890ad .spectrum-Stepper-button_8890ad{height:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height));width:var(--spectrum-actionbutton-min-width,var(--spectrum-global-dimension-size-400));border-bottom-width:1px}.spectrum-Stepper-container_8890ad.spectrum-Stepper-container_8890ad{--spectrum-field-default-width:calc(var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400))*4)}.spectrum-Stepper-container_8890ad.spectrum-Stepper-container--isMobile_8890ad{--spectrum-field-default-width:calc(var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400))*5)}.spectrum-Stepper-button_8890ad{border-width:0}.spectrum-Stepper-button_8890ad.is-hovered_8890ad,.spectrum-Stepper-button_8890ad:active{box-shadow:none}.spectrum-Stepper-button_8890ad .spectrum-Stepper-button-icon_8890ad{max-height:100%;transition:background var(--spectrum-global-animation-duration-100,130ms)ease-out,fill var(--spectrum-global-animation-duration-100,130ms)ease-out;box-sizing:initial;flex-shrink:0}.spectrum-Stepper_8890ad .spectrum-Stepper-button-icon_8890ad{fill:var(--spectrum-actionbutton-icon-color,var(--spectrum-alias-icon-color))}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad) .spectrum-Stepper-input_8890ad{border-color:var(--spectrum-textfield-border-color,var(--spectrum-alias-border-color))}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad) .spectrum-Stepper-button_8890ad{background-color:var(--spectrum-actionbutton-background-color,var(--spectrum-global-color-gray-75));border-color:var(--spectrum-textfield-border-color,var(--spectrum-alias-border-color));color:var(--spectrum-actionbutton-text-color,var(--spectrum-alias-text-color))}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-hovered_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-hovered_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-hovered_8890ad .spectrum-Stepper-button_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-hovered_8890ad .spectrum-Stepper-button_8890ad{border-color:var(--spectrum-textfield-border-color-hover,var(--spectrum-alias-border-color-hover))}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-active_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad):active .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-active_8890ad .spectrum-Stepper-button_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad):active .spectrum-Stepper-button_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-focused_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad):focus .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-focused_8890ad .spectrum-Stepper-button_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad):focus .spectrum-Stepper-button_8890ad{border-color:var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).focus-ring_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).focus-ring_8890ad{box-shadow:0 0 0 1px var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).focus-ring_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).focus-ring_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).focus-ring_8890ad .spectrum-Stepper-button_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).focus-ring_8890ad .spectrum-Stepper-button_8890ad{border-color:var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-disabled_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad):disabled .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-disabled_8890ad .spectrum-Stepper-button_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad):disabled .spectrum-Stepper-button_8890ad{border-color:var(--spectrum-textfield-border-color-disabled,var(--spectrum-alias-border-color-transparent))}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-invalid_8890ad.focus-ring_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-invalid_8890ad.focus-ring_8890ad{box-shadow:0 0 0 1px var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-invalid_8890ad.focus-ring_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-invalid_8890ad.focus-ring_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-invalid_8890ad.is-focused_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-invalid_8890ad.focus-ring_8890ad .spectrum-Stepper-button_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-invalid_8890ad.focus-ring_8890ad .spectrum-Stepper-button_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-invalid_8890ad.is-focused_8890ad .spectrum-Stepper-button_8890ad{border-color:var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-invalid_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-invalid_8890ad .spectrum-Stepper-button_8890ad{border-color:var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default))}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad .spectrum-Stepper-input_8890ad{border-color:var(--spectrum-textfield-quiet-border-color,var(--spectrum-alias-border-color))}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad .spectrum-Stepper-button_8890ad{background-color:unset;border-color:var(--spectrum-textfield-quiet-border-color,var(--spectrum-alias-border-color));color:var(--spectrum-actionbutton-text-color,var(--spectrum-alias-text-color))}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-hovered_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-hovered_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-hovered_8890ad .spectrum-Stepper-button_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-hovered_8890ad .spectrum-Stepper-button_8890ad{border-color:var(--spectrum-textfield-quiet-border-color-hover,var(--spectrum-alias-border-color-hover))}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-active_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad:active .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-active_8890ad .spectrum-Stepper-button_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad:active .spectrum-Stepper-button_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-focused_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad:focus .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-focused_8890ad .spectrum-Stepper-button_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad:focus .spectrum-Stepper-button_8890ad{border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.focus-ring_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.focus-ring_8890ad{box-shadow:0 1px 0 0 var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.focus-ring_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.focus-ring_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.focus-ring_8890ad .spectrum-Stepper-button_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.focus-ring_8890ad .spectrum-Stepper-button_8890ad{border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-disabled_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad:disabled .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-disabled_8890ad .spectrum-Stepper-button_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad:disabled .spectrum-Stepper-button_8890ad{border-color:var(--spectrum-textfield-quiet-border-color-disabled,var(--spectrum-alias-border-color-mid))}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-invalid_8890ad.focus-ring_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-invalid_8890ad.focus-ring_8890ad{box-shadow:0 1px 0 0 var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-invalid_8890ad.is-focused_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-invalid_8890ad.is-focused_8890ad .spectrum-Stepper-button_8890ad{border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-invalid_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-invalid_8890ad .spectrum-Stepper-button_8890ad{border-color:var(--spectrum-textfield-quiet-border-color-error,var(--spectrum-semantic-negative-color-default))}.spectrum-Stepper_8890ad .spectrum-Stepper-button_8890ad.is-hovered_8890ad,.spectrum-Stepper_8890ad .spectrum-Stepper-button_8890ad.is-hovered_8890ad{color:var(--spectrum-actionbutton-text-color-hover,var(--spectrum-alias-text-color-hover))}.spectrum-Stepper_8890ad .spectrum-Stepper-button_8890ad.is-hovered_8890ad .spectrum-Stepper-button-icon_8890ad,.spectrum-Stepper_8890ad .spectrum-Stepper-button_8890ad.is-hovered_8890ad .spectrum-Stepper-button-icon_8890ad{fill:var(--spectrum-actionbutton-icon-color-hover,var(--spectrum-alias-icon-color-hover))}.spectrum-Stepper_8890ad .spectrum-Stepper-button_8890ad.is-active_8890ad{color:var(--spectrum-actionbutton-text-color-down,var(--spectrum-alias-text-color-down))}.spectrum-Stepper_8890ad .spectrum-Stepper-button_8890ad.is-active_8890ad .spectrum-Stepper-button-icon_8890ad{fill:var(--spectrum-actionbutton-text-color-down,var(--spectrum-alias-text-color-down))}.spectrum-Stepper_8890ad .spectrum-Stepper-button_8890ad:disabled,.spectrum-Stepper_8890ad .spectrum-Stepper-button_8890ad.is-disabled_8890ad{color:var(--spectrum-textfield-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-Stepper_8890ad .spectrum-Stepper-button_8890ad:disabled .spectrum-Stepper-button-icon_8890ad,.spectrum-Stepper_8890ad .spectrum-Stepper-button_8890ad.is-disabled_8890ad .spectrum-Stepper-button-icon_8890ad{fill:var(--spectrum-textfield-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad) .spectrum-Stepper-button_8890ad.is-hovered_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad) .spectrum-Stepper-button_8890ad.is-hovered_8890ad{background-color:var(--spectrum-actionbutton-background-color-hover,var(--spectrum-global-color-gray-50))}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad) .spectrum-Stepper-button_8890ad.is-active_8890ad{background-color:var(--spectrum-actionbutton-background-color-down,var(--spectrum-global-color-gray-200))}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad) .spectrum-Stepper-button_8890ad:disabled,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad) .spectrum-Stepper-button_8890ad.is-disabled_8890ad{background-color:var(--spectrum-textfield-background-color-disabled,var(--spectrum-global-color-gray-200))}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad .spectrum-Stepper-button_8890ad:disabled,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad .spectrum-Stepper-button_8890ad.is-disabled_8890ad{color:var(--spectrum-textfield-quiet-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad .spectrum-Stepper-button_8890ad:disabled .spectrum-Stepper-button-icon_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad .spectrum-Stepper-button_8890ad.is-disabled_8890ad .spectrum-Stepper-button-icon_8890ad{fill:var(--spectrum-textfield-quiet-text-color-disabled,var(--spectrum-alias-text-color-disabled))}@media (forced-colors:active){.spectrum-Stepper_8890ad{--spectrum-textfield-border-color-disabled:GrayText;--spectrum-textfield-border-color-error:Highlight;--spectrum-textfield-border-color-hover:Highlight;--spectrum-textfield-border-color-key-focus:Highlight;--spectrum-textfield-quiet-border-color-disabled:GrayText;--spectrum-textfield-quiet-border-color-error:Highlight;--spectrum-textfield-quiet-border-color-hover:Highlight;--spectrum-textfield-quiet-border-color-key-focus:Highlight;--spectrum-textfield-quiet-border-color:ButtonText;--spectrum-textfield-quiet-text-color-disabled:GrayText;--spectrum-textfield-text-color-disabled:GrayText}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-focused_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad):focus{outline:2px solid Highlight}.spectrum-Stepper_8890ad.spectrum-Stepper--readonly_8890ad.spectrum-Stepper--isQuiet_8890ad .spectrum-Stepper-button_8890ad{border-color:var(--spectrum-textfield-quiet-border-color,var(--spectrum-alias-border-color))}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-focused_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad:focus,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.focus-ring_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.focus-ring_8890ad{forced-color-adjust:none;box-shadow:0 1px 0 0 var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-focused_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad:focus .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.focus-ring_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.focus-ring_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-focused_8890ad .spectrum-Stepper-button_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad:focus .spectrum-Stepper-button_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.focus-ring_8890ad .spectrum-Stepper-button_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.focus-ring_8890ad .spectrum-Stepper-button_8890ad{forced-color-adjust:auto;border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-hovered_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-hovered_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-hovered_8890ad .spectrum-Stepper-button_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-hovered_8890ad .spectrum-Stepper-button_8890ad{border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}}
1
+ .spectrum-Button_8890ad,.spectrum-ActionButton_8890ad,.spectrum-LogicButton_8890ad,.spectrum-FieldButton_8890ad,.spectrum-ClearButton_8890ad,.spectrum-Stepper-button_8890ad{font-family:adobe-clean-ux,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Button_8890ad:lang(ar),.spectrum-ActionButton_8890ad:lang(ar),.spectrum-LogicButton_8890ad:lang(ar),.spectrum-FieldButton_8890ad:lang(ar),.spectrum-ClearButton_8890ad:lang(ar),.spectrum-Stepper-button_8890ad:lang(ar){font-family:adobe-arabic,myriad-arabic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Button_8890ad:lang(he),.spectrum-ActionButton_8890ad:lang(he),.spectrum-LogicButton_8890ad:lang(he),.spectrum-FieldButton_8890ad:lang(he),.spectrum-ClearButton_8890ad:lang(he),.spectrum-Stepper-button_8890ad:lang(he){font-family:adobe-hebrew,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Button_8890ad:lang(zh-Hans),.spectrum-ActionButton_8890ad:lang(zh-Hans),.spectrum-LogicButton_8890ad:lang(zh-Hans),.spectrum-FieldButton_8890ad:lang(zh-Hans),.spectrum-ClearButton_8890ad:lang(zh-Hans),.spectrum-Stepper-button_8890ad:lang(zh-Hans),.spectrum-Button_8890ad:lang(zh),.spectrum-ActionButton_8890ad:lang(zh),.spectrum-LogicButton_8890ad:lang(zh),.spectrum-FieldButton_8890ad:lang(zh),.spectrum-ClearButton_8890ad:lang(zh),.spectrum-Stepper-button_8890ad:lang(zh){font-family:adobe-clean-han-simplified-c,SimSun,Heiti SC Light,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Button_8890ad:lang(ko),.spectrum-ActionButton_8890ad:lang(ko),.spectrum-LogicButton_8890ad:lang(ko),.spectrum-FieldButton_8890ad:lang(ko),.spectrum-ClearButton_8890ad:lang(ko),.spectrum-Stepper-button_8890ad:lang(ko){font-family:adobe-clean-han-korean,Malgun Gothic,Apple Gothic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Button_8890ad:lang(ja),.spectrum-ActionButton_8890ad:lang(ja),.spectrum-LogicButton_8890ad:lang(ja),.spectrum-FieldButton_8890ad:lang(ja),.spectrum-ClearButton_8890ad:lang(ja),.spectrum-Stepper-button_8890ad:lang(ja){font-family:adobe-clean-han-japanese,Yu Gothic,メイリオ,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro W3,Osaka,ＭＳＰゴシック,MS PGothic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Button_8890ad,.spectrum-ActionButton_8890ad,.spectrum-LogicButton_8890ad,.spectrum-FieldButton_8890ad,.spectrum-ClearButton_8890ad,.spectrum-Stepper-button_8890ad{box-sizing:border-box;border-radius:var(--spectrum-button-border-radius);border-style:solid;border-width:var(--spectrum-button-border-width);text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:top;transition:background var(--spectrum-global-animation-duration-100,130ms)ease-out,border-color var(--spectrum-global-animation-duration-100,130ms)ease-out,color var(--spectrum-global-animation-duration-100,130ms)ease-out,box-shadow var(--spectrum-global-animation-duration-100,130ms)ease-out;-webkit-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;cursor:default;isolation:isolate;justify-content:center;align-items:center;margin:0;line-height:1.3;text-decoration:none;display:inline-flex;position:relative;overflow:visible}button.spectrum-Button_8890ad,button.spectrum-ActionButton_8890ad,button.spectrum-LogicButton_8890ad,button.spectrum-FieldButton_8890ad,button.spectrum-ClearButton_8890ad,button.spectrum-Stepper-button_8890ad{-webkit-appearance:button}.spectrum-Button_8890ad:focus,.spectrum-ActionButton_8890ad:focus,.spectrum-LogicButton_8890ad:focus,.spectrum-FieldButton_8890ad:focus,.spectrum-ClearButton_8890ad:focus,.spectrum-Stepper-button_8890ad:focus{outline:0}.spectrum-Button_8890ad.focus-ring_8890ad,.spectrum-ActionButton_8890ad.focus-ring_8890ad,.spectrum-LogicButton_8890ad.focus-ring_8890ad,.spectrum-FieldButton_8890ad.focus-ring_8890ad,.spectrum-ClearButton_8890ad.focus-ring_8890ad,.spectrum-Stepper-button_8890ad.focus-ring_8890ad{z-index:3}.spectrum-Button_8890ad::-moz-focus-inner,.spectrum-ActionButton_8890ad::-moz-focus-inner,.spectrum-LogicButton_8890ad::-moz-focus-inner,.spectrum-FieldButton_8890ad::-moz-focus-inner,.spectrum-ClearButton_8890ad::-moz-focus-inner,.spectrum-Stepper-button_8890ad::-moz-focus-inner{border:0;margin-top:-2px;margin-bottom:-2px;padding:0}.spectrum-Button_8890ad:disabled,.spectrum-ActionButton_8890ad:disabled,.spectrum-LogicButton_8890ad:disabled,.spectrum-FieldButton_8890ad:disabled,.spectrum-ClearButton_8890ad:disabled,.spectrum-Stepper-button_8890ad:disabled{cursor:default}.spectrum-Button_8890ad .spectrum-Icon_8890ad,.spectrum-ActionButton_8890ad .spectrum-Icon_8890ad,.spectrum-LogicButton_8890ad .spectrum-Icon_8890ad,.spectrum-FieldButton_8890ad .spectrum-Icon_8890ad,.spectrum-ClearButton_8890ad .spectrum-Icon_8890ad,.spectrum-Stepper-button_8890ad .spectrum-Icon_8890ad{max-height:100%;transition:background var(--spectrum-global-animation-duration-100,130ms)ease-out,fill var(--spectrum-global-animation-duration-100,130ms)ease-out;box-sizing:initial;flex-shrink:0;order:0}.spectrum-Button_8890ad:after,.spectrum-ActionButton_8890ad:after,.spectrum-LogicButton_8890ad:after,.spectrum-ClearButton_8890ad:after{border-radius:calc(var(--spectrum-button-border-radius) + var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25)));content:"";margin:calc(var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25))*-1);transition:box-shadow var(--spectrum-global-animation-duration-100,130ms)ease-out,margin var(--spectrum-global-animation-duration-100,130ms)ease-out;display:block;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(0)}.spectrum-Button_8890ad.focus-ring_8890ad:after,.spectrum-ActionButton_8890ad.focus-ring_8890ad:after,.spectrum-LogicButton_8890ad.focus-ring_8890ad:after,.spectrum-ClearButton_8890ad.focus-ring_8890ad:after{margin:calc(var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25))*-1 - var(--spectrum-button-border-width))}.spectrum-Button_8890ad{--spectrum-button-border-radius:var(--spectrum-button-primary-border-radius,var(--spectrum-alias-border-radius-large));--spectrum-button-border-width:var(--spectrum-button-primary-border-size,var(--spectrum-alias-border-size-thick));min-height:var(--spectrum-button-primary-height,var(--spectrum-alias-single-line-height));height:0%;min-width:var(--spectrum-button-primary-min-width);padding:var(--spectrum-global-dimension-size-50)calc(var(--spectrum-button-primary-padding-x,var(--spectrum-global-dimension-size-200)) - var(--spectrum-button-primary-border-size,var(--spectrum-alias-border-size-thick)));padding-bottom:calc(var(--spectrum-global-dimension-size-50) + 1px);padding-top:calc(var(--spectrum-global-dimension-size-50) - 1px);font-size:var(--spectrum-button-primary-text-size,var(--spectrum-alias-pill-button-text-size));font-weight:var(--spectrum-button-primary-text-font-weight,var(--spectrum-global-font-weight-bold));border-style:solid}.spectrum-Button_8890ad.is-hovered_8890ad,.spectrum-Button_8890ad:active{box-shadow:none}[dir=ltr] .spectrum-Button_8890ad .spectrum-Icon_8890ad+.spectrum-Button-label_8890ad{margin-left:var(--spectrum-button-primary-text-gap,var(--spectrum-global-dimension-size-100))}[dir=rtl] .spectrum-Button_8890ad .spectrum-Icon_8890ad+.spectrum-Button-label_8890ad,[dir=ltr] .spectrum-Button_8890ad .spectrum-Button-label_8890ad+.spectrum-Icon_8890ad{margin-right:var(--spectrum-button-primary-text-gap,var(--spectrum-global-dimension-size-100))}[dir=rtl] .spectrum-Button_8890ad .spectrum-Button-label_8890ad+.spectrum-Icon_8890ad{margin-left:var(--spectrum-button-primary-text-gap,var(--spectrum-global-dimension-size-100))}.spectrum-Button_8890ad.spectrum-Button--iconOnly_8890ad{min-width:unset;padding:var(--spectrum-global-dimension-size-65)}a.spectrum-Button_8890ad,a.spectrum-ActionButton_8890ad{-webkit-appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer}.spectrum-ActionButton_8890ad{height:var(--spectrum-actionbutton-height,var(--spectrum-alias-single-line-height));min-width:var(--spectrum-actionbutton-min-width,var(--spectrum-global-dimension-size-400));--spectrum-button-border-radius:var(--spectrum-actionbutton-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-button-border-width:var(--spectrum-actionbutton-border-size,var(--spectrum-alias-border-size-thin));font-size:var(--spectrum-actionbutton-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-actionbutton-text-font-weight,var(--spectrum-alias-body-text-font-weight));padding:0;position:relative}[dir=ltr] .spectrum-ActionButton_8890ad .spectrum-Icon_8890ad{padding-left:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}[dir=rtl] .spectrum-ActionButton_8890ad .spectrum-Icon_8890ad{padding-right:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}[dir=ltr] .spectrum-ActionButton_8890ad .spectrum-ActionButton-label_8890ad{padding-right:var(--spectrum-actionbutton-text-padding-x,var(--spectrum-global-dimension-size-150))}[dir=rtl] .spectrum-ActionButton_8890ad .spectrum-ActionButton-label_8890ad{padding-left:var(--spectrum-actionbutton-text-padding-x,var(--spectrum-global-dimension-size-150))}[dir=ltr] .spectrum-ActionButton_8890ad .spectrum-Icon_8890ad+.spectrum-ActionButton-label_8890ad{padding-left:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}[dir=rtl] .spectrum-ActionButton_8890ad .spectrum-Icon_8890ad+.spectrum-ActionButton-label_8890ad,[dir=ltr] .spectrum-ActionButton_8890ad .spectrum-ActionButton-label_8890ad:not([hidden])+.spectrum-Icon_8890ad{padding-right:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}[dir=rtl] .spectrum-ActionButton_8890ad .spectrum-ActionButton-label_8890ad:not([hidden])+.spectrum-Icon_8890ad{padding-left:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}[dir=ltr] .spectrum-ActionButton_8890ad .spectrum-ActionButton-label_8890ad:only-child,[dir=ltr] .spectrum-ActionButton_8890ad .spectrum-ActionButton-hold_8890ad+.spectrum-ActionButton-label_8890ad:last-child{padding-left:var(--spectrum-actionbutton-text-padding-x,var(--spectrum-global-dimension-size-150))}[dir=rtl] .spectrum-ActionButton_8890ad .spectrum-ActionButton-label_8890ad:only-child,[dir=rtl] .spectrum-ActionButton_8890ad .spectrum-ActionButton-hold_8890ad+.spectrum-ActionButton-label_8890ad:last-child{padding-right:var(--spectrum-actionbutton-text-padding-x,var(--spectrum-global-dimension-size-150))}[dir=ltr] .spectrum-ActionButton_8890ad .spectrum-Icon_8890ad:only-child,[dir=ltr] .spectrum-ActionButton_8890ad .spectrum-ActionButton-hold_8890ad+.spectrum-Icon_8890ad:last-child{padding-right:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}[dir=rtl] .spectrum-ActionButton_8890ad .spectrum-Icon_8890ad:only-child,[dir=rtl] .spectrum-ActionButton_8890ad .spectrum-ActionButton-hold_8890ad+.spectrum-Icon_8890ad:last-child{padding-left:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}[dir=ltr] .spectrum-ActionButton-hold_8890ad{right:var(--spectrum-actionbutton-hold-icon-padding-right,var(--spectrum-global-dimension-size-40))}[dir=rtl] .spectrum-ActionButton-hold_8890ad{left:var(--spectrum-actionbutton-hold-icon-padding-right,var(--spectrum-global-dimension-size-40))}.spectrum-ActionButton-hold_8890ad{bottom:var(--spectrum-actionbutton-hold-icon-padding-bottom,var(--spectrum-global-dimension-size-40));position:absolute}[dir=rtl] .spectrum-ActionButton-hold_8890ad{transform:rotate(90deg)}.spectrum-ActionButton-label_8890ad,.spectrum-Button-label_8890ad{-ms-grid-row-align:center;text-align:center;width:100%;order:1;place-self:center}.spectrum-ActionButton-label_8890ad:empty,.spectrum-Button-label_8890ad:empty{display:none}.spectrum-ActionButton-label_8890ad{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.spectrum-ActionButton--quiet_8890ad{border-width:var(--spectrum-actionbutton-quiet-border-size,var(--spectrum-alias-border-size-thin));border-radius:var(--spectrum-actionbutton-quiet-border-radius,var(--spectrum-alias-border-radius-regular));font-size:var(--spectrum-actionbutton-quiet-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-actionbutton-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight))}.spectrum-LogicButton_8890ad{height:var(--spectrum-logicbutton-and-height,24px);padding:var(--spectrum-logicbutton-and-padding-x,var(--spectrum-global-dimension-size-100));--spectrum-button-border-width:var(--spectrum-logicbutton-and-border-size,var(--spectrum-alias-border-size-thick));--spectrum-button-border-radius:var(--spectrum-logicbutton-and-border-radius,var(--spectrum-alias-border-radius-regular));font-size:var(--spectrum-logicbutton-and-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-logicbutton-and-text-font-weight,var(--spectrum-global-font-weight-bold));line-height:0}.spectrum-FieldButton_8890ad{height:var(--spectrum-dropdown-height,var(--spectrum-global-dimension-size-400));padding:0 var(--spectrum-dropdown-padding-x,var(--spectrum-global-dimension-size-150));font-family:inherit;font-weight:400;font-size:var(--spectrum-dropdown-text-size,var(--spectrum-alias-font-size-default));-webkit-font-smoothing:initial;cursor:default;padding-top:0;padding-bottom:0;padding-left:var(--spectrum-dropdown-padding-x,var(--spectrum-global-dimension-size-150));padding-right:var(--spectrum-dropdown-padding-x,var(--spectrum-global-dimension-size-150));border-width:var(--spectrum-dropdown-border-size,var(--spectrum-alias-border-size-thin));border-radius:var(--spectrum-global-dimension-size-50);transition:background-color var(--spectrum-global-animation-duration-100,130ms),box-shadow var(--spectrum-global-animation-duration-100,130ms),border-color var(--spectrum-global-animation-duration-100,130ms);border-style:solid;outline:0;margin:0;line-height:normal}.spectrum-FieldButton_8890ad:disabled,.spectrum-FieldButton_8890ad.is-disabled_8890ad{cursor:default;border-width:0}.spectrum-FieldButton_8890ad.is-open_8890ad{border-width:var(--spectrum-dropdown-border-size,var(--spectrum-alias-border-size-thin))}.spectrum-FieldButton--quiet_8890ad{border-radius:var(--spectrum-fieldbutton-quiet-border-radius,0px);border-width:0;margin:0;padding:0}.spectrum-FieldButton--quiet_8890ad:disabled.focus-ring_8890ad,.spectrum-FieldButton--quiet_8890ad.is-disabled_8890ad.focus-ring_8890ad{box-shadow:none}.spectrum-ClearButton_8890ad{width:var(--spectrum-clearbutton-medium-width,var(--spectrum-alias-single-line-height));height:var(--spectrum-clearbutton-medium-height,var(--spectrum-alias-single-line-height));--spectrum-button-border-radius:100%;--spectrum-button-border-width:0px;border:0;margin:0;padding:0}.spectrum-ClearButton_8890ad>.spectrum-Icon_8890ad{margin:0 auto}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.spectrum-ClearButton_8890ad>.spectrum-Icon_8890ad{margin:0}}.spectrum-ClearButton--small_8890ad{width:var(--spectrum-clearbutton-small-width,var(--spectrum-global-dimension-size-300));height:var(--spectrum-clearbutton-small-height,var(--spectrum-global-dimension-size-300))}.spectrum-Stepper_8890ad{display:-ms-inline-grid;width:calc(var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400))*4);transition:border-color var(--spectrum-global-animation-duration-100,130ms)ease-in-out,box-shadow var(--spectrum-global-animation-duration-100,130ms)ease-in-out;line-height:0;display:inline-grid}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad){-ms-grid-rows:auto auto;-ms-grid-columns:1fr auto;grid-template:"field increment""field decrement"/1fr auto}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button--stepUp_8890ad{padding-top:calc(var(--spectrum-global-dimension-size-50) + 1px);padding-bottom:calc(var(--spectrum-global-dimension-size-50) - .5px)}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button--stepDown_8890ad{padding-bottom:calc(var(--spectrum-global-dimension-size-50) + 1px);padding-top:calc(var(--spectrum-global-dimension-size-50) - .5px)}.spectrum-Stepper_8890ad.spectrum-Stepper--isMobile_8890ad{width:calc(var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400))*5);-ms-grid-rows:auto;-ms-grid-columns:auto 1fr auto;grid-template:"decrement field increment"/auto 1fr auto}.spectrum-Stepper_8890ad .spectrum-Stepper-field_8890ad{width:unset;min-width:var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400));grid-area:field}[dir=ltr] .spectrum-Stepper_8890ad .spectrum-Stepper-icon_8890ad{padding-right:0}[dir=rtl] .spectrum-Stepper_8890ad .spectrum-Stepper-icon_8890ad{padding-left:0}.spectrum-Stepper_8890ad .spectrum-Stepper-button--stepUp_8890ad{grid-area:increment}.spectrum-Stepper_8890ad .spectrum-Stepper-button--stepDown_8890ad{grid-area:decrement}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad){border-radius:var(--spectrum-global-dimension-size-50)}[dir=ltr] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad) .spectrum-Stepper-icon_8890ad{right:var(--spectrum-global-dimension-size-100)}[dir=rtl] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad) .spectrum-Stepper-icon_8890ad{left:var(--spectrum-global-dimension-size-100)}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad):not(.spectrum-Stepper--showStepper_8890ad):not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button_8890ad{height:calc(var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400))/2);width:24px}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad):not(.spectrum-Stepper--showStepper_8890ad).spectrum-Stepper--isMobile_8890ad .spectrum-Stepper-button_8890ad{height:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height));width:var(--spectrum-actionbutton-min-width,var(--spectrum-global-dimension-size-400))}[dir=ltr] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-input_8890ad{border-top-right-radius:0}[dir=rtl] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-input_8890ad{border-top-left-radius:0}[dir=ltr] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-input_8890ad{border-bottom-right-radius:0}[dir=rtl] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-input_8890ad{border-bottom-left-radius:0}[dir=ltr] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button_8890ad{border-left-width:0}[dir=rtl] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button_8890ad{border-right-width:0}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button_8890ad{height:calc(var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400))/2);width:24px}[dir=ltr] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button--stepDown_8890ad{border-bottom-right-radius:var(--spectrum-global-dimension-size-50)}[dir=rtl] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button--stepDown_8890ad{border-bottom-left-radius:var(--spectrum-global-dimension-size-50)}[dir=ltr] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button--stepDown_8890ad{border-right-width:1px}[dir=rtl] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button--stepDown_8890ad{border-left-width:1px}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button--stepDown_8890ad{border-top-width:1px;border-bottom-width:1px}[dir=ltr] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button--stepUp_8890ad{border-right-width:1px}[dir=rtl] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button--stepUp_8890ad{border-left-width:1px}[dir=ltr] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button--stepUp_8890ad{border-top-right-radius:var(--spectrum-global-dimension-size-50)}[dir=rtl] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button--stepUp_8890ad{border-top-left-radius:var(--spectrum-global-dimension-size-50)}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button--stepUp_8890ad{border-top-width:1px}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad.spectrum-Stepper--isMobile_8890ad .spectrum-Stepper-input_8890ad{border-radius:0}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad.spectrum-Stepper--isMobile_8890ad .spectrum-Stepper-button_8890ad{height:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height));width:var(--spectrum-actionbutton-min-width,var(--spectrum-global-dimension-size-400))}[dir=ltr] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad.spectrum-Stepper--isMobile_8890ad .spectrum-Stepper-button--stepDown_8890ad{border-left-width:1px}[dir=rtl] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad.spectrum-Stepper--isMobile_8890ad .spectrum-Stepper-button--stepDown_8890ad{border-right-width:1px}[dir=ltr] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad.spectrum-Stepper--isMobile_8890ad .spectrum-Stepper-button--stepDown_8890ad{border-top-left-radius:var(--spectrum-global-dimension-size-50)}[dir=rtl] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad.spectrum-Stepper--isMobile_8890ad .spectrum-Stepper-button--stepDown_8890ad{border-top-right-radius:var(--spectrum-global-dimension-size-50)}[dir=ltr] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad.spectrum-Stepper--isMobile_8890ad .spectrum-Stepper-button--stepDown_8890ad{border-bottom-left-radius:var(--spectrum-global-dimension-size-50)}[dir=rtl] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad.spectrum-Stepper--isMobile_8890ad .spectrum-Stepper-button--stepDown_8890ad{border-bottom-right-radius:var(--spectrum-global-dimension-size-50)}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad.spectrum-Stepper--isMobile_8890ad .spectrum-Stepper-button--stepDown_8890ad{border-top-width:1px;border-bottom-width:1px}[dir=ltr] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad.spectrum-Stepper--isMobile_8890ad .spectrum-Stepper-button--stepUp_8890ad{border-right-width:1px}[dir=rtl] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad.spectrum-Stepper--isMobile_8890ad .spectrum-Stepper-button--stepUp_8890ad{border-left-width:1px}[dir=ltr] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad.spectrum-Stepper--isMobile_8890ad .spectrum-Stepper-button--stepUp_8890ad{border-top-right-radius:var(--spectrum-global-dimension-size-50)}[dir=rtl] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad.spectrum-Stepper--isMobile_8890ad .spectrum-Stepper-button--stepUp_8890ad{border-top-left-radius:var(--spectrum-global-dimension-size-50)}[dir=ltr] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad.spectrum-Stepper--isMobile_8890ad .spectrum-Stepper-button--stepUp_8890ad{border-bottom-right-radius:var(--spectrum-global-dimension-size-50)}[dir=rtl] .spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad.spectrum-Stepper--isMobile_8890ad .spectrum-Stepper-button--stepUp_8890ad{border-bottom-left-radius:var(--spectrum-global-dimension-size-50)}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).spectrum-Stepper--showStepper_8890ad.spectrum-Stepper--isMobile_8890ad .spectrum-Stepper-button--stepUp_8890ad{border-top-width:1px;border-bottom-width:1px}[dir=ltr] .spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad .spectrum-Stepper-icon_8890ad{right:0}[dir=rtl] .spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad .spectrum-Stepper-icon_8890ad{left:0}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad:not(.spectrum-Stepper--showStepper_8890ad):not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button_8890ad{height:calc(var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400))/2);width:24px}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad:not(.spectrum-Stepper--showStepper_8890ad):not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button--stepDown_8890ad{border-bottom-width:1px}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad:not(.spectrum-Stepper--showStepper_8890ad).spectrum-Stepper--isMobile_8890ad .spectrum-Stepper-button_8890ad{height:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height));width:var(--spectrum-actionbutton-min-width,var(--spectrum-global-dimension-size-400));border-bottom-width:1px}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.spectrum-Stepper--showStepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button_8890ad{height:calc(var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400))/2);width:24px}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.spectrum-Stepper--showStepper_8890ad:not(.spectrum-Stepper--isMobile_8890ad) .spectrum-Stepper-button--stepDown_8890ad{border-bottom-width:1px}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.spectrum-Stepper--showStepper_8890ad.spectrum-Stepper--isMobile_8890ad .spectrum-Stepper-button_8890ad{height:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height));width:var(--spectrum-actionbutton-min-width,var(--spectrum-global-dimension-size-400));border-bottom-width:1px}.spectrum-Stepper-container_8890ad.spectrum-Stepper-container_8890ad{--spectrum-field-default-width:calc(var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400))*4)}.spectrum-Stepper-container_8890ad.spectrum-Stepper-container--isMobile_8890ad{--spectrum-field-default-width:calc(var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400))*5)}.spectrum-Stepper-button_8890ad{border-width:0}.spectrum-Stepper-button_8890ad.is-hovered_8890ad,.spectrum-Stepper-button_8890ad:active{box-shadow:none}.spectrum-Stepper-button_8890ad .spectrum-Stepper-button-icon_8890ad{max-height:100%;transition:background var(--spectrum-global-animation-duration-100,130ms)ease-out,fill var(--spectrum-global-animation-duration-100,130ms)ease-out;box-sizing:initial;flex-shrink:0}.spectrum-Stepper_8890ad .spectrum-Stepper-button-icon_8890ad{fill:var(--spectrum-actionbutton-icon-color,var(--spectrum-alias-icon-color))}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad) .spectrum-Stepper-input_8890ad{border-color:var(--spectrum-textfield-border-color,var(--spectrum-alias-border-color))}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad) .spectrum-Stepper-button_8890ad{background-color:var(--spectrum-actionbutton-background-color,var(--spectrum-global-color-gray-75));border-color:var(--spectrum-textfield-border-color,var(--spectrum-alias-border-color));color:var(--spectrum-actionbutton-text-color,var(--spectrum-alias-text-color))}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-hovered_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-hovered_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-hovered_8890ad .spectrum-Stepper-button_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-hovered_8890ad .spectrum-Stepper-button_8890ad{border-color:var(--spectrum-textfield-border-color-hover,var(--spectrum-alias-border-color-hover))}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-active_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad):active .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-active_8890ad .spectrum-Stepper-button_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad):active .spectrum-Stepper-button_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-focused_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad):focus .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-focused_8890ad .spectrum-Stepper-button_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad):focus .spectrum-Stepper-button_8890ad{border-color:var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).focus-ring_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).focus-ring_8890ad{box-shadow:0 0 0 1px var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).focus-ring_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).focus-ring_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).focus-ring_8890ad .spectrum-Stepper-button_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).focus-ring_8890ad .spectrum-Stepper-button_8890ad{border-color:var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-disabled_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad):disabled .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-disabled_8890ad .spectrum-Stepper-button_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad):disabled .spectrum-Stepper-button_8890ad{border-color:var(--spectrum-textfield-border-color-disabled,var(--spectrum-alias-border-color-transparent))}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-invalid_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-invalid_8890ad .spectrum-Stepper-button_8890ad{border-color:var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default))}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-invalid_8890ad.is-hovered_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-invalid_8890ad.is-hovered_8890ad .spectrum-Stepper-button_8890ad{border-color:var(--spectrum-textfield-border-color-error-hover,var(--spectrum-semantic-negative-color-state-hover))}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-invalid_8890ad:active .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-invalid_8890ad:active .spectrum-Stepper-button_8890ad{border-color:var(--spectrum-textfield-border-color-error-down,var(--spectrum-semantic-negative-color-state-down))}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-invalid_8890ad.focus-ring_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-invalid_8890ad.focus-ring_8890ad{box-shadow:0 0 0 1px var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-invalid_8890ad.focus-ring_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-invalid_8890ad.focus-ring_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-invalid_8890ad.is-focused_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-invalid_8890ad.focus-ring_8890ad .spectrum-Stepper-button_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-invalid_8890ad.focus-ring_8890ad .spectrum-Stepper-button_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-invalid_8890ad.is-focused_8890ad .spectrum-Stepper-button_8890ad{border-color:var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad .spectrum-Stepper-input_8890ad{border-color:var(--spectrum-textfield-quiet-border-color,var(--spectrum-alias-border-color))}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad .spectrum-Stepper-button_8890ad{background-color:unset;border-color:var(--spectrum-textfield-quiet-border-color,var(--spectrum-alias-border-color));color:var(--spectrum-actionbutton-text-color,var(--spectrum-alias-text-color))}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-hovered_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-hovered_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-hovered_8890ad .spectrum-Stepper-button_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-hovered_8890ad .spectrum-Stepper-button_8890ad{border-color:var(--spectrum-textfield-quiet-border-color-hover,var(--spectrum-alias-border-color-hover))}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-active_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad:active .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-active_8890ad .spectrum-Stepper-button_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad:active .spectrum-Stepper-button_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-focused_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad:focus .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-focused_8890ad .spectrum-Stepper-button_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad:focus .spectrum-Stepper-button_8890ad{border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.focus-ring_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.focus-ring_8890ad{box-shadow:0 1px 0 0 var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.focus-ring_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.focus-ring_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.focus-ring_8890ad .spectrum-Stepper-button_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.focus-ring_8890ad .spectrum-Stepper-button_8890ad{border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-disabled_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad:disabled .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-disabled_8890ad .spectrum-Stepper-button_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad:disabled .spectrum-Stepper-button_8890ad{border-color:var(--spectrum-textfield-quiet-border-color-disabled,var(--spectrum-alias-border-color-mid))}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-invalid_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-invalid_8890ad .spectrum-Stepper-button_8890ad{border-color:var(--spectrum-textfield-quiet-border-color-error,var(--spectrum-semantic-negative-color-default))}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-invalid_8890ad.is-hovered_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-invalid_8890ad.is-hovered_8890ad .spectrum-Stepper-button_8890ad{border-color:var(--spectrum-textfield-quiet-border-color-error-hover,var(--spectrum-semantic-negative-color-state-hover))}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-invalid_8890ad:active .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-invalid_8890ad:active .spectrum-Stepper-button_8890ad{border-color:var(--spectrum-textfield-quiet-border-color-error-down,var(--spectrum-semantic-negative-color-state-down))}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-invalid_8890ad.focus-ring_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-invalid_8890ad.focus-ring_8890ad{box-shadow:0 1px 0 0 var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-invalid_8890ad.is-focused_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-invalid_8890ad.is-focused_8890ad .spectrum-Stepper-button_8890ad{border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Stepper_8890ad .spectrum-Stepper-button_8890ad.is-hovered_8890ad,.spectrum-Stepper_8890ad .spectrum-Stepper-button_8890ad.is-hovered_8890ad{color:var(--spectrum-actionbutton-text-color-hover,var(--spectrum-alias-text-color-hover))}.spectrum-Stepper_8890ad .spectrum-Stepper-button_8890ad.is-hovered_8890ad .spectrum-Stepper-button-icon_8890ad,.spectrum-Stepper_8890ad .spectrum-Stepper-button_8890ad.is-hovered_8890ad .spectrum-Stepper-button-icon_8890ad{fill:var(--spectrum-actionbutton-icon-color-hover,var(--spectrum-alias-icon-color-hover))}.spectrum-Stepper_8890ad .spectrum-Stepper-button_8890ad.is-active_8890ad{color:var(--spectrum-actionbutton-text-color-down,var(--spectrum-alias-text-color-down))}.spectrum-Stepper_8890ad .spectrum-Stepper-button_8890ad.is-active_8890ad .spectrum-Stepper-button-icon_8890ad{fill:var(--spectrum-actionbutton-text-color-down,var(--spectrum-alias-text-color-down))}.spectrum-Stepper_8890ad .spectrum-Stepper-button_8890ad:disabled,.spectrum-Stepper_8890ad .spectrum-Stepper-button_8890ad.is-disabled_8890ad{color:var(--spectrum-textfield-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-Stepper_8890ad .spectrum-Stepper-button_8890ad:disabled .spectrum-Stepper-button-icon_8890ad,.spectrum-Stepper_8890ad .spectrum-Stepper-button_8890ad.is-disabled_8890ad .spectrum-Stepper-button-icon_8890ad{fill:var(--spectrum-textfield-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad) .spectrum-Stepper-button_8890ad.is-hovered_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad) .spectrum-Stepper-button_8890ad.is-hovered_8890ad{background-color:var(--spectrum-actionbutton-background-color-hover,var(--spectrum-global-color-gray-50))}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad) .spectrum-Stepper-button_8890ad.is-active_8890ad{background-color:var(--spectrum-actionbutton-background-color-down,var(--spectrum-global-color-gray-200))}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad) .spectrum-Stepper-button_8890ad:disabled,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad) .spectrum-Stepper-button_8890ad.is-disabled_8890ad{background-color:var(--spectrum-textfield-background-color-disabled,var(--spectrum-global-color-gray-200))}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad .spectrum-Stepper-button_8890ad:disabled,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad .spectrum-Stepper-button_8890ad.is-disabled_8890ad{color:var(--spectrum-textfield-quiet-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad .spectrum-Stepper-button_8890ad:disabled .spectrum-Stepper-button-icon_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad .spectrum-Stepper-button_8890ad.is-disabled_8890ad .spectrum-Stepper-button-icon_8890ad{fill:var(--spectrum-textfield-quiet-text-color-disabled,var(--spectrum-alias-text-color-disabled))}@media (forced-colors:active){.spectrum-Stepper_8890ad{--spectrum-textfield-border-color-disabled:GrayText;--spectrum-textfield-border-color-error:Highlight;--spectrum-textfield-border-color-hover:Highlight;--spectrum-textfield-border-color-key-focus:Highlight;--spectrum-textfield-quiet-border-color-disabled:GrayText;--spectrum-textfield-quiet-border-color-error:Highlight;--spectrum-textfield-quiet-border-color-hover:Highlight;--spectrum-textfield-quiet-border-color-key-focus:Highlight;--spectrum-textfield-quiet-border-color:ButtonText;--spectrum-textfield-quiet-text-color-disabled:GrayText;--spectrum-textfield-text-color-disabled:GrayText}.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad).is-focused_8890ad,.spectrum-Stepper_8890ad:not(.spectrum-Stepper--isQuiet_8890ad):focus{outline:2px solid Highlight}.spectrum-Stepper_8890ad.spectrum-Stepper--readonly_8890ad.spectrum-Stepper--isQuiet_8890ad .spectrum-Stepper-button_8890ad{border-color:var(--spectrum-textfield-quiet-border-color,var(--spectrum-alias-border-color))}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-focused_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad:focus,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.focus-ring_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.focus-ring_8890ad{forced-color-adjust:none;box-shadow:0 1px 0 0 var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-focused_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad:focus .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.focus-ring_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.focus-ring_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-focused_8890ad .spectrum-Stepper-button_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad:focus .spectrum-Stepper-button_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.focus-ring_8890ad .spectrum-Stepper-button_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.focus-ring_8890ad .spectrum-Stepper-button_8890ad{forced-color-adjust:auto;border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-hovered_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-hovered_8890ad .spectrum-Stepper-input_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-hovered_8890ad .spectrum-Stepper-button_8890ad,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.is-hovered_8890ad .spectrum-Stepper-button_8890ad{border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}}
package/dist/main.js CHANGED
@@ -47,8 +47,6 @@ $parcel$export($3649bcbba015c4d7$exports, "spectrum-ClearButton", () => $3649bcb
47
47
  $parcel$export($3649bcbba015c4d7$exports, "spectrum-Stepper-button", () => $3649bcbba015c4d7$export$4e11596482f95f63, (v) => $3649bcbba015c4d7$export$4e11596482f95f63 = v);
48
48
  $parcel$export($3649bcbba015c4d7$exports, "focus-ring", () => $3649bcbba015c4d7$export$f39a09f249340e2a, (v) => $3649bcbba015c4d7$export$f39a09f249340e2a = v);
49
49
  $parcel$export($3649bcbba015c4d7$exports, "spectrum-Icon", () => $3649bcbba015c4d7$export$d374b04f30360026, (v) => $3649bcbba015c4d7$export$d374b04f30360026 = v);
50
- $parcel$export($3649bcbba015c4d7$exports, "spectrum-ActionButton--emphasized", () => $3649bcbba015c4d7$export$5aabb61a966e266f, (v) => $3649bcbba015c4d7$export$5aabb61a966e266f = v);
51
- $parcel$export($3649bcbba015c4d7$exports, "spectrum-ActionButton--staticColor", () => $3649bcbba015c4d7$export$29b7b5d6a5a497c5, (v) => $3649bcbba015c4d7$export$29b7b5d6a5a497c5 = v);
52
50
  $parcel$export($3649bcbba015c4d7$exports, "is-hovered", () => $3649bcbba015c4d7$export$b8813cd5d7824ce7, (v) => $3649bcbba015c4d7$export$b8813cd5d7824ce7 = v);
53
51
  $parcel$export($3649bcbba015c4d7$exports, "spectrum-Button-label", () => $3649bcbba015c4d7$export$c081ba562e204942, (v) => $3649bcbba015c4d7$export$c081ba562e204942 = v);
54
52
  $parcel$export($3649bcbba015c4d7$exports, "spectrum-Button--iconOnly", () => $3649bcbba015c4d7$export$c1d306ec0fae3838, (v) => $3649bcbba015c4d7$export$c1d306ec0fae3838 = v);
@@ -58,7 +56,6 @@ $parcel$export($3649bcbba015c4d7$exports, "spectrum-ActionButton--quiet", () =>
58
56
  $parcel$export($3649bcbba015c4d7$exports, "is-disabled", () => $3649bcbba015c4d7$export$d35bc1e505d1ebbf, (v) => $3649bcbba015c4d7$export$d35bc1e505d1ebbf = v);
59
57
  $parcel$export($3649bcbba015c4d7$exports, "is-open", () => $3649bcbba015c4d7$export$a9781837241c946d, (v) => $3649bcbba015c4d7$export$a9781837241c946d = v);
60
58
  $parcel$export($3649bcbba015c4d7$exports, "spectrum-FieldButton--quiet", () => $3649bcbba015c4d7$export$5ca7b274e4fff9fc, (v) => $3649bcbba015c4d7$export$5ca7b274e4fff9fc = v);
61
- $parcel$export($3649bcbba015c4d7$exports, "spectrum-ClearButton--overBackground", () => $3649bcbba015c4d7$export$116f2fccf941d34d, (v) => $3649bcbba015c4d7$export$116f2fccf941d34d = v);
62
59
  $parcel$export($3649bcbba015c4d7$exports, "spectrum-ClearButton--small", () => $3649bcbba015c4d7$export$49280ffa5236ba8b, (v) => $3649bcbba015c4d7$export$49280ffa5236ba8b = v);
63
60
  $parcel$export($3649bcbba015c4d7$exports, "spectrum-Stepper", () => $3649bcbba015c4d7$export$f49c123746e1fb8, (v) => $3649bcbba015c4d7$export$f49c123746e1fb8 = v);
64
61
  $parcel$export($3649bcbba015c4d7$exports, "spectrum-Stepper--isMobile", () => $3649bcbba015c4d7$export$75e6f9c4d1d95421, (v) => $3649bcbba015c4d7$export$75e6f9c4d1d95421 = v);
@@ -84,8 +81,6 @@ var $3649bcbba015c4d7$export$b752ce409e5660c;
84
81
  var $3649bcbba015c4d7$export$4e11596482f95f63;
85
82
  var $3649bcbba015c4d7$export$f39a09f249340e2a;
86
83
  var $3649bcbba015c4d7$export$d374b04f30360026;
87
- var $3649bcbba015c4d7$export$5aabb61a966e266f;
88
- var $3649bcbba015c4d7$export$29b7b5d6a5a497c5;
89
84
  var $3649bcbba015c4d7$export$b8813cd5d7824ce7;
90
85
  var $3649bcbba015c4d7$export$c081ba562e204942;
91
86
  var $3649bcbba015c4d7$export$c1d306ec0fae3838;
@@ -95,7 +90,6 @@ var $3649bcbba015c4d7$export$40e1f009544bacf3;
95
90
  var $3649bcbba015c4d7$export$d35bc1e505d1ebbf;
96
91
  var $3649bcbba015c4d7$export$a9781837241c946d;
97
92
  var $3649bcbba015c4d7$export$5ca7b274e4fff9fc;
98
- var $3649bcbba015c4d7$export$116f2fccf941d34d;
99
93
  var $3649bcbba015c4d7$export$49280ffa5236ba8b;
100
94
  var $3649bcbba015c4d7$export$f49c123746e1fb8;
101
95
  var $3649bcbba015c4d7$export$75e6f9c4d1d95421;
@@ -121,8 +115,6 @@ $3649bcbba015c4d7$export$b752ce409e5660c = "spectrum-ClearButton_8890ad";
121
115
  $3649bcbba015c4d7$export$4e11596482f95f63 = "spectrum-Stepper-button_8890ad";
122
116
  $3649bcbba015c4d7$export$f39a09f249340e2a = "focus-ring_8890ad";
123
117
  $3649bcbba015c4d7$export$d374b04f30360026 = "spectrum-Icon_8890ad";
124
- $3649bcbba015c4d7$export$5aabb61a966e266f = "spectrum-ActionButton--emphasized_8890ad";
125
- $3649bcbba015c4d7$export$29b7b5d6a5a497c5 = "spectrum-ActionButton--staticColor_8890ad";
126
118
  $3649bcbba015c4d7$export$b8813cd5d7824ce7 = "is-hovered_8890ad";
127
119
  $3649bcbba015c4d7$export$c081ba562e204942 = "spectrum-Button-label_8890ad";
128
120
  $3649bcbba015c4d7$export$c1d306ec0fae3838 = "spectrum-Button--iconOnly_8890ad";
@@ -132,7 +124,6 @@ $3649bcbba015c4d7$export$40e1f009544bacf3 = "spectrum-ActionButton--quiet_8890ad
132
124
  $3649bcbba015c4d7$export$d35bc1e505d1ebbf = "is-disabled_8890ad";
133
125
  $3649bcbba015c4d7$export$a9781837241c946d = "is-open_8890ad";
134
126
  $3649bcbba015c4d7$export$5ca7b274e4fff9fc = "spectrum-FieldButton--quiet_8890ad";
135
- $3649bcbba015c4d7$export$116f2fccf941d34d = "spectrum-ClearButton--overBackground_8890ad";
136
127
  $3649bcbba015c4d7$export$49280ffa5236ba8b = "spectrum-ClearButton--small_8890ad";
137
128
  $3649bcbba015c4d7$export$f49c123746e1fb8 = "spectrum-Stepper_8890ad";
138
129
  $3649bcbba015c4d7$export$75e6f9c4d1d95421 = "spectrum-Stepper--isMobile_8890ad";
@@ -226,7 +217,7 @@ function $9b3df9c012d62e52$var$NumberField(props, ref) {
226
217
  'spectrum-Stepper--isQuiet': isQuiet,
227
218
  'is-disabled': isDisabled,
228
219
  'spectrum-Stepper--readonly': isReadOnly,
229
- 'is-invalid': props.validationState === 'invalid',
220
+ 'is-invalid': props.validationState === 'invalid' && !isDisabled,
230
221
  'spectrum-Stepper--showStepper': showStepper,
231
222
  'spectrum-Stepper--isMobile': isMobile,
232
223
  'is-hovered': isHovered,
@@ -254,7 +245,7 @@ function $9b3df9c012d62e52$var$NumberField(props, ref) {
254
245
  })));
255
246
  }
256
247
  const $9b3df9c012d62e52$var$NumberFieldInput = /*#__PURE__*/ ($parcel$interopDefault($i8sTE$react)).forwardRef(function NumberFieldInput(props, ref) {
257
- let { groupProps: groupProps , inputProps: inputProps , inputRef: inputRef , incrementProps: incrementProps , decrementProps: decrementProps , className: className , style: style , autoFocus: autoFocus , isQuiet: isQuiet , hideStepper: hideStepper , validationState: validationState } = props;
248
+ let { groupProps: groupProps , inputProps: inputProps , inputRef: inputRef , incrementProps: incrementProps , decrementProps: decrementProps , className: className , style: style , autoFocus: autoFocus , isQuiet: isQuiet , isDisabled: isDisabled , hideStepper: hideStepper , validationState: validationState } = props;
258
249
  let showStepper = !hideStepper;
259
250
  return(/*#__PURE__*/ ($parcel$interopDefault($i8sTE$react)).createElement($i8sTE$reactariafocus.FocusRing, {
260
251
  within: true,
@@ -274,7 +265,8 @@ const $9b3df9c012d62e52$var$NumberFieldInput = /*#__PURE__*/ ($parcel$interopDef
274
265
  isQuiet: isQuiet,
275
266
  inputRef: inputRef,
276
267
  validationState: validationState,
277
- inputProps: inputProps
268
+ inputProps: inputProps,
269
+ isDisabled: isDisabled
278
270
  }), showStepper && /*#__PURE__*/ ($parcel$interopDefault($i8sTE$react)).createElement(($parcel$interopDefault($i8sTE$react)).Fragment, null, /*#__PURE__*/ ($parcel$interopDefault($i8sTE$react)).createElement($2f3cded204daae76$export$b2f6b60c1d32d6aa, {
279
271
  direction: "up",
280
272
  isQuiet: isQuiet,
package/dist/main.js.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"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","sources":["packages/@react-spectrum/numberfield/src/index.ts","packages/@react-spectrum/numberfield/src/NumberField.tsx","packages/@react-spectrum/numberfield/src/StepButton.tsx","packages/@adobe/spectrum-css-temp/components/stepper/vars.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\nexport {NumberField} from './NumberField';\nexport type {SpectrumNumberFieldProps} from '@react-types/numberfield';\n","/*\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\nimport {AriaButtonProps} from '@react-types/button';\nimport {classNames, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {Field} from '@react-spectrum/label';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {HTMLAttributes, InputHTMLAttributes, RefObject, useRef} from 'react';\nimport {SpectrumNumberFieldProps} from '@react-types/numberfield';\nimport {StepButton} from './StepButton';\nimport stepperStyle from '@adobe/spectrum-css-temp/components/stepper/vars.css';\nimport {TextFieldBase} from '@react-spectrum/textfield';\nimport {useHover} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\nimport {useNumberField} from '@react-aria/numberfield';\nimport {useNumberFieldState} from '@react-stately/numberfield';\nimport {useProvider, useProviderProps} from '@react-spectrum/provider';\n\nfunction NumberField(props: SpectrumNumberFieldProps, ref: FocusableRef<HTMLElement>) {\n props = useProviderProps(props);\n let provider = useProvider();\n let {\n isQuiet,\n isReadOnly,\n isDisabled,\n hideStepper\n } = props;\n\n let {styleProps: style} = useStyleProps(props);\n\n let {locale} = useLocale();\n let state = useNumberFieldState({...props, locale});\n let inputRef = useRef<HTMLInputElement>();\n let domRef = useFocusableRef<HTMLElement>(ref, inputRef);\n let {\n groupProps,\n labelProps,\n inputProps,\n incrementButtonProps,\n decrementButtonProps,\n descriptionProps,\n errorMessageProps\n } = useNumberField(props, state, inputRef);\n let isMobile = provider.scale === 'large';\n let showStepper = !hideStepper;\n\n let {isHovered, hoverProps} = useHover({isDisabled});\n\n let className =\n classNames(\n stepperStyle,\n 'spectrum-Stepper',\n {\n 'spectrum-Stepper--isQuiet': isQuiet,\n 'is-disabled': isDisabled,\n 'spectrum-Stepper--readonly': isReadOnly,\n 'is-invalid': props.validationState === 'invalid',\n 'spectrum-Stepper--showStepper': showStepper,\n 'spectrum-Stepper--isMobile': isMobile,\n 'is-hovered': isHovered,\n // because FocusRing won't pass along the className from Field, we have to handle that ourselves\n [style.className]: !props.label && style.className\n }\n );\n\n return (\n <Field\n {...props as Omit<SpectrumNumberFieldProps, 'onChange'>}\n descriptionProps={descriptionProps}\n errorMessageProps={errorMessageProps}\n labelProps={labelProps}\n ref={domRef}\n wrapperClassName={classNames(\n stepperStyle,\n 'spectrum-Stepper-container',\n {\n 'spectrum-Stepper-container--isMobile': isMobile\n }\n )}>\n <NumberFieldInput\n {...props}\n groupProps={mergeProps(groupProps, hoverProps)}\n inputProps={inputProps}\n inputRef={inputRef}\n incrementProps={incrementButtonProps}\n decrementProps={decrementButtonProps}\n className={className}\n style={style} />\n </Field>\n );\n}\n\n\ninterface NumberFieldInputProps extends SpectrumNumberFieldProps {\n groupProps: HTMLAttributes<HTMLDivElement>,\n inputProps: InputHTMLAttributes<HTMLInputElement>,\n inputRef: RefObject<HTMLInputElement | HTMLTextAreaElement>,\n incrementProps: AriaButtonProps,\n decrementProps: AriaButtonProps,\n className?: string,\n style?: React.CSSProperties\n}\n\nconst NumberFieldInput = React.forwardRef(function NumberFieldInput(props: NumberFieldInputProps, ref: RefObject<HTMLElement>) {\n let {\n groupProps,\n inputProps,\n inputRef,\n incrementProps,\n decrementProps,\n className,\n style,\n autoFocus,\n isQuiet,\n hideStepper,\n validationState\n } = props;\n let showStepper = !hideStepper;\n\n return (\n <FocusRing\n within\n isTextInput\n focusClass={classNames(stepperStyle, 'is-focused')}\n focusRingClass={classNames(stepperStyle, 'focus-ring')}\n autoFocus={autoFocus}>\n <div\n {...groupProps}\n ref={ref as RefObject<HTMLDivElement>}\n style={style}\n className={className}>\n <TextFieldBase\n UNSAFE_className={\n classNames(\n stepperStyle,\n 'spectrum-Stepper-field'\n )\n }\n inputClassName={\n classNames(\n stepperStyle,\n 'spectrum-Stepper-input'\n )\n }\n validationIconClassName={\n classNames(\n stepperStyle,\n 'spectrum-Stepper-icon'\n )\n }\n isQuiet={isQuiet}\n inputRef={inputRef}\n validationState={validationState}\n inputProps={inputProps} />\n {showStepper &&\n <>\n <StepButton direction=\"up\" isQuiet={isQuiet} {...incrementProps} />\n <StepButton direction=\"down\" isQuiet={isQuiet} {...decrementProps} />\n </>\n }\n </div>\n </FocusRing>\n );\n});\n\n/**\n * NumberFields allow users to enter a number, and increment or decrement the value using stepper buttons.\n */\nlet _NumberField = React.forwardRef(NumberField);\nexport {_NumberField as NumberField};\n","/*\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\nimport Add from '@spectrum-icons/workflow/Add';\nimport {AriaButtonProps} from '@react-types/button';\nimport ChevronDownSmall from '@spectrum-icons/ui/ChevronDownSmall';\nimport ChevronUpSmall from '@spectrum-icons/ui/ChevronUpSmall';\nimport {classNames} from '@react-spectrum/utils';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {RefObject} from 'react';\nimport Remove from '@spectrum-icons/workflow/Remove';\nimport stepperStyle from '@adobe/spectrum-css-temp/components/stepper/vars.css';\nimport {useButton} from '@react-aria/button';\nimport {useHover} from '@react-aria/interactions';\nimport {useProvider, useProviderProps} from '@react-spectrum/provider';\n\ninterface StepButtonProps extends AriaButtonProps {\n isQuiet: boolean,\n direction: 'up' | 'down'\n}\n\nfunction StepButton(props: StepButtonProps, ref: RefObject<HTMLDivElement>) {\n props = useProviderProps(props);\n let {scale} = useProvider();\n let {direction, isDisabled, isQuiet} = props;\n /**\n * Must use div for now because Safari pointer event bugs on disabled form elements.\n * Link https://bugs.webkit.org/show_bug.cgi?id=219188.\n */\n let {buttonProps, isPressed} = useButton({...props, elementType: 'div'}, ref);\n let {hoverProps, isHovered} = useHover(props);\n return (\n <FocusRing focusRingClass={classNames(stepperStyle, 'focus-ring')}>\n <div\n className={\n classNames(\n stepperStyle,\n 'spectrum-Stepper-button',\n {\n 'spectrum-Stepper-button--stepUp': direction === 'up',\n 'spectrum-Stepper-button--stepDown': direction === 'down',\n 'spectrum-Stepper-button--isQuiet': isQuiet,\n 'is-hovered': isHovered,\n 'is-active': isPressed,\n 'is-disabled': isDisabled\n }\n )\n }\n {...mergeProps(hoverProps, buttonProps)}\n ref={ref}>\n {direction === 'up' && scale === 'large' &&\n <Add UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon')} size=\"S\" />\n }\n {direction === 'up' && scale === 'medium' &&\n <ChevronUpSmall UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon')} />\n }\n {direction === 'down' && scale === 'large' &&\n <Remove UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon')} size=\"S\" />\n }\n {direction === 'down' && scale === 'medium' &&\n <ChevronDownSmall UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon')} />\n }\n </div>\n </FocusRing>\n );\n}\n\n/**\n * Buttons for NumberField.\n */\nlet _StepButton = React.forwardRef(StepButton);\nexport {_StepButton as StepButton};\n","/*\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@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"main.js.map"}
1
+ {"mappings":"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","sources":["packages/@react-spectrum/numberfield/src/index.ts","packages/@react-spectrum/numberfield/src/NumberField.tsx","packages/@react-spectrum/numberfield/src/StepButton.tsx","packages/@adobe/spectrum-css-temp/components/stepper/vars.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\nexport {NumberField} from './NumberField';\nexport type {SpectrumNumberFieldProps} from '@react-types/numberfield';\n","/*\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\nimport {AriaButtonProps} from '@react-types/button';\nimport {classNames, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {Field} from '@react-spectrum/label';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {HTMLAttributes, InputHTMLAttributes, RefObject, useRef} from 'react';\nimport {SpectrumNumberFieldProps} from '@react-types/numberfield';\nimport {StepButton} from './StepButton';\nimport stepperStyle from '@adobe/spectrum-css-temp/components/stepper/vars.css';\nimport {TextFieldBase} from '@react-spectrum/textfield';\nimport {useHover} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\nimport {useNumberField} from '@react-aria/numberfield';\nimport {useNumberFieldState} from '@react-stately/numberfield';\nimport {useProvider, useProviderProps} from '@react-spectrum/provider';\n\nfunction NumberField(props: SpectrumNumberFieldProps, ref: FocusableRef<HTMLElement>) {\n props = useProviderProps(props);\n let provider = useProvider();\n let {\n isQuiet,\n isReadOnly,\n isDisabled,\n hideStepper\n } = props;\n\n let {styleProps: style} = useStyleProps(props);\n\n let {locale} = useLocale();\n let state = useNumberFieldState({...props, locale});\n let inputRef = useRef<HTMLInputElement>();\n let domRef = useFocusableRef<HTMLElement>(ref, inputRef);\n let {\n groupProps,\n labelProps,\n inputProps,\n incrementButtonProps,\n decrementButtonProps,\n descriptionProps,\n errorMessageProps\n } = useNumberField(props, state, inputRef);\n let isMobile = provider.scale === 'large';\n let showStepper = !hideStepper;\n\n let {isHovered, hoverProps} = useHover({isDisabled});\n\n let className =\n classNames(\n stepperStyle,\n 'spectrum-Stepper',\n {\n 'spectrum-Stepper--isQuiet': isQuiet,\n 'is-disabled': isDisabled,\n 'spectrum-Stepper--readonly': isReadOnly,\n 'is-invalid': props.validationState === 'invalid' && !isDisabled,\n 'spectrum-Stepper--showStepper': showStepper,\n 'spectrum-Stepper--isMobile': isMobile,\n 'is-hovered': isHovered,\n // because FocusRing won't pass along the className from Field, we have to handle that ourselves\n [style.className]: !props.label && style.className\n }\n );\n\n return (\n <Field\n {...props as Omit<SpectrumNumberFieldProps, 'onChange'>}\n descriptionProps={descriptionProps}\n errorMessageProps={errorMessageProps}\n labelProps={labelProps}\n ref={domRef}\n wrapperClassName={classNames(\n stepperStyle,\n 'spectrum-Stepper-container',\n {\n 'spectrum-Stepper-container--isMobile': isMobile\n }\n )}>\n <NumberFieldInput\n {...props}\n groupProps={mergeProps(groupProps, hoverProps)}\n inputProps={inputProps}\n inputRef={inputRef}\n incrementProps={incrementButtonProps}\n decrementProps={decrementButtonProps}\n className={className}\n style={style} />\n </Field>\n );\n}\n\n\ninterface NumberFieldInputProps extends SpectrumNumberFieldProps {\n groupProps: HTMLAttributes<HTMLDivElement>,\n inputProps: InputHTMLAttributes<HTMLInputElement>,\n inputRef: RefObject<HTMLInputElement | HTMLTextAreaElement>,\n incrementProps: AriaButtonProps,\n decrementProps: AriaButtonProps,\n className?: string,\n style?: React.CSSProperties\n}\n\nconst NumberFieldInput = React.forwardRef(function NumberFieldInput(props: NumberFieldInputProps, ref: RefObject<HTMLElement>) {\n let {\n groupProps,\n inputProps,\n inputRef,\n incrementProps,\n decrementProps,\n className,\n style,\n autoFocus,\n isQuiet,\n isDisabled,\n hideStepper,\n validationState\n } = props;\n let showStepper = !hideStepper;\n\n return (\n <FocusRing\n within\n isTextInput\n focusClass={classNames(stepperStyle, 'is-focused')}\n focusRingClass={classNames(stepperStyle, 'focus-ring')}\n autoFocus={autoFocus}>\n <div\n {...groupProps}\n ref={ref as RefObject<HTMLDivElement>}\n style={style}\n className={className}>\n <TextFieldBase\n UNSAFE_className={\n classNames(\n stepperStyle,\n 'spectrum-Stepper-field'\n )\n }\n inputClassName={\n classNames(\n stepperStyle,\n 'spectrum-Stepper-input'\n )\n }\n validationIconClassName={\n classNames(\n stepperStyle,\n 'spectrum-Stepper-icon'\n )\n }\n isQuiet={isQuiet}\n inputRef={inputRef}\n validationState={validationState}\n inputProps={inputProps}\n isDisabled={isDisabled} />\n {showStepper &&\n <>\n <StepButton direction=\"up\" isQuiet={isQuiet} {...incrementProps} />\n <StepButton direction=\"down\" isQuiet={isQuiet} {...decrementProps} />\n </>\n }\n </div>\n </FocusRing>\n );\n});\n\n/**\n * NumberFields allow users to enter a number, and increment or decrement the value using stepper buttons.\n */\nlet _NumberField = React.forwardRef(NumberField);\nexport {_NumberField as NumberField};\n","/*\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\nimport Add from '@spectrum-icons/workflow/Add';\nimport {AriaButtonProps} from '@react-types/button';\nimport ChevronDownSmall from '@spectrum-icons/ui/ChevronDownSmall';\nimport ChevronUpSmall from '@spectrum-icons/ui/ChevronUpSmall';\nimport {classNames} from '@react-spectrum/utils';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {RefObject} from 'react';\nimport Remove from '@spectrum-icons/workflow/Remove';\nimport stepperStyle from '@adobe/spectrum-css-temp/components/stepper/vars.css';\nimport {useButton} from '@react-aria/button';\nimport {useHover} from '@react-aria/interactions';\nimport {useProvider, useProviderProps} from '@react-spectrum/provider';\n\ninterface StepButtonProps extends AriaButtonProps {\n isQuiet: boolean,\n direction: 'up' | 'down'\n}\n\nfunction StepButton(props: StepButtonProps, ref: RefObject<HTMLDivElement>) {\n props = useProviderProps(props);\n let {scale} = useProvider();\n let {direction, isDisabled, isQuiet} = props;\n /**\n * Must use div for now because Safari pointer event bugs on disabled form elements.\n * Link https://bugs.webkit.org/show_bug.cgi?id=219188.\n */\n let {buttonProps, isPressed} = useButton({...props, elementType: 'div'}, ref);\n let {hoverProps, isHovered} = useHover(props);\n return (\n <FocusRing focusRingClass={classNames(stepperStyle, 'focus-ring')}>\n <div\n className={\n classNames(\n stepperStyle,\n 'spectrum-Stepper-button',\n {\n 'spectrum-Stepper-button--stepUp': direction === 'up',\n 'spectrum-Stepper-button--stepDown': direction === 'down',\n 'spectrum-Stepper-button--isQuiet': isQuiet,\n 'is-hovered': isHovered,\n 'is-active': isPressed,\n 'is-disabled': isDisabled\n }\n )\n }\n {...mergeProps(hoverProps, buttonProps)}\n ref={ref}>\n {direction === 'up' && scale === 'large' &&\n <Add UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon')} size=\"S\" />\n }\n {direction === 'up' && scale === 'medium' &&\n <ChevronUpSmall UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon')} />\n }\n {direction === 'down' && scale === 'large' &&\n <Remove UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon')} size=\"S\" />\n }\n {direction === 'down' && scale === 'medium' &&\n <ChevronDownSmall UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon')} />\n }\n </div>\n </FocusRing>\n );\n}\n\n/**\n * Buttons for NumberField.\n */\nlet _StepButton = React.forwardRef(StepButton);\nexport {_StepButton as StepButton};\n","/*\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@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"main.js.map"}
package/dist/module.js CHANGED
@@ -45,8 +45,6 @@ $parcel$export($ba58a329f3e1a776$exports, "spectrum-ClearButton", () => $ba58a32
45
45
  $parcel$export($ba58a329f3e1a776$exports, "spectrum-Stepper-button", () => $ba58a329f3e1a776$export$4e11596482f95f63, (v) => $ba58a329f3e1a776$export$4e11596482f95f63 = v);
46
46
  $parcel$export($ba58a329f3e1a776$exports, "focus-ring", () => $ba58a329f3e1a776$export$f39a09f249340e2a, (v) => $ba58a329f3e1a776$export$f39a09f249340e2a = v);
47
47
  $parcel$export($ba58a329f3e1a776$exports, "spectrum-Icon", () => $ba58a329f3e1a776$export$d374b04f30360026, (v) => $ba58a329f3e1a776$export$d374b04f30360026 = v);
48
- $parcel$export($ba58a329f3e1a776$exports, "spectrum-ActionButton--emphasized", () => $ba58a329f3e1a776$export$5aabb61a966e266f, (v) => $ba58a329f3e1a776$export$5aabb61a966e266f = v);
49
- $parcel$export($ba58a329f3e1a776$exports, "spectrum-ActionButton--staticColor", () => $ba58a329f3e1a776$export$29b7b5d6a5a497c5, (v) => $ba58a329f3e1a776$export$29b7b5d6a5a497c5 = v);
50
48
  $parcel$export($ba58a329f3e1a776$exports, "is-hovered", () => $ba58a329f3e1a776$export$b8813cd5d7824ce7, (v) => $ba58a329f3e1a776$export$b8813cd5d7824ce7 = v);
51
49
  $parcel$export($ba58a329f3e1a776$exports, "spectrum-Button-label", () => $ba58a329f3e1a776$export$c081ba562e204942, (v) => $ba58a329f3e1a776$export$c081ba562e204942 = v);
52
50
  $parcel$export($ba58a329f3e1a776$exports, "spectrum-Button--iconOnly", () => $ba58a329f3e1a776$export$c1d306ec0fae3838, (v) => $ba58a329f3e1a776$export$c1d306ec0fae3838 = v);
@@ -56,7 +54,6 @@ $parcel$export($ba58a329f3e1a776$exports, "spectrum-ActionButton--quiet", () =>
56
54
  $parcel$export($ba58a329f3e1a776$exports, "is-disabled", () => $ba58a329f3e1a776$export$d35bc1e505d1ebbf, (v) => $ba58a329f3e1a776$export$d35bc1e505d1ebbf = v);
57
55
  $parcel$export($ba58a329f3e1a776$exports, "is-open", () => $ba58a329f3e1a776$export$a9781837241c946d, (v) => $ba58a329f3e1a776$export$a9781837241c946d = v);
58
56
  $parcel$export($ba58a329f3e1a776$exports, "spectrum-FieldButton--quiet", () => $ba58a329f3e1a776$export$5ca7b274e4fff9fc, (v) => $ba58a329f3e1a776$export$5ca7b274e4fff9fc = v);
59
- $parcel$export($ba58a329f3e1a776$exports, "spectrum-ClearButton--overBackground", () => $ba58a329f3e1a776$export$116f2fccf941d34d, (v) => $ba58a329f3e1a776$export$116f2fccf941d34d = v);
60
57
  $parcel$export($ba58a329f3e1a776$exports, "spectrum-ClearButton--small", () => $ba58a329f3e1a776$export$49280ffa5236ba8b, (v) => $ba58a329f3e1a776$export$49280ffa5236ba8b = v);
61
58
  $parcel$export($ba58a329f3e1a776$exports, "spectrum-Stepper", () => $ba58a329f3e1a776$export$f49c123746e1fb8, (v) => $ba58a329f3e1a776$export$f49c123746e1fb8 = v);
62
59
  $parcel$export($ba58a329f3e1a776$exports, "spectrum-Stepper--isMobile", () => $ba58a329f3e1a776$export$75e6f9c4d1d95421, (v) => $ba58a329f3e1a776$export$75e6f9c4d1d95421 = v);
@@ -82,8 +79,6 @@ var $ba58a329f3e1a776$export$b752ce409e5660c;
82
79
  var $ba58a329f3e1a776$export$4e11596482f95f63;
83
80
  var $ba58a329f3e1a776$export$f39a09f249340e2a;
84
81
  var $ba58a329f3e1a776$export$d374b04f30360026;
85
- var $ba58a329f3e1a776$export$5aabb61a966e266f;
86
- var $ba58a329f3e1a776$export$29b7b5d6a5a497c5;
87
82
  var $ba58a329f3e1a776$export$b8813cd5d7824ce7;
88
83
  var $ba58a329f3e1a776$export$c081ba562e204942;
89
84
  var $ba58a329f3e1a776$export$c1d306ec0fae3838;
@@ -93,7 +88,6 @@ var $ba58a329f3e1a776$export$40e1f009544bacf3;
93
88
  var $ba58a329f3e1a776$export$d35bc1e505d1ebbf;
94
89
  var $ba58a329f3e1a776$export$a9781837241c946d;
95
90
  var $ba58a329f3e1a776$export$5ca7b274e4fff9fc;
96
- var $ba58a329f3e1a776$export$116f2fccf941d34d;
97
91
  var $ba58a329f3e1a776$export$49280ffa5236ba8b;
98
92
  var $ba58a329f3e1a776$export$f49c123746e1fb8;
99
93
  var $ba58a329f3e1a776$export$75e6f9c4d1d95421;
@@ -119,8 +113,6 @@ $ba58a329f3e1a776$export$b752ce409e5660c = "spectrum-ClearButton_8890ad";
119
113
  $ba58a329f3e1a776$export$4e11596482f95f63 = "spectrum-Stepper-button_8890ad";
120
114
  $ba58a329f3e1a776$export$f39a09f249340e2a = "focus-ring_8890ad";
121
115
  $ba58a329f3e1a776$export$d374b04f30360026 = "spectrum-Icon_8890ad";
122
- $ba58a329f3e1a776$export$5aabb61a966e266f = "spectrum-ActionButton--emphasized_8890ad";
123
- $ba58a329f3e1a776$export$29b7b5d6a5a497c5 = "spectrum-ActionButton--staticColor_8890ad";
124
116
  $ba58a329f3e1a776$export$b8813cd5d7824ce7 = "is-hovered_8890ad";
125
117
  $ba58a329f3e1a776$export$c081ba562e204942 = "spectrum-Button-label_8890ad";
126
118
  $ba58a329f3e1a776$export$c1d306ec0fae3838 = "spectrum-Button--iconOnly_8890ad";
@@ -130,7 +122,6 @@ $ba58a329f3e1a776$export$40e1f009544bacf3 = "spectrum-ActionButton--quiet_8890ad
130
122
  $ba58a329f3e1a776$export$d35bc1e505d1ebbf = "is-disabled_8890ad";
131
123
  $ba58a329f3e1a776$export$a9781837241c946d = "is-open_8890ad";
132
124
  $ba58a329f3e1a776$export$5ca7b274e4fff9fc = "spectrum-FieldButton--quiet_8890ad";
133
- $ba58a329f3e1a776$export$116f2fccf941d34d = "spectrum-ClearButton--overBackground_8890ad";
134
125
  $ba58a329f3e1a776$export$49280ffa5236ba8b = "spectrum-ClearButton--small_8890ad";
135
126
  $ba58a329f3e1a776$export$f49c123746e1fb8 = "spectrum-Stepper_8890ad";
136
127
  $ba58a329f3e1a776$export$75e6f9c4d1d95421 = "spectrum-Stepper--isMobile_8890ad";
@@ -224,7 +215,7 @@ function $48b879bdd771eb85$var$NumberField(props, ref) {
224
215
  'spectrum-Stepper--isQuiet': isQuiet,
225
216
  'is-disabled': isDisabled,
226
217
  'spectrum-Stepper--readonly': isReadOnly,
227
- 'is-invalid': props.validationState === 'invalid',
218
+ 'is-invalid': props.validationState === 'invalid' && !isDisabled,
228
219
  'spectrum-Stepper--showStepper': showStepper,
229
220
  'spectrum-Stepper--isMobile': isMobile,
230
221
  'is-hovered': isHovered,
@@ -252,7 +243,7 @@ function $48b879bdd771eb85$var$NumberField(props, ref) {
252
243
  })));
253
244
  }
254
245
  const $48b879bdd771eb85$var$NumberFieldInput = /*#__PURE__*/ $k6K00$react.forwardRef(function NumberFieldInput(props, ref) {
255
- let { groupProps: groupProps , inputProps: inputProps , inputRef: inputRef , incrementProps: incrementProps , decrementProps: decrementProps , className: className , style: style , autoFocus: autoFocus , isQuiet: isQuiet , hideStepper: hideStepper , validationState: validationState } = props;
246
+ let { groupProps: groupProps , inputProps: inputProps , inputRef: inputRef , incrementProps: incrementProps , decrementProps: decrementProps , className: className , style: style , autoFocus: autoFocus , isQuiet: isQuiet , isDisabled: isDisabled , hideStepper: hideStepper , validationState: validationState } = props;
256
247
  let showStepper = !hideStepper;
257
248
  return(/*#__PURE__*/ $k6K00$react.createElement($k6K00$FocusRing, {
258
249
  within: true,
@@ -272,7 +263,8 @@ const $48b879bdd771eb85$var$NumberFieldInput = /*#__PURE__*/ $k6K00$react.forwar
272
263
  isQuiet: isQuiet,
273
264
  inputRef: inputRef,
274
265
  validationState: validationState,
275
- inputProps: inputProps
266
+ inputProps: inputProps,
267
+ isDisabled: isDisabled
276
268
  }), showStepper && /*#__PURE__*/ $k6K00$react.createElement($k6K00$react.Fragment, null, /*#__PURE__*/ $k6K00$react.createElement($7f00b388e0d3b2f6$export$b2f6b60c1d32d6aa, {
277
269
  direction: "up",
278
270
  isQuiet: isQuiet,
package/dist/module.js.map CHANGED
@@ -1 +1 @@
1
- {"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AGAA,GAAiC;AACjC,GAAuC;AACvC,GAAsC;AACtC,GAAsC;AACtC,GAAsC;AACtC,GAAyC;AACzC,GAA4B;AAC5B,GAA+B;AAC/B,GAAmD;AACnD,GAAoD;AACpD,GAA4B;AAC5B,GAAuC;AACvC,GAA2C;AAC3C,GAA6C;AAC7C,GAA4C;AAC5C,GAA8C;AAC9C,GAA6B;AAC7B,GAAyB;AACzB,GAA6C;AAC7C,GAAsD;AACtD,GAA6C;AAC7C,GAAkC;AAClC,GAA4C;AAC5C,GAAiD;AACjD,GAAmD;AACnD,GAAwC;AACxC,GAAuC;AACvC,GAA2C;AAC3C,GAA+C;AAC/C,GAAwC;AACxC,GAA4C;AAC5C,GAAsD;AACtD,GAA8C;AAC9C,GAA2B;AAC3B,GAA4B;AAC5B,GAA4B;AAC5B,GAA4C;AApC5C,yCAAiC,GAAG,CAAwB;AAC5D,wCAAuC,GAAG,CAA8B;AACxE,yCAAsC,GAAG,CAA6B;AACtE,yCAAsC,GAAG,CAA6B;AACtE,wCAAsC,GAAG,CAA6B;AACtE,yCAAyC,GAAG,CAAgC;AAC5E,yCAA4B,GAAG,CAAmB;AAClD,yCAA+B,GAAG,CAAsB;AACxD,yCAAmD,GAAG,CAA0C;AAChG,yCAAoD,GAAG,CAA2C;AAClG,yCAA4B,GAAG,CAAmB;AAClD,yCAAuC,GAAG,CAA8B;AACxE,yCAA2C,GAAG,CAAkC;AAChF,yCAA6C,GAAG,CAAoC;AACpF,yCAA4C,GAAG,CAAmC;AAClF,yCAA8C,GAAG,CAAqC;AACtF,yCAA6B,GAAG,CAAoB;AACpD,yCAAyB,GAAG,CAAgB;AAC5C,yCAA6C,GAAG,CAAoC;AACpF,yCAAsD,GAAG,CAA6C;AACtG,yCAA6C,GAAG,CAAoC;AACpF,wCAAkC,GAAG,CAAyB;AAC9D,yCAA4C,GAAG,CAAmC;AAClF,yCAAiD,GAAG,CAAwC;AAC5F,yCAAmD,GAAG,CAA0C;AAChG,yCAAwC,GAAG,CAA+B;AAC1E,yCAAuC,GAAG,CAA8B;AACxE,yCAA2C,GAAG,CAAkC;AAChF,yCAA+C,GAAG,CAAsC;AACxF,yCAAwC,GAAG,CAA+B;AAC1E,yCAA4C,GAAG,CAAmC;AAClF,yCAAsD,GAAG,CAA6C;AACtG,yCAA8C,GAAG,CAAqC;AACtF,yCAA2B,GAAG,CAAkB;AAChD,yCAA4B,GAAG,CAAmB;AAClD,yCAA4B,GAAG,CAAmB;AAClD,yCAA4C,GAAG,CAAmC;;;;;;SDLzE,gCAAU,CAAC,KAAsB,EAAE,GAA8B,EAAE,CAAC;IAC3E,KAAK,GAAG,uBAAgB,CAAC,KAAK;IAC9B,GAAG,CAAC,CAAC,QAAA,KAAK,EAAA,CAAC,GAAG,kBAAW;IACzB,GAAG,CAAC,CAAC,YAAA,SAAS,eAAE,UAAU,YAAE,OAAO,EAAA,CAAC,GAAG,KAAK;IAC5C,EAGG,AAHH;;;GAGG,AAHH,EAGG,CACH,GAAG,CAAC,CAAC,cAAA,WAAW,cAAE,SAAS,EAAA,CAAC,GAAG,gBAAS,CAAC,CAAC;WAAG,KAAK;QAAE,WAAW,EAAE,CAAK;IAAA,CAAC,EAAE,GAAG;IAC5E,GAAG,CAAC,CAAC,aAAA,UAAU,cAAE,SAAS,EAAA,CAAC,GAAG,eAAQ,CAAC,KAAK;IAC5C,MAAM,0CACH,gBAAS;QAAC,cAAc,EAAE,iBAAU,CAAC,gEAAY,EAAE,CAAY;gDAC7D,CAAG;QACF,SAAS,EACP,iBAAU,CACR,gEAAY,EACZ,CAAyB,0BACzB,CAAC;YACC,CAAiC,kCAAE,SAAS,KAAK,CAAI;YACrD,CAAmC,oCAAE,SAAS,KAAK,CAAM;YACzD,CAAkC,mCAAE,OAAO;YAC3C,CAAY,aAAE,SAAS;YACvB,CAAW,YAAE,SAAS;YACtB,CAAa,cAAE,UAAU;QAC3B,CAAC;WAGD,iBAAU,CAAC,UAAU,EAAE,WAAW;QACtC,GAAG,EAAE,GAAG;OACP,SAAS,KAAK,CAAI,OAAI,KAAK,KAAK,CAAO,mDACrC,+BAAG;QAAC,gBAAgB,EAAE,iBAAU,CAAC,gEAAY,EAAE,CAA8B,+BAAE,CAA6B;QAAG,IAAI,EAAC,CAAG;QAEzH,SAAS,KAAK,CAAI,OAAI,KAAK,KAAK,CAAQ,oDACtC,oCAAc;QAAC,gBAAgB,EAAE,iBAAU,CAAC,gEAAY,EAAE,CAA8B,+BAAE,CAA6B;QAEzH,SAAS,KAAK,CAAM,SAAI,KAAK,KAAK,CAAO,mDACvC,kCAAM;QAAC,gBAAgB,EAAE,iBAAU,CAAC,gEAAY,EAAE,CAA8B,+BAAE,CAA+B;QAAG,IAAI,EAAC,CAAG;QAE9H,SAAS,KAAK,CAAM,SAAI,KAAK,KAAK,CAAQ,oDACxC,sCAAgB;QAAC,gBAAgB,EAAE,iBAAU,CAAC,gEAAY,EAAE,CAA8B,+BAAE,CAA+B;;AAKtI,CAAC;AAED,EAEG,AAFH;;CAEG,AAFH,EAEG,CACH,GAAG,CAAC,yCAAW,iBAAG,YAAK,CAAC,UAAU,CAAC,gCAAU;;;;;;;;;;SDnDpC,iCAAW,CAAC,KAA+B,EAAE,GAA8B,EAAE,CAAC;IACrF,KAAK,GAAG,uBAAgB,CAAC,KAAK;IAC9B,GAAG,CAAC,QAAQ,GAAG,kBAAW;IAC1B,GAAG,CAAC,CAAC,UACH,OAAO,eACP,UAAU,eACV,UAAU,gBACV,WAAW,EACb,CAAC,GAAG,KAAK;IAET,GAAG,CAAC,CAAC,CAAA,UAAU,EAAE,KAAK,EAAA,CAAC,GAAG,oBAAa,CAAC,KAAK;IAE7C,GAAG,CAAC,CAAC,SAAA,MAAM,EAAA,CAAC,GAAG,gBAAS;IACxB,GAAG,CAAC,KAAK,GAAG,0BAAmB,CAAC,CAAC;WAAG,KAAK;gBAAE,MAAM;IAAA,CAAC;IAClD,GAAG,CAAC,QAAQ,GAAG,aAAM;IACrB,GAAG,CAAC,MAAM,GAAG,sBAAe,CAAc,GAAG,EAAE,QAAQ;IACvD,GAAG,CAAC,CAAC,aACH,UAAU,eACV,UAAU,eACV,UAAU,yBACV,oBAAoB,yBACpB,oBAAoB,qBACpB,gBAAgB,sBAChB,iBAAiB,EACnB,CAAC,GAAG,qBAAc,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ;IACzC,GAAG,CAAC,QAAQ,GAAG,QAAQ,CAAC,KAAK,KAAK,CAAO;IACzC,GAAG,CAAC,WAAW,IAAI,WAAW;IAE9B,GAAG,CAAC,CAAC,YAAA,SAAS,eAAE,UAAU,EAAA,CAAC,GAAG,eAAQ,CAAC,CAAC;oBAAA,UAAU;IAAA,CAAC;IAEnD,GAAG,CAAC,SAAS,GACX,iBAAU,CACR,gEAAY,EACZ,CAAkB,mBAClB,CAAC;QACC,CAA2B,4BAAE,OAAO;QACpC,CAAa,cAAE,UAAU;QACzB,CAA4B,6BAAE,UAAU;QACxC,CAAY,aAAE,KAAK,CAAC,eAAe,KAAK,CAAS;QACjD,CAA+B,gCAAE,WAAW;QAC5C,CAA4B,6BAAE,QAAQ;QACtC,CAAY,aAAE,SAAS;QACvB,EAAgG,AAAhG,8FAAgG;SAC/F,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,SAAS;IACpD,CAAC;IAGL,MAAM,0CACH,YAAK;WACA,KAAK;QACT,gBAAgB,EAAE,gBAAgB;QAClC,iBAAiB,EAAE,iBAAiB;QACpC,UAAU,EAAE,UAAU;QACtB,GAAG,EAAE,MAAM;QACX,gBAAgB,EAAE,iBAAU,CAC1B,gEAAY,EACZ,CAA4B,6BAC5B,CAAC;YACC,CAAsC,uCAAE,QAAQ;QAClD,CAAC;gDAEF,sCAAgB;WACX,KAAK;QACT,UAAU,EAAE,iBAAU,CAAC,UAAU,EAAE,UAAU;QAC7C,UAAU,EAAE,UAAU;QACtB,QAAQ,EAAE,QAAQ;QAClB,cAAc,EAAE,oBAAoB;QACpC,cAAc,EAAE,oBAAoB;QACpC,SAAS,EAAE,SAAS;QACpB,KAAK,EAAE,KAAK;;AAGpB,CAAC;AAaD,KAAK,CAAC,sCAAgB,iBAAG,YAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,gBAAgB,CAAC,KAA4B,EAAE,GAA2B,EAAE,CAAC;IAC9H,GAAG,CAAC,CAAC,aACH,UAAU,eACV,UAAU,aACV,QAAQ,mBACR,cAAc,mBACd,cAAc,cACd,SAAS,UACT,KAAK,cACL,SAAS,YACT,OAAO,gBACP,WAAW,oBACX,eAAe,EACjB,CAAC,GAAG,KAAK;IACT,GAAG,CAAC,WAAW,IAAI,WAAW;IAE9B,MAAM,0CACH,gBAAS;QACR,MAAM,EAAN,IAAM;QACN,WAAW,EAAX,IAAW;QACX,UAAU,EAAE,iBAAU,CAAC,gEAAY,EAAE,CAAY;QACjD,cAAc,EAAE,iBAAU,CAAC,gEAAY,EAAE,CAAY;QACrD,SAAS,EAAE,SAAS;gDACnB,CAAG;WACE,UAAU;QACd,GAAG,EAAE,GAAG;QACR,KAAK,EAAE,KAAK;QACZ,SAAS,EAAE,SAAS;gDACnB,oBAAa;QACZ,gBAAgB,EACd,iBAAU,CACR,gEAAY,EACZ,CAAwB;QAG5B,cAAc,EACZ,iBAAU,CACR,gEAAY,EACZ,CAAwB;QAG5B,uBAAuB,EACrB,iBAAU,CACR,gEAAY,EACZ,CAAuB;QAG3B,OAAO,EAAE,OAAO;QAChB,QAAQ,EAAE,QAAQ;QAClB,eAAe,EAAE,eAAe;QAChC,UAAU,EAAE,UAAU;QACvB,WAAW,mHAET,yCAAU;QAAC,SAAS,EAAC,CAAI;QAAC,OAAO,EAAE,OAAO;WAAM,cAAc;iDAC9D,yCAAU;QAAC,SAAS,EAAC,CAAM;QAAC,OAAO,EAAE,OAAO;WAAM,cAAc;;AAM3E,CAAC;AAED,EAEG,AAFH;;CAEG,AAFH,EAEG,CACH,GAAG,CAAC,yCAAY,iBAAG,YAAK,CAAC,UAAU,CAAC,iCAAW","sources":["packages/@react-spectrum/numberfield/src/index.ts","packages/@react-spectrum/numberfield/src/NumberField.tsx","packages/@react-spectrum/numberfield/src/StepButton.tsx","packages/@adobe/spectrum-css-temp/components/stepper/vars.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\nexport {NumberField} from './NumberField';\nexport type {SpectrumNumberFieldProps} from '@react-types/numberfield';\n","/*\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\nimport {AriaButtonProps} from '@react-types/button';\nimport {classNames, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {Field} from '@react-spectrum/label';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {HTMLAttributes, InputHTMLAttributes, RefObject, useRef} from 'react';\nimport {SpectrumNumberFieldProps} from '@react-types/numberfield';\nimport {StepButton} from './StepButton';\nimport stepperStyle from '@adobe/spectrum-css-temp/components/stepper/vars.css';\nimport {TextFieldBase} from '@react-spectrum/textfield';\nimport {useHover} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\nimport {useNumberField} from '@react-aria/numberfield';\nimport {useNumberFieldState} from '@react-stately/numberfield';\nimport {useProvider, useProviderProps} from '@react-spectrum/provider';\n\nfunction NumberField(props: SpectrumNumberFieldProps, ref: FocusableRef<HTMLElement>) {\n props = useProviderProps(props);\n let provider = useProvider();\n let {\n isQuiet,\n isReadOnly,\n isDisabled,\n hideStepper\n } = props;\n\n let {styleProps: style} = useStyleProps(props);\n\n let {locale} = useLocale();\n let state = useNumberFieldState({...props, locale});\n let inputRef = useRef<HTMLInputElement>();\n let domRef = useFocusableRef<HTMLElement>(ref, inputRef);\n let {\n groupProps,\n labelProps,\n inputProps,\n incrementButtonProps,\n decrementButtonProps,\n descriptionProps,\n errorMessageProps\n } = useNumberField(props, state, inputRef);\n let isMobile = provider.scale === 'large';\n let showStepper = !hideStepper;\n\n let {isHovered, hoverProps} = useHover({isDisabled});\n\n let className =\n classNames(\n stepperStyle,\n 'spectrum-Stepper',\n {\n 'spectrum-Stepper--isQuiet': isQuiet,\n 'is-disabled': isDisabled,\n 'spectrum-Stepper--readonly': isReadOnly,\n 'is-invalid': props.validationState === 'invalid',\n 'spectrum-Stepper--showStepper': showStepper,\n 'spectrum-Stepper--isMobile': isMobile,\n 'is-hovered': isHovered,\n // because FocusRing won't pass along the className from Field, we have to handle that ourselves\n [style.className]: !props.label && style.className\n }\n );\n\n return (\n <Field\n {...props as Omit<SpectrumNumberFieldProps, 'onChange'>}\n descriptionProps={descriptionProps}\n errorMessageProps={errorMessageProps}\n labelProps={labelProps}\n ref={domRef}\n wrapperClassName={classNames(\n stepperStyle,\n 'spectrum-Stepper-container',\n {\n 'spectrum-Stepper-container--isMobile': isMobile\n }\n )}>\n <NumberFieldInput\n {...props}\n groupProps={mergeProps(groupProps, hoverProps)}\n inputProps={inputProps}\n inputRef={inputRef}\n incrementProps={incrementButtonProps}\n decrementProps={decrementButtonProps}\n className={className}\n style={style} />\n </Field>\n );\n}\n\n\ninterface NumberFieldInputProps extends SpectrumNumberFieldProps {\n groupProps: HTMLAttributes<HTMLDivElement>,\n inputProps: InputHTMLAttributes<HTMLInputElement>,\n inputRef: RefObject<HTMLInputElement | HTMLTextAreaElement>,\n incrementProps: AriaButtonProps,\n decrementProps: AriaButtonProps,\n className?: string,\n style?: React.CSSProperties\n}\n\nconst NumberFieldInput = React.forwardRef(function NumberFieldInput(props: NumberFieldInputProps, ref: RefObject<HTMLElement>) {\n let {\n groupProps,\n inputProps,\n inputRef,\n incrementProps,\n decrementProps,\n className,\n style,\n autoFocus,\n isQuiet,\n hideStepper,\n validationState\n } = props;\n let showStepper = !hideStepper;\n\n return (\n <FocusRing\n within\n isTextInput\n focusClass={classNames(stepperStyle, 'is-focused')}\n focusRingClass={classNames(stepperStyle, 'focus-ring')}\n autoFocus={autoFocus}>\n <div\n {...groupProps}\n ref={ref as RefObject<HTMLDivElement>}\n style={style}\n className={className}>\n <TextFieldBase\n UNSAFE_className={\n classNames(\n stepperStyle,\n 'spectrum-Stepper-field'\n )\n }\n inputClassName={\n classNames(\n stepperStyle,\n 'spectrum-Stepper-input'\n )\n }\n validationIconClassName={\n classNames(\n stepperStyle,\n 'spectrum-Stepper-icon'\n )\n }\n isQuiet={isQuiet}\n inputRef={inputRef}\n validationState={validationState}\n inputProps={inputProps} />\n {showStepper &&\n <>\n <StepButton direction=\"up\" isQuiet={isQuiet} {...incrementProps} />\n <StepButton direction=\"down\" isQuiet={isQuiet} {...decrementProps} />\n </>\n }\n </div>\n </FocusRing>\n );\n});\n\n/**\n * NumberFields allow users to enter a number, and increment or decrement the value using stepper buttons.\n */\nlet _NumberField = React.forwardRef(NumberField);\nexport {_NumberField as NumberField};\n","/*\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\nimport Add from '@spectrum-icons/workflow/Add';\nimport {AriaButtonProps} from '@react-types/button';\nimport ChevronDownSmall from '@spectrum-icons/ui/ChevronDownSmall';\nimport ChevronUpSmall from '@spectrum-icons/ui/ChevronUpSmall';\nimport {classNames} from '@react-spectrum/utils';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {RefObject} from 'react';\nimport Remove from '@spectrum-icons/workflow/Remove';\nimport stepperStyle from '@adobe/spectrum-css-temp/components/stepper/vars.css';\nimport {useButton} from '@react-aria/button';\nimport {useHover} from '@react-aria/interactions';\nimport {useProvider, useProviderProps} from '@react-spectrum/provider';\n\ninterface StepButtonProps extends AriaButtonProps {\n isQuiet: boolean,\n direction: 'up' | 'down'\n}\n\nfunction StepButton(props: StepButtonProps, ref: RefObject<HTMLDivElement>) {\n props = useProviderProps(props);\n let {scale} = useProvider();\n let {direction, isDisabled, isQuiet} = props;\n /**\n * Must use div for now because Safari pointer event bugs on disabled form elements.\n * Link https://bugs.webkit.org/show_bug.cgi?id=219188.\n */\n let {buttonProps, isPressed} = useButton({...props, elementType: 'div'}, ref);\n let {hoverProps, isHovered} = useHover(props);\n return (\n <FocusRing focusRingClass={classNames(stepperStyle, 'focus-ring')}>\n <div\n className={\n classNames(\n stepperStyle,\n 'spectrum-Stepper-button',\n {\n 'spectrum-Stepper-button--stepUp': direction === 'up',\n 'spectrum-Stepper-button--stepDown': direction === 'down',\n 'spectrum-Stepper-button--isQuiet': isQuiet,\n 'is-hovered': isHovered,\n 'is-active': isPressed,\n 'is-disabled': isDisabled\n }\n )\n }\n {...mergeProps(hoverProps, buttonProps)}\n ref={ref}>\n {direction === 'up' && scale === 'large' &&\n <Add UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon')} size=\"S\" />\n }\n {direction === 'up' && scale === 'medium' &&\n <ChevronUpSmall UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon')} />\n }\n {direction === 'down' && scale === 'large' &&\n <Remove UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon')} size=\"S\" />\n }\n {direction === 'down' && scale === 'medium' &&\n <ChevronDownSmall UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon')} />\n }\n </div>\n </FocusRing>\n );\n}\n\n/**\n * Buttons for NumberField.\n */\nlet _StepButton = React.forwardRef(StepButton);\nexport {_StepButton as StepButton};\n","/*\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@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"module.js.map"}
1
+ {"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AGAA,GAAiC;AACjC,GAAuC;AACvC,GAAsC;AACtC,GAAsC;AACtC,GAAsC;AACtC,GAAyC;AACzC,GAA4B;AAC5B,GAA+B;AAC/B,GAA4B;AAC5B,GAAuC;AACvC,GAA2C;AAC3C,GAA6C;AAC7C,GAA4C;AAC5C,GAA8C;AAC9C,GAA6B;AAC7B,GAAyB;AACzB,GAA6C;AAC7C,GAA6C;AAC7C,GAAkC;AAClC,GAA4C;AAC5C,GAAiD;AACjD,GAAmD;AACnD,GAAwC;AACxC,GAAuC;AACvC,GAA2C;AAC3C,GAA+C;AAC/C,GAAwC;AACxC,GAA4C;AAC5C,GAAsD;AACtD,GAA8C;AAC9C,GAA2B;AAC3B,GAA4B;AAC5B,GAA4B;AAC5B,GAA4C;AAjC5C,yCAAiC,GAAG,CAAwB;AAC5D,wCAAuC,GAAG,CAA8B;AACxE,yCAAsC,GAAG,CAA6B;AACtE,yCAAsC,GAAG,CAA6B;AACtE,wCAAsC,GAAG,CAA6B;AACtE,yCAAyC,GAAG,CAAgC;AAC5E,yCAA4B,GAAG,CAAmB;AAClD,yCAA+B,GAAG,CAAsB;AACxD,yCAA4B,GAAG,CAAmB;AAClD,yCAAuC,GAAG,CAA8B;AACxE,yCAA2C,GAAG,CAAkC;AAChF,yCAA6C,GAAG,CAAoC;AACpF,yCAA4C,GAAG,CAAmC;AAClF,yCAA8C,GAAG,CAAqC;AACtF,yCAA6B,GAAG,CAAoB;AACpD,yCAAyB,GAAG,CAAgB;AAC5C,yCAA6C,GAAG,CAAoC;AACpF,yCAA6C,GAAG,CAAoC;AACpF,wCAAkC,GAAG,CAAyB;AAC9D,yCAA4C,GAAG,CAAmC;AAClF,yCAAiD,GAAG,CAAwC;AAC5F,yCAAmD,GAAG,CAA0C;AAChG,yCAAwC,GAAG,CAA+B;AAC1E,yCAAuC,GAAG,CAA8B;AACxE,yCAA2C,GAAG,CAAkC;AAChF,yCAA+C,GAAG,CAAsC;AACxF,yCAAwC,GAAG,CAA+B;AAC1E,yCAA4C,GAAG,CAAmC;AAClF,yCAAsD,GAAG,CAA6C;AACtG,yCAA8C,GAAG,CAAqC;AACtF,yCAA2B,GAAG,CAAkB;AAChD,yCAA4B,GAAG,CAAmB;AAClD,yCAA4B,GAAG,CAAmB;AAClD,yCAA4C,GAAG,CAAmC;;;;;;SDFzE,gCAAU,CAAC,KAAsB,EAAE,GAA8B,EAAE,CAAC;IAC3E,KAAK,GAAG,uBAAgB,CAAC,KAAK;IAC9B,GAAG,CAAC,CAAC,QAAA,KAAK,EAAA,CAAC,GAAG,kBAAW;IACzB,GAAG,CAAC,CAAC,YAAA,SAAS,eAAE,UAAU,YAAE,OAAO,EAAA,CAAC,GAAG,KAAK;IAC5C,EAGG,AAHH;;;GAGG,AAHH,EAGG,CACH,GAAG,CAAC,CAAC,cAAA,WAAW,cAAE,SAAS,EAAA,CAAC,GAAG,gBAAS,CAAC,CAAC;WAAG,KAAK;QAAE,WAAW,EAAE,CAAK;IAAA,CAAC,EAAE,GAAG;IAC5E,GAAG,CAAC,CAAC,aAAA,UAAU,cAAE,SAAS,EAAA,CAAC,GAAG,eAAQ,CAAC,KAAK;IAC5C,MAAM,0CACH,gBAAS;QAAC,cAAc,EAAE,iBAAU,CAAC,gEAAY,EAAE,CAAY;gDAC7D,CAAG;QACF,SAAS,EACP,iBAAU,CACR,gEAAY,EACZ,CAAyB,0BACzB,CAAC;YACC,CAAiC,kCAAE,SAAS,KAAK,CAAI;YACrD,CAAmC,oCAAE,SAAS,KAAK,CAAM;YACzD,CAAkC,mCAAE,OAAO;YAC3C,CAAY,aAAE,SAAS;YACvB,CAAW,YAAE,SAAS;YACtB,CAAa,cAAE,UAAU;QAC3B,CAAC;WAGD,iBAAU,CAAC,UAAU,EAAE,WAAW;QACtC,GAAG,EAAE,GAAG;OACP,SAAS,KAAK,CAAI,OAAI,KAAK,KAAK,CAAO,mDACrC,+BAAG;QAAC,gBAAgB,EAAE,iBAAU,CAAC,gEAAY,EAAE,CAA8B,+BAAE,CAA6B;QAAG,IAAI,EAAC,CAAG;QAEzH,SAAS,KAAK,CAAI,OAAI,KAAK,KAAK,CAAQ,oDACtC,oCAAc;QAAC,gBAAgB,EAAE,iBAAU,CAAC,gEAAY,EAAE,CAA8B,+BAAE,CAA6B;QAEzH,SAAS,KAAK,CAAM,SAAI,KAAK,KAAK,CAAO,mDACvC,kCAAM;QAAC,gBAAgB,EAAE,iBAAU,CAAC,gEAAY,EAAE,CAA8B,+BAAE,CAA+B;QAAG,IAAI,EAAC,CAAG;QAE9H,SAAS,KAAK,CAAM,SAAI,KAAK,KAAK,CAAQ,oDACxC,sCAAgB;QAAC,gBAAgB,EAAE,iBAAU,CAAC,gEAAY,EAAE,CAA8B,+BAAE,CAA+B;;AAKtI,CAAC;AAED,EAEG,AAFH;;CAEG,AAFH,EAEG,CACH,GAAG,CAAC,yCAAW,iBAAG,YAAK,CAAC,UAAU,CAAC,gCAAU;;;;;;;;;;SDnDpC,iCAAW,CAAC,KAA+B,EAAE,GAA8B,EAAE,CAAC;IACrF,KAAK,GAAG,uBAAgB,CAAC,KAAK;IAC9B,GAAG,CAAC,QAAQ,GAAG,kBAAW;IAC1B,GAAG,CAAC,CAAC,UACH,OAAO,eACP,UAAU,eACV,UAAU,gBACV,WAAW,EACb,CAAC,GAAG,KAAK;IAET,GAAG,CAAC,CAAC,CAAA,UAAU,EAAE,KAAK,EAAA,CAAC,GAAG,oBAAa,CAAC,KAAK;IAE7C,GAAG,CAAC,CAAC,SAAA,MAAM,EAAA,CAAC,GAAG,gBAAS;IACxB,GAAG,CAAC,KAAK,GAAG,0BAAmB,CAAC,CAAC;WAAG,KAAK;gBAAE,MAAM;IAAA,CAAC;IAClD,GAAG,CAAC,QAAQ,GAAG,aAAM;IACrB,GAAG,CAAC,MAAM,GAAG,sBAAe,CAAc,GAAG,EAAE,QAAQ;IACvD,GAAG,CAAC,CAAC,aACH,UAAU,eACV,UAAU,eACV,UAAU,yBACV,oBAAoB,yBACpB,oBAAoB,qBACpB,gBAAgB,sBAChB,iBAAiB,EACnB,CAAC,GAAG,qBAAc,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ;IACzC,GAAG,CAAC,QAAQ,GAAG,QAAQ,CAAC,KAAK,KAAK,CAAO;IACzC,GAAG,CAAC,WAAW,IAAI,WAAW;IAE9B,GAAG,CAAC,CAAC,YAAA,SAAS,eAAE,UAAU,EAAA,CAAC,GAAG,eAAQ,CAAC,CAAC;oBAAA,UAAU;IAAA,CAAC;IAEnD,GAAG,CAAC,SAAS,GACX,iBAAU,CACR,gEAAY,EACZ,CAAkB,mBAClB,CAAC;QACC,CAA2B,4BAAE,OAAO;QACpC,CAAa,cAAE,UAAU;QACzB,CAA4B,6BAAE,UAAU;QACxC,CAAY,aAAE,KAAK,CAAC,eAAe,KAAK,CAAS,aAAK,UAAU;QAChE,CAA+B,gCAAE,WAAW;QAC5C,CAA4B,6BAAE,QAAQ;QACtC,CAAY,aAAE,SAAS;QACvB,EAAgG,AAAhG,8FAAgG;SAC/F,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,SAAS;IACpD,CAAC;IAGL,MAAM,0CACH,YAAK;WACA,KAAK;QACT,gBAAgB,EAAE,gBAAgB;QAClC,iBAAiB,EAAE,iBAAiB;QACpC,UAAU,EAAE,UAAU;QACtB,GAAG,EAAE,MAAM;QACX,gBAAgB,EAAE,iBAAU,CAC1B,gEAAY,EACZ,CAA4B,6BAC5B,CAAC;YACC,CAAsC,uCAAE,QAAQ;QAClD,CAAC;gDAEF,sCAAgB;WACX,KAAK;QACT,UAAU,EAAE,iBAAU,CAAC,UAAU,EAAE,UAAU;QAC7C,UAAU,EAAE,UAAU;QACtB,QAAQ,EAAE,QAAQ;QAClB,cAAc,EAAE,oBAAoB;QACpC,cAAc,EAAE,oBAAoB;QACpC,SAAS,EAAE,SAAS;QACpB,KAAK,EAAE,KAAK;;AAGpB,CAAC;AAaD,KAAK,CAAC,sCAAgB,iBAAG,YAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,gBAAgB,CAAC,KAA4B,EAAE,GAA2B,EAAE,CAAC;IAC9H,GAAG,CAAC,CAAC,aACH,UAAU,eACV,UAAU,aACV,QAAQ,mBACR,cAAc,mBACd,cAAc,cACd,SAAS,UACT,KAAK,cACL,SAAS,YACT,OAAO,eACP,UAAU,gBACV,WAAW,oBACX,eAAe,EACjB,CAAC,GAAG,KAAK;IACT,GAAG,CAAC,WAAW,IAAI,WAAW;IAE9B,MAAM,0CACH,gBAAS;QACR,MAAM,EAAN,IAAM;QACN,WAAW,EAAX,IAAW;QACX,UAAU,EAAE,iBAAU,CAAC,gEAAY,EAAE,CAAY;QACjD,cAAc,EAAE,iBAAU,CAAC,gEAAY,EAAE,CAAY;QACrD,SAAS,EAAE,SAAS;gDACnB,CAAG;WACE,UAAU;QACd,GAAG,EAAE,GAAG;QACR,KAAK,EAAE,KAAK;QACZ,SAAS,EAAE,SAAS;gDACnB,oBAAa;QACZ,gBAAgB,EACd,iBAAU,CACR,gEAAY,EACZ,CAAwB;QAG5B,cAAc,EACZ,iBAAU,CACR,gEAAY,EACZ,CAAwB;QAG5B,uBAAuB,EACrB,iBAAU,CACR,gEAAY,EACZ,CAAuB;QAG3B,OAAO,EAAE,OAAO;QAChB,QAAQ,EAAE,QAAQ;QAClB,eAAe,EAAE,eAAe;QAChC,UAAU,EAAE,UAAU;QACtB,UAAU,EAAE,UAAU;QACvB,WAAW,mHAET,yCAAU;QAAC,SAAS,EAAC,CAAI;QAAC,OAAO,EAAE,OAAO;WAAM,cAAc;iDAC9D,yCAAU;QAAC,SAAS,EAAC,CAAM;QAAC,OAAO,EAAE,OAAO;WAAM,cAAc;;AAM3E,CAAC;AAED,EAEG,AAFH;;CAEG,AAFH,EAEG,CACH,GAAG,CAAC,yCAAY,iBAAG,YAAK,CAAC,UAAU,CAAC,iCAAW","sources":["packages/@react-spectrum/numberfield/src/index.ts","packages/@react-spectrum/numberfield/src/NumberField.tsx","packages/@react-spectrum/numberfield/src/StepButton.tsx","packages/@adobe/spectrum-css-temp/components/stepper/vars.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\nexport {NumberField} from './NumberField';\nexport type {SpectrumNumberFieldProps} from '@react-types/numberfield';\n","/*\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\nimport {AriaButtonProps} from '@react-types/button';\nimport {classNames, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {Field} from '@react-spectrum/label';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {HTMLAttributes, InputHTMLAttributes, RefObject, useRef} from 'react';\nimport {SpectrumNumberFieldProps} from '@react-types/numberfield';\nimport {StepButton} from './StepButton';\nimport stepperStyle from '@adobe/spectrum-css-temp/components/stepper/vars.css';\nimport {TextFieldBase} from '@react-spectrum/textfield';\nimport {useHover} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\nimport {useNumberField} from '@react-aria/numberfield';\nimport {useNumberFieldState} from '@react-stately/numberfield';\nimport {useProvider, useProviderProps} from '@react-spectrum/provider';\n\nfunction NumberField(props: SpectrumNumberFieldProps, ref: FocusableRef<HTMLElement>) {\n props = useProviderProps(props);\n let provider = useProvider();\n let {\n isQuiet,\n isReadOnly,\n isDisabled,\n hideStepper\n } = props;\n\n let {styleProps: style} = useStyleProps(props);\n\n let {locale} = useLocale();\n let state = useNumberFieldState({...props, locale});\n let inputRef = useRef<HTMLInputElement>();\n let domRef = useFocusableRef<HTMLElement>(ref, inputRef);\n let {\n groupProps,\n labelProps,\n inputProps,\n incrementButtonProps,\n decrementButtonProps,\n descriptionProps,\n errorMessageProps\n } = useNumberField(props, state, inputRef);\n let isMobile = provider.scale === 'large';\n let showStepper = !hideStepper;\n\n let {isHovered, hoverProps} = useHover({isDisabled});\n\n let className =\n classNames(\n stepperStyle,\n 'spectrum-Stepper',\n {\n 'spectrum-Stepper--isQuiet': isQuiet,\n 'is-disabled': isDisabled,\n 'spectrum-Stepper--readonly': isReadOnly,\n 'is-invalid': props.validationState === 'invalid' && !isDisabled,\n 'spectrum-Stepper--showStepper': showStepper,\n 'spectrum-Stepper--isMobile': isMobile,\n 'is-hovered': isHovered,\n // because FocusRing won't pass along the className from Field, we have to handle that ourselves\n [style.className]: !props.label && style.className\n }\n );\n\n return (\n <Field\n {...props as Omit<SpectrumNumberFieldProps, 'onChange'>}\n descriptionProps={descriptionProps}\n errorMessageProps={errorMessageProps}\n labelProps={labelProps}\n ref={domRef}\n wrapperClassName={classNames(\n stepperStyle,\n 'spectrum-Stepper-container',\n {\n 'spectrum-Stepper-container--isMobile': isMobile\n }\n )}>\n <NumberFieldInput\n {...props}\n groupProps={mergeProps(groupProps, hoverProps)}\n inputProps={inputProps}\n inputRef={inputRef}\n incrementProps={incrementButtonProps}\n decrementProps={decrementButtonProps}\n className={className}\n style={style} />\n </Field>\n );\n}\n\n\ninterface NumberFieldInputProps extends SpectrumNumberFieldProps {\n groupProps: HTMLAttributes<HTMLDivElement>,\n inputProps: InputHTMLAttributes<HTMLInputElement>,\n inputRef: RefObject<HTMLInputElement | HTMLTextAreaElement>,\n incrementProps: AriaButtonProps,\n decrementProps: AriaButtonProps,\n className?: string,\n style?: React.CSSProperties\n}\n\nconst NumberFieldInput = React.forwardRef(function NumberFieldInput(props: NumberFieldInputProps, ref: RefObject<HTMLElement>) {\n let {\n groupProps,\n inputProps,\n inputRef,\n incrementProps,\n decrementProps,\n className,\n style,\n autoFocus,\n isQuiet,\n isDisabled,\n hideStepper,\n validationState\n } = props;\n let showStepper = !hideStepper;\n\n return (\n <FocusRing\n within\n isTextInput\n focusClass={classNames(stepperStyle, 'is-focused')}\n focusRingClass={classNames(stepperStyle, 'focus-ring')}\n autoFocus={autoFocus}>\n <div\n {...groupProps}\n ref={ref as RefObject<HTMLDivElement>}\n style={style}\n className={className}>\n <TextFieldBase\n UNSAFE_className={\n classNames(\n stepperStyle,\n 'spectrum-Stepper-field'\n )\n }\n inputClassName={\n classNames(\n stepperStyle,\n 'spectrum-Stepper-input'\n )\n }\n validationIconClassName={\n classNames(\n stepperStyle,\n 'spectrum-Stepper-icon'\n )\n }\n isQuiet={isQuiet}\n inputRef={inputRef}\n validationState={validationState}\n inputProps={inputProps}\n isDisabled={isDisabled} />\n {showStepper &&\n <>\n <StepButton direction=\"up\" isQuiet={isQuiet} {...incrementProps} />\n <StepButton direction=\"down\" isQuiet={isQuiet} {...decrementProps} />\n </>\n }\n </div>\n </FocusRing>\n );\n});\n\n/**\n * NumberFields allow users to enter a number, and increment or decrement the value using stepper buttons.\n */\nlet _NumberField = React.forwardRef(NumberField);\nexport {_NumberField as NumberField};\n","/*\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\nimport Add from '@spectrum-icons/workflow/Add';\nimport {AriaButtonProps} from '@react-types/button';\nimport ChevronDownSmall from '@spectrum-icons/ui/ChevronDownSmall';\nimport ChevronUpSmall from '@spectrum-icons/ui/ChevronUpSmall';\nimport {classNames} from '@react-spectrum/utils';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {RefObject} from 'react';\nimport Remove from '@spectrum-icons/workflow/Remove';\nimport stepperStyle from '@adobe/spectrum-css-temp/components/stepper/vars.css';\nimport {useButton} from '@react-aria/button';\nimport {useHover} from '@react-aria/interactions';\nimport {useProvider, useProviderProps} from '@react-spectrum/provider';\n\ninterface StepButtonProps extends AriaButtonProps {\n isQuiet: boolean,\n direction: 'up' | 'down'\n}\n\nfunction StepButton(props: StepButtonProps, ref: RefObject<HTMLDivElement>) {\n props = useProviderProps(props);\n let {scale} = useProvider();\n let {direction, isDisabled, isQuiet} = props;\n /**\n * Must use div for now because Safari pointer event bugs on disabled form elements.\n * Link https://bugs.webkit.org/show_bug.cgi?id=219188.\n */\n let {buttonProps, isPressed} = useButton({...props, elementType: 'div'}, ref);\n let {hoverProps, isHovered} = useHover(props);\n return (\n <FocusRing focusRingClass={classNames(stepperStyle, 'focus-ring')}>\n <div\n className={\n classNames(\n stepperStyle,\n 'spectrum-Stepper-button',\n {\n 'spectrum-Stepper-button--stepUp': direction === 'up',\n 'spectrum-Stepper-button--stepDown': direction === 'down',\n 'spectrum-Stepper-button--isQuiet': isQuiet,\n 'is-hovered': isHovered,\n 'is-active': isPressed,\n 'is-disabled': isDisabled\n }\n )\n }\n {...mergeProps(hoverProps, buttonProps)}\n ref={ref}>\n {direction === 'up' && scale === 'large' &&\n <Add UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon')} size=\"S\" />\n }\n {direction === 'up' && scale === 'medium' &&\n <ChevronUpSmall UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon')} />\n }\n {direction === 'down' && scale === 'large' &&\n <Remove UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon')} size=\"S\" />\n }\n {direction === 'down' && scale === 'medium' &&\n <ChevronDownSmall UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon')} />\n }\n </div>\n </FocusRing>\n );\n}\n\n/**\n * Buttons for NumberField.\n */\nlet _StepButton = React.forwardRef(StepButton);\nexport {_StepButton as StepButton};\n","/*\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@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"module.js.map"}
package/dist/types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"mappings":";;ACgLA;;GAEG;AACH,OAAA,IAAI,uKAA4C,CAAC;ACpKjD,YAAY,EAAC,wBAAwB,EAAC,MAAM,0BAA0B,CAAC","sources":["packages/@react-spectrum/numberfield/src/packages/@react-spectrum/numberfield/src/StepButton.tsx","packages/@react-spectrum/numberfield/src/packages/@react-spectrum/numberfield/src/NumberField.tsx","packages/@react-spectrum/numberfield/src/packages/@react-spectrum/numberfield/src/index.ts","packages/@react-spectrum/numberfield/src/index.ts"],"sourcesContent":[null,null,null,"/*\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\nexport {NumberField} from './NumberField';\nexport type {SpectrumNumberFieldProps} from '@react-types/numberfield';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
1
+ {"mappings":";;ACkLA;;GAEG;AACH,OAAA,IAAI,uKAA4C,CAAC;ACtKjD,YAAY,EAAC,wBAAwB,EAAC,MAAM,0BAA0B,CAAC","sources":["packages/@react-spectrum/numberfield/src/packages/@react-spectrum/numberfield/src/StepButton.tsx","packages/@react-spectrum/numberfield/src/packages/@react-spectrum/numberfield/src/NumberField.tsx","packages/@react-spectrum/numberfield/src/packages/@react-spectrum/numberfield/src/index.ts","packages/@react-spectrum/numberfield/src/index.ts"],"sourcesContent":[null,null,null,"/*\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\nexport {NumberField} from './NumberField';\nexport type {SpectrumNumberFieldProps} from '@react-types/numberfield';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-spectrum/numberfield",
3
- "version": "3.0.0-nightly.1839+86367a392",
3
+ "version": "3.0.0-nightly.1852+286dbcdab",
4
4
  "description": "Spectrum UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/main.js",
@@ -32,26 +32,26 @@
32
32
  },
33
33
  "dependencies": {
34
34
  "@babel/runtime": "^7.6.2",
35
- "@react-aria/button": "3.0.0-nightly.1839+86367a392",
36
- "@react-aria/focus": "3.0.0-nightly.1839+86367a392",
37
- "@react-aria/i18n": "3.0.0-nightly.1839+86367a392",
38
- "@react-aria/interactions": "3.0.0-nightly.1839+86367a392",
39
- "@react-aria/numberfield": "3.0.0-nightly.1839+86367a392",
40
- "@react-aria/utils": "3.0.0-nightly.1839+86367a392",
41
- "@react-spectrum/button": "3.0.0-nightly.1839+86367a392",
42
- "@react-spectrum/label": "3.8.1-nightly.3539+86367a392",
43
- "@react-spectrum/textfield": "3.0.0-nightly.1839+86367a392",
44
- "@react-spectrum/utils": "3.0.0-nightly.1839+86367a392",
45
- "@react-stately/numberfield": "3.0.0-nightly.1839+86367a392",
46
- "@react-types/button": "3.6.3-nightly.3539+86367a392",
47
- "@react-types/numberfield": "3.3.5-nightly.3539+86367a392",
48
- "@react-types/shared": "3.0.0-nightly.1839+86367a392",
49
- "@spectrum-icons/ui": "3.0.0-nightly.1839+86367a392",
50
- "@spectrum-icons/workflow": "3.0.0-nightly.1839+86367a392"
35
+ "@react-aria/button": "3.0.0-nightly.1852+286dbcdab",
36
+ "@react-aria/focus": "3.0.0-nightly.1852+286dbcdab",
37
+ "@react-aria/i18n": "3.0.0-nightly.1852+286dbcdab",
38
+ "@react-aria/interactions": "3.0.0-nightly.1852+286dbcdab",
39
+ "@react-aria/numberfield": "3.0.0-nightly.1852+286dbcdab",
40
+ "@react-aria/utils": "3.0.0-nightly.1852+286dbcdab",
41
+ "@react-spectrum/button": "3.0.0-nightly.1852+286dbcdab",
42
+ "@react-spectrum/label": "3.8.1-nightly.3552+286dbcdab",
43
+ "@react-spectrum/textfield": "3.0.0-nightly.1852+286dbcdab",
44
+ "@react-spectrum/utils": "3.0.0-nightly.1852+286dbcdab",
45
+ "@react-stately/numberfield": "3.0.0-nightly.1852+286dbcdab",
46
+ "@react-types/button": "3.6.3-nightly.3552+286dbcdab",
47
+ "@react-types/numberfield": "3.3.5-nightly.3552+286dbcdab",
48
+ "@react-types/shared": "3.0.0-nightly.1852+286dbcdab",
49
+ "@spectrum-icons/ui": "3.0.0-nightly.1852+286dbcdab",
50
+ "@spectrum-icons/workflow": "3.0.0-nightly.1852+286dbcdab"
51
51
  },
52
52
  "devDependencies": {
53
- "@adobe/spectrum-css-temp": "3.0.0-nightly.1839+86367a392",
54
- "@react-spectrum/test-utils": "3.0.0-nightly.1839+86367a392"
53
+ "@adobe/spectrum-css-temp": "3.0.0-nightly.1852+286dbcdab",
54
+ "@react-spectrum/test-utils": "3.0.0-nightly.1852+286dbcdab"
55
55
  },
56
56
  "peerDependencies": {
57
57
  "@react-spectrum/provider": "^3.0.0",
@@ -61,5 +61,5 @@
61
61
  "publishConfig": {
62
62
  "access": "public"
63
63
  },
64
- "gitHead": "86367a392284544e160eb489cd9019eac73a6738"
64
+ "gitHead": "286dbcdabf60102d05a95ef00bc3fed06af91d98"
65
65
  }
package/src/NumberField.tsx CHANGED
@@ -65,7 +65,7 @@ function NumberField(props: SpectrumNumberFieldProps, ref: FocusableRef<HTMLElem
65
65
  'spectrum-Stepper--isQuiet': isQuiet,
66
66
  'is-disabled': isDisabled,
67
67
  'spectrum-Stepper--readonly': isReadOnly,
68
- 'is-invalid': props.validationState === 'invalid',
68
+ 'is-invalid': props.validationState === 'invalid' && !isDisabled,
69
69
  'spectrum-Stepper--showStepper': showStepper,
70
70
  'spectrum-Stepper--isMobile': isMobile,
71
71
  'is-hovered': isHovered,
@@ -123,6 +123,7 @@ const NumberFieldInput = React.forwardRef(function NumberFieldInput(props: Numbe
123
123
  style,
124
124
  autoFocus,
125
125
  isQuiet,
126
+ isDisabled,
126
127
  hideStepper,
127
128
  validationState
128
129
  } = props;
@@ -162,7 +163,8 @@ const NumberFieldInput = React.forwardRef(function NumberFieldInput(props: Numbe
162
163
  isQuiet={isQuiet}
163
164
  inputRef={inputRef}
164
165
  validationState={validationState}
165
- inputProps={inputProps} />
166
+ inputProps={inputProps}
167
+ isDisabled={isDisabled} />
166
168
  {showStepper &&
167
169
  <>
168
170
  <StepButton direction="up" isQuiet={isQuiet} {...incrementProps} />