@react-spectrum/numberfield 3.0.0-nightly.1899 → 3.0.0-nightly.1900

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 (6) hide show
  1. package/dist/main.css +1 -1
  2. package/dist/main.js +96 -65
  3. package/dist/main.js.map +1 -1
  4. package/dist/module.mjs +96 -65
  5. package/dist/module.mjs.map +1 -1
  6. package/package.json +21 -21
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_8890ad{--spectrum-focus-ring-border-radius:var(--spectrum-textfield-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-focus-ring-gap:var(--spectrum-alias-input-focusring-gap);--spectrum-focus-ring-size:var(--spectrum-alias-input-focusring-size);--spectrum-focus-ring-border-size:0px;--spectrum-focus-ring-color:var(--spectrum-high-contrast-focus-ring-color,var(--spectrum-alias-focus-ring-color,var(--spectrum-alias-focus-color)))}.spectrum-Button_8890ad:after,.spectrum-ActionButton_8890ad:after,.spectrum-LogicButton_8890ad:after,.spectrum-FieldButton_8890ad:after,.spectrum-ClearButton_8890ad:after,.spectrum-Stepper_8890ad:after{border-radius:calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));content:"";margin:calc(-1*var(--spectrum-focus-ring-border-size));pointer-events:none;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}.spectrum-Button_8890ad.focus-ring_8890ad:after,.spectrum-ActionButton_8890ad.focus-ring_8890ad:after,.spectrum-LogicButton_8890ad.focus-ring_8890ad:after,.spectrum-FieldButton_8890ad.focus-ring_8890ad:after,.spectrum-ClearButton_8890ad.focus-ring_8890ad:after,.spectrum-Stepper_8890ad.focus-ring_8890ad:after{margin:calc(var(--spectrum-focus-ring-gap)*-1 - var(--spectrum-focus-ring-border-size));box-shadow:0 0 0 var(--spectrum-focus-ring-size)var(--spectrum-focus-ring-color)}.spectrum-FieldButton--quiet_8890ad:after,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad:after{border-radius:0}.spectrum-FieldButton--quiet_8890ad.focus-ring_8890ad:after,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.focus-ring_8890ad:after{margin:0 0 calc(var(--spectrum-focus-ring-gap)*-1 - var(--spectrum-focus-ring-border-size))0;box-shadow:0 var(--spectrum-focus-ring-size)0 var(--spectrum-focus-ring-color)}.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);--spectrum-focus-ring-border-radius:var(--spectrum-button-border-radius);--spectrum-focus-ring-border-size:var(--spectrum-button-border-width);--spectrum-focus-ring-gap:var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25));--spectrum-focus-ring-size:var(--spectrum-button-primary-focus-ring-size-key-focus,var(--spectrum-alias-focus-ring-size));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{--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;--spectrum-focus-ring-gap:var(--spectrum-alias-input-focusring-gap);--spectrum-focus-ring-size:var(--spectrum-alias-input-focusring-size);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));--spectrum-button-border-width:var(--spectrum-dropdown-border-size,var(--spectrum-alias-border-size-thin));--spectrum-button-border-radius:var(--spectrum-alias-border-radius-regular,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;position:relative}.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{--spectrum-button-border-width:0;--spectrum-button-border-radius:var(--spectrum-fieldbutton-quiet-border-radius,0px);--spectrum-focus-ring-size:var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25));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;position:relative}.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) + .5px);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-alias-border-radius-regular,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-alias-border-radius-regular,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-alias-border-radius-regular,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:var(--spectrum-alias-input-border-size)}[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:var(--spectrum-alias-input-border-size)}.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:var(--spectrum-alias-input-border-size)}[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:var(--spectrum-alias-input-border-size)}[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:var(--spectrum-alias-input-border-size)}[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-alias-border-radius-regular,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-alias-border-radius-regular,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:var(--spectrum-alias-input-border-size)}.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:var(--spectrum-alias-input-border-size)}[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:var(--spectrum-alias-input-border-size)}[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-alias-border-radius-regular,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-alias-border-radius-regular,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-alias-border-radius-regular,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-alias-border-radius-regular,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:var(--spectrum-alias-input-border-size);border-bottom-width:var(--spectrum-alias-input-border-size)}[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:var(--spectrum-alias-input-border-size)}[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:var(--spectrum-alias-input-border-size)}[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-alias-border-radius-regular,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-alias-border-radius-regular,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-alias-border-radius-regular,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-alias-border-radius-regular,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:var(--spectrum-alias-input-border-size);border-bottom-width:var(--spectrum-alias-input-border-size)}[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:var(--spectrum-alias-input-border-size)}.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:var(--spectrum-alias-input-border-size)}.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:var(--spectrum-alias-input-border-size)}.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:var(--spectrum-alias-input-border-size)}.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).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-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,.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.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))}}
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_8890ad{--spectrum-focus-ring-border-radius:var(--spectrum-textfield-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-focus-ring-gap:var(--spectrum-alias-input-focusring-gap);--spectrum-focus-ring-size:var(--spectrum-alias-input-focusring-size);--spectrum-focus-ring-border-size:0px;--spectrum-focus-ring-color:var(--spectrum-high-contrast-focus-ring-color,var(--spectrum-alias-focus-ring-color,var(--spectrum-alias-focus-color)))}.spectrum-Button_8890ad:after,.spectrum-ActionButton_8890ad:after,.spectrum-LogicButton_8890ad:after,.spectrum-FieldButton_8890ad:after,.spectrum-ClearButton_8890ad:after,.spectrum-Stepper_8890ad:after{border-radius:calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));content:"";margin:calc(-1*var(--spectrum-focus-ring-border-size));pointer-events:none;transition:box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-out,margin var(--spectrum-global-animation-duration-100,.13s)ease-out;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.spectrum-Button_8890ad.focus-ring_8890ad:after,.spectrum-ActionButton_8890ad.focus-ring_8890ad:after,.spectrum-LogicButton_8890ad.focus-ring_8890ad:after,.spectrum-FieldButton_8890ad.focus-ring_8890ad:after,.spectrum-ClearButton_8890ad.focus-ring_8890ad:after,.spectrum-Stepper_8890ad.focus-ring_8890ad:after{margin:calc(var(--spectrum-focus-ring-gap)*-1 - var(--spectrum-focus-ring-border-size));box-shadow:0 0 0 var(--spectrum-focus-ring-size)var(--spectrum-focus-ring-color)}.spectrum-FieldButton--quiet_8890ad:after,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad:after{border-radius:0}.spectrum-FieldButton--quiet_8890ad.focus-ring_8890ad:after,.spectrum-Stepper_8890ad.spectrum-Stepper--isQuiet_8890ad.focus-ring_8890ad:after{margin:0 0 calc(var(--spectrum-focus-ring-gap)*-1 - var(--spectrum-focus-ring-border-size))0;box-shadow:0 var(--spectrum-focus-ring-size)0 var(--spectrum-focus-ring-color)}.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);--spectrum-focus-ring-border-radius:var(--spectrum-button-border-radius);--spectrum-focus-ring-border-size:var(--spectrum-button-border-width);--spectrum-focus-ring-gap:var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25));--spectrum-focus-ring-size:var(--spectrum-button-primary-focus-ring-size-key-focus,var(--spectrum-alias-focus-ring-size));text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:top;transition:background var(--spectrum-global-animation-duration-100,.13s)ease-out,border-color var(--spectrum-global-animation-duration-100,.13s)ease-out,color var(--spectrum-global-animation-duration-100,.13s)ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s)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:none}.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,.13s)ease-out,fill var(--spectrum-global-animation-duration-100,.13s)ease-out;box-sizing:initial;flex-shrink:0;order:0}.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;--spectrum-focus-ring-gap:var(--spectrum-alias-input-focusring-gap);--spectrum-focus-ring-size:var(--spectrum-alias-input-focusring-size);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));--spectrum-button-border-width:var(--spectrum-dropdown-border-size,var(--spectrum-alias-border-size-thin));--spectrum-button-border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));transition:background-color var(--spectrum-global-animation-duration-100,.13s),box-shadow var(--spectrum-global-animation-duration-100,.13s),border-color var(--spectrum-global-animation-duration-100,.13s);border-style:solid;outline:none;margin:0;line-height:normal;position:relative}.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{--spectrum-button-border-width:0;--spectrum-button-border-radius:var(--spectrum-fieldbutton-quiet-border-radius,0px);--spectrum-focus-ring-size:var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25));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:none;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,.13s)ease-in-out,box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-in-out;line-height:0;display:inline-grid;position:relative}.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) + .5px);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-alias-border-radius-regular,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-alias-border-radius-regular,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-alias-border-radius-regular,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:var(--spectrum-alias-input-border-size)}[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:var(--spectrum-alias-input-border-size)}.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:var(--spectrum-alias-input-border-size)}[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:var(--spectrum-alias-input-border-size)}[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:var(--spectrum-alias-input-border-size)}[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-alias-border-radius-regular,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-alias-border-radius-regular,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:var(--spectrum-alias-input-border-size)}.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:var(--spectrum-alias-input-border-size)}[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:var(--spectrum-alias-input-border-size)}[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-alias-border-radius-regular,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-alias-border-radius-regular,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-alias-border-radius-regular,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-alias-border-radius-regular,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:var(--spectrum-alias-input-border-size);border-bottom-width:var(--spectrum-alias-input-border-size)}[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:var(--spectrum-alias-input-border-size)}[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:var(--spectrum-alias-input-border-size)}[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-alias-border-radius-regular,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-alias-border-radius-regular,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-alias-border-radius-regular,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-alias-border-radius-regular,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:var(--spectrum-alias-input-border-size);border-bottom-width:var(--spectrum-alias-input-border-size)}[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:var(--spectrum-alias-input-border-size)}.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:var(--spectrum-alias-input-border-size)}.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:var(--spectrum-alias-input-border-size)}.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:var(--spectrum-alias-input-border-size)}.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,.13s)ease-out,fill var(--spectrum-global-animation-duration-100,.13s)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).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-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,.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.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
@@ -24,12 +24,43 @@ function $parcel$interopDefault(a) {
24
24
  }
25
25
 
26
26
  $parcel$export(module.exports, "NumberField", () => $9b3df9c012d62e52$export$63c5fa0b2fdccd2e);
27
+ /*
28
+ * Copyright 2020 Adobe. All rights reserved.
29
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
30
+ * you may not use this file except in compliance with the License. You may obtain a copy
31
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
32
+ *
33
+ * Unless required by applicable law or agreed to in writing, software distributed under
34
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
35
+ * OF ANY KIND, either express or implied. See the License for the specific language
36
+ * governing permissions and limitations under the License.
37
+ */ /// <reference types="css-module-types" />
38
+ /*
39
+ * Copyright 2020 Adobe. All rights reserved.
40
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
41
+ * you may not use this file except in compliance with the License. You may obtain a copy
42
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
43
+ *
44
+ * Unless required by applicable law or agreed to in writing, software distributed under
45
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
46
+ * OF ANY KIND, either express or implied. See the License for the specific language
47
+ * governing permissions and limitations under the License.
48
+ */
27
49
 
28
50
 
29
51
 
30
52
 
31
-
32
-
53
+ /*
54
+ * Copyright 2020 Adobe. All rights reserved.
55
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
56
+ * you may not use this file except in compliance with the License. You may obtain a copy
57
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
58
+ *
59
+ * Unless required by applicable law or agreed to in writing, software distributed under
60
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
61
+ * OF ANY KIND, either express or implied. See the License for the specific language
62
+ * governing permissions and limitations under the License.
63
+ */
33
64
 
34
65
 
35
66
 
@@ -147,45 +178,45 @@ $3649bcbba015c4d7$export$ba8faf273ff0a970 = "spectrum-Stepper--readonly_8890ad";
147
178
 
148
179
 
149
180
  function $2f3cded204daae76$var$StepButton(props, ref) {
150
- props = $i8sTE$reactspectrumprovider.useProviderProps(props);
151
- let { scale: scale } = $i8sTE$reactspectrumprovider.useProvider();
181
+ props = (0, $i8sTE$reactspectrumprovider.useProviderProps)(props);
182
+ let { scale: scale } = (0, $i8sTE$reactspectrumprovider.useProvider)();
152
183
  let { direction: direction , isDisabled: isDisabled , isQuiet: isQuiet } = props;
153
184
  /**
154
185
  * Must use div for now because Safari pointer event bugs on disabled form elements.
155
186
  * Link https://bugs.webkit.org/show_bug.cgi?id=219188.
156
- */ let { buttonProps: buttonProps , isPressed: isPressed } = $i8sTE$reactariabutton.useButton({
187
+ */ let { buttonProps: buttonProps , isPressed: isPressed } = (0, $i8sTE$reactariabutton.useButton)({
157
188
  ...props,
158
- elementType: 'div'
189
+ elementType: "div"
159
190
  }, ref);
160
- let { hoverProps: hoverProps , isHovered: isHovered } = $i8sTE$reactariainteractions.useHover(props);
161
- return(/*#__PURE__*/ ($parcel$interopDefault($i8sTE$react)).createElement($i8sTE$reactariafocus.FocusRing, {
162
- focusRingClass: $i8sTE$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3649bcbba015c4d7$exports)), 'focus-ring')
163
- }, /*#__PURE__*/ ($parcel$interopDefault($i8sTE$react)).createElement("div", {
164
- className: $i8sTE$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3649bcbba015c4d7$exports)), 'spectrum-Stepper-button', {
165
- 'spectrum-Stepper-button--stepUp': direction === 'up',
166
- 'spectrum-Stepper-button--stepDown': direction === 'down',
167
- 'spectrum-Stepper-button--isQuiet': isQuiet,
168
- 'is-hovered': isHovered,
169
- 'is-active': isPressed,
170
- 'is-disabled': isDisabled
191
+ let { hoverProps: hoverProps , isHovered: isHovered } = (0, $i8sTE$reactariainteractions.useHover)(props);
192
+ return /*#__PURE__*/ (0, ($parcel$interopDefault($i8sTE$react))).createElement((0, $i8sTE$reactariafocus.FocusRing), {
193
+ focusRingClass: (0, $i8sTE$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3649bcbba015c4d7$exports))), "focus-ring")
194
+ }, /*#__PURE__*/ (0, ($parcel$interopDefault($i8sTE$react))).createElement("div", {
195
+ className: (0, $i8sTE$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3649bcbba015c4d7$exports))), "spectrum-Stepper-button", {
196
+ "spectrum-Stepper-button--stepUp": direction === "up",
197
+ "spectrum-Stepper-button--stepDown": direction === "down",
198
+ "spectrum-Stepper-button--isQuiet": isQuiet,
199
+ "is-hovered": isHovered,
200
+ "is-active": isPressed,
201
+ "is-disabled": isDisabled
171
202
  }),
172
- ...$i8sTE$reactariautils.mergeProps(hoverProps, buttonProps),
203
+ ...(0, $i8sTE$reactariautils.mergeProps)(hoverProps, buttonProps),
173
204
  ref: ref
174
- }, direction === 'up' && scale === 'large' && /*#__PURE__*/ ($parcel$interopDefault($i8sTE$react)).createElement(($parcel$interopDefault($i8sTE$spectrumiconsworkflowAdd)), {
175
- UNSAFE_className: $i8sTE$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3649bcbba015c4d7$exports)), 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon'),
205
+ }, direction === "up" && scale === "large" && /*#__PURE__*/ (0, ($parcel$interopDefault($i8sTE$react))).createElement((0, ($parcel$interopDefault($i8sTE$spectrumiconsworkflowAdd))), {
206
+ UNSAFE_className: (0, $i8sTE$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3649bcbba015c4d7$exports))), "spectrum-Stepper-button-icon", "spectrum-Stepper-stepUpIcon"),
176
207
  size: "S"
177
- }), direction === 'up' && scale === 'medium' && /*#__PURE__*/ ($parcel$interopDefault($i8sTE$react)).createElement(($parcel$interopDefault($i8sTE$spectrumiconsuiChevronUpSmall)), {
178
- UNSAFE_className: $i8sTE$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3649bcbba015c4d7$exports)), 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon')
179
- }), direction === 'down' && scale === 'large' && /*#__PURE__*/ ($parcel$interopDefault($i8sTE$react)).createElement(($parcel$interopDefault($i8sTE$spectrumiconsworkflowRemove)), {
180
- UNSAFE_className: $i8sTE$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3649bcbba015c4d7$exports)), 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon'),
208
+ }), direction === "up" && scale === "medium" && /*#__PURE__*/ (0, ($parcel$interopDefault($i8sTE$react))).createElement((0, ($parcel$interopDefault($i8sTE$spectrumiconsuiChevronUpSmall))), {
209
+ UNSAFE_className: (0, $i8sTE$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3649bcbba015c4d7$exports))), "spectrum-Stepper-button-icon", "spectrum-Stepper-stepUpIcon")
210
+ }), direction === "down" && scale === "large" && /*#__PURE__*/ (0, ($parcel$interopDefault($i8sTE$react))).createElement((0, ($parcel$interopDefault($i8sTE$spectrumiconsworkflowRemove))), {
211
+ UNSAFE_className: (0, $i8sTE$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3649bcbba015c4d7$exports))), "spectrum-Stepper-button-icon", "spectrum-Stepper-stepDownIcon"),
181
212
  size: "S"
182
- }), direction === 'down' && scale === 'medium' && /*#__PURE__*/ ($parcel$interopDefault($i8sTE$react)).createElement(($parcel$interopDefault($i8sTE$spectrumiconsuiChevronDownSmall)), {
183
- UNSAFE_className: $i8sTE$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3649bcbba015c4d7$exports)), 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon')
184
- }))));
213
+ }), direction === "down" && scale === "medium" && /*#__PURE__*/ (0, ($parcel$interopDefault($i8sTE$react))).createElement((0, ($parcel$interopDefault($i8sTE$spectrumiconsuiChevronDownSmall))), {
214
+ UNSAFE_className: (0, $i8sTE$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3649bcbba015c4d7$exports))), "spectrum-Stepper-button-icon", "spectrum-Stepper-stepDownIcon")
215
+ })));
185
216
  }
186
217
  /**
187
218
  * Buttons for NumberField.
188
- */ let $2f3cded204daae76$export$b2f6b60c1d32d6aa = /*#__PURE__*/ ($parcel$interopDefault($i8sTE$react)).forwardRef($2f3cded204daae76$var$StepButton);
219
+ */ let $2f3cded204daae76$export$b2f6b60c1d32d6aa = /*#__PURE__*/ (0, ($parcel$interopDefault($i8sTE$react))).forwardRef($2f3cded204daae76$var$StepButton);
189
220
 
190
221
 
191
222
 
@@ -196,91 +227,91 @@ function $2f3cded204daae76$var$StepButton(props, ref) {
196
227
 
197
228
 
198
229
  function $9b3df9c012d62e52$var$NumberField(props, ref) {
199
- props = $i8sTE$reactspectrumprovider.useProviderProps(props);
200
- let provider = $i8sTE$reactspectrumprovider.useProvider();
230
+ props = (0, $i8sTE$reactspectrumprovider.useProviderProps)(props);
231
+ let provider = (0, $i8sTE$reactspectrumprovider.useProvider)();
201
232
  let { isQuiet: isQuiet , isReadOnly: isReadOnly , isDisabled: isDisabled , hideStepper: hideStepper } = props;
202
- let { styleProps: style } = $i8sTE$reactspectrumutils.useStyleProps(props);
203
- let { locale: locale } = $i8sTE$reactariai18n.useLocale();
204
- let state = $i8sTE$reactstatelynumberfield.useNumberFieldState({
233
+ let { styleProps: style } = (0, $i8sTE$reactspectrumutils.useStyleProps)(props);
234
+ let { locale: locale } = (0, $i8sTE$reactariai18n.useLocale)();
235
+ let state = (0, $i8sTE$reactstatelynumberfield.useNumberFieldState)({
205
236
  ...props,
206
237
  locale: locale
207
238
  });
208
- let inputRef = $i8sTE$react.useRef();
209
- let domRef = $i8sTE$reactspectrumutils.useFocusableRef(ref, inputRef);
210
- let { groupProps: groupProps , labelProps: labelProps , inputProps: inputProps , incrementButtonProps: incrementButtonProps , decrementButtonProps: decrementButtonProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = $i8sTE$reactarianumberfield.useNumberField(props, state, inputRef);
211
- let isMobile = provider.scale === 'large';
239
+ let inputRef = (0, $i8sTE$react.useRef)();
240
+ let domRef = (0, $i8sTE$reactspectrumutils.useFocusableRef)(ref, inputRef);
241
+ let { groupProps: groupProps , labelProps: labelProps , inputProps: inputProps , incrementButtonProps: incrementButtonProps , decrementButtonProps: decrementButtonProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = (0, $i8sTE$reactarianumberfield.useNumberField)(props, state, inputRef);
242
+ let isMobile = provider.scale === "large";
212
243
  let showStepper = !hideStepper;
213
- let { isHovered: isHovered , hoverProps: hoverProps } = $i8sTE$reactariainteractions.useHover({
244
+ let { isHovered: isHovered , hoverProps: hoverProps } = (0, $i8sTE$reactariainteractions.useHover)({
214
245
  isDisabled: isDisabled
215
246
  });
216
- let className = $i8sTE$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3649bcbba015c4d7$exports)), 'spectrum-Stepper', {
217
- 'spectrum-Stepper--isQuiet': isQuiet,
218
- 'is-disabled': isDisabled,
219
- 'spectrum-Stepper--readonly': isReadOnly,
220
- 'is-invalid': props.validationState === 'invalid' && !isDisabled,
221
- 'spectrum-Stepper--showStepper': showStepper,
222
- 'spectrum-Stepper--isMobile': isMobile,
223
- 'is-hovered': isHovered,
247
+ let className = (0, $i8sTE$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3649bcbba015c4d7$exports))), "spectrum-Stepper", {
248
+ "spectrum-Stepper--isQuiet": isQuiet,
249
+ "is-disabled": isDisabled,
250
+ "spectrum-Stepper--readonly": isReadOnly,
251
+ "is-invalid": props.validationState === "invalid" && !isDisabled,
252
+ "spectrum-Stepper--showStepper": showStepper,
253
+ "spectrum-Stepper--isMobile": isMobile,
254
+ "is-hovered": isHovered,
224
255
  // because FocusRing won't pass along the className from Field, we have to handle that ourselves
225
256
  [style.className]: !props.label && style.className
226
257
  });
227
- return(/*#__PURE__*/ ($parcel$interopDefault($i8sTE$react)).createElement($i8sTE$reactspectrumlabel.Field, {
258
+ return /*#__PURE__*/ (0, ($parcel$interopDefault($i8sTE$react))).createElement((0, $i8sTE$reactspectrumlabel.Field), {
228
259
  ...props,
229
260
  descriptionProps: descriptionProps,
230
261
  errorMessageProps: errorMessageProps,
231
262
  labelProps: labelProps,
232
263
  ref: domRef,
233
- wrapperClassName: $i8sTE$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3649bcbba015c4d7$exports)), 'spectrum-Stepper-container', {
234
- 'spectrum-Stepper-container--isMobile': isMobile
264
+ wrapperClassName: (0, $i8sTE$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3649bcbba015c4d7$exports))), "spectrum-Stepper-container", {
265
+ "spectrum-Stepper-container--isMobile": isMobile
235
266
  })
236
- }, /*#__PURE__*/ ($parcel$interopDefault($i8sTE$react)).createElement($9b3df9c012d62e52$var$NumberFieldInput, {
267
+ }, /*#__PURE__*/ (0, ($parcel$interopDefault($i8sTE$react))).createElement($9b3df9c012d62e52$var$NumberFieldInput, {
237
268
  ...props,
238
- groupProps: $i8sTE$reactariautils.mergeProps(groupProps, hoverProps),
269
+ groupProps: (0, $i8sTE$reactariautils.mergeProps)(groupProps, hoverProps),
239
270
  inputProps: inputProps,
240
271
  inputRef: inputRef,
241
272
  incrementProps: incrementButtonProps,
242
273
  decrementProps: decrementButtonProps,
243
274
  className: className,
244
275
  style: style
245
- })));
276
+ }));
246
277
  }
247
- const $9b3df9c012d62e52$var$NumberFieldInput = /*#__PURE__*/ ($parcel$interopDefault($i8sTE$react)).forwardRef(function NumberFieldInput(props, ref) {
278
+ const $9b3df9c012d62e52$var$NumberFieldInput = /*#__PURE__*/ (0, ($parcel$interopDefault($i8sTE$react))).forwardRef(function NumberFieldInput(props, ref) {
248
279
  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;
249
280
  let showStepper = !hideStepper;
250
- return(/*#__PURE__*/ ($parcel$interopDefault($i8sTE$react)).createElement($i8sTE$reactariafocus.FocusRing, {
281
+ return /*#__PURE__*/ (0, ($parcel$interopDefault($i8sTE$react))).createElement((0, $i8sTE$reactariafocus.FocusRing), {
251
282
  within: true,
252
283
  isTextInput: true,
253
- focusClass: $i8sTE$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3649bcbba015c4d7$exports)), 'is-focused'),
254
- focusRingClass: $i8sTE$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3649bcbba015c4d7$exports)), 'focus-ring'),
284
+ focusClass: (0, $i8sTE$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3649bcbba015c4d7$exports))), "is-focused"),
285
+ focusRingClass: (0, $i8sTE$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3649bcbba015c4d7$exports))), "focus-ring"),
255
286
  autoFocus: autoFocus
256
- }, /*#__PURE__*/ ($parcel$interopDefault($i8sTE$react)).createElement("div", {
287
+ }, /*#__PURE__*/ (0, ($parcel$interopDefault($i8sTE$react))).createElement("div", {
257
288
  ...groupProps,
258
289
  ref: ref,
259
290
  style: style,
260
291
  className: className
261
- }, /*#__PURE__*/ ($parcel$interopDefault($i8sTE$react)).createElement($i8sTE$reactspectrumtextfield.TextFieldBase, {
262
- UNSAFE_className: $i8sTE$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3649bcbba015c4d7$exports)), 'spectrum-Stepper-field'),
263
- inputClassName: $i8sTE$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3649bcbba015c4d7$exports)), 'spectrum-Stepper-input'),
264
- validationIconClassName: $i8sTE$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3649bcbba015c4d7$exports)), 'spectrum-Stepper-icon'),
292
+ }, /*#__PURE__*/ (0, ($parcel$interopDefault($i8sTE$react))).createElement((0, $i8sTE$reactspectrumtextfield.TextFieldBase), {
293
+ UNSAFE_className: (0, $i8sTE$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3649bcbba015c4d7$exports))), "spectrum-Stepper-field"),
294
+ inputClassName: (0, $i8sTE$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3649bcbba015c4d7$exports))), "spectrum-Stepper-input"),
295
+ validationIconClassName: (0, $i8sTE$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3649bcbba015c4d7$exports))), "spectrum-Stepper-icon"),
265
296
  isQuiet: isQuiet,
266
297
  inputRef: inputRef,
267
298
  validationState: validationState,
268
299
  inputProps: inputProps,
269
300
  isDisabled: isDisabled,
270
301
  disableFocusRing: true
271
- }), showStepper && /*#__PURE__*/ ($parcel$interopDefault($i8sTE$react)).createElement(($parcel$interopDefault($i8sTE$react)).Fragment, null, /*#__PURE__*/ ($parcel$interopDefault($i8sTE$react)).createElement($2f3cded204daae76$export$b2f6b60c1d32d6aa, {
302
+ }), showStepper && /*#__PURE__*/ (0, ($parcel$interopDefault($i8sTE$react))).createElement((0, ($parcel$interopDefault($i8sTE$react))).Fragment, null, /*#__PURE__*/ (0, ($parcel$interopDefault($i8sTE$react))).createElement((0, $2f3cded204daae76$export$b2f6b60c1d32d6aa), {
272
303
  direction: "up",
273
304
  isQuiet: isQuiet,
274
305
  ...incrementProps
275
- }), /*#__PURE__*/ ($parcel$interopDefault($i8sTE$react)).createElement($2f3cded204daae76$export$b2f6b60c1d32d6aa, {
306
+ }), /*#__PURE__*/ (0, ($parcel$interopDefault($i8sTE$react))).createElement((0, $2f3cded204daae76$export$b2f6b60c1d32d6aa), {
276
307
  direction: "down",
277
308
  isQuiet: isQuiet,
278
309
  ...decrementProps
279
- })))));
310
+ }))));
280
311
  });
281
312
  /**
282
313
  * NumberFields allow users to enter a number, and increment or decrement the value using stepper buttons.
283
- */ let $9b3df9c012d62e52$export$63c5fa0b2fdccd2e = /*#__PURE__*/ ($parcel$interopDefault($i8sTE$react)).forwardRef($9b3df9c012d62e52$var$NumberField);
314
+ */ let $9b3df9c012d62e52$export$63c5fa0b2fdccd2e = /*#__PURE__*/ (0, ($parcel$interopDefault($i8sTE$react))).forwardRef($9b3df9c012d62e52$var$NumberField);
284
315
 
285
316
 
286
317
 
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' && !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 disableFocusRing />\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 disableFocusRing />\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.mjs CHANGED
@@ -22,12 +22,43 @@ function $parcel$interopDefault(a) {
22
22
  function $parcel$export(e, n, v, s) {
23
23
  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
24
24
  }
25
+ /*
26
+ * Copyright 2020 Adobe. All rights reserved.
27
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
28
+ * you may not use this file except in compliance with the License. You may obtain a copy
29
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
30
+ *
31
+ * Unless required by applicable law or agreed to in writing, software distributed under
32
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
33
+ * OF ANY KIND, either express or implied. See the License for the specific language
34
+ * governing permissions and limitations under the License.
35
+ */ /// <reference types="css-module-types" />
36
+ /*
37
+ * Copyright 2020 Adobe. All rights reserved.
38
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
39
+ * you may not use this file except in compliance with the License. You may obtain a copy
40
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
41
+ *
42
+ * Unless required by applicable law or agreed to in writing, software distributed under
43
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
44
+ * OF ANY KIND, either express or implied. See the License for the specific language
45
+ * governing permissions and limitations under the License.
46
+ */
25
47
 
26
48
 
27
49
 
28
50
 
29
-
30
-
51
+ /*
52
+ * Copyright 2020 Adobe. All rights reserved.
53
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
54
+ * you may not use this file except in compliance with the License. You may obtain a copy
55
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
56
+ *
57
+ * Unless required by applicable law or agreed to in writing, software distributed under
58
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
59
+ * OF ANY KIND, either express or implied. See the License for the specific language
60
+ * governing permissions and limitations under the License.
61
+ */
31
62
 
32
63
 
33
64
 
@@ -145,45 +176,45 @@ $ba58a329f3e1a776$export$ba8faf273ff0a970 = "spectrum-Stepper--readonly_8890ad";
145
176
 
146
177
 
147
178
  function $7f00b388e0d3b2f6$var$StepButton(props, ref) {
148
- props = $k6K00$useProviderProps(props);
149
- let { scale: scale } = $k6K00$useProvider();
179
+ props = (0, $k6K00$useProviderProps)(props);
180
+ let { scale: scale } = (0, $k6K00$useProvider)();
150
181
  let { direction: direction , isDisabled: isDisabled , isQuiet: isQuiet } = props;
151
182
  /**
152
183
  * Must use div for now because Safari pointer event bugs on disabled form elements.
153
184
  * Link https://bugs.webkit.org/show_bug.cgi?id=219188.
154
- */ let { buttonProps: buttonProps , isPressed: isPressed } = $k6K00$useButton({
185
+ */ let { buttonProps: buttonProps , isPressed: isPressed } = (0, $k6K00$useButton)({
155
186
  ...props,
156
- elementType: 'div'
187
+ elementType: "div"
157
188
  }, ref);
158
- let { hoverProps: hoverProps , isHovered: isHovered } = $k6K00$useHover(props);
159
- return(/*#__PURE__*/ $k6K00$react.createElement($k6K00$FocusRing, {
160
- focusRingClass: $k6K00$classNames((/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports)), 'focus-ring')
161
- }, /*#__PURE__*/ $k6K00$react.createElement("div", {
162
- className: $k6K00$classNames((/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports)), 'spectrum-Stepper-button', {
163
- 'spectrum-Stepper-button--stepUp': direction === 'up',
164
- 'spectrum-Stepper-button--stepDown': direction === 'down',
165
- 'spectrum-Stepper-button--isQuiet': isQuiet,
166
- 'is-hovered': isHovered,
167
- 'is-active': isPressed,
168
- 'is-disabled': isDisabled
189
+ let { hoverProps: hoverProps , isHovered: isHovered } = (0, $k6K00$useHover)(props);
190
+ return /*#__PURE__*/ (0, $k6K00$react).createElement((0, $k6K00$FocusRing), {
191
+ focusRingClass: (0, $k6K00$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports))), "focus-ring")
192
+ }, /*#__PURE__*/ (0, $k6K00$react).createElement("div", {
193
+ className: (0, $k6K00$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports))), "spectrum-Stepper-button", {
194
+ "spectrum-Stepper-button--stepUp": direction === "up",
195
+ "spectrum-Stepper-button--stepDown": direction === "down",
196
+ "spectrum-Stepper-button--isQuiet": isQuiet,
197
+ "is-hovered": isHovered,
198
+ "is-active": isPressed,
199
+ "is-disabled": isDisabled
169
200
  }),
170
- ...$k6K00$mergeProps(hoverProps, buttonProps),
201
+ ...(0, $k6K00$mergeProps)(hoverProps, buttonProps),
171
202
  ref: ref
172
- }, direction === 'up' && scale === 'large' && /*#__PURE__*/ $k6K00$react.createElement($k6K00$spectrumiconsworkflowAdd, {
173
- UNSAFE_className: $k6K00$classNames((/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports)), 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon'),
203
+ }, direction === "up" && scale === "large" && /*#__PURE__*/ (0, $k6K00$react).createElement((0, $k6K00$spectrumiconsworkflowAdd), {
204
+ UNSAFE_className: (0, $k6K00$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports))), "spectrum-Stepper-button-icon", "spectrum-Stepper-stepUpIcon"),
174
205
  size: "S"
175
- }), direction === 'up' && scale === 'medium' && /*#__PURE__*/ $k6K00$react.createElement($k6K00$spectrumiconsuiChevronUpSmall, {
176
- UNSAFE_className: $k6K00$classNames((/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports)), 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon')
177
- }), direction === 'down' && scale === 'large' && /*#__PURE__*/ $k6K00$react.createElement($k6K00$spectrumiconsworkflowRemove, {
178
- UNSAFE_className: $k6K00$classNames((/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports)), 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon'),
206
+ }), direction === "up" && scale === "medium" && /*#__PURE__*/ (0, $k6K00$react).createElement((0, $k6K00$spectrumiconsuiChevronUpSmall), {
207
+ UNSAFE_className: (0, $k6K00$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports))), "spectrum-Stepper-button-icon", "spectrum-Stepper-stepUpIcon")
208
+ }), direction === "down" && scale === "large" && /*#__PURE__*/ (0, $k6K00$react).createElement((0, $k6K00$spectrumiconsworkflowRemove), {
209
+ UNSAFE_className: (0, $k6K00$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports))), "spectrum-Stepper-button-icon", "spectrum-Stepper-stepDownIcon"),
179
210
  size: "S"
180
- }), direction === 'down' && scale === 'medium' && /*#__PURE__*/ $k6K00$react.createElement($k6K00$spectrumiconsuiChevronDownSmall, {
181
- UNSAFE_className: $k6K00$classNames((/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports)), 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon')
182
- }))));
211
+ }), direction === "down" && scale === "medium" && /*#__PURE__*/ (0, $k6K00$react).createElement((0, $k6K00$spectrumiconsuiChevronDownSmall), {
212
+ UNSAFE_className: (0, $k6K00$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports))), "spectrum-Stepper-button-icon", "spectrum-Stepper-stepDownIcon")
213
+ })));
183
214
  }
184
215
  /**
185
216
  * Buttons for NumberField.
186
- */ let $7f00b388e0d3b2f6$export$b2f6b60c1d32d6aa = /*#__PURE__*/ $k6K00$react.forwardRef($7f00b388e0d3b2f6$var$StepButton);
217
+ */ let $7f00b388e0d3b2f6$export$b2f6b60c1d32d6aa = /*#__PURE__*/ (0, $k6K00$react).forwardRef($7f00b388e0d3b2f6$var$StepButton);
187
218
 
188
219
 
189
220
 
@@ -194,91 +225,91 @@ function $7f00b388e0d3b2f6$var$StepButton(props, ref) {
194
225
 
195
226
 
196
227
  function $48b879bdd771eb85$var$NumberField(props, ref) {
197
- props = $k6K00$useProviderProps(props);
198
- let provider = $k6K00$useProvider();
228
+ props = (0, $k6K00$useProviderProps)(props);
229
+ let provider = (0, $k6K00$useProvider)();
199
230
  let { isQuiet: isQuiet , isReadOnly: isReadOnly , isDisabled: isDisabled , hideStepper: hideStepper } = props;
200
- let { styleProps: style } = $k6K00$useStyleProps(props);
201
- let { locale: locale } = $k6K00$useLocale();
202
- let state = $k6K00$useNumberFieldState({
231
+ let { styleProps: style } = (0, $k6K00$useStyleProps)(props);
232
+ let { locale: locale } = (0, $k6K00$useLocale)();
233
+ let state = (0, $k6K00$useNumberFieldState)({
203
234
  ...props,
204
235
  locale: locale
205
236
  });
206
- let inputRef = $k6K00$useRef();
207
- let domRef = $k6K00$useFocusableRef(ref, inputRef);
208
- let { groupProps: groupProps , labelProps: labelProps , inputProps: inputProps , incrementButtonProps: incrementButtonProps , decrementButtonProps: decrementButtonProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = $k6K00$useNumberField(props, state, inputRef);
209
- let isMobile = provider.scale === 'large';
237
+ let inputRef = (0, $k6K00$useRef)();
238
+ let domRef = (0, $k6K00$useFocusableRef)(ref, inputRef);
239
+ let { groupProps: groupProps , labelProps: labelProps , inputProps: inputProps , incrementButtonProps: incrementButtonProps , decrementButtonProps: decrementButtonProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = (0, $k6K00$useNumberField)(props, state, inputRef);
240
+ let isMobile = provider.scale === "large";
210
241
  let showStepper = !hideStepper;
211
- let { isHovered: isHovered , hoverProps: hoverProps } = $k6K00$useHover({
242
+ let { isHovered: isHovered , hoverProps: hoverProps } = (0, $k6K00$useHover)({
212
243
  isDisabled: isDisabled
213
244
  });
214
- let className = $k6K00$classNames((/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports)), 'spectrum-Stepper', {
215
- 'spectrum-Stepper--isQuiet': isQuiet,
216
- 'is-disabled': isDisabled,
217
- 'spectrum-Stepper--readonly': isReadOnly,
218
- 'is-invalid': props.validationState === 'invalid' && !isDisabled,
219
- 'spectrum-Stepper--showStepper': showStepper,
220
- 'spectrum-Stepper--isMobile': isMobile,
221
- 'is-hovered': isHovered,
245
+ let className = (0, $k6K00$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports))), "spectrum-Stepper", {
246
+ "spectrum-Stepper--isQuiet": isQuiet,
247
+ "is-disabled": isDisabled,
248
+ "spectrum-Stepper--readonly": isReadOnly,
249
+ "is-invalid": props.validationState === "invalid" && !isDisabled,
250
+ "spectrum-Stepper--showStepper": showStepper,
251
+ "spectrum-Stepper--isMobile": isMobile,
252
+ "is-hovered": isHovered,
222
253
  // because FocusRing won't pass along the className from Field, we have to handle that ourselves
223
254
  [style.className]: !props.label && style.className
224
255
  });
225
- return(/*#__PURE__*/ $k6K00$react.createElement($k6K00$Field, {
256
+ return /*#__PURE__*/ (0, $k6K00$react).createElement((0, $k6K00$Field), {
226
257
  ...props,
227
258
  descriptionProps: descriptionProps,
228
259
  errorMessageProps: errorMessageProps,
229
260
  labelProps: labelProps,
230
261
  ref: domRef,
231
- wrapperClassName: $k6K00$classNames((/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports)), 'spectrum-Stepper-container', {
232
- 'spectrum-Stepper-container--isMobile': isMobile
262
+ wrapperClassName: (0, $k6K00$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports))), "spectrum-Stepper-container", {
263
+ "spectrum-Stepper-container--isMobile": isMobile
233
264
  })
234
- }, /*#__PURE__*/ $k6K00$react.createElement($48b879bdd771eb85$var$NumberFieldInput, {
265
+ }, /*#__PURE__*/ (0, $k6K00$react).createElement($48b879bdd771eb85$var$NumberFieldInput, {
235
266
  ...props,
236
- groupProps: $k6K00$mergeProps(groupProps, hoverProps),
267
+ groupProps: (0, $k6K00$mergeProps)(groupProps, hoverProps),
237
268
  inputProps: inputProps,
238
269
  inputRef: inputRef,
239
270
  incrementProps: incrementButtonProps,
240
271
  decrementProps: decrementButtonProps,
241
272
  className: className,
242
273
  style: style
243
- })));
274
+ }));
244
275
  }
245
- const $48b879bdd771eb85$var$NumberFieldInput = /*#__PURE__*/ $k6K00$react.forwardRef(function NumberFieldInput(props, ref) {
276
+ const $48b879bdd771eb85$var$NumberFieldInput = /*#__PURE__*/ (0, $k6K00$react).forwardRef(function NumberFieldInput(props, ref) {
246
277
  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;
247
278
  let showStepper = !hideStepper;
248
- return(/*#__PURE__*/ $k6K00$react.createElement($k6K00$FocusRing, {
279
+ return /*#__PURE__*/ (0, $k6K00$react).createElement((0, $k6K00$FocusRing), {
249
280
  within: true,
250
281
  isTextInput: true,
251
- focusClass: $k6K00$classNames((/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports)), 'is-focused'),
252
- focusRingClass: $k6K00$classNames((/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports)), 'focus-ring'),
282
+ focusClass: (0, $k6K00$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports))), "is-focused"),
283
+ focusRingClass: (0, $k6K00$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports))), "focus-ring"),
253
284
  autoFocus: autoFocus
254
- }, /*#__PURE__*/ $k6K00$react.createElement("div", {
285
+ }, /*#__PURE__*/ (0, $k6K00$react).createElement("div", {
255
286
  ...groupProps,
256
287
  ref: ref,
257
288
  style: style,
258
289
  className: className
259
- }, /*#__PURE__*/ $k6K00$react.createElement($k6K00$TextFieldBase, {
260
- UNSAFE_className: $k6K00$classNames((/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports)), 'spectrum-Stepper-field'),
261
- inputClassName: $k6K00$classNames((/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports)), 'spectrum-Stepper-input'),
262
- validationIconClassName: $k6K00$classNames((/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports)), 'spectrum-Stepper-icon'),
290
+ }, /*#__PURE__*/ (0, $k6K00$react).createElement((0, $k6K00$TextFieldBase), {
291
+ UNSAFE_className: (0, $k6K00$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports))), "spectrum-Stepper-field"),
292
+ inputClassName: (0, $k6K00$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports))), "spectrum-Stepper-input"),
293
+ validationIconClassName: (0, $k6K00$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports))), "spectrum-Stepper-icon"),
263
294
  isQuiet: isQuiet,
264
295
  inputRef: inputRef,
265
296
  validationState: validationState,
266
297
  inputProps: inputProps,
267
298
  isDisabled: isDisabled,
268
299
  disableFocusRing: true
269
- }), showStepper && /*#__PURE__*/ $k6K00$react.createElement($k6K00$react.Fragment, null, /*#__PURE__*/ $k6K00$react.createElement($7f00b388e0d3b2f6$export$b2f6b60c1d32d6aa, {
300
+ }), showStepper && /*#__PURE__*/ (0, $k6K00$react).createElement((0, $k6K00$react).Fragment, null, /*#__PURE__*/ (0, $k6K00$react).createElement((0, $7f00b388e0d3b2f6$export$b2f6b60c1d32d6aa), {
270
301
  direction: "up",
271
302
  isQuiet: isQuiet,
272
303
  ...incrementProps
273
- }), /*#__PURE__*/ $k6K00$react.createElement($7f00b388e0d3b2f6$export$b2f6b60c1d32d6aa, {
304
+ }), /*#__PURE__*/ (0, $k6K00$react).createElement((0, $7f00b388e0d3b2f6$export$b2f6b60c1d32d6aa), {
274
305
  direction: "down",
275
306
  isQuiet: isQuiet,
276
307
  ...decrementProps
277
- })))));
308
+ }))));
278
309
  });
279
310
  /**
280
311
  * NumberFields allow users to enter a number, and increment or decrement the value using stepper buttons.
281
- */ let $48b879bdd771eb85$export$63c5fa0b2fdccd2e = /*#__PURE__*/ $k6K00$react.forwardRef($48b879bdd771eb85$var$NumberField);
312
+ */ let $48b879bdd771eb85$export$63c5fa0b2fdccd2e = /*#__PURE__*/ (0, $k6K00$react).forwardRef($48b879bdd771eb85$var$NumberField);
282
313
 
283
314
 
284
315
 
package/dist/module.mjs.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' && !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 disableFocusRing />\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.mjs.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 disableFocusRing />\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.mjs.map"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-spectrum/numberfield",
3
- "version": "3.0.0-nightly.1899+b35d5c02f",
3
+ "version": "3.0.0-nightly.1900+bfce84fee",
4
4
  "description": "Spectrum UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/main.js",
@@ -36,27 +36,27 @@
36
36
  "url": "https://github.com/adobe/react-spectrum"
37
37
  },
38
38
  "dependencies": {
39
- "@babel/runtime": "^7.6.2",
40
- "@react-aria/button": "3.0.0-nightly.1899+b35d5c02f",
41
- "@react-aria/focus": "3.0.0-nightly.1899+b35d5c02f",
42
- "@react-aria/i18n": "3.0.0-nightly.1899+b35d5c02f",
43
- "@react-aria/interactions": "3.0.0-nightly.1899+b35d5c02f",
44
- "@react-aria/numberfield": "3.0.0-nightly.1899+b35d5c02f",
45
- "@react-aria/utils": "3.0.0-nightly.1899+b35d5c02f",
46
- "@react-spectrum/button": "3.0.0-nightly.1899+b35d5c02f",
47
- "@react-spectrum/label": "3.9.1-nightly.3599+b35d5c02f",
48
- "@react-spectrum/textfield": "3.0.0-nightly.1899+b35d5c02f",
49
- "@react-spectrum/utils": "3.0.0-nightly.1899+b35d5c02f",
50
- "@react-stately/numberfield": "3.0.0-nightly.1899+b35d5c02f",
51
- "@react-types/button": "3.7.1-nightly.3599+b35d5c02f",
52
- "@react-types/numberfield": "3.3.6-nightly.3599+b35d5c02f",
53
- "@react-types/shared": "3.0.0-nightly.1899+b35d5c02f",
54
- "@spectrum-icons/ui": "3.0.0-nightly.1899+b35d5c02f",
55
- "@spectrum-icons/workflow": "3.0.0-nightly.1899+b35d5c02f"
39
+ "@react-aria/button": "3.0.0-nightly.1900+bfce84fee",
40
+ "@react-aria/focus": "3.0.0-nightly.1900+bfce84fee",
41
+ "@react-aria/i18n": "3.0.0-nightly.1900+bfce84fee",
42
+ "@react-aria/interactions": "3.0.0-nightly.1900+bfce84fee",
43
+ "@react-aria/numberfield": "3.0.0-nightly.1900+bfce84fee",
44
+ "@react-aria/utils": "3.0.0-nightly.1900+bfce84fee",
45
+ "@react-spectrum/button": "3.0.0-nightly.1900+bfce84fee",
46
+ "@react-spectrum/label": "3.9.1-nightly.3600+bfce84fee",
47
+ "@react-spectrum/textfield": "3.0.0-nightly.1900+bfce84fee",
48
+ "@react-spectrum/utils": "3.0.0-nightly.1900+bfce84fee",
49
+ "@react-stately/numberfield": "3.0.0-nightly.1900+bfce84fee",
50
+ "@react-types/button": "3.7.1-nightly.3600+bfce84fee",
51
+ "@react-types/numberfield": "3.3.6-nightly.3600+bfce84fee",
52
+ "@react-types/shared": "3.0.0-nightly.1900+bfce84fee",
53
+ "@spectrum-icons/ui": "3.0.0-nightly.1900+bfce84fee",
54
+ "@spectrum-icons/workflow": "3.0.0-nightly.1900+bfce84fee",
55
+ "@swc/helpers": "^0.4.14"
56
56
  },
57
57
  "devDependencies": {
58
- "@adobe/spectrum-css-temp": "3.0.0-nightly.1899+b35d5c02f",
59
- "@react-spectrum/test-utils": "3.0.0-nightly.1899+b35d5c02f"
58
+ "@adobe/spectrum-css-temp": "3.0.0-nightly.1900+bfce84fee",
59
+ "@react-spectrum/test-utils": "3.0.0-nightly.1900+bfce84fee"
60
60
  },
61
61
  "peerDependencies": {
62
62
  "@react-spectrum/provider": "^3.0.0",
@@ -66,5 +66,5 @@
66
66
  "publishConfig": {
67
67
  "access": "public"
68
68
  },
69
- "gitHead": "b35d5c02fe900badccd0cf1a8f23bb593419f238"
69
+ "gitHead": "bfce84fee12a027d9cbc38b43e1747e3e4b4b169"
70
70
  }