@react-spectrum/button 3.9.0 → 3.10.0
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.
- package/dist/main.css +1 -1
- package/dist/main.js +6 -0
- package/dist/main.js.map +1 -1
- package/dist/module.js +7 -1
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts.map +1 -1
- package/package.json +12 -12
- package/src/Button.tsx +11 -1
package/dist/main.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
.spectrum-Button_e2d99e,.spectrum-ActionButton_e2d99e,.spectrum-LogicButton_e2d99e,.spectrum-FieldButton_e2d99e,.spectrum-ClearButton_e2d99e{font-family:adobe-clean-ux,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Button_e2d99e:lang(ar),.spectrum-ActionButton_e2d99e:lang(ar),.spectrum-LogicButton_e2d99e:lang(ar),.spectrum-FieldButton_e2d99e:lang(ar),.spectrum-ClearButton_e2d99e:lang(ar){font-family:adobe-arabic,myriad-arabic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Button_e2d99e:lang(he),.spectrum-ActionButton_e2d99e:lang(he),.spectrum-LogicButton_e2d99e:lang(he),.spectrum-FieldButton_e2d99e:lang(he),.spectrum-ClearButton_e2d99e:lang(he){font-family:adobe-hebrew,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Button_e2d99e:lang(zh-Hans),.spectrum-ActionButton_e2d99e:lang(zh-Hans),.spectrum-LogicButton_e2d99e:lang(zh-Hans),.spectrum-FieldButton_e2d99e:lang(zh-Hans),.spectrum-ClearButton_e2d99e:lang(zh-Hans),.spectrum-Button_e2d99e:lang(zh),.spectrum-ActionButton_e2d99e:lang(zh),.spectrum-LogicButton_e2d99e:lang(zh),.spectrum-FieldButton_e2d99e:lang(zh),.spectrum-ClearButton_e2d99e:lang(zh){font-family:adobe-clean-han-simplified-c,SimSun,Heiti SC Light,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Button_e2d99e:lang(ko),.spectrum-ActionButton_e2d99e:lang(ko),.spectrum-LogicButton_e2d99e:lang(ko),.spectrum-FieldButton_e2d99e:lang(ko),.spectrum-ClearButton_e2d99e:lang(ko){font-family:adobe-clean-han-korean,Malgun Gothic,Apple Gothic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Button_e2d99e:lang(ja),.spectrum-ActionButton_e2d99e:lang(ja),.spectrum-LogicButton_e2d99e:lang(ja),.spectrum-FieldButton_e2d99e:lang(ja),.spectrum-ClearButton_e2d99e:lang(ja){font-family:adobe-clean-han-japanese,Yu Gothic,メイリオ,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro W3,Osaka,MSPゴシック,MS PGothic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Button_e2d99e,.spectrum-ActionButton_e2d99e,.spectrum-LogicButton_e2d99e,.spectrum-FieldButton_e2d99e,.spectrum-ClearButton_e2d99e{box-sizing:border-box;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:top;transition:background var(--spectrum-global-animation-duration-100,130ms)ease-out,border-color var(--spectrum-global-animation-duration-100,130ms)ease-out,color var(--spectrum-global-animation-duration-100,130ms)ease-out,box-shadow var(--spectrum-global-animation-duration-100,130ms)ease-out;-webkit-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;cursor:default;isolation:isolate;border-style:solid;justify-content:center;align-items:center;margin:0;line-height:1.3;text-decoration:none;display:inline-flex;position:relative;overflow:visible}button.spectrum-Button_e2d99e,button.spectrum-ActionButton_e2d99e,button.spectrum-LogicButton_e2d99e,button.spectrum-FieldButton_e2d99e,button.spectrum-ClearButton_e2d99e{-webkit-appearance:button}.spectrum-Button_e2d99e:focus,.spectrum-ActionButton_e2d99e:focus,.spectrum-LogicButton_e2d99e:focus,.spectrum-FieldButton_e2d99e:focus,.spectrum-ClearButton_e2d99e:focus{outline:0}.spectrum-Button_e2d99e.focus-ring_e2d99e,.spectrum-ActionButton_e2d99e.focus-ring_e2d99e,.spectrum-LogicButton_e2d99e.focus-ring_e2d99e,.spectrum-FieldButton_e2d99e.focus-ring_e2d99e,.spectrum-ClearButton_e2d99e.focus-ring_e2d99e{z-index:3}.spectrum-Button_e2d99e::-moz-focus-inner,.spectrum-ActionButton_e2d99e::-moz-focus-inner,.spectrum-LogicButton_e2d99e::-moz-focus-inner,.spectrum-FieldButton_e2d99e::-moz-focus-inner,.spectrum-ClearButton_e2d99e::-moz-focus-inner{border:0;margin-top:-2px;margin-bottom:-2px;padding:0}.spectrum-Button_e2d99e:disabled,.spectrum-ActionButton_e2d99e:disabled,.spectrum-LogicButton_e2d99e:disabled,.spectrum-FieldButton_e2d99e:disabled,.spectrum-ClearButton_e2d99e:disabled{cursor:default}.spectrum-Button_e2d99e .spectrum-Icon_e2d99e,.spectrum-ActionButton_e2d99e .spectrum-Icon_e2d99e,.spectrum-LogicButton_e2d99e .spectrum-Icon_e2d99e,.spectrum-FieldButton_e2d99e .spectrum-Icon_e2d99e,.spectrum-ClearButton_e2d99e .spectrum-Icon_e2d99e{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_e2d99e:after,.spectrum-ActionButton--emphasized_e2d99e:after,.spectrum-ActionButton--staticColor_e2d99e:after,.spectrum-LogicButton_e2d99e:after,.spectrum-ClearButton_e2d99e:after{border-radius:calc(var(--spectrum-button-primary-border-radius,var(--spectrum-alias-border-radius-large)) + var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25)));content:"";margin:calc(var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25))*-1);transition:box-shadow var(--spectrum-global-animation-duration-100,130ms)ease-out,margin var(--spectrum-global-animation-duration-100,130ms)ease-out;display:block;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(0)}.spectrum-Button_e2d99e.focus-ring_e2d99e:after,.spectrum-ActionButton--emphasized_e2d99e.focus-ring_e2d99e:after,.spectrum-ActionButton--staticColor_e2d99e.focus-ring_e2d99e:after,.spectrum-LogicButton_e2d99e.focus-ring_e2d99e:after,.spectrum-ClearButton_e2d99e.focus-ring_e2d99e:after{margin:calc(var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25))*-2)}.spectrum-Button_e2d99e{border-width:var(--spectrum-button-primary-border-size,var(--spectrum-alias-border-size-thick));border-radius:var(--spectrum-button-primary-border-radius,var(--spectrum-alias-border-radius-large));min-height:var(--spectrum-button-primary-height,var(--spectrum-alias-single-line-height));height:0%;min-width:var(--spectrum-button-primary-min-width);padding:var(--spectrum-global-dimension-size-50)calc(var(--spectrum-button-primary-padding-x,var(--spectrum-global-dimension-size-200)) - var(--spectrum-button-primary-border-size,var(--spectrum-alias-border-size-thick)));padding-bottom:calc(var(--spectrum-global-dimension-size-50) + 1px);padding-top:calc(var(--spectrum-global-dimension-size-50) - 1px);font-size:var(--spectrum-button-primary-text-size,var(--spectrum-alias-pill-button-text-size));font-weight:var(--spectrum-button-primary-text-font-weight,var(--spectrum-global-font-weight-bold));border-style:solid}.spectrum-Button_e2d99e.is-hovered_e2d99e,.spectrum-Button_e2d99e:active{box-shadow:none}[dir=ltr] .spectrum-Button_e2d99e .spectrum-Icon_e2d99e+.spectrum-Button-label_e2d99e{margin-left:var(--spectrum-button-primary-text-gap,var(--spectrum-global-dimension-size-100))}[dir=rtl] .spectrum-Button_e2d99e .spectrum-Icon_e2d99e+.spectrum-Button-label_e2d99e,[dir=ltr] .spectrum-Button_e2d99e .spectrum-Button-label_e2d99e+.spectrum-Icon_e2d99e{margin-right:var(--spectrum-button-primary-text-gap,var(--spectrum-global-dimension-size-100))}[dir=rtl] .spectrum-Button_e2d99e .spectrum-Button-label_e2d99e+.spectrum-Icon_e2d99e{margin-left:var(--spectrum-button-primary-text-gap,var(--spectrum-global-dimension-size-100))}a.spectrum-Button_e2d99e,a.spectrum-ActionButton_e2d99e{-webkit-appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer}.spectrum-ActionButton_e2d99e{height:var(--spectrum-actionbutton-height,var(--spectrum-alias-single-line-height));min-width:var(--spectrum-actionbutton-min-width,var(--spectrum-global-dimension-size-400));border-width:var(--spectrum-actionbutton-border-size,var(--spectrum-alias-border-size-thin));border-radius:var(--spectrum-actionbutton-border-radius,var(--spectrum-alias-border-radius-regular));font-size:var(--spectrum-actionbutton-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-actionbutton-text-font-weight,var(--spectrum-alias-body-text-font-weight));padding:0;position:relative}[dir=ltr] .spectrum-ActionButton_e2d99e .spectrum-Icon_e2d99e{padding-left:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}[dir=rtl] .spectrum-ActionButton_e2d99e .spectrum-Icon_e2d99e{padding-right:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}[dir=ltr] .spectrum-ActionButton_e2d99e .spectrum-ActionButton-label_e2d99e{padding-right:var(--spectrum-actionbutton-text-padding-x,var(--spectrum-global-dimension-size-150))}[dir=rtl] .spectrum-ActionButton_e2d99e .spectrum-ActionButton-label_e2d99e{padding-left:var(--spectrum-actionbutton-text-padding-x,var(--spectrum-global-dimension-size-150))}[dir=ltr] .spectrum-ActionButton_e2d99e .spectrum-Icon_e2d99e+.spectrum-ActionButton-label_e2d99e{padding-left:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}[dir=rtl] .spectrum-ActionButton_e2d99e .spectrum-Icon_e2d99e+.spectrum-ActionButton-label_e2d99e,[dir=ltr] .spectrum-ActionButton_e2d99e .spectrum-ActionButton-label_e2d99e:not([hidden])+.spectrum-Icon_e2d99e{padding-right:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}[dir=rtl] .spectrum-ActionButton_e2d99e .spectrum-ActionButton-label_e2d99e:not([hidden])+.spectrum-Icon_e2d99e{padding-left:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}[dir=ltr] .spectrum-ActionButton_e2d99e .spectrum-ActionButton-label_e2d99e:only-child,[dir=ltr] .spectrum-ActionButton_e2d99e .spectrum-ActionButton-hold_e2d99e+.spectrum-ActionButton-label_e2d99e:last-child{padding-left:var(--spectrum-actionbutton-text-padding-x,var(--spectrum-global-dimension-size-150))}[dir=rtl] .spectrum-ActionButton_e2d99e .spectrum-ActionButton-label_e2d99e:only-child,[dir=rtl] .spectrum-ActionButton_e2d99e .spectrum-ActionButton-hold_e2d99e+.spectrum-ActionButton-label_e2d99e:last-child{padding-right:var(--spectrum-actionbutton-text-padding-x,var(--spectrum-global-dimension-size-150))}[dir=ltr] .spectrum-ActionButton_e2d99e .spectrum-Icon_e2d99e:only-child,[dir=ltr] .spectrum-ActionButton_e2d99e .spectrum-ActionButton-hold_e2d99e+.spectrum-Icon_e2d99e:last-child{padding-right:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}[dir=rtl] .spectrum-ActionButton_e2d99e .spectrum-Icon_e2d99e:only-child,[dir=rtl] .spectrum-ActionButton_e2d99e .spectrum-ActionButton-hold_e2d99e+.spectrum-Icon_e2d99e:last-child{padding-left:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}[dir=ltr] .spectrum-ActionButton-hold_e2d99e{right:var(--spectrum-actionbutton-hold-icon-padding-right,var(--spectrum-global-dimension-size-40))}[dir=rtl] .spectrum-ActionButton-hold_e2d99e{left:var(--spectrum-actionbutton-hold-icon-padding-right,var(--spectrum-global-dimension-size-40))}.spectrum-ActionButton-hold_e2d99e{bottom:var(--spectrum-actionbutton-hold-icon-padding-bottom,var(--spectrum-global-dimension-size-40));position:absolute}[dir=rtl] .spectrum-ActionButton-hold_e2d99e{transform:rotate(90deg)}.spectrum-ActionButton-label_e2d99e,.spectrum-Button-label_e2d99e{-ms-grid-row-align:center;text-align:center;width:100%;order:1;place-self:center}.spectrum-ActionButton-label_e2d99e:empty,.spectrum-Button-label_e2d99e:empty{display:none}.spectrum-ActionButton-label_e2d99e{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.spectrum-ActionButton--quiet_e2d99e{border-width:var(--spectrum-actionbutton-quiet-border-size,var(--spectrum-alias-border-size-thin));border-radius:var(--spectrum-actionbutton-quiet-border-radius,var(--spectrum-alias-border-radius-regular));font-size:var(--spectrum-actionbutton-quiet-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-actionbutton-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight))}.spectrum-ActionButton--emphasized_e2d99e:after,.spectrum-ActionButton--staticColor_e2d99e:after{border-radius:calc(var(--spectrum-actionbutton-border-radius,var(--spectrum-alias-border-radius-regular)) + var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25)))}.spectrum-ActionButton--emphasized_e2d99e.focus-ring_e2d99e:after,.spectrum-ActionButton--staticColor_e2d99e.focus-ring_e2d99e:after{margin:calc(var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25))*-1 - var(--spectrum-actionbutton-quiet-border-size,var(--spectrum-alias-border-size-thin)))}.spectrum-LogicButton_e2d99e{height:var(--spectrum-logicbutton-and-height,24px);padding:var(--spectrum-logicbutton-and-padding-x,var(--spectrum-global-dimension-size-100));border-width:var(--spectrum-logicbutton-and-border-size,var(--spectrum-alias-border-size-thick));border-radius:var(--spectrum-logicbutton-and-border-radius,var(--spectrum-alias-border-radius-regular));font-size:var(--spectrum-logicbutton-and-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-logicbutton-and-text-font-weight,var(--spectrum-global-font-weight-bold));line-height:0}.spectrum-LogicButton_e2d99e:after{border-radius:calc(var(--spectrum-logicbutton-and-border-radius,var(--spectrum-alias-border-radius-regular)) + var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25)))}.spectrum-FieldButton_e2d99e{height:var(--spectrum-dropdown-height,var(--spectrum-global-dimension-size-400));padding:0 var(--spectrum-dropdown-padding-x,var(--spectrum-global-dimension-size-150));font-family:inherit;font-weight:400;font-size:var(--spectrum-dropdown-text-size,var(--spectrum-alias-font-size-default));-webkit-font-smoothing:initial;cursor:default;padding-top:0;padding-bottom:0;padding-left:var(--spectrum-dropdown-padding-x,var(--spectrum-global-dimension-size-150));padding-right:var(--spectrum-dropdown-padding-x,var(--spectrum-global-dimension-size-150));border-width:var(--spectrum-dropdown-border-size,var(--spectrum-alias-border-size-thin));border-radius:var(--spectrum-global-dimension-size-50);transition:background-color var(--spectrum-global-animation-duration-100,130ms),box-shadow var(--spectrum-global-animation-duration-100,130ms),border-color var(--spectrum-global-animation-duration-100,130ms);border-style:solid;outline:0;margin:0;line-height:normal}.spectrum-FieldButton_e2d99e:disabled,.spectrum-FieldButton_e2d99e.is-disabled_e2d99e{cursor:default;border-width:0}.spectrum-FieldButton_e2d99e.is-open_e2d99e{border-width:var(--spectrum-dropdown-border-size,var(--spectrum-alias-border-size-thin))}.spectrum-FieldButton--quiet_e2d99e{border-radius:var(--spectrum-fieldbutton-quiet-border-radius,0px);border-width:0;margin:0;padding:0}.spectrum-FieldButton--quiet_e2d99e:disabled.focus-ring_e2d99e,.spectrum-FieldButton--quiet_e2d99e.is-disabled_e2d99e.focus-ring_e2d99e{box-shadow:none}.spectrum-ClearButton_e2d99e{width:var(--spectrum-clearbutton-medium-width,var(--spectrum-alias-single-line-height));height:var(--spectrum-clearbutton-medium-height,var(--spectrum-alias-single-line-height));border-radius:100%;border:0;margin:0;padding:0}.spectrum-ClearButton_e2d99e>.spectrum-Icon_e2d99e{margin:0 auto}.spectrum-ClearButton--overBackground_e2d99e.focus-ring_e2d99e:after{margin:calc(var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25))*-1)}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.spectrum-ClearButton_e2d99e>.spectrum-Icon_e2d99e{margin:0}}.spectrum-ClearButton--small_e2d99e{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-LogicButton_e2d99e.focus-ring_e2d99e:after,.spectrum-LogicButton_e2d99e.is-focused_e2d99e:after,.spectrum-Button_e2d99e.focus-ring_e2d99e:after,.spectrum-Button_e2d99e.is-focused_e2d99e:after,.spectrum-ActionButton--emphasized_e2d99e.focus-ring_e2d99e:after,.spectrum-ActionButton--emphasized_e2d99e.is-focused_e2d99e:after{box-shadow:0 0 0 var(--spectrum-button-primary-focus-ring-size-key-focus,var(--spectrum-alias-focus-ring-size))var(--spectrum-button-primary-focus-ring-color-key-focus,var(--spectrum-alias-focus-ring-color))}.spectrum-ClearButton_e2d99e{background-color:var(--spectrum-clearbutton-medium-background-color,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color,var(--spectrum-alias-icon-color))}.spectrum-ClearButton_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-clearbutton-medium-icon-color,var(--spectrum-alias-icon-color))}.spectrum-ClearButton_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-clearbutton-medium-background-color-hover,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-hover,var(--spectrum-alias-icon-color-hover))}.spectrum-ClearButton_e2d99e.is-hovered_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-clearbutton-medium-icon-color-hover,var(--spectrum-alias-icon-color-hover))}.spectrum-ClearButton_e2d99e.is-active_e2d99e{background-color:var(--spectrum-clearbutton-medium-background-color-down,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-down,var(--spectrum-alias-icon-color-down))}.spectrum-ClearButton_e2d99e.is-active_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-clearbutton-medium-icon-color-down,var(--spectrum-alias-icon-color-down))}.spectrum-ClearButton_e2d99e.focus-ring_e2d99e{background-color:var(--spectrum-clearbutton-medium-background-color-key-focus,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}.spectrum-ClearButton_e2d99e.focus-ring_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-clearbutton-medium-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}.spectrum-ClearButton_e2d99e:disabled,.spectrum-ClearButton_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-clearbutton-medium-background-color-disabled,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}.spectrum-ClearButton_e2d99e:disabled .spectrum-Icon_e2d99e,.spectrum-ClearButton_e2d99e.is-disabled_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-clearbutton-medium-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}.spectrum-Button--cta_e2d99e{background-color:var(--spectrum-button-cta-background-color,var(--spectrum-semantic-cta-color-background-default));border-color:var(--spectrum-button-cta-border-color,var(--spectrum-semantic-cta-color-background-default));color:var(--spectrum-button-cta-text-color,var(--spectrum-global-color-static-white))}.spectrum-Button--cta_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-button-cta-background-color-hover,var(--spectrum-semantic-cta-color-background-hover));border-color:var(--spectrum-button-cta-border-color-hover,var(--spectrum-semantic-cta-color-background-hover));color:var(--spectrum-button-cta-text-color-hover,var(--spectrum-global-color-static-white))}.spectrum-Button--cta_e2d99e.focus-ring_e2d99e{background-color:var(--spectrum-button-cta-background-color-key-focus,var(--spectrum-semantic-cta-color-background-hover));border-color:var(--spectrum-button-cta-border-color-key-focus,var(--spectrum-semantic-cta-color-background-hover));color:var(--spectrum-button-cta-text-color-key-focus,var(--spectrum-global-color-static-white))}.spectrum-Button--cta_e2d99e.is-active_e2d99e{background-color:var(--spectrum-button-cta-background-color-down,var(--spectrum-semantic-cta-color-background-down));border-color:var(--spectrum-button-cta-border-color-down,var(--spectrum-semantic-cta-color-background-down));color:var(--spectrum-button-cta-text-color-down,var(--spectrum-global-color-static-white))}.spectrum-Button--cta_e2d99e:disabled,.spectrum-Button--cta_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-button-cta-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-cta-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-cta-text-color-disabled,var(--spectrum-global-color-gray-500))}.spectrum-Button--primary_e2d99e{background-color:var(--spectrum-button-primary-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-primary-border-color,var(--spectrum-global-color-gray-800));color:var(--spectrum-button-primary-text-color,var(--spectrum-global-color-gray-800))}.spectrum-Button--primary_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-button-primary-background-color-hover,var(--spectrum-global-color-gray-800));border-color:var(--spectrum-button-primary-border-color-hover,var(--spectrum-global-color-gray-800));color:var(--spectrum-button-primary-text-color-hover,var(--spectrum-global-color-gray-50))}.spectrum-Button--primary_e2d99e.focus-ring_e2d99e{background-color:var(--spectrum-button-primary-background-color-key-focus,var(--spectrum-global-color-gray-800));border-color:var(--spectrum-button-primary-border-color-key-focus,var(--spectrum-global-color-gray-800));color:var(--spectrum-button-primary-text-color-key-focus,var(--spectrum-global-color-gray-50))}.spectrum-Button--primary_e2d99e.is-active_e2d99e{background-color:var(--spectrum-button-primary-background-color-down,var(--spectrum-global-color-gray-900));border-color:var(--spectrum-button-primary-border-color-down,var(--spectrum-global-color-gray-900));color:var(--spectrum-button-primary-text-color-down,var(--spectrum-global-color-gray-50))}.spectrum-Button--primary_e2d99e:disabled,.spectrum-Button--primary_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-button-primary-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-primary-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-primary-text-color-disabled,var(--spectrum-global-color-gray-500))}.spectrum-Button--secondary_e2d99e{background-color:var(--spectrum-button-secondary-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-secondary-border-color,var(--spectrum-global-color-gray-700));color:var(--spectrum-button-secondary-text-color,var(--spectrum-global-color-gray-700))}.spectrum-Button--secondary_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-button-secondary-background-color-hover,var(--spectrum-global-color-gray-700));border-color:var(--spectrum-button-secondary-border-color-hover,var(--spectrum-global-color-gray-700));color:var(--spectrum-button-secondary-text-color-hover,var(--spectrum-global-color-gray-50))}.spectrum-Button--secondary_e2d99e.focus-ring_e2d99e{background-color:var(--spectrum-button-secondary-background-color-key-focus,var(--spectrum-global-color-gray-700));border-color:var(--spectrum-button-secondary-border-color-key-focus,var(--spectrum-global-color-gray-700));color:var(--spectrum-button-secondary-text-color-key-focus,var(--spectrum-global-color-gray-50))}.spectrum-Button--secondary_e2d99e.is-active_e2d99e{background-color:var(--spectrum-button-secondary-background-color-down,var(--spectrum-global-color-gray-800));border-color:var(--spectrum-button-secondary-border-color-down,var(--spectrum-global-color-gray-800));color:var(--spectrum-button-secondary-text-color-down,var(--spectrum-global-color-gray-50))}.spectrum-Button--secondary_e2d99e:disabled,.spectrum-Button--secondary_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-button-secondary-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-secondary-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-secondary-text-color-disabled,var(--spectrum-global-color-gray-500))}.spectrum-Button--warning_e2d99e{background-color:var(--spectrum-button-warning-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-warning-border-color,var(--spectrum-semantic-negative-color-text-small));color:var(--spectrum-button-warning-text-color,var(--spectrum-semantic-negative-color-text-small))}.spectrum-Button--warning_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-button-warning-background-color-hover,var(--spectrum-semantic-negative-color-text-small));border-color:var(--spectrum-button-warning-border-color-hover,var(--spectrum-semantic-negative-color-text-small));color:var(--spectrum-button-warning-text-color-hover,var(--spectrum-global-color-gray-50))}.spectrum-Button--warning_e2d99e.focus-ring_e2d99e{background-color:var(--spectrum-button-warning-background-color-key-focus,var(--spectrum-semantic-negative-color-text-small));border-color:var(--spectrum-button-warning-border-color-key-focus,var(--spectrum-semantic-negative-color-text-small));color:var(--spectrum-button-warning-text-color-key-focus,var(--spectrum-global-color-gray-50))}.spectrum-Button--warning_e2d99e.is-active_e2d99e{background-color:var(--spectrum-button-warning-background-color-down,var(--spectrum-global-color-red-700));border-color:var(--spectrum-button-warning-border-color-down,var(--spectrum-global-color-red-700));color:var(--spectrum-button-warning-text-color-down,var(--spectrum-global-color-gray-50))}.spectrum-Button--warning_e2d99e:disabled,.spectrum-Button--warning_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-button-warning-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-warning-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-warning-text-color-disabled,var(--spectrum-global-color-gray-500))}.spectrum-Button--overBackground_e2d99e{background-color:var(--spectrum-button-over-background-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-over-background-border-color,var(--spectrum-global-color-static-white));color:var(--spectrum-button-over-background-text-color,var(--spectrum-global-color-static-white))}.spectrum-Button--overBackground_e2d99e.is-hovered_e2d99e,.spectrum-Button--overBackground_e2d99e.focus-ring_e2d99e{background-color:var(--spectrum-button-over-background-background-color-hover,var(--spectrum-global-color-static-white));border-color:var(--spectrum-button-over-background-border-color-hover,var(--spectrum-global-color-static-white));color:inherit}.spectrum-Button--overBackground_e2d99e.focus-ring_e2d99e:after{box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25))var(--spectrum-button-over-background-border-color-key-focus,var(--spectrum-global-color-static-white))}.spectrum-Button--overBackground_e2d99e.is-active_e2d99e{background-color:var(--spectrum-button-over-background-background-color-down,var(--spectrum-global-color-static-white));border-color:var(--spectrum-button-over-background-border-color-down,var(--spectrum-global-color-static-white));color:inherit}.spectrum-Button--overBackground_e2d99e:disabled,.spectrum-Button--overBackground_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-button-over-background-background-color-disabled,#ffffff1a);border-color:var(--spectrum-button-over-background-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-over-background-text-color-disabled,#ffffff59)}.spectrum-Button--overBackground_e2d99e.spectrum-Button--quiet_e2d99e,.spectrum-ClearButton--overBackground_e2d99e{background-color:var(--spectrum-button-quiet-over-background-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-over-background-border-color,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-text-color,var(--spectrum-global-color-static-white))}.spectrum-Button--overBackground_e2d99e.spectrum-Button--quiet_e2d99e.is-hovered_e2d99e,.spectrum-ClearButton--overBackground_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-button-quiet-over-background-background-color-hover,#ffffff1a);border-color:var(--spectrum-button-quiet-over-background-border-color-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-text-color-hover,var(--spectrum-global-color-static-white))}.spectrum-Button--overBackground_e2d99e.spectrum-Button--quiet_e2d99e.focus-ring_e2d99e,.spectrum-ClearButton--overBackground_e2d99e.focus-ring_e2d99e{background-color:var(--spectrum-button-quiet-over-background-background-color-hover,#ffffff1a);border-color:var(--spectrum-button-quiet-over-background-border-color-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-text-color-hover,var(--spectrum-global-color-static-white));box-shadow:none}.spectrum-Button--overBackground_e2d99e.spectrum-Button--quiet_e2d99e.focus-ring_e2d99e:after,.spectrum-ClearButton--overBackground_e2d99e.focus-ring_e2d99e:after{box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25))var(--spectrum-button-over-background-border-color-key-focus,var(--spectrum-global-color-static-white))}.spectrum-Button--overBackground_e2d99e.spectrum-Button--quiet_e2d99e.is-active_e2d99e,.spectrum-ClearButton--overBackground_e2d99e.is-active_e2d99e{background-color:var(--spectrum-button-quiet-over-background-background-color-down,#ffffff26);border-color:var(--spectrum-button-quiet-over-background-border-color-down,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-text-color-down,var(--spectrum-global-color-static-white))}.spectrum-Button--overBackground_e2d99e.spectrum-Button--quiet_e2d99e:disabled,.spectrum-Button--overBackground_e2d99e.spectrum-Button--quiet_e2d99e.is-disabled_e2d99e,.spectrum-ClearButton--overBackground_e2d99e:disabled,.spectrum-ClearButton--overBackground_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-button-quiet-over-background-background-color-disabled,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-over-background-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-text-color-disabled,#ffffff26)}.spectrum-Button--primary_e2d99e.spectrum-Button--quiet_e2d99e{background-color:var(--spectrum-button-quiet-primary-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-primary-border-color,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-primary-text-color,var(--spectrum-global-color-gray-800))}.spectrum-Button--primary_e2d99e.spectrum-Button--quiet_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-button-quiet-primary-background-color-hover,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-quiet-primary-border-color-hover,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-quiet-primary-text-color-hover,var(--spectrum-global-color-gray-900))}.spectrum-Button--primary_e2d99e.spectrum-Button--quiet_e2d99e.focus-ring_e2d99e{background-color:var(--spectrum-button-quiet-primary-background-color-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-quiet-primary-border-color-key-focus,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-quiet-primary-text-color-key-focus,var(--spectrum-global-color-gray-900))}.spectrum-Button--primary_e2d99e.spectrum-Button--quiet_e2d99e.is-active_e2d99e{background-color:var(--spectrum-button-quiet-primary-background-color-down,var(--spectrum-global-color-gray-300));border-color:var(--spectrum-button-quiet-primary-border-color-down,var(--spectrum-global-color-gray-300));color:var(--spectrum-button-quiet-primary-text-color-down,var(--spectrum-global-color-gray-900))}.spectrum-Button--primary_e2d99e.spectrum-Button--quiet_e2d99e:disabled,.spectrum-Button--primary_e2d99e.spectrum-Button--quiet_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-button-quiet-primary-background-color-disabled,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-primary-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-primary-text-color-disabled,var(--spectrum-global-color-gray-500))}.spectrum-Button--secondary_e2d99e.spectrum-Button--quiet_e2d99e{background-color:var(--spectrum-button-quiet-secondary-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-secondary-border-color,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-secondary-text-color,var(--spectrum-global-color-gray-700))}.spectrum-Button--secondary_e2d99e.spectrum-Button--quiet_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-button-quiet-secondary-background-color-hover,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-quiet-secondary-border-color-hover,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-quiet-secondary-text-color-hover,var(--spectrum-global-color-gray-800))}.spectrum-Button--secondary_e2d99e.spectrum-Button--quiet_e2d99e.focus-ring_e2d99e{background-color:var(--spectrum-button-quiet-secondary-background-color-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-quiet-secondary-border-color-key-focus,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-quiet-secondary-text-color-key-focus,var(--spectrum-global-color-gray-800))}.spectrum-Button--secondary_e2d99e.spectrum-Button--quiet_e2d99e.is-active_e2d99e{background-color:var(--spectrum-button-quiet-secondary-background-color-down,var(--spectrum-global-color-gray-300));border-color:var(--spectrum-button-quiet-secondary-border-color-down,var(--spectrum-global-color-gray-300));color:var(--spectrum-button-quiet-secondary-text-color-down,var(--spectrum-global-color-gray-800))}.spectrum-Button--secondary_e2d99e.spectrum-Button--quiet_e2d99e:disabled,.spectrum-Button--secondary_e2d99e.spectrum-Button--quiet_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-button-quiet-secondary-background-color-disabled,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-secondary-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-secondary-text-color-disabled,var(--spectrum-global-color-gray-500))}.spectrum-ActionButton_e2d99e{background-color:var(--spectrum-actionbutton-background-color,var(--spectrum-global-color-gray-75));border-color:var(--spectrum-actionbutton-border-color,var(--spectrum-alias-border-color));color:var(--spectrum-actionbutton-text-color,var(--spectrum-alias-text-color))}.spectrum-ActionButton_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-icon-color,var(--spectrum-alias-icon-color))}.spectrum-ActionButton_e2d99e .spectrum-ActionButton-hold_e2d99e{fill:var(--spectrum-actionbutton-hold-icon-color,var(--spectrum-alias-icon-color))}.spectrum-ActionButton_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-actionbutton-background-color-hover,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-actionbutton-border-color-hover,var(--spectrum-alias-border-color-hover));color:var(--spectrum-actionbutton-text-color-hover,var(--spectrum-alias-text-color-hover))}.spectrum-ActionButton_e2d99e.is-hovered_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-icon-color-hover,var(--spectrum-alias-icon-color-hover))}.spectrum-ActionButton_e2d99e.is-hovered_e2d99e .spectrum-ActionButton-hold_e2d99e{fill:var(--spectrum-actionbutton-hold-icon-color-hover,var(--spectrum-alias-icon-color-hover))}.spectrum-ActionButton_e2d99e.focus-ring_e2d99e{background-color:var(--spectrum-actionbutton-background-color-key-focus,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-actionbutton-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 0 0 var(--spectrum-button-primary-border-size-increase-key-focus,1px)var(--spectrum-actionbutton-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-text-color-key-focus,var(--spectrum-alias-text-color-hover))}.spectrum-ActionButton_e2d99e.focus-ring_e2d99e.is-active_e2d99e{border-color:var(--spectrum-actionbutton-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-ActionButton_e2d99e.focus-ring_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}.spectrum-ActionButton_e2d99e.focus-ring_e2d99e .spectrum-ActionButton-hold_e2d99e{fill:var(--spectrum-actionbutton-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover))}.spectrum-ActionButton_e2d99e.is-active_e2d99e{background-color:var(--spectrum-actionbutton-background-color-down,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-border-color-down,var(--spectrum-alias-border-color-down));color:var(--spectrum-actionbutton-text-color-down,var(--spectrum-alias-text-color-down))}.spectrum-ActionButton_e2d99e.is-active_e2d99e .spectrum-ActionButton-hold_e2d99e{fill:var(--spectrum-actionbutton-hold-icon-color-down,var(--spectrum-alias-icon-color-down))}.spectrum-ActionButton_e2d99e:disabled,.spectrum-ActionButton_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-actionbutton-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-border-color-disabled,var(--spectrum-alias-border-color-disabled));color:var(--spectrum-actionbutton-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-ActionButton_e2d99e:disabled .spectrum-Icon_e2d99e,.spectrum-ActionButton_e2d99e.is-disabled_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}.spectrum-ActionButton_e2d99e:disabled .spectrum-ActionButton-hold_e2d99e,.spectrum-ActionButton_e2d99e.is-disabled_e2d99e .spectrum-ActionButton-hold_e2d99e{fill:var(--spectrum-actionbutton-hold-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}.spectrum-ActionButton_e2d99e.is-selected_e2d99e{background-color:var(--spectrum-actionbutton-background-color-selected,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-border-color-selected,var(--spectrum-alias-border-color));color:var(--spectrum-actionbutton-text-color-selected,var(--spectrum-alias-text-color))}.spectrum-ActionButton_e2d99e.is-selected_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-icon-color-selected,var(--spectrum-alias-icon-color))}.spectrum-ActionButton_e2d99e.is-selected_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-actionbutton-background-color-selected-hover,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-border-color-selected-hover,var(--spectrum-alias-border-color-hover));color:var(--spectrum-actionbutton-text-color-selected-hover,var(--spectrum-alias-text-color-hover))}.spectrum-ActionButton_e2d99e.is-selected_e2d99e.is-hovered_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-icon-color-selected-hover,var(--spectrum-alias-icon-color-hover))}.spectrum-ActionButton_e2d99e.is-selected_e2d99e.focus-ring_e2d99e{background-color:var(--spectrum-actionbutton-background-color-selected-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-border-color-selected-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover))}.spectrum-ActionButton_e2d99e.is-selected_e2d99e.focus-ring_e2d99e.is-active_e2d99e{border-color:var(--spectrum-actionbutton-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-ActionButton_e2d99e.is-selected_e2d99e.focus-ring_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-icon-color-selected-key-focus,var(--spectrum-alias-icon-color-hover))}.spectrum-ActionButton_e2d99e.is-selected_e2d99e.is-active_e2d99e{background-color:var(--spectrum-actionbutton-background-color-selected-down,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-border-color-selected-down,var(--spectrum-alias-border-color-down));color:var(--spectrum-actionbutton-text-color-selected-down,var(--spectrum-alias-text-color-down))}.spectrum-ActionButton_e2d99e.is-selected_e2d99e.is-active_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-icon-color-selected-down,var(--spectrum-alias-icon-color-down))}.spectrum-ActionButton_e2d99e.is-selected_e2d99e:disabled,.spectrum-ActionButton_e2d99e.is-selected_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-actionbutton-background-color-selected-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-border-color-selected-disabled,var(--spectrum-alias-border-color-disabled));color:var(--spectrum-actionbutton-text-color-selected-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-ActionButton_e2d99e.is-selected_e2d99e:disabled .spectrum-Icon_e2d99e,.spectrum-ActionButton_e2d99e.is-selected_e2d99e.is-disabled_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-icon-color-selected-disabled,var(--spectrum-alias-icon-color-disabled))}.spectrum-ActionButton--emphasized_e2d99e{background-color:var(--spectrum-actionbutton-emphasized-background-color,var(--spectrum-global-color-gray-75));border-color:var(--spectrum-actionbutton-emphasized-border-color,var(--spectrum-alias-border-color));color:var(--spectrum-actionbutton-emphasized-text-color,var(--spectrum-alias-text-color))}.spectrum-ActionButton--emphasized_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-emphasized-icon-color,var(--spectrum-alias-icon-color))}.spectrum-ActionButton--emphasized_e2d99e .spectrum-ActionButton-hold_e2d99e{fill:var(--spectrum-actionbutton-emphasized-hold-icon-color,var(--spectrum-alias-icon-color))}.spectrum-ActionButton--emphasized_e2d99e.is-selected_e2d99e .spectrum-ActionButton-hold_e2d99e{fill:var(--spectrum-actionbutton-emphasized-hold-icon-color-selected,var(--spectrum-global-color-static-white))}.spectrum-ActionButton--emphasized_e2d99e.is-selected_e2d99e.is-hovered_e2d99e .spectrum-ActionButton-hold_e2d99e{fill:var(--spectrum-actionbutton-emphasized-text-color-selected-hover,var(--spectrum-global-color-static-white))}.spectrum-ActionButton--emphasized_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-actionbutton-emphasized-background-color-hover,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-actionbutton-emphasized-border-color-hover,var(--spectrum-alias-border-color-hover));box-shadow:none;color:var(--spectrum-actionbutton-emphasized-text-color-hover,var(--spectrum-alias-text-color-hover))}.spectrum-ActionButton--emphasized_e2d99e.is-hovered_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-emphasized-icon-color-hover,var(--spectrum-alias-icon-color-hover))}.spectrum-ActionButton--emphasized_e2d99e.is-hovered_e2d99e .spectrum-ActionButton-hold_e2d99e{fill:var(--spectrum-actionbutton-emphasized-hold-icon-color-hover,var(--spectrum-alias-icon-color-hover))}.spectrum-ActionButton--emphasized_e2d99e.focus-ring_e2d99e{background-color:var(--spectrum-actionbutton-emphasized-background-color-key-focus,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-actionbutton-emphasized-border-color,var(--spectrum-alias-border-color));box-shadow:none;color:var(--spectrum-actionbutton-emphasized-text-color-key-focus,var(--spectrum-alias-text-color-hover))}.spectrum-ActionButton--emphasized_e2d99e.focus-ring_e2d99e.is-active_e2d99e{border-color:var(--spectrum-actionbutton-emphasized-border-color-down,var(--spectrum-alias-border-color-down))}.spectrum-ActionButton--emphasized_e2d99e.focus-ring_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-emphasized-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}.spectrum-ActionButton--emphasized_e2d99e.focus-ring_e2d99e .spectrum-ActionButton-hold_e2d99e{fill:var(--spectrum-actionbutton-emphasized-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover))}.spectrum-ActionButton--emphasized_e2d99e.is-active_e2d99e{background-color:var(--spectrum-actionbutton-emphasized-background-color-down,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-emphasized-border-color-down,var(--spectrum-alias-border-color-down));color:var(--spectrum-actionbutton-emphasized-text-color-down,var(--spectrum-alias-text-color-down))}.spectrum-ActionButton--emphasized_e2d99e.is-active_e2d99e .spectrum-ActionButton-hold_e2d99e{fill:var(--spectrum-actionbutton-emphasized-hold-icon-color-down,var(--spectrum-alias-icon-color-down))}.spectrum-ActionButton--emphasized_e2d99e:disabled,.spectrum-ActionButton--emphasized_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-actionbutton-emphasized-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-emphasized-border-color-disabled,var(--spectrum-alias-border-color-disabled));color:var(--spectrum-actionbutton-emphasized-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-ActionButton--emphasized_e2d99e:disabled .spectrum-Icon_e2d99e,.spectrum-ActionButton--emphasized_e2d99e.is-disabled_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-emphasized-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}.spectrum-ActionButton--emphasized_e2d99e:disabled .spectrum-ActionButton-hold_e2d99e,.spectrum-ActionButton--emphasized_e2d99e.is-disabled_e2d99e .spectrum-ActionButton-hold_e2d99e{fill:var(--spectrum-actionbutton-emphasized-hold-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}.spectrum-ActionButton--emphasized_e2d99e.spectrum-ActionButton--quiet_e2d99e.focus-ring_e2d99e{border-color:var(--spectrum-actionbutton-quiet-border-color,var(--spectrum-alias-border-color-transparent));box-shadow:none}.spectrum-ActionButton--emphasized_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e,.spectrum-ActionButton--emphasized_e2d99e.is-selected_e2d99e{background-color:var(--spectrum-actionbutton-emphasized-background-color-selected,var(--spectrum-semantic-cta-color-background-default));border-color:var(--spectrum-actionbutton-emphasized-border-color-selected,var(--spectrum-semantic-cta-color-background-default));color:var(--spectrum-actionbutton-emphasized-text-color-selected,var(--spectrum-global-color-static-white))}.spectrum-ActionButton--emphasized_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e .spectrum-Icon_e2d99e,.spectrum-ActionButton--emphasized_e2d99e.is-selected_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-emphasized-icon-color-selected,var(--spectrum-global-color-static-white))}.spectrum-ActionButton--emphasized_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.focus-ring_e2d99e,.spectrum-ActionButton--emphasized_e2d99e.is-selected_e2d99e.focus-ring_e2d99e{background-color:var(--spectrum-actionbutton-emphasized-background-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus));border-color:var(--spectrum-actionbutton-emphasized-border-color-selected,var(--spectrum-semantic-cta-color-background-default));box-shadow:none;color:var(--spectrum-actionbutton-emphasized-text-color-selected-key-focus,var(--spectrum-global-color-static-white))}.spectrum-ActionButton--emphasized_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.focus-ring_e2d99e.is-active_e2d99e,.spectrum-ActionButton--emphasized_e2d99e.is-selected_e2d99e.focus-ring_e2d99e.is-active_e2d99e{border-color:var(--spectrum-actionbutton-emphasized-border-color-selected-down,var(--spectrum-semantic-cta-color-background-down))}.spectrum-ActionButton--emphasized_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.focus-ring_e2d99e .spectrum-Icon_e2d99e,.spectrum-ActionButton--emphasized_e2d99e.is-selected_e2d99e.focus-ring_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-emphasized-icon-color-selected-key-focus,var(--spectrum-global-color-static-white))}.spectrum-ActionButton--emphasized_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.is-hovered_e2d99e,.spectrum-ActionButton--emphasized_e2d99e.is-selected_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-actionbutton-emphasized-background-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover));border-color:var(--spectrum-actionbutton-emphasized-border-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover));color:var(--spectrum-actionbutton-emphasized-text-color-selected-hover,var(--spectrum-global-color-static-white))}.spectrum-ActionButton--emphasized_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.is-hovered_e2d99e .spectrum-Icon_e2d99e,.spectrum-ActionButton--emphasized_e2d99e.is-selected_e2d99e.is-hovered_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-emphasized-icon-color-selected-hover,var(--spectrum-global-color-static-white))}.spectrum-ActionButton--emphasized_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.is-active_e2d99e,.spectrum-ActionButton--emphasized_e2d99e.is-selected_e2d99e.is-active_e2d99e{background-color:var(--spectrum-actionbutton-emphasized-background-color-selected-down,var(--spectrum-semantic-cta-color-background-down));border-color:var(--spectrum-actionbutton-emphasized-border-color-selected-down,var(--spectrum-semantic-cta-color-background-down));color:var(--spectrum-actionbutton-emphasized-text-color-selected-down,var(--spectrum-global-color-static-white))}.spectrum-ActionButton--emphasized_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.is-active_e2d99e .spectrum-Icon_e2d99e,.spectrum-ActionButton--emphasized_e2d99e.is-selected_e2d99e.is-active_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-emphasized-icon-color-selected-down,var(--spectrum-global-color-static-white))}.spectrum-ActionButton--emphasized_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e:disabled,.spectrum-ActionButton--emphasized_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.is-disabled_e2d99e,.spectrum-ActionButton--emphasized_e2d99e.is-selected_e2d99e:disabled,.spectrum-ActionButton--emphasized_e2d99e.is-selected_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-actionbutton-emphasized-background-color-selected-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-emphasized-border-color-selected-disabled,var(--spectrum-alias-border-color-disabled));color:var(--spectrum-actionbutton-emphasized-text-color-selected-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-ActionButton--emphasized_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e:disabled .spectrum-Icon_e2d99e,.spectrum-ActionButton--emphasized_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.is-disabled_e2d99e .spectrum-Icon_e2d99e,.spectrum-ActionButton--emphasized_e2d99e.is-selected_e2d99e:disabled .spectrum-Icon_e2d99e,.spectrum-ActionButton--emphasized_e2d99e.is-selected_e2d99e.is-disabled_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-emphasized-icon-color-selected-disabled,var(--spectrum-alias-icon-color-disabled))}.spectrum-ActionButton--quiet_e2d99e{background-color:var(--spectrum-actionbutton-quiet-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-actionbutton-quiet-border-color,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-quiet-text-color,var(--spectrum-alias-text-color))}.spectrum-ActionButton--quiet_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-actionbutton-quiet-background-color-hover,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-actionbutton-quiet-border-color-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-quiet-text-color-hover,var(--spectrum-alias-text-color-hover))}.spectrum-ActionButton--quiet_e2d99e.focus-ring_e2d99e{background-color:var(--spectrum-actionbutton-quiet-background-color-key-focus,var(--spectrum-alias-background-color-transparent));box-shadow:0 0 0 1px var(--spectrum-actionbutton-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus));border-color:var(--spectrum-actionbutton-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-quiet-text-color-key-focus,var(--spectrum-alias-text-color-hover))}.spectrum-ActionButton--quiet_e2d99e.is-active_e2d99e{background-color:var(--spectrum-actionbutton-quiet-background-color-down,var(--spectrum-global-color-gray-300));border-color:var(--spectrum-actionbutton-quiet-border-color-down,var(--spectrum-global-color-gray-300));color:var(--spectrum-actionbutton-quiet-text-color-down,var(--spectrum-alias-text-color-down))}.spectrum-ActionButton--quiet_e2d99e:disabled,.spectrum-ActionButton--quiet_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-actionbutton-quiet-background-color-disabled,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-actionbutton-quiet-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-quiet-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e{background-color:var(--spectrum-actionbutton-quiet-background-color-selected,var(--spectrum-global-color-gray-300));border-color:var(--spectrum-actionbutton-quiet-border-color-selected,var(--spectrum-alias-border-color));color:var(--spectrum-actionbutton-quiet-text-color-selected,var(--spectrum-alias-text-color))}.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-actionbutton-quiet-background-color-selected-hover,var(--spectrum-global-color-gray-300));border-color:var(--spectrum-actionbutton-quiet-border-color-selected-hover,var(--spectrum-alias-border-color-hover));color:var(--spectrum-actionbutton-quiet-text-color-selected-hover,var(--spectrum-alias-text-color-hover))}.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.focus-ring_e2d99e{background-color:var(--spectrum-actionbutton-quiet-background-color-selected-key-focus,var(--spectrum-global-color-gray-300));border-color:var(--spectrum-actionbutton-quiet-border-color-selected-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-quiet-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover))}.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.is-active_e2d99e{background-color:var(--spectrum-actionbutton-quiet-background-color-selected-down,var(--spectrum-global-color-gray-300));border-color:var(--spectrum-actionbutton-quiet-border-color-selected-down,var(--spectrum-alias-border-color-down));color:var(--spectrum-actionbutton-quiet-text-color-selected-down,var(--spectrum-alias-text-color-down))}.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e:disabled,.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-actionbutton-quiet-background-color-selected-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-quiet-border-color-selected-disabled,var(--spectrum-alias-border-color-disabled));color:var(--spectrum-actionbutton-quiet-text-color-selected-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-ActionButton--staticWhite_e2d99e{mix-blend-mode:screen;--spectrum-actionbutton-static-background-color-hover:#ffffff1a;--spectrum-actionbutton-static-background-color-focus:#ffffff1a;--spectrum-actionbutton-static-background-color-active:#fff3;--spectrum-actionbutton-static-border-color:#ffffff4d;--spectrum-actionbutton-static-border-color-hover:white;--spectrum-actionbutton-static-border-color-active:white;--spectrum-actionbutton-static-border-color-focus:white;--spectrum-actionbutton-static-border-disabled:#ffffff26;--spectrum-actionbutton-static-color:white;--spectrum-actionbutton-static-color-selected:black;--spectrum-actionbutton-static-color-disabled:#ffffff26}.spectrum-ActionButton--staticWhite_e2d99e.spectrum-ActionButton--quiet_e2d99e{--spectrum-actionbutton-static-border-color:transparent;--spectrum-actionbutton-static-border-color-hover:transparent;--spectrum-actionbutton-static-border-color-active:transparent}.spectrum-ActionButton--staticBlack_e2d99e{mix-blend-mode:multiply;--spectrum-actionbutton-static-background-color-hover:#0000001a;--spectrum-actionbutton-static-background-color-focus:#0000001a;--spectrum-actionbutton-static-background-color-active:#0003;--spectrum-actionbutton-static-border-color:#0000004d;--spectrum-actionbutton-static-border-color-hover:black;--spectrum-actionbutton-static-border-color-active:black;--spectrum-actionbutton-static-border-color-focus:black;--spectrum-actionbutton-static-border-disabled:#00000026;--spectrum-actionbutton-static-color:black;--spectrum-actionbutton-static-color-selected:white;--spectrum-actionbutton-static-color-disabled:#00000026}.spectrum-ActionButton--staticBlack_e2d99e.spectrum-ActionButton--quiet_e2d99e{--spectrum-actionbutton-static-border-color:transparent;--spectrum-actionbutton-static-border-color-hover:transparent;--spectrum-actionbutton-static-border-color-active:transparent}.spectrum-ActionButton--staticColor_e2d99e{border-color:var(--spectrum-actionbutton-static-border-color);color:var(--spectrum-actionbutton-static-color);background-color:#0000}.spectrum-ActionButton--staticColor_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-static-color)}.spectrum-ActionButton--staticColor_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-actionbutton-static-background-color-hover);border-color:var(--spectrum-actionbutton-static-border-color-hover);color:var(--spectrum-actionbutton-static-color)}.spectrum-ActionButton--staticColor_e2d99e.is-hovered_e2d99e .spectrum-Icon_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.is-hovered_e2d99e .spectrum-ActionButton-hold_e2d99e{fill:var(--spectrum-actionbutton-static-color)}.spectrum-ActionButton--staticColor_e2d99e.focus-ring_e2d99e{background-color:var(--spectrum-actionbutton-static-background-color-focus);border-color:var(--spectrum-actionbutton-static-border-color-focus);box-shadow:none;color:var(--spectrum-actionbutton-static-color)}.spectrum-ActionButton--staticColor_e2d99e.focus-ring_e2d99e.is-hovered_e2d99e{border-color:var(--spectrum-actionbutton-static-border-color-focus)}.spectrum-ActionButton--staticColor_e2d99e.focus-ring_e2d99e.is-active_e2d99e{border-color:var(--spectrum-actionbutton-static-color-focus)}.spectrum-ActionButton--staticColor_e2d99e.focus-ring_e2d99e .spectrum-Icon_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.focus-ring_e2d99e .spectrum-ActionButton-hold_e2d99e{fill:var(--spectrum-actionbutton-static-color)}.spectrum-ActionButton--staticColor_e2d99e.focus-ring_e2d99e:after{box-shadow:0 0 0 var(--spectrum-button-primary-focus-ring-size-key-focus,var(--spectrum-alias-focus-ring-size))var(--spectrum-actionbutton-static-border-color-focus)}.spectrum-ActionButton--staticColor_e2d99e.is-active_e2d99e{background-color:var(--spectrum-actionbutton-static-background-color-active);border-color:var(--spectrum-actionbutton-static-border-color-active);color:var(--spectrum-actionbutton-static-color)}.spectrum-ActionButton--staticColor_e2d99e.is-active_e2d99e .spectrum-ActionButton-hold_e2d99e{fill:var(--spectrum-actionbutton-static-color)}.spectrum-ActionButton--staticColor_e2d99e:disabled,.spectrum-ActionButton--staticColor_e2d99e.is-disabled_e2d99e{border-color:var(--spectrum-actionbutton-static-border-disabled);color:var(--spectrum-actionbutton-static-color-disabled);background-color:#0000}.spectrum-ActionButton--staticColor_e2d99e:disabled .spectrum-Icon_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.is-disabled_e2d99e .spectrum-Icon_e2d99e,.spectrum-ActionButton--staticColor_e2d99e:disabled .spectrum-ActionButton-hold_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.is-disabled_e2d99e .spectrum-ActionButton-hold_e2d99e{fill:var(--spectrum-actionbutton-static-color-disabled)}.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.is-selected_e2d99e{background-color:var(--spectrum-actionbutton-static-color);border-color:var(--spectrum-actionbutton-static-color);color:var(--spectrum-actionbutton-static-color-selected)}.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e .spectrum-Icon_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.is-selected_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-static-color-selected)}.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.focus-ring_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.is-selected_e2d99e.focus-ring_e2d99e{background-color:var(--spectrum-actionbutton-static-color);border-color:var(--spectrum-actionbutton-static-color);color:var(--spectrum-actionbutton-static-color-selected);box-shadow:none}.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.focus-ring_e2d99e.is-active_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.is-selected_e2d99e.focus-ring_e2d99e.is-active_e2d99e{box-shadow:none;border-color:var(--spectrum-actionbutton-static-color)}.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.focus-ring_e2d99e .spectrum-Icon_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.is-selected_e2d99e.focus-ring_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-static-color-selected)}.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.is-hovered_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.is-active_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.is-selected_e2d99e.is-hovered_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.is-selected_e2d99e.is-active_e2d99e{background-color:var(--spectrum-actionbutton-static-color);border-color:var(--spectrum-actionbutton-static-color);color:var(--spectrum-actionbutton-static-color-selected)}.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.is-hovered_e2d99e .spectrum-Icon_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.is-active_e2d99e .spectrum-Icon_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.is-selected_e2d99e.is-hovered_e2d99e .spectrum-Icon_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.is-selected_e2d99e.is-active_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-static-color-selected)}.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e:disabled,.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.is-disabled_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.is-selected_e2d99e:disabled,.spectrum-ActionButton--staticColor_e2d99e.is-selected_e2d99e.is-disabled_e2d99e{border-color:var(--spectrum-actionbutton-static-border-disabled);color:var(--spectrum-actionbutton-static-color-disabled);background-color:#0000}.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e:disabled .spectrum-Icon_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.is-disabled_e2d99e .spectrum-Icon_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.is-selected_e2d99e:disabled .spectrum-Icon_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.is-selected_e2d99e.is-disabled_e2d99e .spectrum-Icon_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e:disabled .spectrum-ActionButton-hold_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.is-disabled_e2d99e .spectrum-ActionButton-hold_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.is-selected_e2d99e:disabled .spectrum-ActionButton-hold_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.is-selected_e2d99e.is-disabled_e2d99e .spectrum-ActionButton-hold_e2d99e{fill:var(--spectrum-actionbutton-static-color-disabled)}.spectrum-Button--warning_e2d99e.spectrum-Button--quiet_e2d99e{background-color:var(--spectrum-button-quiet-warning-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-warning-border-color,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-warning-text-color,var(--spectrum-semantic-negative-color-text-small))}.spectrum-Button--warning_e2d99e.spectrum-Button--quiet_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-button-quiet-warning-background-color-hover,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-quiet-warning-border-color-hover,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-quiet-warning-text-color-hover,var(--spectrum-global-color-red-700))}.spectrum-Button--warning_e2d99e.spectrum-Button--quiet_e2d99e.focus-ring_e2d99e{background-color:var(--spectrum-button-quiet-warning-background-color-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-quiet-warning-border-color-key-focus,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-quiet-warning-text-color-key-focus,var(--spectrum-global-color-red-700))}.spectrum-Button--warning_e2d99e.spectrum-Button--quiet_e2d99e.is-active_e2d99e{background-color:var(--spectrum-button-quiet-warning-background-color-down,var(--spectrum-global-color-gray-300));border-color:var(--spectrum-button-quiet-warning-border-color-down,var(--spectrum-global-color-gray-300));color:var(--spectrum-button-quiet-warning-text-color-down,var(--spectrum-global-color-red-700))}.spectrum-Button--warning_e2d99e.spectrum-Button--quiet_e2d99e:disabled,.spectrum-Button--warning_e2d99e.spectrum-Button--quiet_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-button-quiet-warning-background-color-disabled,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-warning-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-warning-text-color-disabled,var(--spectrum-global-color-gray-500))}.spectrum-LogicButton--and_e2d99e{background-color:var(--spectrum-logicbutton-and-background-color,var(--spectrum-global-color-blue-500));border-color:var(--spectrum-logicbutton-and-border-color,var(--spectrum-global-color-blue-500));color:var(--spectrum-logicbutton-and-text-color,var(--spectrum-global-color-static-white))}.spectrum-LogicButton--and_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-logicbutton-and-background-color-hover,var(--spectrum-global-color-blue-700));border-color:var(--spectrum-logicbutton-and-border-color-hover,var(--spectrum-global-color-blue-700));color:var(--spectrum-logicbutton-and-text-color,var(--spectrum-global-color-static-white))}.spectrum-LogicButton--and_e2d99e:disabled,.spectrum-LogicButton--and_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-logicbutton-and-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-logicbutton-and-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-logicbutton-and-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-LogicButton--or_e2d99e{background-color:var(--spectrum-logicbutton-or-background-color,var(--spectrum-global-color-magenta-500));border-color:var(--spectrum-logicbutton-or-border-color,var(--spectrum-global-color-magenta-500));color:var(--spectrum-logicbutton-or-text-color,var(--spectrum-global-color-static-white))}.spectrum-LogicButton--or_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-logicbutton-or-background-color-hover,var(--spectrum-global-color-magenta-700));border-color:var(--spectrum-logicbutton-or-border-color-hover,var(--spectrum-global-color-magenta-700));color:var(--spectrum-logicbutton-or-text-color,var(--spectrum-global-color-static-white))}.spectrum-LogicButton--or_e2d99e:disabled,.spectrum-LogicButton--or_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-button-secondary-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-secondary-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-logicbutton-and-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-FieldButton_e2d99e{color:var(--spectrum-fieldbutton-text-color,var(--spectrum-alias-text-color));background-color:var(--spectrum-fieldbutton-background-color,var(--spectrum-global-color-gray-75));border-color:var(--spectrum-fieldbutton-border-color,var(--spectrum-alias-border-color))}.spectrum-FieldButton_e2d99e.is-hovered_e2d99e{color:var(--spectrum-fieldbutton-text-color-hover,var(--spectrum-alias-text-color-hover));background-color:var(--spectrum-fieldbutton-background-color-hover,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-fieldbutton-border-color-hover,var(--spectrum-alias-border-color-hover))}.spectrum-FieldButton_e2d99e.is-active_e2d99e,.spectrum-FieldButton_e2d99e.is-selected_e2d99e{background-color:var(--spectrum-fieldbutton-background-color-down,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-fieldbutton-border-color-down,var(--spectrum-alias-border-color-down))}.spectrum-FieldButton_e2d99e.focus-ring_e2d99e,.spectrum-FieldButton_e2d99e.is-focused_e2d99e{background-color:var(--spectrum-fieldbutton-background-color-key-focus,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-fieldbutton-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 0 0 var(--spectrum-button-primary-border-size-increase-key-focus,1px)var(--spectrum-fieldbutton-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-fieldbutton-text-color-key-focus,var(--spectrum-alias-text-color-hover))}.spectrum-FieldButton_e2d99e.focus-ring_e2d99e.is-placeholder_e2d99e,.spectrum-FieldButton_e2d99e.is-focused_e2d99e.is-placeholder_e2d99e{color:var(--spectrum-fieldbutton-placeholder-text-color-key-focus,var(--spectrum-alias-placeholder-text-color-hover))}.spectrum-FieldButton_e2d99e.spectrum-FieldButton--invalid_e2d99e{border-color:var(--spectrum-fieldbutton-border-color-error,var(--spectrum-global-color-red-500))}.spectrum-FieldButton_e2d99e.spectrum-FieldButton--invalid_e2d99e.is-hovered_e2d99e{border-color:var(--spectrum-fieldbutton-border-color-error-hover,var(--spectrum-global-color-red-600))}.spectrum-FieldButton_e2d99e.spectrum-FieldButton--invalid_e2d99e.is-active_e2d99e,.spectrum-FieldButton_e2d99e.spectrum-FieldButton--invalid_e2d99e.is-selected_e2d99e{border-color:var(--spectrum-fieldbutton-border-color-error-down,var(--spectrum-global-color-red-600))}.spectrum-FieldButton_e2d99e.spectrum-FieldButton--invalid_e2d99e.focus-ring_e2d99e,.spectrum-FieldButton_e2d99e.spectrum-FieldButton--invalid_e2d99e.is-focused_e2d99e{border-color:var(--spectrum-fieldbutton-border-color-error-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 0 0 var(--spectrum-button-primary-border-size-increase-key-focus,1px)var(--spectrum-fieldbutton-border-color-error-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-FieldButton_e2d99e:disabled,.spectrum-FieldButton_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-fieldbutton-background-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-fieldbutton-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-FieldButton_e2d99e:disabled .spectrum-Icon_e2d99e,.spectrum-FieldButton_e2d99e.is-disabled_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-fieldbutton-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}.spectrum-FieldButton--quiet_e2d99e{color:var(--spectrum-fieldbutton-text-color,var(--spectrum-alias-text-color));border-color:var(--spectrum-fieldbutton-quiet-border-color,var(--spectrum-alias-border-color-transparent));background-color:var(--spectrum-fieldbutton-quiet-background-color,var(--spectrum-alias-background-color-transparent))}.spectrum-FieldButton--quiet_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-fieldbutton-quiet-background-color-hover,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-fieldbutton-text-color-hover,var(--spectrum-alias-text-color-hover))}.spectrum-FieldButton--quiet_e2d99e.focus-ring_e2d99e,.spectrum-FieldButton--quiet_e2d99e.is-focused_e2d99e{background-color:var(--spectrum-fieldbutton-quiet-background-color-key-focus,var(--spectrum-alias-background-color-transparent));box-shadow:0 2px 0 0 var(--spectrum-fieldbutton-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-FieldButton--quiet_e2d99e.focus-ring_e2d99e.is-placeholder_e2d99e,.spectrum-FieldButton--quiet_e2d99e.is-focused_e2d99e.is-placeholder_e2d99e{color:var(--spectrum-fieldbutton-quiet-placeholder-text-color-key-focus,var(--spectrum-alias-placeholder-text-color-hover))}.spectrum-FieldButton--quiet_e2d99e.is-active_e2d99e,.spectrum-FieldButton--quiet_e2d99e.is-selected_e2d99e{background-color:var(--spectrum-fieldbutton-quiet-background-color-down,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-fieldbutton-quiet-border-color-down,var(--spectrum-alias-border-color-transparent))}.spectrum-FieldButton--quiet_e2d99e.is-active_e2d99e.focus-ring_e2d99e,.spectrum-FieldButton--quiet_e2d99e.is-active_e2d99e.is-focused_e2d99e,.spectrum-FieldButton--quiet_e2d99e.is-selected_e2d99e.focus-ring_e2d99e,.spectrum-FieldButton--quiet_e2d99e.is-selected_e2d99e.is-focused_e2d99e{background-color:var(--spectrum-fieldbutton-quiet-background-color-key-focus,var(--spectrum-alias-background-color-transparent));box-shadow:0 2px 0 0 var(--spectrum-fieldbutton-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-FieldButton--quiet_e2d99e.spectrum-FieldButton--invalid_e2d99e.focus-ring_e2d99e,.spectrum-FieldButton--quiet_e2d99e.spectrum-FieldButton--invalid_e2d99e.is-focused_e2d99e{box-shadow:0 2px 0 0 var(--spectrum-fieldbutton-border-color-error-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-FieldButton--quiet_e2d99e:disabled,.spectrum-FieldButton--quiet_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-fieldbutton-quiet-background-color-disabled,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-fieldbutton-text-color-disabled,var(--spectrum-alias-text-color-disabled))}@media (forced-colors:active){.spectrum-ActionButton_e2d99e,.spectrum-Button_e2d99e,.spectrum-ClearButton_e2d99e,.spectrum-LogicButton_e2d99e,.spectrum-FieldButton_e2d99e{forced-color-adjust:none;--spectrum-actionbutton-background-color:ButtonFace;--spectrum-actionbutton-background-color-disabled:ButtonFace;--spectrum-actionbutton-background-color-down:ButtonFace;--spectrum-actionbutton-background-color-hover:ButtonFace;--spectrum-actionbutton-background-color-key-focus:ButtonFace;--spectrum-actionbutton-background-color-selected:Highlight;--spectrum-actionbutton-background-color-selected-disabled:ButtonFace;--spectrum-actionbutton-background-color-selected-down:Highlight;--spectrum-actionbutton-background-color-selected-hover:Highlight;--spectrum-actionbutton-background-color-selected-key-focus:Highlight;--spectrum-actionbutton-border-color:ButtonText;--spectrum-actionbutton-border-color-disabled:GrayText;--spectrum-actionbutton-border-color-down:Highlight;--spectrum-actionbutton-border-color-hover:Highlight;--spectrum-actionbutton-border-color-key-focus:CanvasText;--spectrum-actionbutton-border-color-selected:HighlightText;--spectrum-actionbutton-border-color-selected-disabled:GrayText;--spectrum-actionbutton-border-color-selected-down:HighlightText;--spectrum-actionbutton-border-color-selected-hover:HighlightText;--spectrum-actionbutton-border-color-selected-key-focus:CanvasText;--spectrum-actionbutton-emphasized-background-color:ButtonFace;--spectrum-actionbutton-emphasized-background-color-disabled:ButtonFace;--spectrum-actionbutton-emphasized-background-color-down:Highlight;--spectrum-actionbutton-emphasized-background-color-hover:Highlight;--spectrum-actionbutton-emphasized-background-color-key-focus:ButtonFace;--spectrum-actionbutton-emphasized-background-color-selected:Highlight;--spectrum-actionbutton-emphasized-background-color-selected-disabled:ButtonFace;--spectrum-actionbutton-emphasized-background-color-selected-down:Highlight;--spectrum-actionbutton-emphasized-background-color-selected-hover:Highlight;--spectrum-actionbutton-emphasized-background-color-selected-key-focus:Highlight;--spectrum-actionbutton-emphasized-border-color:ButtonText;--spectrum-actionbutton-emphasized-border-color-disabled:GrayText;--spectrum-actionbutton-emphasized-border-color-down:ButtonText;--spectrum-actionbutton-emphasized-border-color-hover:ButtonText;--spectrum-actionbutton-emphasized-border-color-selected:HighlightText;--spectrum-actionbutton-emphasized-border-color-selected-disabled:GrayText;--spectrum-actionbutton-emphasized-border-color-selected-downed:HighlightText;--spectrum-actionbutton-emphasized-border-color-selected-hover:HighlightText;--spectrum-actionbutton-emphasized-hold-icon-color:ButtonText;--spectrum-actionbutton-emphasized-hold-icon-color-disabled:GrayText;--spectrum-actionbutton-emphasized-hold-icon-color-down:HighlightText;--spectrum-actionbutton-emphasized-hold-icon-color-hover:HighlightText;--spectrum-actionbutton-emphasized-hold-icon-color-key-focus:ButtonText;--spectrum-actionbutton-emphasized-hold-icon-color-selected:ButtonFace;--spectrum-actionbutton-emphasized-icon-color:ButtonText;--spectrum-actionbutton-emphasized-icon-color-disabled:GrayText;--spectrum-actionbutton-emphasized-icon-color-hover:HighlightText;--spectrum-actionbutton-emphasized-icon-color-key-focus:ButtonText;--spectrum-actionbutton-emphasized-icon-color-selected:HighlightText;--spectrum-actionbutton-emphasized-icon-color-selected-disabled:GrayText;--spectrum-actionbutton-emphasized-icon-color-selected-down:HighlightText;--spectrum-actionbutton-emphasized-icon-color-selected-hover:HighlightText;--spectrum-actionbutton-emphasized-icon-color-selected-key-focus:HighlightText;--spectrum-actionbutton-emphasized-text-color:ButtonText;--spectrum-actionbutton-emphasized-text-color-disabled:GrayText;--spectrum-actionbutton-emphasized-text-color-down:HighlightText;--spectrum-actionbutton-emphasized-text-color-hover:HighlightText;--spectrum-actionbutton-emphasized-text-color-key-focus:ButtonText;--spectrum-actionbutton-emphasized-text-color-selected:HighlightText;--spectrum-actionbutton-emphasized-text-color-selected-disabled:GrayText;--spectrum-actionbutton-emphasized-text-color-selected-down:HighlightText;--spectrum-actionbutton-emphasized-text-color-selected-hover:HighlightText;--spectrum-actionbutton-emphasized-text-color-selected-key-focus:HighlightText;--spectrum-actionbutton-hold-icon-color:ButtonText;--spectrum-actionbutton-hold-icon-color-disabled:GrayText;--spectrum-actionbutton-hold-icon-color-down:ButtonText;--spectrum-actionbutton-hold-icon-color-hover:ButtonText;--spectrum-actionbutton-hold-icon-color-key-focus:ButtonText;--spectrum-actionbutton-icon-color:ButtonText;--spectrum-actionbutton-icon-color-disabled:GrayText;--spectrum-actionbutton-icon-color-hover:ButtonText;--spectrum-actionbutton-icon-color-key-focus:ButtonText;--spectrum-actionbutton-icon-color-selected:HighlightText;--spectrum-actionbutton-icon-color-selected-disabled:GrayText;--spectrum-actionbutton-icon-color-selected-down:HighlightText;--spectrum-actionbutton-icon-color-selected-hover:HighlightText;--spectrum-actionbutton-icon-color-selected-key-focus:HighlightText;--spectrum-actionbutton-quiet-background-color:ButtonFace;--spectrum-actionbutton-quiet-background-color-disabled:ButtonFace;--spectrum-actionbutton-quiet-background-color-down:ButtonFace;--spectrum-actionbutton-quiet-background-color-hover:ButtonFace;--spectrum-actionbutton-quiet-background-color-key-focus:ButtonFace;--spectrum-actionbutton-quiet-background-color-selected:Highlight;--spectrum-actionbutton-quiet-background-color-selected-disabled:ButtonFace;--spectrum-actionbutton-quiet-background-color-selected-down:Highlight;--spectrum-actionbutton-quiet-background-color-selected-hover:Highlight;--spectrum-actionbutton-quiet-background-color-selected-key-focus:Highlight;--spectrum-actionbutton-quiet-border-color:ButtonFace;--spectrum-actionbutton-quiet-border-color-disabled:ButtonFace;--spectrum-actionbutton-quiet-border-color-down:Highlight;--spectrum-actionbutton-quiet-border-color-hover:Highlight;--spectrum-actionbutton-quiet-border-color-key-focus:CanvasText;--spectrum-actionbutton-quiet-border-color-selected:HighlightText;--spectrum-actionbutton-quiet-border-color-selected-disabled:Canvas;--spectrum-actionbutton-quiet-border-color-selected-down:HighlightText;--spectrum-actionbutton-quiet-border-color-selected-hover:HighlightText;--spectrum-actionbutton-quiet-border-color-selected-key-focus:HighlightText;--spectrum-actionbutton-quiet-text-color:ButtonText;--spectrum-actionbutton-quiet-text-color-disabled:GrayText;--spectrum-actionbutton-quiet-text-color-down:ButtonText;--spectrum-actionbutton-quiet-text-color-hover:ButtonText;--spectrum-actionbutton-quiet-text-color-key-focus:ButtonText;--spectrum-actionbutton-quiet-text-color-selected:HighlightText;--spectrum-actionbutton-quiet-text-color-selected-disabled:GrayText;--spectrum-actionbutton-quiet-text-color-selected-down:HighlightText;--spectrum-actionbutton-quiet-text-color-selected-hover:HighlightText;--spectrum-actionbutton-quiet-text-color-selected-key-focus:HighlightText;--spectrum-actionbutton-static-background-color-active:ButtonFace;--spectrum-actionbutton-static-background-color-focus:ButtonFace;--spectrum-actionbutton-static-background-color-hover:ButtonFace;--spectrum-actionbutton-static-border-color:ButtonText;--spectrum-actionbutton-static-border-color-active:ButtonText;--spectrum-actionbutton-static-border-color-focus:Highlight;--spectrum-actionbutton-static-border-color-hover:ButtonText;--spectrum-actionbutton-static-color:Highlight;--spectrum-actionbutton-static-color-disabled:GrayText;--spectrum-actionbutton-static-color-focus:Highlight;--spectrum-actionbutton-static-color-selected:ButtonFace;--spectrum-actionbutton-text-color:ButtonText;--spectrum-actionbutton-text-color-disabled:GrayText;--spectrum-actionbutton-text-color-down:ButtonText;--spectrum-actionbutton-text-color-hover:ButtonText;--spectrum-actionbutton-text-color-key-focus:ButtonText;--spectrum-actionbutton-text-color-selected:HighlightText;--spectrum-actionbutton-text-color-selected-disabled:GrayText;--spectrum-actionbutton-text-color-selected-down:HighlightText;--spectrum-actionbutton-text-color-selected-hover:HighlightText;--spectrum-actionbutton-text-color-selected-key-focus:HighlightText;--spectrum-button-cta-background-color:ButtonText;--spectrum-button-cta-background-color-disabled:ButtonFace;--spectrum-button-cta-background-color-down:Highlight;--spectrum-button-cta-background-color-hover:Highlight;--spectrum-button-cta-background-color-key-focus:Highlight;--spectrum-button-cta-border-color:ButtonFace;--spectrum-button-cta-border-color-disabled:GrayText;--spectrum-button-cta-border-color-down:Highlight;--spectrum-button-cta-border-color-hover:Highlight;--spectrum-button-cta-border-color-key-focus:Highlight;--spectrum-button-cta-text-color:ButtonFace;--spectrum-button-cta-text-color-disabled:GrayText;--spectrum-button-cta-text-color-down:ButtonFace;--spectrum-button-cta-text-color-hover:ButtonFace;--spectrum-button-cta-text-color-key-focus:ButtonFace;--spectrum-button-over-background-background-color:ButtonFace;--spectrum-button-over-background-background-color-disabled:ButtonFace;--spectrum-button-over-background-background-color-down:ButtonFace;--spectrum-button-over-background-background-color-hover:ButtonFace;--spectrum-button-over-background-border-color:ButtonText;--spectrum-button-over-background-border-color-disabled:GrayText;--spectrum-button-over-background-border-color-down:Highlight;--spectrum-button-over-background-border-color-hover:Highlight;--spectrum-button-over-background-border-color-key-focus:Highlight;--spectrum-button-over-background-text-color:ButtonText;--spectrum-button-over-background-text-color-disabled:GrayText;--spectrum-button-primary-background-color:ButtonFace;--spectrum-button-primary-background-color-disabled:ButtonFace;--spectrum-button-primary-background-color-down:ButtonFace;--spectrum-button-primary-background-color-hover:ButtonFace;--spectrum-button-primary-background-color-key-focus:ButtonFace;--spectrum-button-primary-border-color:ButtonText;--spectrum-button-primary-border-color-disabled:GrayText;--spectrum-button-primary-border-color-down:Highlight;--spectrum-button-primary-border-color-hover:Highlight;--spectrum-button-primary-border-color-key-focus:Highlight;--spectrum-button-primary-text-color:ButtonText;--spectrum-button-primary-text-color-disabled:GrayText;--spectrum-button-primary-text-color-down:ButtonText;--spectrum-button-primary-text-color-hover:ButtonText;--spectrum-button-primary-text-color-key-focus:ButtonText;--spectrum-button-quiet-over-background-background-color:ButtonFace;--spectrum-button-quiet-over-background-background-color-disabled:ButtonFace;--spectrum-button-quiet-over-background-background-color-down:ButtonFace;--spectrum-button-quiet-over-background-background-color-hover:ButtonFace;--spectrum-button-quiet-over-background-border-color:ButtonFace;--spectrum-button-quiet-over-background-border-color-disabled:ButtonFace;--spectrum-button-quiet-over-background-border-color-down:Highlight;--spectrum-button-quiet-over-background-border-color-hover:Highlight;--spectrum-button-quiet-over-background-text-color:ButtonText;--spectrum-button-quiet-over-background-text-color-disabled:GrayText;--spectrum-button-quiet-over-background-text-color-down:ButtonText;--spectrum-button-quiet-over-background-text-color-hover:ButtonText;--spectrum-button-quiet-primary-background-color:ButtonFace;--spectrum-button-quiet-primary-background-color-disabled:ButtonFace;--spectrum-button-quiet-primary-background-color-down:ButtonFace;--spectrum-button-quiet-primary-background-color-hover:ButtonFace;--spectrum-button-quiet-primary-background-color-key-focus:ButtonFace;--spectrum-button-quiet-primary-border-color:ButtonFace;--spectrum-button-quiet-primary-border-color-disabled:ButtonFace;--spectrum-button-quiet-primary-border-color-down:Highlight;--spectrum-button-quiet-primary-border-color-hover:Highlight;--spectrum-button-quiet-primary-border-color-key-focus:Highlight;--spectrum-button-quiet-primary-text-color:ButtonText;--spectrum-button-quiet-primary-text-color-disabled:GrayText;--spectrum-button-quiet-primary-text-color-down:ButtonText;--spectrum-button-quiet-primary-text-color-hover:ButtonText;--spectrum-button-quiet-primary-text-color-key-focus:ButtonText;--spectrum-button-quiet-secondary-background-color:ButtonFace;--spectrum-button-quiet-secondary-background-color-disabled:ButtonFace;--spectrum-button-quiet-secondary-background-color-down:ButtonFace;--spectrum-button-quiet-secondary-background-color-hover:ButtonFace;--spectrum-button-quiet-secondary-background-color-key-focus:ButtonFace;--spectrum-button-quiet-secondary-border-color:ButtonFace;--spectrum-button-quiet-secondary-border-color-disabled:ButtonFace;--spectrum-button-quiet-secondary-border-color-down:Highlight;--spectrum-button-quiet-secondary-border-color-hover:Highlight;--spectrum-button-quiet-secondary-border-color-key-focus:Highlight;--spectrum-button-quiet-secondary-text-color:ButtonText;--spectrum-button-quiet-secondary-text-color-disabled:GrayText;--spectrum-button-quiet-secondary-text-color-down:ButtonText;--spectrum-button-quiet-secondary-text-color-hover:ButtonText;--spectrum-button-quiet-secondary-text-color-key-focus:ButtonText;--spectrum-button-quiet-warning-background-color:ButtonFace;--spectrum-button-quiet-warning-background-color-disabled:ButtonFace;--spectrum-button-quiet-warning-background-color-down:ButtonFace;--spectrum-button-quiet-warning-background-color-hover:ButtonFace;--spectrum-button-quiet-warning-background-color-key-focus:ButtonFace;--spectrum-button-quiet-warning-border-color:ButtonFace;--spectrum-button-quiet-warning-border-color-disabled:ButtonFace;--spectrum-button-quiet-warning-border-color-down:Highlight;--spectrum-button-quiet-warning-border-color-hover:Highlight;--spectrum-button-quiet-warning-border-color-key-focus:Highlight;--spectrum-button-quiet-warning-text-color:ButtonText;--spectrum-button-quiet-warning-text-color-disabled:GrayText;--spectrum-button-quiet-warning-text-color-down:ButtonText;--spectrum-button-quiet-warning-text-color-hover:ButtonText;--spectrum-button-quiet-warning-text-color-key-focus:ButtonText;--spectrum-button-secondary-background-color:ButtonFace;--spectrum-button-secondary-background-color-disabled:ButtonFace;--spectrum-button-secondary-background-color-down:ButtonFace;--spectrum-button-secondary-background-color-hover:ButtonFace;--spectrum-button-secondary-background-color-key-focus:ButtonFace;--spectrum-button-secondary-border-color:ButtonText;--spectrum-button-secondary-border-color-disabled:GrayText;--spectrum-button-secondary-border-color-down:Highlight;--spectrum-button-secondary-border-color-hover:Highlight;--spectrum-button-secondary-border-color-key-focus:Highlight;--spectrum-button-secondary-text-color:ButtonText;--spectrum-button-secondary-text-color-disabled:GrayText;--spectrum-button-secondary-text-color-down:ButtonText;--spectrum-button-secondary-text-color-hover:ButtonText;--spectrum-button-secondary-text-color-key-focus:ButtonText;--spectrum-button-warning-background-color:ButtonFace;--spectrum-button-warning-background-color-disabled:ButtonFace;--spectrum-button-warning-background-color-down:ButtonFace;--spectrum-button-warning-background-color-hover:ButtonFace;--spectrum-button-warning-background-color-key-focus:ButtonFace;--spectrum-button-warning-border-color:ButtonText;--spectrum-button-warning-border-color-disabled:GrayText;--spectrum-button-warning-border-color-down:Highlight;--spectrum-button-warning-border-color-hover:Highlight;--spectrum-button-warning-border-color-key-focus:Highlight;--spectrum-button-warning-text-color:ButtonText;--spectrum-button-warning-text-color-disabled:GrayText;--spectrum-button-warning-text-color-down:ButtonText;--spectrum-button-warning-text-color-hover:ButtonText;--spectrum-button-warning-text-color-key-focus:ButtonText;--spectrum-clearbutton-medium-background-color:ButtonFace;--spectrum-clearbutton-medium-background-color-disabled:ButtonFace;--spectrum-clearbutton-medium-background-color-down:ButtonFace;--spectrum-clearbutton-medium-background-color-hover:ButtonFace;--spectrum-clearbutton-medium-background-color-key-focus:ButtonFace;--spectrum-clearbutton-medium-icon-color:ButtonText;--spectrum-clearbutton-medium-icon-color-disabled:GrayText;--spectrum-clearbutton-medium-icon-color-down:Highlight;--spectrum-clearbutton-medium-icon-color-hover:Highlight;--spectrum-clearbutton-medium-icon-color-key-focus:Highlight;--spectrum-fieldbutton-background-color:ButtonFace;--spectrum-fieldbutton-background-color-disabled:ButtonFace;--spectrum-fieldbutton-background-color-down:ButtonFace;--spectrum-fieldbutton-background-color-hover:ButtonFace;--spectrum-fieldbutton-background-color-key-focus:ButtonFace;--spectrum-fieldbutton-border-color:ButtonText;--spectrum-fieldbutton-border-color-down:Highlight;--spectrum-fieldbutton-border-color-error:ButtonText;--spectrum-fieldbutton-border-color-error-down:Highlight;--spectrum-fieldbutton-border-color-error-hover:Highlight;--spectrum-fieldbutton-border-color-error-key-focus:Highlight;--spectrum-fieldbutton-border-color-hover:Highlight;--spectrum-fieldbutton-border-color-key-focus:Highlight;--spectrum-fieldbutton-icon-color-disabled:GrayText;--spectrum-fieldbutton-placeholder-text-color-key-focus:ButtonText;--spectrum-fieldbutton-quiet-background-color:ButtonFace;--spectrum-fieldbutton-quiet-background-color-disabled:ButtonFace;--spectrum-fieldbutton-quiet-background-color-down:ButtonFace;--spectrum-fieldbutton-quiet-background-color-hover:ButtonFace;--spectrum-fieldbutton-quiet-background-color-key-focus:ButtonFace;--spectrum-fieldbutton-quiet-border-color:ButtonFace;--spectrum-fieldbutton-quiet-border-color-down:Highlight;--spectrum-fieldbutton-quiet-placeholder-text-color-key-focus:ButtonText;--spectrum-fieldbutton-text-color:ButtonText;--spectrum-fieldbutton-text-color-disabled:GrayText;--spectrum-fieldbutton-text-color-hover:ButtonText;--spectrum-fieldbutton-text-color-key-focus:ButtonText;--spectrum-logicbutton-and-background-color:ButtonFace;--spectrum-logicbutton-and-background-color-disabled:ButtonFace;--spectrum-logicbutton-and-background-color-hover:ButtonFace;--spectrum-logicbutton-and-border-color:ButtonText;--spectrum-logicbutton-and-border-color-disabled:GrayText;--spectrum-logicbutton-and-border-color-hover:Highlight;--spectrum-logicbutton-and-text-color:ButtonText;--spectrum-logicbutton-and-text-color-disabled:GrayText;--spectrum-logicbutton-or-background-color:ButtonFace;--spectrum-logicbutton-or-background-color-hover:ButtonFace;--spectrum-logicbutton-or-border-color:ButtonText;--spectrum-logicbutton-or-border-color-hover:Highlight;--spectrum-logicbutton-or-text-color:ButtonText;--spectrum-button-primary-focus-ring-color-key-focus:CanvasText;--spectrum-button-primary-focus-ring-size-key-focus:3px;--spectrum-dropdown-border-color-key-focus:Highlight}.spectrum-Button--overBackground_e2d99e{--spectrum-button-over-background-color:ButtonText}.spectrum-ActionButton--staticWhite_e2d99e,.spectrum-ActionButton--staticBlack_e2d99e{mix-blend-mode:normal;--spectrum-actionbutton-static-background-color-hover:ButtonFace;--spectrum-actionbutton-static-background-color-focus:ButtonFace;--spectrum-actionbutton-static-background-color-active:ButtonFace;--spectrum-actionbutton-static-border-color:ButtonText;--spectrum-actionbutton-static-border-color-hover:ButtonText;--spectrum-actionbutton-static-border-color-active:ButtonText;--spectrum-actionbutton-static-border-color-focus:CanvasText;--spectrum-actionbutton-static-border-disabled:GrayText;--spectrum-actionbutton-static-color:ButtonText;--spectrum-actionbutton-static-color-selected:HighlightText;--spectrum-actionbutton-static-color-disabled:GrayText}.spectrum-ActionButton--emphasized_e2d99e.spectrum-ActionButton--quiet_e2d99e{--spectrum-actionbutton-emphasized-border-color-selected-disabled:ButtonFace;--spectrum-actionbutton-quiet-background-color-hover:Highlight;--spectrum-actionbutton-quiet-text-color-hover:HighlightText;--spectrum-actionbutton-quiet-background-color-down:Highlight;--spectrum-actionbutton-quiet-text-color-down:HighlightText}.spectrum-ActionButton--emphasized_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-active_e2d99e{--spectrum-actionbutton-emphasized-icon-color-key-focus:HighlightText}.spectrum-FieldButton_e2d99e.focus-ring_e2d99e:not(.spectrum-FieldButton--quiet_e2d99e),.spectrum-FieldButton_e2d99e.is-focused_e2d99e:not(.spectrum-FieldButton--quiet_e2d99e){outline:2px solid Highlight}.spectrum-FieldButton_e2d99e.focus-ring_e2d99e.spectrum-FieldButton--quiet_e2d99e,.spectrum-FieldButton_e2d99e.is-focused_e2d99e.spectrum-FieldButton--quiet_e2d99e{forced-color-adjust:none;box-shadow:0 2px 0 0 var(--spectrum-dropdown-border-color-key-focus,var(--spectrum-alias-border-color-focus))}}
|
1
|
+
.spectrum-Button_e2d99e,.spectrum-ActionButton_e2d99e,.spectrum-LogicButton_e2d99e,.spectrum-FieldButton_e2d99e,.spectrum-ClearButton_e2d99e{font-family:adobe-clean-ux,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Button_e2d99e:lang(ar),.spectrum-ActionButton_e2d99e:lang(ar),.spectrum-LogicButton_e2d99e:lang(ar),.spectrum-FieldButton_e2d99e:lang(ar),.spectrum-ClearButton_e2d99e:lang(ar){font-family:adobe-arabic,myriad-arabic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Button_e2d99e:lang(he),.spectrum-ActionButton_e2d99e:lang(he),.spectrum-LogicButton_e2d99e:lang(he),.spectrum-FieldButton_e2d99e:lang(he),.spectrum-ClearButton_e2d99e:lang(he){font-family:adobe-hebrew,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Button_e2d99e:lang(zh-Hans),.spectrum-ActionButton_e2d99e:lang(zh-Hans),.spectrum-LogicButton_e2d99e:lang(zh-Hans),.spectrum-FieldButton_e2d99e:lang(zh-Hans),.spectrum-ClearButton_e2d99e:lang(zh-Hans),.spectrum-Button_e2d99e:lang(zh),.spectrum-ActionButton_e2d99e:lang(zh),.spectrum-LogicButton_e2d99e:lang(zh),.spectrum-FieldButton_e2d99e:lang(zh),.spectrum-ClearButton_e2d99e:lang(zh){font-family:adobe-clean-han-simplified-c,SimSun,Heiti SC Light,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Button_e2d99e:lang(ko),.spectrum-ActionButton_e2d99e:lang(ko),.spectrum-LogicButton_e2d99e:lang(ko),.spectrum-FieldButton_e2d99e:lang(ko),.spectrum-ClearButton_e2d99e:lang(ko){font-family:adobe-clean-han-korean,Malgun Gothic,Apple Gothic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Button_e2d99e:lang(ja),.spectrum-ActionButton_e2d99e:lang(ja),.spectrum-LogicButton_e2d99e:lang(ja),.spectrum-FieldButton_e2d99e:lang(ja),.spectrum-ClearButton_e2d99e:lang(ja){font-family:adobe-clean-han-japanese,Yu Gothic,メイリオ,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro W3,Osaka,MSPゴシック,MS PGothic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Button_e2d99e,.spectrum-ActionButton_e2d99e,.spectrum-LogicButton_e2d99e,.spectrum-FieldButton_e2d99e,.spectrum-ClearButton_e2d99e{box-sizing:border-box;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:top;transition:background var(--spectrum-global-animation-duration-100,130ms)ease-out,border-color var(--spectrum-global-animation-duration-100,130ms)ease-out,color var(--spectrum-global-animation-duration-100,130ms)ease-out,box-shadow var(--spectrum-global-animation-duration-100,130ms)ease-out;-webkit-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;cursor:default;isolation:isolate;border-style:solid;justify-content:center;align-items:center;margin:0;line-height:1.3;text-decoration:none;display:inline-flex;position:relative;overflow:visible}button.spectrum-Button_e2d99e,button.spectrum-ActionButton_e2d99e,button.spectrum-LogicButton_e2d99e,button.spectrum-FieldButton_e2d99e,button.spectrum-ClearButton_e2d99e{-webkit-appearance:button}.spectrum-Button_e2d99e:focus,.spectrum-ActionButton_e2d99e:focus,.spectrum-LogicButton_e2d99e:focus,.spectrum-FieldButton_e2d99e:focus,.spectrum-ClearButton_e2d99e:focus{outline:0}.spectrum-Button_e2d99e.focus-ring_e2d99e,.spectrum-ActionButton_e2d99e.focus-ring_e2d99e,.spectrum-LogicButton_e2d99e.focus-ring_e2d99e,.spectrum-FieldButton_e2d99e.focus-ring_e2d99e,.spectrum-ClearButton_e2d99e.focus-ring_e2d99e{z-index:3}.spectrum-Button_e2d99e::-moz-focus-inner,.spectrum-ActionButton_e2d99e::-moz-focus-inner,.spectrum-LogicButton_e2d99e::-moz-focus-inner,.spectrum-FieldButton_e2d99e::-moz-focus-inner,.spectrum-ClearButton_e2d99e::-moz-focus-inner{border:0;margin-top:-2px;margin-bottom:-2px;padding:0}.spectrum-Button_e2d99e:disabled,.spectrum-ActionButton_e2d99e:disabled,.spectrum-LogicButton_e2d99e:disabled,.spectrum-FieldButton_e2d99e:disabled,.spectrum-ClearButton_e2d99e:disabled{cursor:default}.spectrum-Button_e2d99e .spectrum-Icon_e2d99e,.spectrum-ActionButton_e2d99e .spectrum-Icon_e2d99e,.spectrum-LogicButton_e2d99e .spectrum-Icon_e2d99e,.spectrum-FieldButton_e2d99e .spectrum-Icon_e2d99e,.spectrum-ClearButton_e2d99e .spectrum-Icon_e2d99e{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_e2d99e:after,.spectrum-ActionButton--emphasized_e2d99e:after,.spectrum-ActionButton--staticColor_e2d99e:after,.spectrum-LogicButton_e2d99e:after,.spectrum-ClearButton_e2d99e:after{border-radius:calc(var(--spectrum-button-primary-border-radius,var(--spectrum-alias-border-radius-large)) + var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25)));content:"";margin:calc(var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25))*-1);transition:box-shadow var(--spectrum-global-animation-duration-100,130ms)ease-out,margin var(--spectrum-global-animation-duration-100,130ms)ease-out;display:block;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(0)}.spectrum-Button_e2d99e.focus-ring_e2d99e:after,.spectrum-ActionButton--emphasized_e2d99e.focus-ring_e2d99e:after,.spectrum-ActionButton--staticColor_e2d99e.focus-ring_e2d99e:after,.spectrum-LogicButton_e2d99e.focus-ring_e2d99e:after,.spectrum-ClearButton_e2d99e.focus-ring_e2d99e:after{margin:calc(var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25))*-2)}.spectrum-Button_e2d99e{border-width:var(--spectrum-button-primary-border-size,var(--spectrum-alias-border-size-thick));border-radius:var(--spectrum-button-primary-border-radius,var(--spectrum-alias-border-radius-large));min-height:var(--spectrum-button-primary-height,var(--spectrum-alias-single-line-height));height:0%;min-width:var(--spectrum-button-primary-min-width);padding:var(--spectrum-global-dimension-size-50)calc(var(--spectrum-button-primary-padding-x,var(--spectrum-global-dimension-size-200)) - var(--spectrum-button-primary-border-size,var(--spectrum-alias-border-size-thick)));padding-bottom:calc(var(--spectrum-global-dimension-size-50) + 1px);padding-top:calc(var(--spectrum-global-dimension-size-50) - 1px);font-size:var(--spectrum-button-primary-text-size,var(--spectrum-alias-pill-button-text-size));font-weight:var(--spectrum-button-primary-text-font-weight,var(--spectrum-global-font-weight-bold));border-style:solid}.spectrum-Button_e2d99e.is-hovered_e2d99e,.spectrum-Button_e2d99e:active{box-shadow:none}[dir=ltr] .spectrum-Button_e2d99e .spectrum-Icon_e2d99e+.spectrum-Button-label_e2d99e{margin-left:var(--spectrum-button-primary-text-gap,var(--spectrum-global-dimension-size-100))}[dir=rtl] .spectrum-Button_e2d99e .spectrum-Icon_e2d99e+.spectrum-Button-label_e2d99e,[dir=ltr] .spectrum-Button_e2d99e .spectrum-Button-label_e2d99e+.spectrum-Icon_e2d99e{margin-right:var(--spectrum-button-primary-text-gap,var(--spectrum-global-dimension-size-100))}[dir=rtl] .spectrum-Button_e2d99e .spectrum-Button-label_e2d99e+.spectrum-Icon_e2d99e{margin-left:var(--spectrum-button-primary-text-gap,var(--spectrum-global-dimension-size-100))}.spectrum-Button_e2d99e.spectrum-Button--iconOnly_e2d99e{min-width:unset;padding:var(--spectrum-global-dimension-size-65)}a.spectrum-Button_e2d99e,a.spectrum-ActionButton_e2d99e{-webkit-appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer}.spectrum-ActionButton_e2d99e{height:var(--spectrum-actionbutton-height,var(--spectrum-alias-single-line-height));min-width:var(--spectrum-actionbutton-min-width,var(--spectrum-global-dimension-size-400));border-width:var(--spectrum-actionbutton-border-size,var(--spectrum-alias-border-size-thin));border-radius:var(--spectrum-actionbutton-border-radius,var(--spectrum-alias-border-radius-regular));font-size:var(--spectrum-actionbutton-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-actionbutton-text-font-weight,var(--spectrum-alias-body-text-font-weight));padding:0;position:relative}[dir=ltr] .spectrum-ActionButton_e2d99e .spectrum-Icon_e2d99e{padding-left:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}[dir=rtl] .spectrum-ActionButton_e2d99e .spectrum-Icon_e2d99e{padding-right:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}[dir=ltr] .spectrum-ActionButton_e2d99e .spectrum-ActionButton-label_e2d99e{padding-right:var(--spectrum-actionbutton-text-padding-x,var(--spectrum-global-dimension-size-150))}[dir=rtl] .spectrum-ActionButton_e2d99e .spectrum-ActionButton-label_e2d99e{padding-left:var(--spectrum-actionbutton-text-padding-x,var(--spectrum-global-dimension-size-150))}[dir=ltr] .spectrum-ActionButton_e2d99e .spectrum-Icon_e2d99e+.spectrum-ActionButton-label_e2d99e{padding-left:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}[dir=rtl] .spectrum-ActionButton_e2d99e .spectrum-Icon_e2d99e+.spectrum-ActionButton-label_e2d99e,[dir=ltr] .spectrum-ActionButton_e2d99e .spectrum-ActionButton-label_e2d99e:not([hidden])+.spectrum-Icon_e2d99e{padding-right:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}[dir=rtl] .spectrum-ActionButton_e2d99e .spectrum-ActionButton-label_e2d99e:not([hidden])+.spectrum-Icon_e2d99e{padding-left:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}[dir=ltr] .spectrum-ActionButton_e2d99e .spectrum-ActionButton-label_e2d99e:only-child,[dir=ltr] .spectrum-ActionButton_e2d99e .spectrum-ActionButton-hold_e2d99e+.spectrum-ActionButton-label_e2d99e:last-child{padding-left:var(--spectrum-actionbutton-text-padding-x,var(--spectrum-global-dimension-size-150))}[dir=rtl] .spectrum-ActionButton_e2d99e .spectrum-ActionButton-label_e2d99e:only-child,[dir=rtl] .spectrum-ActionButton_e2d99e .spectrum-ActionButton-hold_e2d99e+.spectrum-ActionButton-label_e2d99e:last-child{padding-right:var(--spectrum-actionbutton-text-padding-x,var(--spectrum-global-dimension-size-150))}[dir=ltr] .spectrum-ActionButton_e2d99e .spectrum-Icon_e2d99e:only-child,[dir=ltr] .spectrum-ActionButton_e2d99e .spectrum-ActionButton-hold_e2d99e+.spectrum-Icon_e2d99e:last-child{padding-right:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}[dir=rtl] .spectrum-ActionButton_e2d99e .spectrum-Icon_e2d99e:only-child,[dir=rtl] .spectrum-ActionButton_e2d99e .spectrum-ActionButton-hold_e2d99e+.spectrum-Icon_e2d99e:last-child{padding-left:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}[dir=ltr] .spectrum-ActionButton-hold_e2d99e{right:var(--spectrum-actionbutton-hold-icon-padding-right,var(--spectrum-global-dimension-size-40))}[dir=rtl] .spectrum-ActionButton-hold_e2d99e{left:var(--spectrum-actionbutton-hold-icon-padding-right,var(--spectrum-global-dimension-size-40))}.spectrum-ActionButton-hold_e2d99e{bottom:var(--spectrum-actionbutton-hold-icon-padding-bottom,var(--spectrum-global-dimension-size-40));position:absolute}[dir=rtl] .spectrum-ActionButton-hold_e2d99e{transform:rotate(90deg)}.spectrum-ActionButton-label_e2d99e,.spectrum-Button-label_e2d99e{-ms-grid-row-align:center;text-align:center;width:100%;order:1;place-self:center}.spectrum-ActionButton-label_e2d99e:empty,.spectrum-Button-label_e2d99e:empty{display:none}.spectrum-ActionButton-label_e2d99e{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.spectrum-ActionButton--quiet_e2d99e{border-width:var(--spectrum-actionbutton-quiet-border-size,var(--spectrum-alias-border-size-thin));border-radius:var(--spectrum-actionbutton-quiet-border-radius,var(--spectrum-alias-border-radius-regular));font-size:var(--spectrum-actionbutton-quiet-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-actionbutton-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight))}.spectrum-ActionButton--emphasized_e2d99e:after,.spectrum-ActionButton--staticColor_e2d99e:after{border-radius:calc(var(--spectrum-actionbutton-border-radius,var(--spectrum-alias-border-radius-regular)) + var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25)))}.spectrum-ActionButton--emphasized_e2d99e.focus-ring_e2d99e:after,.spectrum-ActionButton--staticColor_e2d99e.focus-ring_e2d99e:after{margin:calc(var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25))*-1 - var(--spectrum-actionbutton-quiet-border-size,var(--spectrum-alias-border-size-thin)))}.spectrum-LogicButton_e2d99e{height:var(--spectrum-logicbutton-and-height,24px);padding:var(--spectrum-logicbutton-and-padding-x,var(--spectrum-global-dimension-size-100));border-width:var(--spectrum-logicbutton-and-border-size,var(--spectrum-alias-border-size-thick));border-radius:var(--spectrum-logicbutton-and-border-radius,var(--spectrum-alias-border-radius-regular));font-size:var(--spectrum-logicbutton-and-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-logicbutton-and-text-font-weight,var(--spectrum-global-font-weight-bold));line-height:0}.spectrum-LogicButton_e2d99e:after{border-radius:calc(var(--spectrum-logicbutton-and-border-radius,var(--spectrum-alias-border-radius-regular)) + var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25)))}.spectrum-FieldButton_e2d99e{height:var(--spectrum-dropdown-height,var(--spectrum-global-dimension-size-400));padding:0 var(--spectrum-dropdown-padding-x,var(--spectrum-global-dimension-size-150));font-family:inherit;font-weight:400;font-size:var(--spectrum-dropdown-text-size,var(--spectrum-alias-font-size-default));-webkit-font-smoothing:initial;cursor:default;padding-top:0;padding-bottom:0;padding-left:var(--spectrum-dropdown-padding-x,var(--spectrum-global-dimension-size-150));padding-right:var(--spectrum-dropdown-padding-x,var(--spectrum-global-dimension-size-150));border-width:var(--spectrum-dropdown-border-size,var(--spectrum-alias-border-size-thin));border-radius:var(--spectrum-global-dimension-size-50);transition:background-color var(--spectrum-global-animation-duration-100,130ms),box-shadow var(--spectrum-global-animation-duration-100,130ms),border-color var(--spectrum-global-animation-duration-100,130ms);border-style:solid;outline:0;margin:0;line-height:normal}.spectrum-FieldButton_e2d99e:disabled,.spectrum-FieldButton_e2d99e.is-disabled_e2d99e{cursor:default;border-width:0}.spectrum-FieldButton_e2d99e.is-open_e2d99e{border-width:var(--spectrum-dropdown-border-size,var(--spectrum-alias-border-size-thin))}.spectrum-FieldButton--quiet_e2d99e{border-radius:var(--spectrum-fieldbutton-quiet-border-radius,0px);border-width:0;margin:0;padding:0}.spectrum-FieldButton--quiet_e2d99e:disabled.focus-ring_e2d99e,.spectrum-FieldButton--quiet_e2d99e.is-disabled_e2d99e.focus-ring_e2d99e{box-shadow:none}.spectrum-ClearButton_e2d99e{width:var(--spectrum-clearbutton-medium-width,var(--spectrum-alias-single-line-height));height:var(--spectrum-clearbutton-medium-height,var(--spectrum-alias-single-line-height));border-radius:100%;border:0;margin:0;padding:0}.spectrum-ClearButton_e2d99e>.spectrum-Icon_e2d99e{margin:0 auto}.spectrum-ClearButton--overBackground_e2d99e.focus-ring_e2d99e:after{margin:calc(var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25))*-1)}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.spectrum-ClearButton_e2d99e>.spectrum-Icon_e2d99e{margin:0}}.spectrum-ClearButton--small_e2d99e{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-LogicButton_e2d99e.focus-ring_e2d99e:after,.spectrum-LogicButton_e2d99e.is-focused_e2d99e:after,.spectrum-Button_e2d99e.focus-ring_e2d99e:after,.spectrum-Button_e2d99e.is-focused_e2d99e:after,.spectrum-ActionButton--emphasized_e2d99e.focus-ring_e2d99e:after,.spectrum-ActionButton--emphasized_e2d99e.is-focused_e2d99e:after{box-shadow:0 0 0 var(--spectrum-button-primary-focus-ring-size-key-focus,var(--spectrum-alias-focus-ring-size))var(--spectrum-button-primary-focus-ring-color-key-focus,var(--spectrum-alias-focus-ring-color))}.spectrum-ClearButton_e2d99e{background-color:var(--spectrum-clearbutton-medium-background-color,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color,var(--spectrum-alias-icon-color))}.spectrum-ClearButton_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-clearbutton-medium-icon-color,var(--spectrum-alias-icon-color))}.spectrum-ClearButton_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-clearbutton-medium-background-color-hover,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-hover,var(--spectrum-alias-icon-color-hover))}.spectrum-ClearButton_e2d99e.is-hovered_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-clearbutton-medium-icon-color-hover,var(--spectrum-alias-icon-color-hover))}.spectrum-ClearButton_e2d99e.is-active_e2d99e{background-color:var(--spectrum-clearbutton-medium-background-color-down,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-down,var(--spectrum-alias-icon-color-down))}.spectrum-ClearButton_e2d99e.is-active_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-clearbutton-medium-icon-color-down,var(--spectrum-alias-icon-color-down))}.spectrum-ClearButton_e2d99e.focus-ring_e2d99e{background-color:var(--spectrum-clearbutton-medium-background-color-key-focus,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}.spectrum-ClearButton_e2d99e.focus-ring_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-clearbutton-medium-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}.spectrum-ClearButton_e2d99e:disabled,.spectrum-ClearButton_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-clearbutton-medium-background-color-disabled,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}.spectrum-ClearButton_e2d99e:disabled .spectrum-Icon_e2d99e,.spectrum-ClearButton_e2d99e.is-disabled_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-clearbutton-medium-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}.spectrum-Button--cta_e2d99e{background-color:var(--spectrum-button-cta-background-color,var(--spectrum-semantic-cta-color-background-default));border-color:var(--spectrum-button-cta-border-color,var(--spectrum-semantic-cta-color-background-default));color:var(--spectrum-button-cta-text-color,var(--spectrum-global-color-static-white))}.spectrum-Button--cta_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-button-cta-background-color-hover,var(--spectrum-semantic-cta-color-background-hover));border-color:var(--spectrum-button-cta-border-color-hover,var(--spectrum-semantic-cta-color-background-hover));color:var(--spectrum-button-cta-text-color-hover,var(--spectrum-global-color-static-white))}.spectrum-Button--cta_e2d99e.focus-ring_e2d99e{background-color:var(--spectrum-button-cta-background-color-key-focus,var(--spectrum-semantic-cta-color-background-hover));border-color:var(--spectrum-button-cta-border-color-key-focus,var(--spectrum-semantic-cta-color-background-hover));color:var(--spectrum-button-cta-text-color-key-focus,var(--spectrum-global-color-static-white))}.spectrum-Button--cta_e2d99e.is-active_e2d99e{background-color:var(--spectrum-button-cta-background-color-down,var(--spectrum-semantic-cta-color-background-down));border-color:var(--spectrum-button-cta-border-color-down,var(--spectrum-semantic-cta-color-background-down));color:var(--spectrum-button-cta-text-color-down,var(--spectrum-global-color-static-white))}.spectrum-Button--cta_e2d99e:disabled,.spectrum-Button--cta_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-button-cta-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-cta-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-cta-text-color-disabled,var(--spectrum-global-color-gray-500))}.spectrum-Button--primary_e2d99e{background-color:var(--spectrum-button-primary-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-primary-border-color,var(--spectrum-global-color-gray-800));color:var(--spectrum-button-primary-text-color,var(--spectrum-global-color-gray-800))}.spectrum-Button--primary_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-button-primary-background-color-hover,var(--spectrum-global-color-gray-800));border-color:var(--spectrum-button-primary-border-color-hover,var(--spectrum-global-color-gray-800));color:var(--spectrum-button-primary-text-color-hover,var(--spectrum-global-color-gray-50))}.spectrum-Button--primary_e2d99e.focus-ring_e2d99e{background-color:var(--spectrum-button-primary-background-color-key-focus,var(--spectrum-global-color-gray-800));border-color:var(--spectrum-button-primary-border-color-key-focus,var(--spectrum-global-color-gray-800));color:var(--spectrum-button-primary-text-color-key-focus,var(--spectrum-global-color-gray-50))}.spectrum-Button--primary_e2d99e.is-active_e2d99e{background-color:var(--spectrum-button-primary-background-color-down,var(--spectrum-global-color-gray-900));border-color:var(--spectrum-button-primary-border-color-down,var(--spectrum-global-color-gray-900));color:var(--spectrum-button-primary-text-color-down,var(--spectrum-global-color-gray-50))}.spectrum-Button--primary_e2d99e:disabled,.spectrum-Button--primary_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-button-primary-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-primary-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-primary-text-color-disabled,var(--spectrum-global-color-gray-500))}.spectrum-Button--secondary_e2d99e{background-color:var(--spectrum-button-secondary-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-secondary-border-color,var(--spectrum-global-color-gray-700));color:var(--spectrum-button-secondary-text-color,var(--spectrum-global-color-gray-700))}.spectrum-Button--secondary_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-button-secondary-background-color-hover,var(--spectrum-global-color-gray-700));border-color:var(--spectrum-button-secondary-border-color-hover,var(--spectrum-global-color-gray-700));color:var(--spectrum-button-secondary-text-color-hover,var(--spectrum-global-color-gray-50))}.spectrum-Button--secondary_e2d99e.focus-ring_e2d99e{background-color:var(--spectrum-button-secondary-background-color-key-focus,var(--spectrum-global-color-gray-700));border-color:var(--spectrum-button-secondary-border-color-key-focus,var(--spectrum-global-color-gray-700));color:var(--spectrum-button-secondary-text-color-key-focus,var(--spectrum-global-color-gray-50))}.spectrum-Button--secondary_e2d99e.is-active_e2d99e{background-color:var(--spectrum-button-secondary-background-color-down,var(--spectrum-global-color-gray-800));border-color:var(--spectrum-button-secondary-border-color-down,var(--spectrum-global-color-gray-800));color:var(--spectrum-button-secondary-text-color-down,var(--spectrum-global-color-gray-50))}.spectrum-Button--secondary_e2d99e:disabled,.spectrum-Button--secondary_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-button-secondary-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-secondary-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-secondary-text-color-disabled,var(--spectrum-global-color-gray-500))}.spectrum-Button--warning_e2d99e{background-color:var(--spectrum-button-warning-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-warning-border-color,var(--spectrum-semantic-negative-color-text-small));color:var(--spectrum-button-warning-text-color,var(--spectrum-semantic-negative-color-text-small))}.spectrum-Button--warning_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-button-warning-background-color-hover,var(--spectrum-semantic-negative-color-text-small));border-color:var(--spectrum-button-warning-border-color-hover,var(--spectrum-semantic-negative-color-text-small));color:var(--spectrum-button-warning-text-color-hover,var(--spectrum-global-color-gray-50))}.spectrum-Button--warning_e2d99e.focus-ring_e2d99e{background-color:var(--spectrum-button-warning-background-color-key-focus,var(--spectrum-semantic-negative-color-text-small));border-color:var(--spectrum-button-warning-border-color-key-focus,var(--spectrum-semantic-negative-color-text-small));color:var(--spectrum-button-warning-text-color-key-focus,var(--spectrum-global-color-gray-50))}.spectrum-Button--warning_e2d99e.is-active_e2d99e{background-color:var(--spectrum-button-warning-background-color-down,var(--spectrum-global-color-red-700));border-color:var(--spectrum-button-warning-border-color-down,var(--spectrum-global-color-red-700));color:var(--spectrum-button-warning-text-color-down,var(--spectrum-global-color-gray-50))}.spectrum-Button--warning_e2d99e:disabled,.spectrum-Button--warning_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-button-warning-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-warning-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-warning-text-color-disabled,var(--spectrum-global-color-gray-500))}.spectrum-Button--overBackground_e2d99e{background-color:var(--spectrum-button-over-background-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-over-background-border-color,var(--spectrum-global-color-static-white));color:var(--spectrum-button-over-background-text-color,var(--spectrum-global-color-static-white))}.spectrum-Button--overBackground_e2d99e.is-hovered_e2d99e,.spectrum-Button--overBackground_e2d99e.focus-ring_e2d99e{background-color:var(--spectrum-button-over-background-background-color-hover,var(--spectrum-global-color-static-white));border-color:var(--spectrum-button-over-background-border-color-hover,var(--spectrum-global-color-static-white));color:inherit}.spectrum-Button--overBackground_e2d99e.focus-ring_e2d99e:after{box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25))var(--spectrum-button-over-background-border-color-key-focus,var(--spectrum-global-color-static-white))}.spectrum-Button--overBackground_e2d99e.is-active_e2d99e{background-color:var(--spectrum-button-over-background-background-color-down,var(--spectrum-global-color-static-white));border-color:var(--spectrum-button-over-background-border-color-down,var(--spectrum-global-color-static-white));color:inherit}.spectrum-Button--overBackground_e2d99e:disabled,.spectrum-Button--overBackground_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-button-over-background-background-color-disabled,#ffffff1a);border-color:var(--spectrum-button-over-background-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-over-background-text-color-disabled,#ffffff59)}.spectrum-Button--overBackground_e2d99e.spectrum-Button--quiet_e2d99e,.spectrum-ClearButton--overBackground_e2d99e{background-color:var(--spectrum-button-quiet-over-background-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-over-background-border-color,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-text-color,var(--spectrum-global-color-static-white))}.spectrum-Button--overBackground_e2d99e.spectrum-Button--quiet_e2d99e.is-hovered_e2d99e,.spectrum-ClearButton--overBackground_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-button-quiet-over-background-background-color-hover,#ffffff1a);border-color:var(--spectrum-button-quiet-over-background-border-color-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-text-color-hover,var(--spectrum-global-color-static-white))}.spectrum-Button--overBackground_e2d99e.spectrum-Button--quiet_e2d99e.focus-ring_e2d99e,.spectrum-ClearButton--overBackground_e2d99e.focus-ring_e2d99e{background-color:var(--spectrum-button-quiet-over-background-background-color-hover,#ffffff1a);border-color:var(--spectrum-button-quiet-over-background-border-color-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-text-color-hover,var(--spectrum-global-color-static-white));box-shadow:none}.spectrum-Button--overBackground_e2d99e.spectrum-Button--quiet_e2d99e.focus-ring_e2d99e:after,.spectrum-ClearButton--overBackground_e2d99e.focus-ring_e2d99e:after{box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25))var(--spectrum-button-over-background-border-color-key-focus,var(--spectrum-global-color-static-white))}.spectrum-Button--overBackground_e2d99e.spectrum-Button--quiet_e2d99e.is-active_e2d99e,.spectrum-ClearButton--overBackground_e2d99e.is-active_e2d99e{background-color:var(--spectrum-button-quiet-over-background-background-color-down,#ffffff26);border-color:var(--spectrum-button-quiet-over-background-border-color-down,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-text-color-down,var(--spectrum-global-color-static-white))}.spectrum-Button--overBackground_e2d99e.spectrum-Button--quiet_e2d99e:disabled,.spectrum-Button--overBackground_e2d99e.spectrum-Button--quiet_e2d99e.is-disabled_e2d99e,.spectrum-ClearButton--overBackground_e2d99e:disabled,.spectrum-ClearButton--overBackground_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-button-quiet-over-background-background-color-disabled,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-over-background-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-text-color-disabled,#ffffff26)}.spectrum-Button--primary_e2d99e.spectrum-Button--quiet_e2d99e{background-color:var(--spectrum-button-quiet-primary-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-primary-border-color,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-primary-text-color,var(--spectrum-global-color-gray-800))}.spectrum-Button--primary_e2d99e.spectrum-Button--quiet_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-button-quiet-primary-background-color-hover,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-quiet-primary-border-color-hover,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-quiet-primary-text-color-hover,var(--spectrum-global-color-gray-900))}.spectrum-Button--primary_e2d99e.spectrum-Button--quiet_e2d99e.focus-ring_e2d99e{background-color:var(--spectrum-button-quiet-primary-background-color-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-quiet-primary-border-color-key-focus,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-quiet-primary-text-color-key-focus,var(--spectrum-global-color-gray-900))}.spectrum-Button--primary_e2d99e.spectrum-Button--quiet_e2d99e.is-active_e2d99e{background-color:var(--spectrum-button-quiet-primary-background-color-down,var(--spectrum-global-color-gray-300));border-color:var(--spectrum-button-quiet-primary-border-color-down,var(--spectrum-global-color-gray-300));color:var(--spectrum-button-quiet-primary-text-color-down,var(--spectrum-global-color-gray-900))}.spectrum-Button--primary_e2d99e.spectrum-Button--quiet_e2d99e:disabled,.spectrum-Button--primary_e2d99e.spectrum-Button--quiet_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-button-quiet-primary-background-color-disabled,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-primary-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-primary-text-color-disabled,var(--spectrum-global-color-gray-500))}.spectrum-Button--secondary_e2d99e.spectrum-Button--quiet_e2d99e{background-color:var(--spectrum-button-quiet-secondary-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-secondary-border-color,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-secondary-text-color,var(--spectrum-global-color-gray-700))}.spectrum-Button--secondary_e2d99e.spectrum-Button--quiet_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-button-quiet-secondary-background-color-hover,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-quiet-secondary-border-color-hover,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-quiet-secondary-text-color-hover,var(--spectrum-global-color-gray-800))}.spectrum-Button--secondary_e2d99e.spectrum-Button--quiet_e2d99e.focus-ring_e2d99e{background-color:var(--spectrum-button-quiet-secondary-background-color-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-quiet-secondary-border-color-key-focus,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-quiet-secondary-text-color-key-focus,var(--spectrum-global-color-gray-800))}.spectrum-Button--secondary_e2d99e.spectrum-Button--quiet_e2d99e.is-active_e2d99e{background-color:var(--spectrum-button-quiet-secondary-background-color-down,var(--spectrum-global-color-gray-300));border-color:var(--spectrum-button-quiet-secondary-border-color-down,var(--spectrum-global-color-gray-300));color:var(--spectrum-button-quiet-secondary-text-color-down,var(--spectrum-global-color-gray-800))}.spectrum-Button--secondary_e2d99e.spectrum-Button--quiet_e2d99e:disabled,.spectrum-Button--secondary_e2d99e.spectrum-Button--quiet_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-button-quiet-secondary-background-color-disabled,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-secondary-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-secondary-text-color-disabled,var(--spectrum-global-color-gray-500))}.spectrum-ActionButton_e2d99e{background-color:var(--spectrum-actionbutton-background-color,var(--spectrum-global-color-gray-75));border-color:var(--spectrum-actionbutton-border-color,var(--spectrum-alias-border-color));color:var(--spectrum-actionbutton-text-color,var(--spectrum-alias-text-color))}.spectrum-ActionButton_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-icon-color,var(--spectrum-alias-icon-color))}.spectrum-ActionButton_e2d99e .spectrum-ActionButton-hold_e2d99e{fill:var(--spectrum-actionbutton-hold-icon-color,var(--spectrum-alias-icon-color))}.spectrum-ActionButton_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-actionbutton-background-color-hover,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-actionbutton-border-color-hover,var(--spectrum-alias-border-color-hover));color:var(--spectrum-actionbutton-text-color-hover,var(--spectrum-alias-text-color-hover))}.spectrum-ActionButton_e2d99e.is-hovered_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-icon-color-hover,var(--spectrum-alias-icon-color-hover))}.spectrum-ActionButton_e2d99e.is-hovered_e2d99e .spectrum-ActionButton-hold_e2d99e{fill:var(--spectrum-actionbutton-hold-icon-color-hover,var(--spectrum-alias-icon-color-hover))}.spectrum-ActionButton_e2d99e.focus-ring_e2d99e{background-color:var(--spectrum-actionbutton-background-color-key-focus,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-actionbutton-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 0 0 var(--spectrum-button-primary-border-size-increase-key-focus,1px)var(--spectrum-actionbutton-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-text-color-key-focus,var(--spectrum-alias-text-color-hover))}.spectrum-ActionButton_e2d99e.focus-ring_e2d99e.is-active_e2d99e{border-color:var(--spectrum-actionbutton-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-ActionButton_e2d99e.focus-ring_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}.spectrum-ActionButton_e2d99e.focus-ring_e2d99e .spectrum-ActionButton-hold_e2d99e{fill:var(--spectrum-actionbutton-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover))}.spectrum-ActionButton_e2d99e.is-active_e2d99e{background-color:var(--spectrum-actionbutton-background-color-down,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-border-color-down,var(--spectrum-alias-border-color-down));color:var(--spectrum-actionbutton-text-color-down,var(--spectrum-alias-text-color-down))}.spectrum-ActionButton_e2d99e.is-active_e2d99e .spectrum-ActionButton-hold_e2d99e{fill:var(--spectrum-actionbutton-hold-icon-color-down,var(--spectrum-alias-icon-color-down))}.spectrum-ActionButton_e2d99e:disabled,.spectrum-ActionButton_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-actionbutton-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-border-color-disabled,var(--spectrum-alias-border-color-disabled));color:var(--spectrum-actionbutton-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-ActionButton_e2d99e:disabled .spectrum-Icon_e2d99e,.spectrum-ActionButton_e2d99e.is-disabled_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}.spectrum-ActionButton_e2d99e:disabled .spectrum-ActionButton-hold_e2d99e,.spectrum-ActionButton_e2d99e.is-disabled_e2d99e .spectrum-ActionButton-hold_e2d99e{fill:var(--spectrum-actionbutton-hold-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}.spectrum-ActionButton_e2d99e.is-selected_e2d99e{background-color:var(--spectrum-actionbutton-background-color-selected,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-border-color-selected,var(--spectrum-alias-border-color));color:var(--spectrum-actionbutton-text-color-selected,var(--spectrum-alias-text-color))}.spectrum-ActionButton_e2d99e.is-selected_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-icon-color-selected,var(--spectrum-alias-icon-color))}.spectrum-ActionButton_e2d99e.is-selected_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-actionbutton-background-color-selected-hover,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-border-color-selected-hover,var(--spectrum-alias-border-color-hover));color:var(--spectrum-actionbutton-text-color-selected-hover,var(--spectrum-alias-text-color-hover))}.spectrum-ActionButton_e2d99e.is-selected_e2d99e.is-hovered_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-icon-color-selected-hover,var(--spectrum-alias-icon-color-hover))}.spectrum-ActionButton_e2d99e.is-selected_e2d99e.focus-ring_e2d99e{background-color:var(--spectrum-actionbutton-background-color-selected-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-border-color-selected-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover))}.spectrum-ActionButton_e2d99e.is-selected_e2d99e.focus-ring_e2d99e.is-active_e2d99e{border-color:var(--spectrum-actionbutton-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-ActionButton_e2d99e.is-selected_e2d99e.focus-ring_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-icon-color-selected-key-focus,var(--spectrum-alias-icon-color-hover))}.spectrum-ActionButton_e2d99e.is-selected_e2d99e.is-active_e2d99e{background-color:var(--spectrum-actionbutton-background-color-selected-down,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-border-color-selected-down,var(--spectrum-alias-border-color-down));color:var(--spectrum-actionbutton-text-color-selected-down,var(--spectrum-alias-text-color-down))}.spectrum-ActionButton_e2d99e.is-selected_e2d99e.is-active_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-icon-color-selected-down,var(--spectrum-alias-icon-color-down))}.spectrum-ActionButton_e2d99e.is-selected_e2d99e:disabled,.spectrum-ActionButton_e2d99e.is-selected_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-actionbutton-background-color-selected-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-border-color-selected-disabled,var(--spectrum-alias-border-color-disabled));color:var(--spectrum-actionbutton-text-color-selected-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-ActionButton_e2d99e.is-selected_e2d99e:disabled .spectrum-Icon_e2d99e,.spectrum-ActionButton_e2d99e.is-selected_e2d99e.is-disabled_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-icon-color-selected-disabled,var(--spectrum-alias-icon-color-disabled))}.spectrum-ActionButton--emphasized_e2d99e{background-color:var(--spectrum-actionbutton-emphasized-background-color,var(--spectrum-global-color-gray-75));border-color:var(--spectrum-actionbutton-emphasized-border-color,var(--spectrum-alias-border-color));color:var(--spectrum-actionbutton-emphasized-text-color,var(--spectrum-alias-text-color))}.spectrum-ActionButton--emphasized_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-emphasized-icon-color,var(--spectrum-alias-icon-color))}.spectrum-ActionButton--emphasized_e2d99e .spectrum-ActionButton-hold_e2d99e{fill:var(--spectrum-actionbutton-emphasized-hold-icon-color,var(--spectrum-alias-icon-color))}.spectrum-ActionButton--emphasized_e2d99e.is-selected_e2d99e .spectrum-ActionButton-hold_e2d99e{fill:var(--spectrum-actionbutton-emphasized-hold-icon-color-selected,var(--spectrum-global-color-static-white))}.spectrum-ActionButton--emphasized_e2d99e.is-selected_e2d99e.is-hovered_e2d99e .spectrum-ActionButton-hold_e2d99e{fill:var(--spectrum-actionbutton-emphasized-text-color-selected-hover,var(--spectrum-global-color-static-white))}.spectrum-ActionButton--emphasized_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-actionbutton-emphasized-background-color-hover,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-actionbutton-emphasized-border-color-hover,var(--spectrum-alias-border-color-hover));box-shadow:none;color:var(--spectrum-actionbutton-emphasized-text-color-hover,var(--spectrum-alias-text-color-hover))}.spectrum-ActionButton--emphasized_e2d99e.is-hovered_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-emphasized-icon-color-hover,var(--spectrum-alias-icon-color-hover))}.spectrum-ActionButton--emphasized_e2d99e.is-hovered_e2d99e .spectrum-ActionButton-hold_e2d99e{fill:var(--spectrum-actionbutton-emphasized-hold-icon-color-hover,var(--spectrum-alias-icon-color-hover))}.spectrum-ActionButton--emphasized_e2d99e.focus-ring_e2d99e{background-color:var(--spectrum-actionbutton-emphasized-background-color-key-focus,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-actionbutton-emphasized-border-color,var(--spectrum-alias-border-color));box-shadow:none;color:var(--spectrum-actionbutton-emphasized-text-color-key-focus,var(--spectrum-alias-text-color-hover))}.spectrum-ActionButton--emphasized_e2d99e.focus-ring_e2d99e.is-active_e2d99e{border-color:var(--spectrum-actionbutton-emphasized-border-color-down,var(--spectrum-alias-border-color-down))}.spectrum-ActionButton--emphasized_e2d99e.focus-ring_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-emphasized-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}.spectrum-ActionButton--emphasized_e2d99e.focus-ring_e2d99e .spectrum-ActionButton-hold_e2d99e{fill:var(--spectrum-actionbutton-emphasized-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover))}.spectrum-ActionButton--emphasized_e2d99e.is-active_e2d99e{background-color:var(--spectrum-actionbutton-emphasized-background-color-down,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-emphasized-border-color-down,var(--spectrum-alias-border-color-down));color:var(--spectrum-actionbutton-emphasized-text-color-down,var(--spectrum-alias-text-color-down))}.spectrum-ActionButton--emphasized_e2d99e.is-active_e2d99e .spectrum-ActionButton-hold_e2d99e{fill:var(--spectrum-actionbutton-emphasized-hold-icon-color-down,var(--spectrum-alias-icon-color-down))}.spectrum-ActionButton--emphasized_e2d99e:disabled,.spectrum-ActionButton--emphasized_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-actionbutton-emphasized-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-emphasized-border-color-disabled,var(--spectrum-alias-border-color-disabled));color:var(--spectrum-actionbutton-emphasized-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-ActionButton--emphasized_e2d99e:disabled .spectrum-Icon_e2d99e,.spectrum-ActionButton--emphasized_e2d99e.is-disabled_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-emphasized-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}.spectrum-ActionButton--emphasized_e2d99e:disabled .spectrum-ActionButton-hold_e2d99e,.spectrum-ActionButton--emphasized_e2d99e.is-disabled_e2d99e .spectrum-ActionButton-hold_e2d99e{fill:var(--spectrum-actionbutton-emphasized-hold-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}.spectrum-ActionButton--emphasized_e2d99e.spectrum-ActionButton--quiet_e2d99e.focus-ring_e2d99e{border-color:var(--spectrum-actionbutton-quiet-border-color,var(--spectrum-alias-border-color-transparent));box-shadow:none}.spectrum-ActionButton--emphasized_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e,.spectrum-ActionButton--emphasized_e2d99e.is-selected_e2d99e{background-color:var(--spectrum-actionbutton-emphasized-background-color-selected,var(--spectrum-semantic-cta-color-background-default));border-color:var(--spectrum-actionbutton-emphasized-border-color-selected,var(--spectrum-semantic-cta-color-background-default));color:var(--spectrum-actionbutton-emphasized-text-color-selected,var(--spectrum-global-color-static-white))}.spectrum-ActionButton--emphasized_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e .spectrum-Icon_e2d99e,.spectrum-ActionButton--emphasized_e2d99e.is-selected_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-emphasized-icon-color-selected,var(--spectrum-global-color-static-white))}.spectrum-ActionButton--emphasized_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.focus-ring_e2d99e,.spectrum-ActionButton--emphasized_e2d99e.is-selected_e2d99e.focus-ring_e2d99e{background-color:var(--spectrum-actionbutton-emphasized-background-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus));border-color:var(--spectrum-actionbutton-emphasized-border-color-selected,var(--spectrum-semantic-cta-color-background-default));box-shadow:none;color:var(--spectrum-actionbutton-emphasized-text-color-selected-key-focus,var(--spectrum-global-color-static-white))}.spectrum-ActionButton--emphasized_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.focus-ring_e2d99e.is-active_e2d99e,.spectrum-ActionButton--emphasized_e2d99e.is-selected_e2d99e.focus-ring_e2d99e.is-active_e2d99e{border-color:var(--spectrum-actionbutton-emphasized-border-color-selected-down,var(--spectrum-semantic-cta-color-background-down))}.spectrum-ActionButton--emphasized_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.focus-ring_e2d99e .spectrum-Icon_e2d99e,.spectrum-ActionButton--emphasized_e2d99e.is-selected_e2d99e.focus-ring_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-emphasized-icon-color-selected-key-focus,var(--spectrum-global-color-static-white))}.spectrum-ActionButton--emphasized_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.is-hovered_e2d99e,.spectrum-ActionButton--emphasized_e2d99e.is-selected_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-actionbutton-emphasized-background-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover));border-color:var(--spectrum-actionbutton-emphasized-border-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover));color:var(--spectrum-actionbutton-emphasized-text-color-selected-hover,var(--spectrum-global-color-static-white))}.spectrum-ActionButton--emphasized_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.is-hovered_e2d99e .spectrum-Icon_e2d99e,.spectrum-ActionButton--emphasized_e2d99e.is-selected_e2d99e.is-hovered_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-emphasized-icon-color-selected-hover,var(--spectrum-global-color-static-white))}.spectrum-ActionButton--emphasized_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.is-active_e2d99e,.spectrum-ActionButton--emphasized_e2d99e.is-selected_e2d99e.is-active_e2d99e{background-color:var(--spectrum-actionbutton-emphasized-background-color-selected-down,var(--spectrum-semantic-cta-color-background-down));border-color:var(--spectrum-actionbutton-emphasized-border-color-selected-down,var(--spectrum-semantic-cta-color-background-down));color:var(--spectrum-actionbutton-emphasized-text-color-selected-down,var(--spectrum-global-color-static-white))}.spectrum-ActionButton--emphasized_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.is-active_e2d99e .spectrum-Icon_e2d99e,.spectrum-ActionButton--emphasized_e2d99e.is-selected_e2d99e.is-active_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-emphasized-icon-color-selected-down,var(--spectrum-global-color-static-white))}.spectrum-ActionButton--emphasized_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e:disabled,.spectrum-ActionButton--emphasized_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.is-disabled_e2d99e,.spectrum-ActionButton--emphasized_e2d99e.is-selected_e2d99e:disabled,.spectrum-ActionButton--emphasized_e2d99e.is-selected_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-actionbutton-emphasized-background-color-selected-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-emphasized-border-color-selected-disabled,var(--spectrum-alias-border-color-disabled));color:var(--spectrum-actionbutton-emphasized-text-color-selected-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-ActionButton--emphasized_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e:disabled .spectrum-Icon_e2d99e,.spectrum-ActionButton--emphasized_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.is-disabled_e2d99e .spectrum-Icon_e2d99e,.spectrum-ActionButton--emphasized_e2d99e.is-selected_e2d99e:disabled .spectrum-Icon_e2d99e,.spectrum-ActionButton--emphasized_e2d99e.is-selected_e2d99e.is-disabled_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-emphasized-icon-color-selected-disabled,var(--spectrum-alias-icon-color-disabled))}.spectrum-ActionButton--quiet_e2d99e{background-color:var(--spectrum-actionbutton-quiet-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-actionbutton-quiet-border-color,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-quiet-text-color,var(--spectrum-alias-text-color))}.spectrum-ActionButton--quiet_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-actionbutton-quiet-background-color-hover,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-actionbutton-quiet-border-color-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-quiet-text-color-hover,var(--spectrum-alias-text-color-hover))}.spectrum-ActionButton--quiet_e2d99e.focus-ring_e2d99e{background-color:var(--spectrum-actionbutton-quiet-background-color-key-focus,var(--spectrum-alias-background-color-transparent));box-shadow:0 0 0 1px var(--spectrum-actionbutton-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus));border-color:var(--spectrum-actionbutton-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-quiet-text-color-key-focus,var(--spectrum-alias-text-color-hover))}.spectrum-ActionButton--quiet_e2d99e.is-active_e2d99e{background-color:var(--spectrum-actionbutton-quiet-background-color-down,var(--spectrum-global-color-gray-300));border-color:var(--spectrum-actionbutton-quiet-border-color-down,var(--spectrum-global-color-gray-300));color:var(--spectrum-actionbutton-quiet-text-color-down,var(--spectrum-alias-text-color-down))}.spectrum-ActionButton--quiet_e2d99e:disabled,.spectrum-ActionButton--quiet_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-actionbutton-quiet-background-color-disabled,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-actionbutton-quiet-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-quiet-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e{background-color:var(--spectrum-actionbutton-quiet-background-color-selected,var(--spectrum-global-color-gray-300));border-color:var(--spectrum-actionbutton-quiet-border-color-selected,var(--spectrum-alias-border-color));color:var(--spectrum-actionbutton-quiet-text-color-selected,var(--spectrum-alias-text-color))}.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-actionbutton-quiet-background-color-selected-hover,var(--spectrum-global-color-gray-300));border-color:var(--spectrum-actionbutton-quiet-border-color-selected-hover,var(--spectrum-alias-border-color-hover));color:var(--spectrum-actionbutton-quiet-text-color-selected-hover,var(--spectrum-alias-text-color-hover))}.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.focus-ring_e2d99e{background-color:var(--spectrum-actionbutton-quiet-background-color-selected-key-focus,var(--spectrum-global-color-gray-300));border-color:var(--spectrum-actionbutton-quiet-border-color-selected-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-quiet-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover))}.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.is-active_e2d99e{background-color:var(--spectrum-actionbutton-quiet-background-color-selected-down,var(--spectrum-global-color-gray-300));border-color:var(--spectrum-actionbutton-quiet-border-color-selected-down,var(--spectrum-alias-border-color-down));color:var(--spectrum-actionbutton-quiet-text-color-selected-down,var(--spectrum-alias-text-color-down))}.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e:disabled,.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-actionbutton-quiet-background-color-selected-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-quiet-border-color-selected-disabled,var(--spectrum-alias-border-color-disabled));color:var(--spectrum-actionbutton-quiet-text-color-selected-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-ActionButton--staticWhite_e2d99e{mix-blend-mode:screen;--spectrum-actionbutton-static-background-color-hover:#ffffff1a;--spectrum-actionbutton-static-background-color-focus:#ffffff1a;--spectrum-actionbutton-static-background-color-active:#fff3;--spectrum-actionbutton-static-border-color:#ffffff4d;--spectrum-actionbutton-static-border-color-hover:white;--spectrum-actionbutton-static-border-color-active:white;--spectrum-actionbutton-static-border-color-focus:white;--spectrum-actionbutton-static-border-disabled:#ffffff26;--spectrum-actionbutton-static-color:white;--spectrum-actionbutton-static-color-selected:black;--spectrum-actionbutton-static-color-disabled:#ffffff26}.spectrum-ActionButton--staticWhite_e2d99e.spectrum-ActionButton--quiet_e2d99e{--spectrum-actionbutton-static-border-color:transparent;--spectrum-actionbutton-static-border-color-hover:transparent;--spectrum-actionbutton-static-border-color-active:transparent}.spectrum-ActionButton--staticBlack_e2d99e{mix-blend-mode:multiply;--spectrum-actionbutton-static-background-color-hover:#0000001a;--spectrum-actionbutton-static-background-color-focus:#0000001a;--spectrum-actionbutton-static-background-color-active:#0003;--spectrum-actionbutton-static-border-color:#0000004d;--spectrum-actionbutton-static-border-color-hover:black;--spectrum-actionbutton-static-border-color-active:black;--spectrum-actionbutton-static-border-color-focus:black;--spectrum-actionbutton-static-border-disabled:#00000026;--spectrum-actionbutton-static-color:black;--spectrum-actionbutton-static-color-selected:white;--spectrum-actionbutton-static-color-disabled:#00000026}.spectrum-ActionButton--staticBlack_e2d99e.spectrum-ActionButton--quiet_e2d99e{--spectrum-actionbutton-static-border-color:transparent;--spectrum-actionbutton-static-border-color-hover:transparent;--spectrum-actionbutton-static-border-color-active:transparent}.spectrum-ActionButton--staticColor_e2d99e{border-color:var(--spectrum-actionbutton-static-border-color);color:var(--spectrum-actionbutton-static-color);background-color:#0000}.spectrum-ActionButton--staticColor_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-static-color)}.spectrum-ActionButton--staticColor_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-actionbutton-static-background-color-hover);border-color:var(--spectrum-actionbutton-static-border-color-hover);color:var(--spectrum-actionbutton-static-color)}.spectrum-ActionButton--staticColor_e2d99e.is-hovered_e2d99e .spectrum-Icon_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.is-hovered_e2d99e .spectrum-ActionButton-hold_e2d99e{fill:var(--spectrum-actionbutton-static-color)}.spectrum-ActionButton--staticColor_e2d99e.focus-ring_e2d99e{background-color:var(--spectrum-actionbutton-static-background-color-focus);border-color:var(--spectrum-actionbutton-static-border-color-focus);box-shadow:none;color:var(--spectrum-actionbutton-static-color)}.spectrum-ActionButton--staticColor_e2d99e.focus-ring_e2d99e.is-hovered_e2d99e{border-color:var(--spectrum-actionbutton-static-border-color-focus)}.spectrum-ActionButton--staticColor_e2d99e.focus-ring_e2d99e.is-active_e2d99e{border-color:var(--spectrum-actionbutton-static-color-focus)}.spectrum-ActionButton--staticColor_e2d99e.focus-ring_e2d99e .spectrum-Icon_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.focus-ring_e2d99e .spectrum-ActionButton-hold_e2d99e{fill:var(--spectrum-actionbutton-static-color)}.spectrum-ActionButton--staticColor_e2d99e.focus-ring_e2d99e:after{box-shadow:0 0 0 var(--spectrum-button-primary-focus-ring-size-key-focus,var(--spectrum-alias-focus-ring-size))var(--spectrum-actionbutton-static-border-color-focus)}.spectrum-ActionButton--staticColor_e2d99e.is-active_e2d99e{background-color:var(--spectrum-actionbutton-static-background-color-active);border-color:var(--spectrum-actionbutton-static-border-color-active);color:var(--spectrum-actionbutton-static-color)}.spectrum-ActionButton--staticColor_e2d99e.is-active_e2d99e .spectrum-ActionButton-hold_e2d99e{fill:var(--spectrum-actionbutton-static-color)}.spectrum-ActionButton--staticColor_e2d99e:disabled,.spectrum-ActionButton--staticColor_e2d99e.is-disabled_e2d99e{border-color:var(--spectrum-actionbutton-static-border-disabled);color:var(--spectrum-actionbutton-static-color-disabled);background-color:#0000}.spectrum-ActionButton--staticColor_e2d99e:disabled .spectrum-Icon_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.is-disabled_e2d99e .spectrum-Icon_e2d99e,.spectrum-ActionButton--staticColor_e2d99e:disabled .spectrum-ActionButton-hold_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.is-disabled_e2d99e .spectrum-ActionButton-hold_e2d99e{fill:var(--spectrum-actionbutton-static-color-disabled)}.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.is-selected_e2d99e{background-color:var(--spectrum-actionbutton-static-color);border-color:var(--spectrum-actionbutton-static-color);color:var(--spectrum-actionbutton-static-color-selected)}.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e .spectrum-Icon_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.is-selected_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-static-color-selected)}.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.focus-ring_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.is-selected_e2d99e.focus-ring_e2d99e{background-color:var(--spectrum-actionbutton-static-color);border-color:var(--spectrum-actionbutton-static-color);color:var(--spectrum-actionbutton-static-color-selected);box-shadow:none}.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.focus-ring_e2d99e.is-active_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.is-selected_e2d99e.focus-ring_e2d99e.is-active_e2d99e{box-shadow:none;border-color:var(--spectrum-actionbutton-static-color)}.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.focus-ring_e2d99e .spectrum-Icon_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.is-selected_e2d99e.focus-ring_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-static-color-selected)}.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.is-hovered_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.is-active_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.is-selected_e2d99e.is-hovered_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.is-selected_e2d99e.is-active_e2d99e{background-color:var(--spectrum-actionbutton-static-color);border-color:var(--spectrum-actionbutton-static-color);color:var(--spectrum-actionbutton-static-color-selected)}.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.is-hovered_e2d99e .spectrum-Icon_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.is-active_e2d99e .spectrum-Icon_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.is-selected_e2d99e.is-hovered_e2d99e .spectrum-Icon_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.is-selected_e2d99e.is-active_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-actionbutton-static-color-selected)}.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e:disabled,.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.is-disabled_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.is-selected_e2d99e:disabled,.spectrum-ActionButton--staticColor_e2d99e.is-selected_e2d99e.is-disabled_e2d99e{border-color:var(--spectrum-actionbutton-static-border-disabled);color:var(--spectrum-actionbutton-static-color-disabled);background-color:#0000}.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e:disabled .spectrum-Icon_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.is-disabled_e2d99e .spectrum-Icon_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.is-selected_e2d99e:disabled .spectrum-Icon_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.is-selected_e2d99e.is-disabled_e2d99e .spectrum-Icon_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e:disabled .spectrum-ActionButton-hold_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e.is-disabled_e2d99e .spectrum-ActionButton-hold_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.is-selected_e2d99e:disabled .spectrum-ActionButton-hold_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.is-selected_e2d99e.is-disabled_e2d99e .spectrum-ActionButton-hold_e2d99e{fill:var(--spectrum-actionbutton-static-color-disabled)}.spectrum-Button--warning_e2d99e.spectrum-Button--quiet_e2d99e{background-color:var(--spectrum-button-quiet-warning-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-warning-border-color,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-warning-text-color,var(--spectrum-semantic-negative-color-text-small))}.spectrum-Button--warning_e2d99e.spectrum-Button--quiet_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-button-quiet-warning-background-color-hover,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-quiet-warning-border-color-hover,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-quiet-warning-text-color-hover,var(--spectrum-global-color-red-700))}.spectrum-Button--warning_e2d99e.spectrum-Button--quiet_e2d99e.focus-ring_e2d99e{background-color:var(--spectrum-button-quiet-warning-background-color-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-quiet-warning-border-color-key-focus,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-quiet-warning-text-color-key-focus,var(--spectrum-global-color-red-700))}.spectrum-Button--warning_e2d99e.spectrum-Button--quiet_e2d99e.is-active_e2d99e{background-color:var(--spectrum-button-quiet-warning-background-color-down,var(--spectrum-global-color-gray-300));border-color:var(--spectrum-button-quiet-warning-border-color-down,var(--spectrum-global-color-gray-300));color:var(--spectrum-button-quiet-warning-text-color-down,var(--spectrum-global-color-red-700))}.spectrum-Button--warning_e2d99e.spectrum-Button--quiet_e2d99e:disabled,.spectrum-Button--warning_e2d99e.spectrum-Button--quiet_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-button-quiet-warning-background-color-disabled,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-warning-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-warning-text-color-disabled,var(--spectrum-global-color-gray-500))}.spectrum-LogicButton--and_e2d99e{background-color:var(--spectrum-logicbutton-and-background-color,var(--spectrum-global-color-blue-500));border-color:var(--spectrum-logicbutton-and-border-color,var(--spectrum-global-color-blue-500));color:var(--spectrum-logicbutton-and-text-color,var(--spectrum-global-color-static-white))}.spectrum-LogicButton--and_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-logicbutton-and-background-color-hover,var(--spectrum-global-color-blue-700));border-color:var(--spectrum-logicbutton-and-border-color-hover,var(--spectrum-global-color-blue-700));color:var(--spectrum-logicbutton-and-text-color,var(--spectrum-global-color-static-white))}.spectrum-LogicButton--and_e2d99e:disabled,.spectrum-LogicButton--and_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-logicbutton-and-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-logicbutton-and-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-logicbutton-and-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-LogicButton--or_e2d99e{background-color:var(--spectrum-logicbutton-or-background-color,var(--spectrum-global-color-magenta-500));border-color:var(--spectrum-logicbutton-or-border-color,var(--spectrum-global-color-magenta-500));color:var(--spectrum-logicbutton-or-text-color,var(--spectrum-global-color-static-white))}.spectrum-LogicButton--or_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-logicbutton-or-background-color-hover,var(--spectrum-global-color-magenta-700));border-color:var(--spectrum-logicbutton-or-border-color-hover,var(--spectrum-global-color-magenta-700));color:var(--spectrum-logicbutton-or-text-color,var(--spectrum-global-color-static-white))}.spectrum-LogicButton--or_e2d99e:disabled,.spectrum-LogicButton--or_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-button-secondary-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-secondary-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-logicbutton-and-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-FieldButton_e2d99e{color:var(--spectrum-fieldbutton-text-color,var(--spectrum-alias-text-color));background-color:var(--spectrum-fieldbutton-background-color,var(--spectrum-global-color-gray-75));border-color:var(--spectrum-fieldbutton-border-color,var(--spectrum-alias-border-color))}.spectrum-FieldButton_e2d99e.is-hovered_e2d99e{color:var(--spectrum-fieldbutton-text-color-hover,var(--spectrum-alias-text-color-hover));background-color:var(--spectrum-fieldbutton-background-color-hover,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-fieldbutton-border-color-hover,var(--spectrum-alias-border-color-hover))}.spectrum-FieldButton_e2d99e.is-active_e2d99e,.spectrum-FieldButton_e2d99e.is-selected_e2d99e{background-color:var(--spectrum-fieldbutton-background-color-down,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-fieldbutton-border-color-down,var(--spectrum-alias-border-color-down))}.spectrum-FieldButton_e2d99e.focus-ring_e2d99e,.spectrum-FieldButton_e2d99e.is-focused_e2d99e{background-color:var(--spectrum-fieldbutton-background-color-key-focus,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-fieldbutton-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 0 0 var(--spectrum-button-primary-border-size-increase-key-focus,1px)var(--spectrum-fieldbutton-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-fieldbutton-text-color-key-focus,var(--spectrum-alias-text-color-hover))}.spectrum-FieldButton_e2d99e.focus-ring_e2d99e.is-placeholder_e2d99e,.spectrum-FieldButton_e2d99e.is-focused_e2d99e.is-placeholder_e2d99e{color:var(--spectrum-fieldbutton-placeholder-text-color-key-focus,var(--spectrum-alias-placeholder-text-color-hover))}.spectrum-FieldButton_e2d99e.spectrum-FieldButton--invalid_e2d99e{border-color:var(--spectrum-fieldbutton-border-color-error,var(--spectrum-global-color-red-500))}.spectrum-FieldButton_e2d99e.spectrum-FieldButton--invalid_e2d99e.is-hovered_e2d99e{border-color:var(--spectrum-fieldbutton-border-color-error-hover,var(--spectrum-global-color-red-600))}.spectrum-FieldButton_e2d99e.spectrum-FieldButton--invalid_e2d99e.is-active_e2d99e,.spectrum-FieldButton_e2d99e.spectrum-FieldButton--invalid_e2d99e.is-selected_e2d99e{border-color:var(--spectrum-fieldbutton-border-color-error-down,var(--spectrum-global-color-red-600))}.spectrum-FieldButton_e2d99e.spectrum-FieldButton--invalid_e2d99e.focus-ring_e2d99e,.spectrum-FieldButton_e2d99e.spectrum-FieldButton--invalid_e2d99e.is-focused_e2d99e{border-color:var(--spectrum-fieldbutton-border-color-error-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 0 0 var(--spectrum-button-primary-border-size-increase-key-focus,1px)var(--spectrum-fieldbutton-border-color-error-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-FieldButton_e2d99e:disabled,.spectrum-FieldButton_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-fieldbutton-background-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-fieldbutton-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-FieldButton_e2d99e:disabled .spectrum-Icon_e2d99e,.spectrum-FieldButton_e2d99e.is-disabled_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-fieldbutton-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}.spectrum-FieldButton--quiet_e2d99e{color:var(--spectrum-fieldbutton-text-color,var(--spectrum-alias-text-color));border-color:var(--spectrum-fieldbutton-quiet-border-color,var(--spectrum-alias-border-color-transparent));background-color:var(--spectrum-fieldbutton-quiet-background-color,var(--spectrum-alias-background-color-transparent))}.spectrum-FieldButton--quiet_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-fieldbutton-quiet-background-color-hover,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-fieldbutton-text-color-hover,var(--spectrum-alias-text-color-hover))}.spectrum-FieldButton--quiet_e2d99e.focus-ring_e2d99e,.spectrum-FieldButton--quiet_e2d99e.is-focused_e2d99e{background-color:var(--spectrum-fieldbutton-quiet-background-color-key-focus,var(--spectrum-alias-background-color-transparent));box-shadow:0 2px 0 0 var(--spectrum-fieldbutton-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-FieldButton--quiet_e2d99e.focus-ring_e2d99e.is-placeholder_e2d99e,.spectrum-FieldButton--quiet_e2d99e.is-focused_e2d99e.is-placeholder_e2d99e{color:var(--spectrum-fieldbutton-quiet-placeholder-text-color-key-focus,var(--spectrum-alias-placeholder-text-color-hover))}.spectrum-FieldButton--quiet_e2d99e.is-active_e2d99e,.spectrum-FieldButton--quiet_e2d99e.is-selected_e2d99e{background-color:var(--spectrum-fieldbutton-quiet-background-color-down,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-fieldbutton-quiet-border-color-down,var(--spectrum-alias-border-color-transparent))}.spectrum-FieldButton--quiet_e2d99e.is-active_e2d99e.focus-ring_e2d99e,.spectrum-FieldButton--quiet_e2d99e.is-active_e2d99e.is-focused_e2d99e,.spectrum-FieldButton--quiet_e2d99e.is-selected_e2d99e.focus-ring_e2d99e,.spectrum-FieldButton--quiet_e2d99e.is-selected_e2d99e.is-focused_e2d99e{background-color:var(--spectrum-fieldbutton-quiet-background-color-key-focus,var(--spectrum-alias-background-color-transparent));box-shadow:0 2px 0 0 var(--spectrum-fieldbutton-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-FieldButton--quiet_e2d99e.spectrum-FieldButton--invalid_e2d99e.focus-ring_e2d99e,.spectrum-FieldButton--quiet_e2d99e.spectrum-FieldButton--invalid_e2d99e.is-focused_e2d99e{box-shadow:0 2px 0 0 var(--spectrum-fieldbutton-border-color-error-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-FieldButton--quiet_e2d99e:disabled,.spectrum-FieldButton--quiet_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-fieldbutton-quiet-background-color-disabled,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-fieldbutton-text-color-disabled,var(--spectrum-alias-text-color-disabled))}@media (forced-colors:active){.spectrum-ActionButton_e2d99e,.spectrum-Button_e2d99e,.spectrum-ClearButton_e2d99e,.spectrum-LogicButton_e2d99e,.spectrum-FieldButton_e2d99e{forced-color-adjust:none;--spectrum-actionbutton-background-color:ButtonFace;--spectrum-actionbutton-background-color-disabled:ButtonFace;--spectrum-actionbutton-background-color-down:ButtonFace;--spectrum-actionbutton-background-color-hover:ButtonFace;--spectrum-actionbutton-background-color-key-focus:ButtonFace;--spectrum-actionbutton-background-color-selected:Highlight;--spectrum-actionbutton-background-color-selected-disabled:ButtonFace;--spectrum-actionbutton-background-color-selected-down:Highlight;--spectrum-actionbutton-background-color-selected-hover:Highlight;--spectrum-actionbutton-background-color-selected-key-focus:Highlight;--spectrum-actionbutton-border-color:ButtonText;--spectrum-actionbutton-border-color-disabled:GrayText;--spectrum-actionbutton-border-color-down:Highlight;--spectrum-actionbutton-border-color-hover:Highlight;--spectrum-actionbutton-border-color-key-focus:CanvasText;--spectrum-actionbutton-border-color-selected:HighlightText;--spectrum-actionbutton-border-color-selected-disabled:GrayText;--spectrum-actionbutton-border-color-selected-down:HighlightText;--spectrum-actionbutton-border-color-selected-hover:HighlightText;--spectrum-actionbutton-border-color-selected-key-focus:CanvasText;--spectrum-actionbutton-emphasized-background-color:ButtonFace;--spectrum-actionbutton-emphasized-background-color-disabled:ButtonFace;--spectrum-actionbutton-emphasized-background-color-down:Highlight;--spectrum-actionbutton-emphasized-background-color-hover:Highlight;--spectrum-actionbutton-emphasized-background-color-key-focus:ButtonFace;--spectrum-actionbutton-emphasized-background-color-selected:Highlight;--spectrum-actionbutton-emphasized-background-color-selected-disabled:ButtonFace;--spectrum-actionbutton-emphasized-background-color-selected-down:Highlight;--spectrum-actionbutton-emphasized-background-color-selected-hover:Highlight;--spectrum-actionbutton-emphasized-background-color-selected-key-focus:Highlight;--spectrum-actionbutton-emphasized-border-color:ButtonText;--spectrum-actionbutton-emphasized-border-color-disabled:GrayText;--spectrum-actionbutton-emphasized-border-color-down:ButtonText;--spectrum-actionbutton-emphasized-border-color-hover:ButtonText;--spectrum-actionbutton-emphasized-border-color-selected:HighlightText;--spectrum-actionbutton-emphasized-border-color-selected-disabled:GrayText;--spectrum-actionbutton-emphasized-border-color-selected-downed:HighlightText;--spectrum-actionbutton-emphasized-border-color-selected-hover:HighlightText;--spectrum-actionbutton-emphasized-hold-icon-color:ButtonText;--spectrum-actionbutton-emphasized-hold-icon-color-disabled:GrayText;--spectrum-actionbutton-emphasized-hold-icon-color-down:HighlightText;--spectrum-actionbutton-emphasized-hold-icon-color-hover:HighlightText;--spectrum-actionbutton-emphasized-hold-icon-color-key-focus:ButtonText;--spectrum-actionbutton-emphasized-hold-icon-color-selected:ButtonFace;--spectrum-actionbutton-emphasized-icon-color:ButtonText;--spectrum-actionbutton-emphasized-icon-color-disabled:GrayText;--spectrum-actionbutton-emphasized-icon-color-hover:HighlightText;--spectrum-actionbutton-emphasized-icon-color-key-focus:ButtonText;--spectrum-actionbutton-emphasized-icon-color-selected:HighlightText;--spectrum-actionbutton-emphasized-icon-color-selected-disabled:GrayText;--spectrum-actionbutton-emphasized-icon-color-selected-down:HighlightText;--spectrum-actionbutton-emphasized-icon-color-selected-hover:HighlightText;--spectrum-actionbutton-emphasized-icon-color-selected-key-focus:HighlightText;--spectrum-actionbutton-emphasized-text-color:ButtonText;--spectrum-actionbutton-emphasized-text-color-disabled:GrayText;--spectrum-actionbutton-emphasized-text-color-down:HighlightText;--spectrum-actionbutton-emphasized-text-color-hover:HighlightText;--spectrum-actionbutton-emphasized-text-color-key-focus:ButtonText;--spectrum-actionbutton-emphasized-text-color-selected:HighlightText;--spectrum-actionbutton-emphasized-text-color-selected-disabled:GrayText;--spectrum-actionbutton-emphasized-text-color-selected-down:HighlightText;--spectrum-actionbutton-emphasized-text-color-selected-hover:HighlightText;--spectrum-actionbutton-emphasized-text-color-selected-key-focus:HighlightText;--spectrum-actionbutton-hold-icon-color:ButtonText;--spectrum-actionbutton-hold-icon-color-disabled:GrayText;--spectrum-actionbutton-hold-icon-color-down:ButtonText;--spectrum-actionbutton-hold-icon-color-hover:ButtonText;--spectrum-actionbutton-hold-icon-color-key-focus:ButtonText;--spectrum-actionbutton-icon-color:ButtonText;--spectrum-actionbutton-icon-color-disabled:GrayText;--spectrum-actionbutton-icon-color-hover:ButtonText;--spectrum-actionbutton-icon-color-key-focus:ButtonText;--spectrum-actionbutton-icon-color-selected:HighlightText;--spectrum-actionbutton-icon-color-selected-disabled:GrayText;--spectrum-actionbutton-icon-color-selected-down:HighlightText;--spectrum-actionbutton-icon-color-selected-hover:HighlightText;--spectrum-actionbutton-icon-color-selected-key-focus:HighlightText;--spectrum-actionbutton-quiet-background-color:ButtonFace;--spectrum-actionbutton-quiet-background-color-disabled:ButtonFace;--spectrum-actionbutton-quiet-background-color-down:ButtonFace;--spectrum-actionbutton-quiet-background-color-hover:ButtonFace;--spectrum-actionbutton-quiet-background-color-key-focus:ButtonFace;--spectrum-actionbutton-quiet-background-color-selected:Highlight;--spectrum-actionbutton-quiet-background-color-selected-disabled:ButtonFace;--spectrum-actionbutton-quiet-background-color-selected-down:Highlight;--spectrum-actionbutton-quiet-background-color-selected-hover:Highlight;--spectrum-actionbutton-quiet-background-color-selected-key-focus:Highlight;--spectrum-actionbutton-quiet-border-color:ButtonFace;--spectrum-actionbutton-quiet-border-color-disabled:ButtonFace;--spectrum-actionbutton-quiet-border-color-down:Highlight;--spectrum-actionbutton-quiet-border-color-hover:Highlight;--spectrum-actionbutton-quiet-border-color-key-focus:CanvasText;--spectrum-actionbutton-quiet-border-color-selected:HighlightText;--spectrum-actionbutton-quiet-border-color-selected-disabled:Canvas;--spectrum-actionbutton-quiet-border-color-selected-down:HighlightText;--spectrum-actionbutton-quiet-border-color-selected-hover:HighlightText;--spectrum-actionbutton-quiet-border-color-selected-key-focus:HighlightText;--spectrum-actionbutton-quiet-text-color:ButtonText;--spectrum-actionbutton-quiet-text-color-disabled:GrayText;--spectrum-actionbutton-quiet-text-color-down:ButtonText;--spectrum-actionbutton-quiet-text-color-hover:ButtonText;--spectrum-actionbutton-quiet-text-color-key-focus:ButtonText;--spectrum-actionbutton-quiet-text-color-selected:HighlightText;--spectrum-actionbutton-quiet-text-color-selected-disabled:GrayText;--spectrum-actionbutton-quiet-text-color-selected-down:HighlightText;--spectrum-actionbutton-quiet-text-color-selected-hover:HighlightText;--spectrum-actionbutton-quiet-text-color-selected-key-focus:HighlightText;--spectrum-actionbutton-static-background-color-active:ButtonFace;--spectrum-actionbutton-static-background-color-focus:ButtonFace;--spectrum-actionbutton-static-background-color-hover:ButtonFace;--spectrum-actionbutton-static-border-color:ButtonText;--spectrum-actionbutton-static-border-color-active:ButtonText;--spectrum-actionbutton-static-border-color-focus:Highlight;--spectrum-actionbutton-static-border-color-hover:ButtonText;--spectrum-actionbutton-static-color:Highlight;--spectrum-actionbutton-static-color-disabled:GrayText;--spectrum-actionbutton-static-color-focus:Highlight;--spectrum-actionbutton-static-color-selected:ButtonFace;--spectrum-actionbutton-text-color:ButtonText;--spectrum-actionbutton-text-color-disabled:GrayText;--spectrum-actionbutton-text-color-down:ButtonText;--spectrum-actionbutton-text-color-hover:ButtonText;--spectrum-actionbutton-text-color-key-focus:ButtonText;--spectrum-actionbutton-text-color-selected:HighlightText;--spectrum-actionbutton-text-color-selected-disabled:GrayText;--spectrum-actionbutton-text-color-selected-down:HighlightText;--spectrum-actionbutton-text-color-selected-hover:HighlightText;--spectrum-actionbutton-text-color-selected-key-focus:HighlightText;--spectrum-button-cta-background-color:ButtonText;--spectrum-button-cta-background-color-disabled:ButtonFace;--spectrum-button-cta-background-color-down:Highlight;--spectrum-button-cta-background-color-hover:Highlight;--spectrum-button-cta-background-color-key-focus:Highlight;--spectrum-button-cta-border-color:ButtonFace;--spectrum-button-cta-border-color-disabled:GrayText;--spectrum-button-cta-border-color-down:Highlight;--spectrum-button-cta-border-color-hover:Highlight;--spectrum-button-cta-border-color-key-focus:Highlight;--spectrum-button-cta-text-color:ButtonFace;--spectrum-button-cta-text-color-disabled:GrayText;--spectrum-button-cta-text-color-down:ButtonFace;--spectrum-button-cta-text-color-hover:ButtonFace;--spectrum-button-cta-text-color-key-focus:ButtonFace;--spectrum-button-over-background-background-color:ButtonFace;--spectrum-button-over-background-background-color-disabled:ButtonFace;--spectrum-button-over-background-background-color-down:ButtonFace;--spectrum-button-over-background-background-color-hover:ButtonFace;--spectrum-button-over-background-border-color:ButtonText;--spectrum-button-over-background-border-color-disabled:GrayText;--spectrum-button-over-background-border-color-down:Highlight;--spectrum-button-over-background-border-color-hover:Highlight;--spectrum-button-over-background-border-color-key-focus:Highlight;--spectrum-button-over-background-text-color:ButtonText;--spectrum-button-over-background-text-color-disabled:GrayText;--spectrum-button-primary-background-color:ButtonFace;--spectrum-button-primary-background-color-disabled:ButtonFace;--spectrum-button-primary-background-color-down:ButtonFace;--spectrum-button-primary-background-color-hover:ButtonFace;--spectrum-button-primary-background-color-key-focus:ButtonFace;--spectrum-button-primary-border-color:ButtonText;--spectrum-button-primary-border-color-disabled:GrayText;--spectrum-button-primary-border-color-down:Highlight;--spectrum-button-primary-border-color-hover:Highlight;--spectrum-button-primary-border-color-key-focus:Highlight;--spectrum-button-primary-text-color:ButtonText;--spectrum-button-primary-text-color-disabled:GrayText;--spectrum-button-primary-text-color-down:ButtonText;--spectrum-button-primary-text-color-hover:ButtonText;--spectrum-button-primary-text-color-key-focus:ButtonText;--spectrum-button-quiet-over-background-background-color:ButtonFace;--spectrum-button-quiet-over-background-background-color-disabled:ButtonFace;--spectrum-button-quiet-over-background-background-color-down:ButtonFace;--spectrum-button-quiet-over-background-background-color-hover:ButtonFace;--spectrum-button-quiet-over-background-border-color:ButtonFace;--spectrum-button-quiet-over-background-border-color-disabled:ButtonFace;--spectrum-button-quiet-over-background-border-color-down:Highlight;--spectrum-button-quiet-over-background-border-color-hover:Highlight;--spectrum-button-quiet-over-background-text-color:ButtonText;--spectrum-button-quiet-over-background-text-color-disabled:GrayText;--spectrum-button-quiet-over-background-text-color-down:ButtonText;--spectrum-button-quiet-over-background-text-color-hover:ButtonText;--spectrum-button-quiet-primary-background-color:ButtonFace;--spectrum-button-quiet-primary-background-color-disabled:ButtonFace;--spectrum-button-quiet-primary-background-color-down:ButtonFace;--spectrum-button-quiet-primary-background-color-hover:ButtonFace;--spectrum-button-quiet-primary-background-color-key-focus:ButtonFace;--spectrum-button-quiet-primary-border-color:ButtonFace;--spectrum-button-quiet-primary-border-color-disabled:ButtonFace;--spectrum-button-quiet-primary-border-color-down:Highlight;--spectrum-button-quiet-primary-border-color-hover:Highlight;--spectrum-button-quiet-primary-border-color-key-focus:Highlight;--spectrum-button-quiet-primary-text-color:ButtonText;--spectrum-button-quiet-primary-text-color-disabled:GrayText;--spectrum-button-quiet-primary-text-color-down:ButtonText;--spectrum-button-quiet-primary-text-color-hover:ButtonText;--spectrum-button-quiet-primary-text-color-key-focus:ButtonText;--spectrum-button-quiet-secondary-background-color:ButtonFace;--spectrum-button-quiet-secondary-background-color-disabled:ButtonFace;--spectrum-button-quiet-secondary-background-color-down:ButtonFace;--spectrum-button-quiet-secondary-background-color-hover:ButtonFace;--spectrum-button-quiet-secondary-background-color-key-focus:ButtonFace;--spectrum-button-quiet-secondary-border-color:ButtonFace;--spectrum-button-quiet-secondary-border-color-disabled:ButtonFace;--spectrum-button-quiet-secondary-border-color-down:Highlight;--spectrum-button-quiet-secondary-border-color-hover:Highlight;--spectrum-button-quiet-secondary-border-color-key-focus:Highlight;--spectrum-button-quiet-secondary-text-color:ButtonText;--spectrum-button-quiet-secondary-text-color-disabled:GrayText;--spectrum-button-quiet-secondary-text-color-down:ButtonText;--spectrum-button-quiet-secondary-text-color-hover:ButtonText;--spectrum-button-quiet-secondary-text-color-key-focus:ButtonText;--spectrum-button-quiet-warning-background-color:ButtonFace;--spectrum-button-quiet-warning-background-color-disabled:ButtonFace;--spectrum-button-quiet-warning-background-color-down:ButtonFace;--spectrum-button-quiet-warning-background-color-hover:ButtonFace;--spectrum-button-quiet-warning-background-color-key-focus:ButtonFace;--spectrum-button-quiet-warning-border-color:ButtonFace;--spectrum-button-quiet-warning-border-color-disabled:ButtonFace;--spectrum-button-quiet-warning-border-color-down:Highlight;--spectrum-button-quiet-warning-border-color-hover:Highlight;--spectrum-button-quiet-warning-border-color-key-focus:Highlight;--spectrum-button-quiet-warning-text-color:ButtonText;--spectrum-button-quiet-warning-text-color-disabled:GrayText;--spectrum-button-quiet-warning-text-color-down:ButtonText;--spectrum-button-quiet-warning-text-color-hover:ButtonText;--spectrum-button-quiet-warning-text-color-key-focus:ButtonText;--spectrum-button-secondary-background-color:ButtonFace;--spectrum-button-secondary-background-color-disabled:ButtonFace;--spectrum-button-secondary-background-color-down:ButtonFace;--spectrum-button-secondary-background-color-hover:ButtonFace;--spectrum-button-secondary-background-color-key-focus:ButtonFace;--spectrum-button-secondary-border-color:ButtonText;--spectrum-button-secondary-border-color-disabled:GrayText;--spectrum-button-secondary-border-color-down:Highlight;--spectrum-button-secondary-border-color-hover:Highlight;--spectrum-button-secondary-border-color-key-focus:Highlight;--spectrum-button-secondary-text-color:ButtonText;--spectrum-button-secondary-text-color-disabled:GrayText;--spectrum-button-secondary-text-color-down:ButtonText;--spectrum-button-secondary-text-color-hover:ButtonText;--spectrum-button-secondary-text-color-key-focus:ButtonText;--spectrum-button-warning-background-color:ButtonFace;--spectrum-button-warning-background-color-disabled:ButtonFace;--spectrum-button-warning-background-color-down:ButtonFace;--spectrum-button-warning-background-color-hover:ButtonFace;--spectrum-button-warning-background-color-key-focus:ButtonFace;--spectrum-button-warning-border-color:ButtonText;--spectrum-button-warning-border-color-disabled:GrayText;--spectrum-button-warning-border-color-down:Highlight;--spectrum-button-warning-border-color-hover:Highlight;--spectrum-button-warning-border-color-key-focus:Highlight;--spectrum-button-warning-text-color:ButtonText;--spectrum-button-warning-text-color-disabled:GrayText;--spectrum-button-warning-text-color-down:ButtonText;--spectrum-button-warning-text-color-hover:ButtonText;--spectrum-button-warning-text-color-key-focus:ButtonText;--spectrum-clearbutton-medium-background-color:ButtonFace;--spectrum-clearbutton-medium-background-color-disabled:ButtonFace;--spectrum-clearbutton-medium-background-color-down:ButtonFace;--spectrum-clearbutton-medium-background-color-hover:ButtonFace;--spectrum-clearbutton-medium-background-color-key-focus:ButtonFace;--spectrum-clearbutton-medium-icon-color:ButtonText;--spectrum-clearbutton-medium-icon-color-disabled:GrayText;--spectrum-clearbutton-medium-icon-color-down:Highlight;--spectrum-clearbutton-medium-icon-color-hover:Highlight;--spectrum-clearbutton-medium-icon-color-key-focus:Highlight;--spectrum-fieldbutton-background-color:ButtonFace;--spectrum-fieldbutton-background-color-disabled:ButtonFace;--spectrum-fieldbutton-background-color-down:ButtonFace;--spectrum-fieldbutton-background-color-hover:ButtonFace;--spectrum-fieldbutton-background-color-key-focus:ButtonFace;--spectrum-fieldbutton-border-color:ButtonText;--spectrum-fieldbutton-border-color-down:Highlight;--spectrum-fieldbutton-border-color-error:ButtonText;--spectrum-fieldbutton-border-color-error-down:Highlight;--spectrum-fieldbutton-border-color-error-hover:Highlight;--spectrum-fieldbutton-border-color-error-key-focus:Highlight;--spectrum-fieldbutton-border-color-hover:Highlight;--spectrum-fieldbutton-border-color-key-focus:Highlight;--spectrum-fieldbutton-icon-color-disabled:GrayText;--spectrum-fieldbutton-placeholder-text-color-key-focus:ButtonText;--spectrum-fieldbutton-quiet-background-color:ButtonFace;--spectrum-fieldbutton-quiet-background-color-disabled:ButtonFace;--spectrum-fieldbutton-quiet-background-color-down:ButtonFace;--spectrum-fieldbutton-quiet-background-color-hover:ButtonFace;--spectrum-fieldbutton-quiet-background-color-key-focus:ButtonFace;--spectrum-fieldbutton-quiet-border-color:ButtonFace;--spectrum-fieldbutton-quiet-border-color-down:Highlight;--spectrum-fieldbutton-quiet-placeholder-text-color-key-focus:ButtonText;--spectrum-fieldbutton-text-color:ButtonText;--spectrum-fieldbutton-text-color-disabled:GrayText;--spectrum-fieldbutton-text-color-hover:ButtonText;--spectrum-fieldbutton-text-color-key-focus:ButtonText;--spectrum-logicbutton-and-background-color:ButtonFace;--spectrum-logicbutton-and-background-color-disabled:ButtonFace;--spectrum-logicbutton-and-background-color-hover:ButtonFace;--spectrum-logicbutton-and-border-color:ButtonText;--spectrum-logicbutton-and-border-color-disabled:GrayText;--spectrum-logicbutton-and-border-color-hover:Highlight;--spectrum-logicbutton-and-text-color:ButtonText;--spectrum-logicbutton-and-text-color-disabled:GrayText;--spectrum-logicbutton-or-background-color:ButtonFace;--spectrum-logicbutton-or-background-color-hover:ButtonFace;--spectrum-logicbutton-or-border-color:ButtonText;--spectrum-logicbutton-or-border-color-hover:Highlight;--spectrum-logicbutton-or-text-color:ButtonText;--spectrum-button-primary-focus-ring-color-key-focus:CanvasText;--spectrum-button-primary-focus-ring-size-key-focus:3px;--spectrum-dropdown-border-color-key-focus:Highlight}.spectrum-Button--overBackground_e2d99e{--spectrum-button-over-background-color:ButtonText}.spectrum-ActionButton--staticWhite_e2d99e,.spectrum-ActionButton--staticBlack_e2d99e{mix-blend-mode:normal;--spectrum-actionbutton-static-background-color-hover:ButtonFace;--spectrum-actionbutton-static-background-color-focus:ButtonFace;--spectrum-actionbutton-static-background-color-active:ButtonFace;--spectrum-actionbutton-static-border-color:ButtonText;--spectrum-actionbutton-static-border-color-hover:ButtonText;--spectrum-actionbutton-static-border-color-active:ButtonText;--spectrum-actionbutton-static-border-color-focus:CanvasText;--spectrum-actionbutton-static-border-disabled:GrayText;--spectrum-actionbutton-static-color:ButtonText;--spectrum-actionbutton-static-color-selected:HighlightText;--spectrum-actionbutton-static-color-disabled:GrayText}.spectrum-ActionButton--emphasized_e2d99e.spectrum-ActionButton--quiet_e2d99e{--spectrum-actionbutton-emphasized-border-color-selected-disabled:ButtonFace;--spectrum-actionbutton-quiet-background-color-hover:Highlight;--spectrum-actionbutton-quiet-text-color-hover:HighlightText;--spectrum-actionbutton-quiet-background-color-down:Highlight;--spectrum-actionbutton-quiet-text-color-down:HighlightText}.spectrum-ActionButton--emphasized_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-active_e2d99e{--spectrum-actionbutton-emphasized-icon-color-key-focus:HighlightText}.spectrum-FieldButton_e2d99e.focus-ring_e2d99e:not(.spectrum-FieldButton--quiet_e2d99e),.spectrum-FieldButton_e2d99e.is-focused_e2d99e:not(.spectrum-FieldButton--quiet_e2d99e){outline:2px solid Highlight}.spectrum-FieldButton_e2d99e.focus-ring_e2d99e.spectrum-FieldButton--quiet_e2d99e,.spectrum-FieldButton_e2d99e.is-focused_e2d99e.spectrum-FieldButton--quiet_e2d99e{forced-color-adjust:none;box-shadow:0 2px 0 0 var(--spectrum-dropdown-border-color-key-focus,var(--spectrum-alias-border-color-focus))}}
|
package/dist/main.js
CHANGED
@@ -41,6 +41,7 @@ $parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--emphasized", (
|
|
41
41
|
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--staticColor", () => $afc5a4514aca2340$export$29b7b5d6a5a497c5, (v) => $afc5a4514aca2340$export$29b7b5d6a5a497c5 = v);
|
42
42
|
$parcel$export($afc5a4514aca2340$exports, "is-hovered", () => $afc5a4514aca2340$export$b8813cd5d7824ce7, (v) => $afc5a4514aca2340$export$b8813cd5d7824ce7 = v);
|
43
43
|
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button-label", () => $afc5a4514aca2340$export$c081ba562e204942, (v) => $afc5a4514aca2340$export$c081ba562e204942 = v);
|
44
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button--iconOnly", () => $afc5a4514aca2340$export$c1d306ec0fae3838, (v) => $afc5a4514aca2340$export$c1d306ec0fae3838 = v);
|
44
45
|
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton-label", () => $afc5a4514aca2340$export$ebb4635c66bacdb9, (v) => $afc5a4514aca2340$export$ebb4635c66bacdb9 = v);
|
45
46
|
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton-hold", () => $afc5a4514aca2340$export$4a4f01c443eff992, (v) => $afc5a4514aca2340$export$4a4f01c443eff992 = v);
|
46
47
|
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--quiet", () => $afc5a4514aca2340$export$40e1f009544bacf3, (v) => $afc5a4514aca2340$export$40e1f009544bacf3 = v);
|
@@ -75,6 +76,7 @@ var $afc5a4514aca2340$export$5aabb61a966e266f;
|
|
75
76
|
var $afc5a4514aca2340$export$29b7b5d6a5a497c5;
|
76
77
|
var $afc5a4514aca2340$export$b8813cd5d7824ce7;
|
77
78
|
var $afc5a4514aca2340$export$c081ba562e204942;
|
79
|
+
var $afc5a4514aca2340$export$c1d306ec0fae3838;
|
78
80
|
var $afc5a4514aca2340$export$ebb4635c66bacdb9;
|
79
81
|
var $afc5a4514aca2340$export$4a4f01c443eff992;
|
80
82
|
var $afc5a4514aca2340$export$40e1f009544bacf3;
|
@@ -109,6 +111,7 @@ $afc5a4514aca2340$export$5aabb61a966e266f = "spectrum-ActionButton--emphasized_e
|
|
109
111
|
$afc5a4514aca2340$export$29b7b5d6a5a497c5 = "spectrum-ActionButton--staticColor_e2d99e";
|
110
112
|
$afc5a4514aca2340$export$b8813cd5d7824ce7 = "is-hovered_e2d99e";
|
111
113
|
$afc5a4514aca2340$export$c081ba562e204942 = "spectrum-Button-label_e2d99e";
|
114
|
+
$afc5a4514aca2340$export$c1d306ec0fae3838 = "spectrum-Button--iconOnly_e2d99e";
|
112
115
|
$afc5a4514aca2340$export$ebb4635c66bacdb9 = "spectrum-ActionButton-label_e2d99e";
|
113
116
|
$afc5a4514aca2340$export$4a4f01c443eff992 = "spectrum-ActionButton-hold_e2d99e";
|
114
117
|
$afc5a4514aca2340$export$40e1f009544bacf3 = "spectrum-ActionButton--quiet_e2d99e";
|
@@ -152,6 +155,8 @@ function $842a195ed1671b15$var$Button(props, ref) {
|
|
152
155
|
isDisabled: isDisabled
|
153
156
|
});
|
154
157
|
let { styleProps: styleProps } = $IPaYO$reactspectrumutils.useStyleProps(otherProps);
|
158
|
+
let hasLabel = $IPaYO$reactspectrumutils.useHasChild(`.${(/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports))['spectrum-Button-label']}`, domRef);
|
159
|
+
let hasIcon = $IPaYO$reactspectrumutils.useHasChild(`.${(/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports))['spectrum-Icon']}`, domRef);
|
155
160
|
let buttonVariant = variant;
|
156
161
|
if ($842a195ed1671b15$var$VARIANT_MAPPING[variant]) buttonVariant = $842a195ed1671b15$var$VARIANT_MAPPING[variant];
|
157
162
|
return(/*#__PURE__*/ ($parcel$interopDefault($IPaYO$react)).createElement($IPaYO$reactariafocus.FocusRing, {
|
@@ -163,6 +168,7 @@ function $842a195ed1671b15$var$Button(props, ref) {
|
|
163
168
|
ref: domRef,
|
164
169
|
className: $IPaYO$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports)), 'spectrum-Button', `spectrum-Button--${buttonVariant}`, {
|
165
170
|
'spectrum-Button--quiet': isQuiet,
|
171
|
+
'spectrum-Button--iconOnly': hasIcon && !hasLabel,
|
166
172
|
'is-disabled': isDisabled,
|
167
173
|
'is-active': isPressed,
|
168
174
|
'is-hovered': isHovered
|
package/dist/main.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"mappings":"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","sources":["packages/@react-spectrum/button/src/index.ts","packages/@react-spectrum/button/src/Button.tsx","packages/@adobe/spectrum-css-temp/components/button/vars.css","packages/@react-spectrum/button/src/ActionButton.tsx","packages/@react-spectrum/button/src/FieldButton.tsx","packages/@react-spectrum/button/src/LogicButton.tsx","packages/@react-spectrum/button/src/ClearButton.tsx","packages/@react-spectrum/button/src/ToggleButton.tsx"],"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/// <reference types=\"css-module-types\" />\nexport {Button} from './Button';\nexport {ActionButton} from './ActionButton';\nexport {FieldButton} from './FieldButton';\nexport {LogicButton} from './LogicButton';\nexport {ClearButton} from './ClearButton';\nexport {ToggleButton} from './ToggleButton';\nexport type {SpectrumActionButtonProps, SpectrumButtonProps, SpectrumLogicButtonProps, SpectrumToggleButtonProps} from '@react-types/button';\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 {classNames, SlotProvider, useFocusableRef, useSlotProps, useStyleProps} from '@react-spectrum/utils';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {ElementType, ReactElement} from 'react';\nimport {SpectrumButtonProps} from '@react-types/button';\nimport styles from '@adobe/spectrum-css-temp/components/button/vars.css';\nimport {Text} from '@react-spectrum/text';\nimport {useButton} from '@react-aria/button';\nimport {useHover} from '@react-aria/interactions';\nimport {useProviderProps} from '@react-spectrum/provider';\n\n// todo: CSS hasn't caught up yet, map\nlet VARIANT_MAPPING = {\n negative: 'warning'\n};\n\nfunction Button<T extends ElementType = 'button'>(props: SpectrumButtonProps<T>, ref: FocusableRef<HTMLElement>) {\n props = useProviderProps(props);\n props = useSlotProps(props, 'button');\n let {\n elementType: ElementType = 'button',\n children,\n variant,\n isQuiet,\n isDisabled,\n autoFocus,\n ...otherProps\n } = props;\n let domRef = useFocusableRef(ref);\n let {buttonProps, isPressed} = useButton(props, domRef);\n let {hoverProps, isHovered} = useHover({isDisabled});\n let {styleProps} = useStyleProps(otherProps);\n\n let buttonVariant = variant;\n if (VARIANT_MAPPING[variant]) {\n buttonVariant = VARIANT_MAPPING[variant];\n }\n\n return (\n <FocusRing focusRingClass={classNames(styles, 'focus-ring')} autoFocus={autoFocus}>\n <ElementType\n {...styleProps}\n {...mergeProps(buttonProps, hoverProps)}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-Button',\n `spectrum-Button--${buttonVariant}`,\n {\n 'spectrum-Button--quiet': isQuiet,\n 'is-disabled': isDisabled,\n 'is-active': isPressed,\n 'is-hovered': isHovered\n },\n styleProps.className\n )\n }>\n <SlotProvider\n slots={{\n icon: {\n size: 'S',\n UNSAFE_className: classNames(styles, 'spectrum-Icon')\n },\n text: {\n UNSAFE_className: classNames(styles, 'spectrum-Button-label')\n }\n }}>\n {typeof children === 'string'\n ? <Text>{children}</Text>\n : children}\n </SlotProvider>\n </ElementType>\n </FocusRing>\n );\n}\n\n/**\n * Buttons allow users to perform an action or to navigate to another page.\n * They have multiple styles for various needs, and are ideal for calling attention to\n * where a user needs to do something in order to move forward in a flow.\n */\nlet _Button = React.forwardRef(Button) as <T extends ElementType = 'button'>(props: SpectrumButtonProps<T> & {ref?: FocusableRef<HTMLElement>}) => ReactElement;\nexport {_Button as Button};\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","/*\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 {classNames, SlotProvider, useFocusableRef, useSlotProps, useStyleProps} from '@react-spectrum/utils';\nimport CornerTriangle from '@spectrum-icons/ui/CornerTriangle';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React from 'react';\nimport {SpectrumActionButtonProps} from '@react-types/button';\nimport styles from '@adobe/spectrum-css-temp/components/button/vars.css';\nimport {Text} from '@react-spectrum/text';\nimport {useButton} from '@react-aria/button';\nimport {useHover} from '@react-aria/interactions';\nimport {useProviderProps} from '@react-spectrum/provider';\n\nfunction ActionButton(props: SpectrumActionButtonProps, ref: FocusableRef<HTMLButtonElement>) {\n props = useProviderProps(props);\n props = useSlotProps(props, 'actionButton');\n let {\n isQuiet,\n isDisabled,\n staticColor,\n children,\n autoFocus,\n // @ts-ignore (private)\n holdAffordance,\n ...otherProps\n } = props;\n\n let domRef = useFocusableRef(ref);\n let {buttonProps, isPressed} = useButton(props, domRef);\n let {hoverProps, isHovered} = useHover({isDisabled});\n let {styleProps} = useStyleProps(otherProps);\n let isTextOnly = React.Children.toArray(props.children).every(c => !React.isValidElement(c));\n\n return (\n <FocusRing focusRingClass={classNames(styles, 'focus-ring')} autoFocus={autoFocus}>\n <button\n {...styleProps}\n {...mergeProps(buttonProps, hoverProps)}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-ActionButton',\n {\n 'spectrum-ActionButton--quiet': isQuiet,\n 'spectrum-ActionButton--staticColor': !!staticColor,\n 'spectrum-ActionButton--staticWhite': staticColor === 'white',\n 'spectrum-ActionButton--staticBlack': staticColor === 'black',\n 'is-active': isPressed,\n 'is-disabled': isDisabled,\n 'is-hovered': isHovered\n },\n styleProps.className\n )\n }>\n {holdAffordance &&\n <CornerTriangle UNSAFE_className={classNames(styles, 'spectrum-ActionButton-hold')} />\n }\n <SlotProvider\n slots={{\n icon: {\n size: 'S',\n UNSAFE_className: classNames(styles, 'spectrum-Icon')\n },\n text: {\n UNSAFE_className: classNames(styles, 'spectrum-ActionButton-label')\n }\n }}>\n {typeof children === 'string' || isTextOnly\n ? <Text>{children}</Text>\n : children}\n </SlotProvider>\n </button>\n </FocusRing>\n );\n}\n\n/**\n * ActionButtons allow users to perform an action.\n * They’re used for similar, task-based options within a workflow, and are ideal for interfaces where buttons aren’t meant to draw a lot of attention.\n */\nlet _ActionButton = React.forwardRef(ActionButton);\nexport {_ActionButton as ActionButton};\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 {ButtonProps} from '@react-types/button';\nimport {classNames, SlotProvider, useFocusableRef, useSlotProps, useStyleProps} from '@react-spectrum/utils';\nimport {DOMProps, FocusableRef, StyleProps} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {RefObject} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/button/vars.css';\nimport {useButton} from '@react-aria/button';\nimport {useHover} from '@react-aria/interactions';\n\ninterface FieldButtonProps extends ButtonProps, DOMProps, StyleProps {\n isQuiet?: boolean,\n isActive?: boolean,\n validationState?: 'valid' | 'invalid',\n focusRingClass?: string\n}\n\n// @private\nfunction FieldButton(props: FieldButtonProps, ref: FocusableRef) {\n props = useSlotProps(props, 'button');\n let {\n isQuiet,\n isDisabled,\n validationState,\n children,\n autoFocus,\n isActive,\n focusRingClass,\n ...otherProps\n } = props;\n let domRef = useFocusableRef(ref) as RefObject<HTMLButtonElement>;\n let {buttonProps, isPressed} = useButton(props, domRef);\n let {hoverProps, isHovered} = useHover({isDisabled});\n let {styleProps} = useStyleProps(otherProps);\n\n return (\n <FocusRing focusRingClass={classNames(styles, 'focus-ring', focusRingClass)} autoFocus={autoFocus}>\n <button\n {...mergeProps(buttonProps, hoverProps)}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-FieldButton',\n {\n 'spectrum-FieldButton--quiet': isQuiet,\n 'is-active': isActive || isPressed,\n 'is-disabled': isDisabled,\n 'spectrum-FieldButton--invalid': validationState === 'invalid',\n 'is-hovered': isHovered\n },\n styleProps.className\n )\n }>\n <SlotProvider\n slots={{\n icon: {\n size: 'S',\n UNSAFE_className: classNames(styles, 'spectrum-Icon')\n }\n }}>\n {children}\n </SlotProvider>\n </button>\n </FocusRing>\n );\n}\n\nlet _FieldButton = React.forwardRef(FieldButton);\nexport {_FieldButton as FieldButton};\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 {classNames, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React from 'react';\nimport {SpectrumLogicButtonProps} from '@react-types/button';\nimport styles from '@adobe/spectrum-css-temp/components/button/vars.css';\nimport {useButton} from '@react-aria/button';\nimport {useHover} from '@react-aria/interactions';\nimport {useProviderProps} from '@react-spectrum/provider';\n\nfunction LogicButton(props: SpectrumLogicButtonProps, ref: FocusableRef<HTMLButtonElement>) {\n props = useProviderProps(props);\n let {\n variant,\n children,\n isDisabled,\n autoFocus,\n ...otherProps\n } = props;\n let domRef = useFocusableRef(ref);\n let {buttonProps, isPressed} = useButton(props, domRef);\n let {hoverProps, isHovered} = useHover({isDisabled});\n let {styleProps} = useStyleProps(otherProps);\n\n return (\n <FocusRing focusRingClass={classNames(styles, 'focus-ring')} autoFocus={autoFocus}>\n <button\n {...styleProps}\n {...mergeProps(buttonProps, hoverProps)}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-LogicButton',\n {\n [`spectrum-LogicButton--${variant}`]: variant,\n 'is-disabled': isDisabled,\n 'is-active': isPressed,\n 'is-hovered': isHovered\n },\n styleProps.className\n )\n }>\n <span className={classNames(styles, 'spectrum-Button-label')}>{children}</span>\n </button>\n </FocusRing>\n );\n}\n\n/**\n * A LogicButton displays an operator within a boolean logic sequence.\n */\nlet _LogicButton = React.forwardRef(LogicButton);\nexport {_LogicButton as LogicButton};\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 {AriaButtonElementTypeProps, ButtonProps} from '@react-types/button';\nimport {classNames, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport CrossSmall from '@spectrum-icons/ui/CrossSmall';\nimport {DOMProps, FocusableRef, StyleProps} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {ElementType} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/button/vars.css';\nimport {useButton} from '@react-aria/button';\nimport {useHover} from '@react-aria/interactions';\n\ninterface ClearButtonProps<T extends ElementType = 'button'> extends ButtonProps, AriaButtonElementTypeProps<T>, DOMProps, StyleProps {\n focusClassName?: string,\n variant?: 'overBackground',\n excludeFromTabOrder?: boolean,\n preventFocus?: boolean\n}\n\nfunction ClearButton(props: ClearButtonProps, ref: FocusableRef<HTMLButtonElement>) {\n let {\n children = <CrossSmall UNSAFE_className={styles['spectrum-Icon']} />,\n focusClassName,\n variant,\n autoFocus,\n isDisabled,\n preventFocus,\n elementType = preventFocus ? 'div' : 'button' as ElementType,\n ...otherProps\n } = props;\n let domRef = useFocusableRef(ref);\n let {buttonProps, isPressed} = useButton({...props, elementType}, domRef);\n let {hoverProps, isHovered} = useHover({isDisabled});\n let {styleProps} = useStyleProps(otherProps);\n\n // For cases like the clear button in a search field, remove the tabIndex so\n // iOS 14 with VoiceOver doesn't focus the button and hide the keyboard when\n // moving the cursor over the clear button.\n if (preventFocus) {\n delete buttonProps.tabIndex;\n }\n\n let ElementType = elementType;\n return (\n <FocusRing focusRingClass={classNames(styles, 'focus-ring', focusClassName)} autoFocus={autoFocus}>\n <ElementType\n {...styleProps}\n {...mergeProps(buttonProps, hoverProps)}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-ClearButton',\n {\n [`spectrum-ClearButton--${variant}`]: variant,\n 'is-disabled': isDisabled,\n 'is-active': isPressed,\n 'is-hovered': isHovered\n },\n styleProps.className\n )\n }>\n {children}\n </ElementType>\n </FocusRing>\n );\n}\n\nlet _ClearButton = React.forwardRef(ClearButton);\nexport {_ClearButton as ClearButton};\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 {classNames, SlotProvider, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React from 'react';\nimport {SpectrumToggleButtonProps} from '@react-types/button';\nimport styles from '@adobe/spectrum-css-temp/components/button/vars.css';\nimport {Text} from '@react-spectrum/text';\nimport {useHover} from '@react-aria/interactions';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useToggleButton} from '@react-aria/button';\nimport {useToggleState} from '@react-stately/toggle';\n\nfunction ToggleButton(props: SpectrumToggleButtonProps, ref: FocusableRef<HTMLButtonElement>) {\n props = useProviderProps(props);\n let {\n isQuiet,\n isDisabled,\n isEmphasized,\n staticColor,\n children,\n autoFocus,\n ...otherProps\n } = props;\n\n let domRef = useFocusableRef(ref);\n let state = useToggleState(props);\n let {buttonProps, isPressed} = useToggleButton(props, state, domRef);\n let {hoverProps, isHovered} = useHover({isDisabled});\n let {styleProps} = useStyleProps(otherProps);\n let isTextOnly = React.Children.toArray(props.children).every(c => !React.isValidElement(c));\n\n return (\n <FocusRing focusRingClass={classNames(styles, 'focus-ring')} autoFocus={autoFocus}>\n <button\n {...styleProps}\n {...mergeProps(buttonProps, hoverProps)}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-ActionButton',\n {\n 'spectrum-ActionButton--quiet': isQuiet,\n 'spectrum-ActionButton--emphasized': isEmphasized,\n 'spectrum-ActionButton--staticColor': !!staticColor,\n 'spectrum-ActionButton--staticWhite': staticColor === 'white',\n 'spectrum-ActionButton--staticBlack': staticColor === 'black',\n 'is-active': isPressed,\n 'is-disabled': isDisabled,\n 'is-hovered': isHovered,\n 'is-selected': state.isSelected\n },\n styleProps.className\n )\n }>\n <SlotProvider\n slots={{\n icon: {\n size: 'S',\n UNSAFE_className: classNames(styles, 'spectrum-Icon')\n },\n text: {\n UNSAFE_className: classNames(styles, 'spectrum-ActionButton-label')\n }\n }}>\n {typeof children === 'string' || isTextOnly\n ? <Text>{children}</Text>\n : children}\n </SlotProvider>\n </button>\n </FocusRing>\n );\n}\n\n/**\n * ToggleButtons allow users to toggle a selection on or off, for example\n * switching between two states or modes.\n */\nlet _ToggleButton = React.forwardRef(ToggleButton);\nexport {_ToggleButton as ToggleButton};\n"],"names":[],"version":3,"file":"main.js.map"}
|
1
|
+
{"mappings":"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","sources":["packages/@react-spectrum/button/src/index.ts","packages/@react-spectrum/button/src/Button.tsx","packages/@adobe/spectrum-css-temp/components/button/vars.css","packages/@react-spectrum/button/src/ActionButton.tsx","packages/@react-spectrum/button/src/FieldButton.tsx","packages/@react-spectrum/button/src/LogicButton.tsx","packages/@react-spectrum/button/src/ClearButton.tsx","packages/@react-spectrum/button/src/ToggleButton.tsx"],"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/// <reference types=\"css-module-types\" />\nexport {Button} from './Button';\nexport {ActionButton} from './ActionButton';\nexport {FieldButton} from './FieldButton';\nexport {LogicButton} from './LogicButton';\nexport {ClearButton} from './ClearButton';\nexport {ToggleButton} from './ToggleButton';\nexport type {SpectrumActionButtonProps, SpectrumButtonProps, SpectrumLogicButtonProps, SpectrumToggleButtonProps} from '@react-types/button';\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 {\n classNames,\n SlotProvider,\n useFocusableRef,\n useHasChild,\n useSlotProps,\n useStyleProps\n} from '@react-spectrum/utils';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {ElementType, ReactElement} from 'react';\nimport {SpectrumButtonProps} from '@react-types/button';\nimport styles from '@adobe/spectrum-css-temp/components/button/vars.css';\nimport {Text} from '@react-spectrum/text';\nimport {useButton} from '@react-aria/button';\nimport {useHover} from '@react-aria/interactions';\nimport {useProviderProps} from '@react-spectrum/provider';\n\n// todo: CSS hasn't caught up yet, map\nlet VARIANT_MAPPING = {\n negative: 'warning'\n};\n\nfunction Button<T extends ElementType = 'button'>(props: SpectrumButtonProps<T>, ref: FocusableRef<HTMLElement>) {\n props = useProviderProps(props);\n props = useSlotProps(props, 'button');\n let {\n elementType: ElementType = 'button',\n children,\n variant,\n isQuiet,\n isDisabled,\n autoFocus,\n ...otherProps\n } = props;\n let domRef = useFocusableRef(ref);\n let {buttonProps, isPressed} = useButton(props, domRef);\n let {hoverProps, isHovered} = useHover({isDisabled});\n let {styleProps} = useStyleProps(otherProps);\n let hasLabel = useHasChild(`.${styles['spectrum-Button-label']}`, domRef);\n let hasIcon = useHasChild(`.${styles['spectrum-Icon']}`, domRef);\n\n let buttonVariant = variant;\n if (VARIANT_MAPPING[variant]) {\n buttonVariant = VARIANT_MAPPING[variant];\n }\n\n return (\n <FocusRing focusRingClass={classNames(styles, 'focus-ring')} autoFocus={autoFocus}>\n <ElementType\n {...styleProps}\n {...mergeProps(buttonProps, hoverProps)}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-Button',\n `spectrum-Button--${buttonVariant}`,\n {\n 'spectrum-Button--quiet': isQuiet,\n 'spectrum-Button--iconOnly': hasIcon && !hasLabel,\n 'is-disabled': isDisabled,\n 'is-active': isPressed,\n 'is-hovered': isHovered\n },\n styleProps.className\n )\n }>\n <SlotProvider\n slots={{\n icon: {\n size: 'S',\n UNSAFE_className: classNames(styles, 'spectrum-Icon')\n },\n text: {\n UNSAFE_className: classNames(styles, 'spectrum-Button-label')\n }\n }}>\n {typeof children === 'string'\n ? <Text>{children}</Text>\n : children}\n </SlotProvider>\n </ElementType>\n </FocusRing>\n );\n}\n\n/**\n * Buttons allow users to perform an action or to navigate to another page.\n * They have multiple styles for various needs, and are ideal for calling attention to\n * where a user needs to do something in order to move forward in a flow.\n */\nlet _Button = React.forwardRef(Button) as <T extends ElementType = 'button'>(props: SpectrumButtonProps<T> & {ref?: FocusableRef<HTMLElement>}) => ReactElement;\nexport {_Button as Button};\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","/*\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 {classNames, SlotProvider, useFocusableRef, useSlotProps, useStyleProps} from '@react-spectrum/utils';\nimport CornerTriangle from '@spectrum-icons/ui/CornerTriangle';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React from 'react';\nimport {SpectrumActionButtonProps} from '@react-types/button';\nimport styles from '@adobe/spectrum-css-temp/components/button/vars.css';\nimport {Text} from '@react-spectrum/text';\nimport {useButton} from '@react-aria/button';\nimport {useHover} from '@react-aria/interactions';\nimport {useProviderProps} from '@react-spectrum/provider';\n\nfunction ActionButton(props: SpectrumActionButtonProps, ref: FocusableRef<HTMLButtonElement>) {\n props = useProviderProps(props);\n props = useSlotProps(props, 'actionButton');\n let {\n isQuiet,\n isDisabled,\n staticColor,\n children,\n autoFocus,\n // @ts-ignore (private)\n holdAffordance,\n ...otherProps\n } = props;\n\n let domRef = useFocusableRef(ref);\n let {buttonProps, isPressed} = useButton(props, domRef);\n let {hoverProps, isHovered} = useHover({isDisabled});\n let {styleProps} = useStyleProps(otherProps);\n let isTextOnly = React.Children.toArray(props.children).every(c => !React.isValidElement(c));\n\n return (\n <FocusRing focusRingClass={classNames(styles, 'focus-ring')} autoFocus={autoFocus}>\n <button\n {...styleProps}\n {...mergeProps(buttonProps, hoverProps)}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-ActionButton',\n {\n 'spectrum-ActionButton--quiet': isQuiet,\n 'spectrum-ActionButton--staticColor': !!staticColor,\n 'spectrum-ActionButton--staticWhite': staticColor === 'white',\n 'spectrum-ActionButton--staticBlack': staticColor === 'black',\n 'is-active': isPressed,\n 'is-disabled': isDisabled,\n 'is-hovered': isHovered\n },\n styleProps.className\n )\n }>\n {holdAffordance &&\n <CornerTriangle UNSAFE_className={classNames(styles, 'spectrum-ActionButton-hold')} />\n }\n <SlotProvider\n slots={{\n icon: {\n size: 'S',\n UNSAFE_className: classNames(styles, 'spectrum-Icon')\n },\n text: {\n UNSAFE_className: classNames(styles, 'spectrum-ActionButton-label')\n }\n }}>\n {typeof children === 'string' || isTextOnly\n ? <Text>{children}</Text>\n : children}\n </SlotProvider>\n </button>\n </FocusRing>\n );\n}\n\n/**\n * ActionButtons allow users to perform an action.\n * They’re used for similar, task-based options within a workflow, and are ideal for interfaces where buttons aren’t meant to draw a lot of attention.\n */\nlet _ActionButton = React.forwardRef(ActionButton);\nexport {_ActionButton as ActionButton};\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 {ButtonProps} from '@react-types/button';\nimport {classNames, SlotProvider, useFocusableRef, useSlotProps, useStyleProps} from '@react-spectrum/utils';\nimport {DOMProps, FocusableRef, StyleProps} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {RefObject} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/button/vars.css';\nimport {useButton} from '@react-aria/button';\nimport {useHover} from '@react-aria/interactions';\n\ninterface FieldButtonProps extends ButtonProps, DOMProps, StyleProps {\n isQuiet?: boolean,\n isActive?: boolean,\n validationState?: 'valid' | 'invalid',\n focusRingClass?: string\n}\n\n// @private\nfunction FieldButton(props: FieldButtonProps, ref: FocusableRef) {\n props = useSlotProps(props, 'button');\n let {\n isQuiet,\n isDisabled,\n validationState,\n children,\n autoFocus,\n isActive,\n focusRingClass,\n ...otherProps\n } = props;\n let domRef = useFocusableRef(ref) as RefObject<HTMLButtonElement>;\n let {buttonProps, isPressed} = useButton(props, domRef);\n let {hoverProps, isHovered} = useHover({isDisabled});\n let {styleProps} = useStyleProps(otherProps);\n\n return (\n <FocusRing focusRingClass={classNames(styles, 'focus-ring', focusRingClass)} autoFocus={autoFocus}>\n <button\n {...mergeProps(buttonProps, hoverProps)}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-FieldButton',\n {\n 'spectrum-FieldButton--quiet': isQuiet,\n 'is-active': isActive || isPressed,\n 'is-disabled': isDisabled,\n 'spectrum-FieldButton--invalid': validationState === 'invalid',\n 'is-hovered': isHovered\n },\n styleProps.className\n )\n }>\n <SlotProvider\n slots={{\n icon: {\n size: 'S',\n UNSAFE_className: classNames(styles, 'spectrum-Icon')\n }\n }}>\n {children}\n </SlotProvider>\n </button>\n </FocusRing>\n );\n}\n\nlet _FieldButton = React.forwardRef(FieldButton);\nexport {_FieldButton as FieldButton};\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 {classNames, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React from 'react';\nimport {SpectrumLogicButtonProps} from '@react-types/button';\nimport styles from '@adobe/spectrum-css-temp/components/button/vars.css';\nimport {useButton} from '@react-aria/button';\nimport {useHover} from '@react-aria/interactions';\nimport {useProviderProps} from '@react-spectrum/provider';\n\nfunction LogicButton(props: SpectrumLogicButtonProps, ref: FocusableRef<HTMLButtonElement>) {\n props = useProviderProps(props);\n let {\n variant,\n children,\n isDisabled,\n autoFocus,\n ...otherProps\n } = props;\n let domRef = useFocusableRef(ref);\n let {buttonProps, isPressed} = useButton(props, domRef);\n let {hoverProps, isHovered} = useHover({isDisabled});\n let {styleProps} = useStyleProps(otherProps);\n\n return (\n <FocusRing focusRingClass={classNames(styles, 'focus-ring')} autoFocus={autoFocus}>\n <button\n {...styleProps}\n {...mergeProps(buttonProps, hoverProps)}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-LogicButton',\n {\n [`spectrum-LogicButton--${variant}`]: variant,\n 'is-disabled': isDisabled,\n 'is-active': isPressed,\n 'is-hovered': isHovered\n },\n styleProps.className\n )\n }>\n <span className={classNames(styles, 'spectrum-Button-label')}>{children}</span>\n </button>\n </FocusRing>\n );\n}\n\n/**\n * A LogicButton displays an operator within a boolean logic sequence.\n */\nlet _LogicButton = React.forwardRef(LogicButton);\nexport {_LogicButton as LogicButton};\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 {AriaButtonElementTypeProps, ButtonProps} from '@react-types/button';\nimport {classNames, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport CrossSmall from '@spectrum-icons/ui/CrossSmall';\nimport {DOMProps, FocusableRef, StyleProps} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {ElementType} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/button/vars.css';\nimport {useButton} from '@react-aria/button';\nimport {useHover} from '@react-aria/interactions';\n\ninterface ClearButtonProps<T extends ElementType = 'button'> extends ButtonProps, AriaButtonElementTypeProps<T>, DOMProps, StyleProps {\n focusClassName?: string,\n variant?: 'overBackground',\n excludeFromTabOrder?: boolean,\n preventFocus?: boolean\n}\n\nfunction ClearButton(props: ClearButtonProps, ref: FocusableRef<HTMLButtonElement>) {\n let {\n children = <CrossSmall UNSAFE_className={styles['spectrum-Icon']} />,\n focusClassName,\n variant,\n autoFocus,\n isDisabled,\n preventFocus,\n elementType = preventFocus ? 'div' : 'button' as ElementType,\n ...otherProps\n } = props;\n let domRef = useFocusableRef(ref);\n let {buttonProps, isPressed} = useButton({...props, elementType}, domRef);\n let {hoverProps, isHovered} = useHover({isDisabled});\n let {styleProps} = useStyleProps(otherProps);\n\n // For cases like the clear button in a search field, remove the tabIndex so\n // iOS 14 with VoiceOver doesn't focus the button and hide the keyboard when\n // moving the cursor over the clear button.\n if (preventFocus) {\n delete buttonProps.tabIndex;\n }\n\n let ElementType = elementType;\n return (\n <FocusRing focusRingClass={classNames(styles, 'focus-ring', focusClassName)} autoFocus={autoFocus}>\n <ElementType\n {...styleProps}\n {...mergeProps(buttonProps, hoverProps)}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-ClearButton',\n {\n [`spectrum-ClearButton--${variant}`]: variant,\n 'is-disabled': isDisabled,\n 'is-active': isPressed,\n 'is-hovered': isHovered\n },\n styleProps.className\n )\n }>\n {children}\n </ElementType>\n </FocusRing>\n );\n}\n\nlet _ClearButton = React.forwardRef(ClearButton);\nexport {_ClearButton as ClearButton};\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 {classNames, SlotProvider, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React from 'react';\nimport {SpectrumToggleButtonProps} from '@react-types/button';\nimport styles from '@adobe/spectrum-css-temp/components/button/vars.css';\nimport {Text} from '@react-spectrum/text';\nimport {useHover} from '@react-aria/interactions';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useToggleButton} from '@react-aria/button';\nimport {useToggleState} from '@react-stately/toggle';\n\nfunction ToggleButton(props: SpectrumToggleButtonProps, ref: FocusableRef<HTMLButtonElement>) {\n props = useProviderProps(props);\n let {\n isQuiet,\n isDisabled,\n isEmphasized,\n staticColor,\n children,\n autoFocus,\n ...otherProps\n } = props;\n\n let domRef = useFocusableRef(ref);\n let state = useToggleState(props);\n let {buttonProps, isPressed} = useToggleButton(props, state, domRef);\n let {hoverProps, isHovered} = useHover({isDisabled});\n let {styleProps} = useStyleProps(otherProps);\n let isTextOnly = React.Children.toArray(props.children).every(c => !React.isValidElement(c));\n\n return (\n <FocusRing focusRingClass={classNames(styles, 'focus-ring')} autoFocus={autoFocus}>\n <button\n {...styleProps}\n {...mergeProps(buttonProps, hoverProps)}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-ActionButton',\n {\n 'spectrum-ActionButton--quiet': isQuiet,\n 'spectrum-ActionButton--emphasized': isEmphasized,\n 'spectrum-ActionButton--staticColor': !!staticColor,\n 'spectrum-ActionButton--staticWhite': staticColor === 'white',\n 'spectrum-ActionButton--staticBlack': staticColor === 'black',\n 'is-active': isPressed,\n 'is-disabled': isDisabled,\n 'is-hovered': isHovered,\n 'is-selected': state.isSelected\n },\n styleProps.className\n )\n }>\n <SlotProvider\n slots={{\n icon: {\n size: 'S',\n UNSAFE_className: classNames(styles, 'spectrum-Icon')\n },\n text: {\n UNSAFE_className: classNames(styles, 'spectrum-ActionButton-label')\n }\n }}>\n {typeof children === 'string' || isTextOnly\n ? <Text>{children}</Text>\n : children}\n </SlotProvider>\n </button>\n </FocusRing>\n );\n}\n\n/**\n * ToggleButtons allow users to toggle a selection on or off, for example\n * switching between two states or modes.\n */\nlet _ToggleButton = React.forwardRef(ToggleButton);\nexport {_ToggleButton as ToggleButton};\n"],"names":[],"version":3,"file":"main.js.map"}
|
package/dist/module.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
import "./main.css";
|
2
|
-
import {useSlotProps as $d7FTw$useSlotProps, useFocusableRef as $d7FTw$useFocusableRef, useStyleProps as $d7FTw$useStyleProps, classNames as $d7FTw$classNames, SlotProvider as $d7FTw$SlotProvider} from "@react-spectrum/utils";
|
2
|
+
import {useSlotProps as $d7FTw$useSlotProps, useFocusableRef as $d7FTw$useFocusableRef, useStyleProps as $d7FTw$useStyleProps, useHasChild as $d7FTw$useHasChild, classNames as $d7FTw$classNames, SlotProvider as $d7FTw$SlotProvider} from "@react-spectrum/utils";
|
3
3
|
import {FocusRing as $d7FTw$FocusRing} from "@react-aria/focus";
|
4
4
|
import {mergeProps as $d7FTw$mergeProps} from "@react-aria/utils";
|
5
5
|
import $d7FTw$react from "react";
|
@@ -34,6 +34,7 @@ $parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton--emphasized", (
|
|
34
34
|
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton--staticColor", () => $086e93d2352a4536$export$29b7b5d6a5a497c5, (v) => $086e93d2352a4536$export$29b7b5d6a5a497c5 = v);
|
35
35
|
$parcel$export($086e93d2352a4536$exports, "is-hovered", () => $086e93d2352a4536$export$b8813cd5d7824ce7, (v) => $086e93d2352a4536$export$b8813cd5d7824ce7 = v);
|
36
36
|
$parcel$export($086e93d2352a4536$exports, "spectrum-Button-label", () => $086e93d2352a4536$export$c081ba562e204942, (v) => $086e93d2352a4536$export$c081ba562e204942 = v);
|
37
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-Button--iconOnly", () => $086e93d2352a4536$export$c1d306ec0fae3838, (v) => $086e93d2352a4536$export$c1d306ec0fae3838 = v);
|
37
38
|
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton-label", () => $086e93d2352a4536$export$ebb4635c66bacdb9, (v) => $086e93d2352a4536$export$ebb4635c66bacdb9 = v);
|
38
39
|
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton-hold", () => $086e93d2352a4536$export$4a4f01c443eff992, (v) => $086e93d2352a4536$export$4a4f01c443eff992 = v);
|
39
40
|
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton--quiet", () => $086e93d2352a4536$export$40e1f009544bacf3, (v) => $086e93d2352a4536$export$40e1f009544bacf3 = v);
|
@@ -68,6 +69,7 @@ var $086e93d2352a4536$export$5aabb61a966e266f;
|
|
68
69
|
var $086e93d2352a4536$export$29b7b5d6a5a497c5;
|
69
70
|
var $086e93d2352a4536$export$b8813cd5d7824ce7;
|
70
71
|
var $086e93d2352a4536$export$c081ba562e204942;
|
72
|
+
var $086e93d2352a4536$export$c1d306ec0fae3838;
|
71
73
|
var $086e93d2352a4536$export$ebb4635c66bacdb9;
|
72
74
|
var $086e93d2352a4536$export$4a4f01c443eff992;
|
73
75
|
var $086e93d2352a4536$export$40e1f009544bacf3;
|
@@ -102,6 +104,7 @@ $086e93d2352a4536$export$5aabb61a966e266f = "spectrum-ActionButton--emphasized_e
|
|
102
104
|
$086e93d2352a4536$export$29b7b5d6a5a497c5 = "spectrum-ActionButton--staticColor_e2d99e";
|
103
105
|
$086e93d2352a4536$export$b8813cd5d7824ce7 = "is-hovered_e2d99e";
|
104
106
|
$086e93d2352a4536$export$c081ba562e204942 = "spectrum-Button-label_e2d99e";
|
107
|
+
$086e93d2352a4536$export$c1d306ec0fae3838 = "spectrum-Button--iconOnly_e2d99e";
|
105
108
|
$086e93d2352a4536$export$ebb4635c66bacdb9 = "spectrum-ActionButton-label_e2d99e";
|
106
109
|
$086e93d2352a4536$export$4a4f01c443eff992 = "spectrum-ActionButton-hold_e2d99e";
|
107
110
|
$086e93d2352a4536$export$40e1f009544bacf3 = "spectrum-ActionButton--quiet_e2d99e";
|
@@ -145,6 +148,8 @@ function $b865a6f0049e2d66$var$Button(props, ref) {
|
|
145
148
|
isDisabled: isDisabled
|
146
149
|
});
|
147
150
|
let { styleProps: styleProps } = $d7FTw$useStyleProps(otherProps);
|
151
|
+
let hasLabel = $d7FTw$useHasChild(`.${(/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))['spectrum-Button-label']}`, domRef);
|
152
|
+
let hasIcon = $d7FTw$useHasChild(`.${(/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))['spectrum-Icon']}`, domRef);
|
148
153
|
let buttonVariant = variant;
|
149
154
|
if ($b865a6f0049e2d66$var$VARIANT_MAPPING[variant]) buttonVariant = $b865a6f0049e2d66$var$VARIANT_MAPPING[variant];
|
150
155
|
return(/*#__PURE__*/ $d7FTw$react.createElement($d7FTw$FocusRing, {
|
@@ -156,6 +161,7 @@ function $b865a6f0049e2d66$var$Button(props, ref) {
|
|
156
161
|
ref: domRef,
|
157
162
|
className: $d7FTw$classNames((/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)), 'spectrum-Button', `spectrum-Button--${buttonVariant}`, {
|
158
163
|
'spectrum-Button--quiet': isQuiet,
|
164
|
+
'spectrum-Button--iconOnly': hasIcon && !hasLabel,
|
159
165
|
'is-disabled': isDisabled,
|
160
166
|
'is-active': isPressed,
|
161
167
|
'is-hovered': isHovered
|
package/dist/module.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"mappings":"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","sources":["packages/@react-spectrum/button/src/index.ts","packages/@react-spectrum/button/src/Button.tsx","packages/@adobe/spectrum-css-temp/components/button/vars.css","packages/@react-spectrum/button/src/ActionButton.tsx","packages/@react-spectrum/button/src/FieldButton.tsx","packages/@react-spectrum/button/src/LogicButton.tsx","packages/@react-spectrum/button/src/ClearButton.tsx","packages/@react-spectrum/button/src/ToggleButton.tsx"],"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/// <reference types=\"css-module-types\" />\nexport {Button} from './Button';\nexport {ActionButton} from './ActionButton';\nexport {FieldButton} from './FieldButton';\nexport {LogicButton} from './LogicButton';\nexport {ClearButton} from './ClearButton';\nexport {ToggleButton} from './ToggleButton';\nexport type {SpectrumActionButtonProps, SpectrumButtonProps, SpectrumLogicButtonProps, SpectrumToggleButtonProps} from '@react-types/button';\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 {classNames, SlotProvider, useFocusableRef, useSlotProps, useStyleProps} from '@react-spectrum/utils';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {ElementType, ReactElement} from 'react';\nimport {SpectrumButtonProps} from '@react-types/button';\nimport styles from '@adobe/spectrum-css-temp/components/button/vars.css';\nimport {Text} from '@react-spectrum/text';\nimport {useButton} from '@react-aria/button';\nimport {useHover} from '@react-aria/interactions';\nimport {useProviderProps} from '@react-spectrum/provider';\n\n// todo: CSS hasn't caught up yet, map\nlet VARIANT_MAPPING = {\n negative: 'warning'\n};\n\nfunction Button<T extends ElementType = 'button'>(props: SpectrumButtonProps<T>, ref: FocusableRef<HTMLElement>) {\n props = useProviderProps(props);\n props = useSlotProps(props, 'button');\n let {\n elementType: ElementType = 'button',\n children,\n variant,\n isQuiet,\n isDisabled,\n autoFocus,\n ...otherProps\n } = props;\n let domRef = useFocusableRef(ref);\n let {buttonProps, isPressed} = useButton(props, domRef);\n let {hoverProps, isHovered} = useHover({isDisabled});\n let {styleProps} = useStyleProps(otherProps);\n\n let buttonVariant = variant;\n if (VARIANT_MAPPING[variant]) {\n buttonVariant = VARIANT_MAPPING[variant];\n }\n\n return (\n <FocusRing focusRingClass={classNames(styles, 'focus-ring')} autoFocus={autoFocus}>\n <ElementType\n {...styleProps}\n {...mergeProps(buttonProps, hoverProps)}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-Button',\n `spectrum-Button--${buttonVariant}`,\n {\n 'spectrum-Button--quiet': isQuiet,\n 'is-disabled': isDisabled,\n 'is-active': isPressed,\n 'is-hovered': isHovered\n },\n styleProps.className\n )\n }>\n <SlotProvider\n slots={{\n icon: {\n size: 'S',\n UNSAFE_className: classNames(styles, 'spectrum-Icon')\n },\n text: {\n UNSAFE_className: classNames(styles, 'spectrum-Button-label')\n }\n }}>\n {typeof children === 'string'\n ? <Text>{children}</Text>\n : children}\n </SlotProvider>\n </ElementType>\n </FocusRing>\n );\n}\n\n/**\n * Buttons allow users to perform an action or to navigate to another page.\n * They have multiple styles for various needs, and are ideal for calling attention to\n * where a user needs to do something in order to move forward in a flow.\n */\nlet _Button = React.forwardRef(Button) as <T extends ElementType = 'button'>(props: SpectrumButtonProps<T> & {ref?: FocusableRef<HTMLElement>}) => ReactElement;\nexport {_Button as Button};\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","/*\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 {classNames, SlotProvider, useFocusableRef, useSlotProps, useStyleProps} from '@react-spectrum/utils';\nimport CornerTriangle from '@spectrum-icons/ui/CornerTriangle';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React from 'react';\nimport {SpectrumActionButtonProps} from '@react-types/button';\nimport styles from '@adobe/spectrum-css-temp/components/button/vars.css';\nimport {Text} from '@react-spectrum/text';\nimport {useButton} from '@react-aria/button';\nimport {useHover} from '@react-aria/interactions';\nimport {useProviderProps} from '@react-spectrum/provider';\n\nfunction ActionButton(props: SpectrumActionButtonProps, ref: FocusableRef<HTMLButtonElement>) {\n props = useProviderProps(props);\n props = useSlotProps(props, 'actionButton');\n let {\n isQuiet,\n isDisabled,\n staticColor,\n children,\n autoFocus,\n // @ts-ignore (private)\n holdAffordance,\n ...otherProps\n } = props;\n\n let domRef = useFocusableRef(ref);\n let {buttonProps, isPressed} = useButton(props, domRef);\n let {hoverProps, isHovered} = useHover({isDisabled});\n let {styleProps} = useStyleProps(otherProps);\n let isTextOnly = React.Children.toArray(props.children).every(c => !React.isValidElement(c));\n\n return (\n <FocusRing focusRingClass={classNames(styles, 'focus-ring')} autoFocus={autoFocus}>\n <button\n {...styleProps}\n {...mergeProps(buttonProps, hoverProps)}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-ActionButton',\n {\n 'spectrum-ActionButton--quiet': isQuiet,\n 'spectrum-ActionButton--staticColor': !!staticColor,\n 'spectrum-ActionButton--staticWhite': staticColor === 'white',\n 'spectrum-ActionButton--staticBlack': staticColor === 'black',\n 'is-active': isPressed,\n 'is-disabled': isDisabled,\n 'is-hovered': isHovered\n },\n styleProps.className\n )\n }>\n {holdAffordance &&\n <CornerTriangle UNSAFE_className={classNames(styles, 'spectrum-ActionButton-hold')} />\n }\n <SlotProvider\n slots={{\n icon: {\n size: 'S',\n UNSAFE_className: classNames(styles, 'spectrum-Icon')\n },\n text: {\n UNSAFE_className: classNames(styles, 'spectrum-ActionButton-label')\n }\n }}>\n {typeof children === 'string' || isTextOnly\n ? <Text>{children}</Text>\n : children}\n </SlotProvider>\n </button>\n </FocusRing>\n );\n}\n\n/**\n * ActionButtons allow users to perform an action.\n * They’re used for similar, task-based options within a workflow, and are ideal for interfaces where buttons aren’t meant to draw a lot of attention.\n */\nlet _ActionButton = React.forwardRef(ActionButton);\nexport {_ActionButton as ActionButton};\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 {ButtonProps} from '@react-types/button';\nimport {classNames, SlotProvider, useFocusableRef, useSlotProps, useStyleProps} from '@react-spectrum/utils';\nimport {DOMProps, FocusableRef, StyleProps} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {RefObject} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/button/vars.css';\nimport {useButton} from '@react-aria/button';\nimport {useHover} from '@react-aria/interactions';\n\ninterface FieldButtonProps extends ButtonProps, DOMProps, StyleProps {\n isQuiet?: boolean,\n isActive?: boolean,\n validationState?: 'valid' | 'invalid',\n focusRingClass?: string\n}\n\n// @private\nfunction FieldButton(props: FieldButtonProps, ref: FocusableRef) {\n props = useSlotProps(props, 'button');\n let {\n isQuiet,\n isDisabled,\n validationState,\n children,\n autoFocus,\n isActive,\n focusRingClass,\n ...otherProps\n } = props;\n let domRef = useFocusableRef(ref) as RefObject<HTMLButtonElement>;\n let {buttonProps, isPressed} = useButton(props, domRef);\n let {hoverProps, isHovered} = useHover({isDisabled});\n let {styleProps} = useStyleProps(otherProps);\n\n return (\n <FocusRing focusRingClass={classNames(styles, 'focus-ring', focusRingClass)} autoFocus={autoFocus}>\n <button\n {...mergeProps(buttonProps, hoverProps)}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-FieldButton',\n {\n 'spectrum-FieldButton--quiet': isQuiet,\n 'is-active': isActive || isPressed,\n 'is-disabled': isDisabled,\n 'spectrum-FieldButton--invalid': validationState === 'invalid',\n 'is-hovered': isHovered\n },\n styleProps.className\n )\n }>\n <SlotProvider\n slots={{\n icon: {\n size: 'S',\n UNSAFE_className: classNames(styles, 'spectrum-Icon')\n }\n }}>\n {children}\n </SlotProvider>\n </button>\n </FocusRing>\n );\n}\n\nlet _FieldButton = React.forwardRef(FieldButton);\nexport {_FieldButton as FieldButton};\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 {classNames, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React from 'react';\nimport {SpectrumLogicButtonProps} from '@react-types/button';\nimport styles from '@adobe/spectrum-css-temp/components/button/vars.css';\nimport {useButton} from '@react-aria/button';\nimport {useHover} from '@react-aria/interactions';\nimport {useProviderProps} from '@react-spectrum/provider';\n\nfunction LogicButton(props: SpectrumLogicButtonProps, ref: FocusableRef<HTMLButtonElement>) {\n props = useProviderProps(props);\n let {\n variant,\n children,\n isDisabled,\n autoFocus,\n ...otherProps\n } = props;\n let domRef = useFocusableRef(ref);\n let {buttonProps, isPressed} = useButton(props, domRef);\n let {hoverProps, isHovered} = useHover({isDisabled});\n let {styleProps} = useStyleProps(otherProps);\n\n return (\n <FocusRing focusRingClass={classNames(styles, 'focus-ring')} autoFocus={autoFocus}>\n <button\n {...styleProps}\n {...mergeProps(buttonProps, hoverProps)}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-LogicButton',\n {\n [`spectrum-LogicButton--${variant}`]: variant,\n 'is-disabled': isDisabled,\n 'is-active': isPressed,\n 'is-hovered': isHovered\n },\n styleProps.className\n )\n }>\n <span className={classNames(styles, 'spectrum-Button-label')}>{children}</span>\n </button>\n </FocusRing>\n );\n}\n\n/**\n * A LogicButton displays an operator within a boolean logic sequence.\n */\nlet _LogicButton = React.forwardRef(LogicButton);\nexport {_LogicButton as LogicButton};\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 {AriaButtonElementTypeProps, ButtonProps} from '@react-types/button';\nimport {classNames, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport CrossSmall from '@spectrum-icons/ui/CrossSmall';\nimport {DOMProps, FocusableRef, StyleProps} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {ElementType} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/button/vars.css';\nimport {useButton} from '@react-aria/button';\nimport {useHover} from '@react-aria/interactions';\n\ninterface ClearButtonProps<T extends ElementType = 'button'> extends ButtonProps, AriaButtonElementTypeProps<T>, DOMProps, StyleProps {\n focusClassName?: string,\n variant?: 'overBackground',\n excludeFromTabOrder?: boolean,\n preventFocus?: boolean\n}\n\nfunction ClearButton(props: ClearButtonProps, ref: FocusableRef<HTMLButtonElement>) {\n let {\n children = <CrossSmall UNSAFE_className={styles['spectrum-Icon']} />,\n focusClassName,\n variant,\n autoFocus,\n isDisabled,\n preventFocus,\n elementType = preventFocus ? 'div' : 'button' as ElementType,\n ...otherProps\n } = props;\n let domRef = useFocusableRef(ref);\n let {buttonProps, isPressed} = useButton({...props, elementType}, domRef);\n let {hoverProps, isHovered} = useHover({isDisabled});\n let {styleProps} = useStyleProps(otherProps);\n\n // For cases like the clear button in a search field, remove the tabIndex so\n // iOS 14 with VoiceOver doesn't focus the button and hide the keyboard when\n // moving the cursor over the clear button.\n if (preventFocus) {\n delete buttonProps.tabIndex;\n }\n\n let ElementType = elementType;\n return (\n <FocusRing focusRingClass={classNames(styles, 'focus-ring', focusClassName)} autoFocus={autoFocus}>\n <ElementType\n {...styleProps}\n {...mergeProps(buttonProps, hoverProps)}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-ClearButton',\n {\n [`spectrum-ClearButton--${variant}`]: variant,\n 'is-disabled': isDisabled,\n 'is-active': isPressed,\n 'is-hovered': isHovered\n },\n styleProps.className\n )\n }>\n {children}\n </ElementType>\n </FocusRing>\n );\n}\n\nlet _ClearButton = React.forwardRef(ClearButton);\nexport {_ClearButton as ClearButton};\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 {classNames, SlotProvider, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React from 'react';\nimport {SpectrumToggleButtonProps} from '@react-types/button';\nimport styles from '@adobe/spectrum-css-temp/components/button/vars.css';\nimport {Text} from '@react-spectrum/text';\nimport {useHover} from '@react-aria/interactions';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useToggleButton} from '@react-aria/button';\nimport {useToggleState} from '@react-stately/toggle';\n\nfunction ToggleButton(props: SpectrumToggleButtonProps, ref: FocusableRef<HTMLButtonElement>) {\n props = useProviderProps(props);\n let {\n isQuiet,\n isDisabled,\n isEmphasized,\n staticColor,\n children,\n autoFocus,\n ...otherProps\n } = props;\n\n let domRef = useFocusableRef(ref);\n let state = useToggleState(props);\n let {buttonProps, isPressed} = useToggleButton(props, state, domRef);\n let {hoverProps, isHovered} = useHover({isDisabled});\n let {styleProps} = useStyleProps(otherProps);\n let isTextOnly = React.Children.toArray(props.children).every(c => !React.isValidElement(c));\n\n return (\n <FocusRing focusRingClass={classNames(styles, 'focus-ring')} autoFocus={autoFocus}>\n <button\n {...styleProps}\n {...mergeProps(buttonProps, hoverProps)}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-ActionButton',\n {\n 'spectrum-ActionButton--quiet': isQuiet,\n 'spectrum-ActionButton--emphasized': isEmphasized,\n 'spectrum-ActionButton--staticColor': !!staticColor,\n 'spectrum-ActionButton--staticWhite': staticColor === 'white',\n 'spectrum-ActionButton--staticBlack': staticColor === 'black',\n 'is-active': isPressed,\n 'is-disabled': isDisabled,\n 'is-hovered': isHovered,\n 'is-selected': state.isSelected\n },\n styleProps.className\n )\n }>\n <SlotProvider\n slots={{\n icon: {\n size: 'S',\n UNSAFE_className: classNames(styles, 'spectrum-Icon')\n },\n text: {\n UNSAFE_className: classNames(styles, 'spectrum-ActionButton-label')\n }\n }}>\n {typeof children === 'string' || isTextOnly\n ? <Text>{children}</Text>\n : children}\n </SlotProvider>\n </button>\n </FocusRing>\n );\n}\n\n/**\n * ToggleButtons allow users to toggle a selection on or off, for example\n * switching between two states or modes.\n */\nlet _ToggleButton = React.forwardRef(ToggleButton);\nexport {_ToggleButton as ToggleButton};\n"],"names":[],"version":3,"file":"module.js.map"}
|
1
|
+
{"mappings":"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","sources":["packages/@react-spectrum/button/src/index.ts","packages/@react-spectrum/button/src/Button.tsx","packages/@adobe/spectrum-css-temp/components/button/vars.css","packages/@react-spectrum/button/src/ActionButton.tsx","packages/@react-spectrum/button/src/FieldButton.tsx","packages/@react-spectrum/button/src/LogicButton.tsx","packages/@react-spectrum/button/src/ClearButton.tsx","packages/@react-spectrum/button/src/ToggleButton.tsx"],"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/// <reference types=\"css-module-types\" />\nexport {Button} from './Button';\nexport {ActionButton} from './ActionButton';\nexport {FieldButton} from './FieldButton';\nexport {LogicButton} from './LogicButton';\nexport {ClearButton} from './ClearButton';\nexport {ToggleButton} from './ToggleButton';\nexport type {SpectrumActionButtonProps, SpectrumButtonProps, SpectrumLogicButtonProps, SpectrumToggleButtonProps} from '@react-types/button';\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 {\n classNames,\n SlotProvider,\n useFocusableRef,\n useHasChild,\n useSlotProps,\n useStyleProps\n} from '@react-spectrum/utils';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {ElementType, ReactElement} from 'react';\nimport {SpectrumButtonProps} from '@react-types/button';\nimport styles from '@adobe/spectrum-css-temp/components/button/vars.css';\nimport {Text} from '@react-spectrum/text';\nimport {useButton} from '@react-aria/button';\nimport {useHover} from '@react-aria/interactions';\nimport {useProviderProps} from '@react-spectrum/provider';\n\n// todo: CSS hasn't caught up yet, map\nlet VARIANT_MAPPING = {\n negative: 'warning'\n};\n\nfunction Button<T extends ElementType = 'button'>(props: SpectrumButtonProps<T>, ref: FocusableRef<HTMLElement>) {\n props = useProviderProps(props);\n props = useSlotProps(props, 'button');\n let {\n elementType: ElementType = 'button',\n children,\n variant,\n isQuiet,\n isDisabled,\n autoFocus,\n ...otherProps\n } = props;\n let domRef = useFocusableRef(ref);\n let {buttonProps, isPressed} = useButton(props, domRef);\n let {hoverProps, isHovered} = useHover({isDisabled});\n let {styleProps} = useStyleProps(otherProps);\n let hasLabel = useHasChild(`.${styles['spectrum-Button-label']}`, domRef);\n let hasIcon = useHasChild(`.${styles['spectrum-Icon']}`, domRef);\n\n let buttonVariant = variant;\n if (VARIANT_MAPPING[variant]) {\n buttonVariant = VARIANT_MAPPING[variant];\n }\n\n return (\n <FocusRing focusRingClass={classNames(styles, 'focus-ring')} autoFocus={autoFocus}>\n <ElementType\n {...styleProps}\n {...mergeProps(buttonProps, hoverProps)}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-Button',\n `spectrum-Button--${buttonVariant}`,\n {\n 'spectrum-Button--quiet': isQuiet,\n 'spectrum-Button--iconOnly': hasIcon && !hasLabel,\n 'is-disabled': isDisabled,\n 'is-active': isPressed,\n 'is-hovered': isHovered\n },\n styleProps.className\n )\n }>\n <SlotProvider\n slots={{\n icon: {\n size: 'S',\n UNSAFE_className: classNames(styles, 'spectrum-Icon')\n },\n text: {\n UNSAFE_className: classNames(styles, 'spectrum-Button-label')\n }\n }}>\n {typeof children === 'string'\n ? <Text>{children}</Text>\n : children}\n </SlotProvider>\n </ElementType>\n </FocusRing>\n );\n}\n\n/**\n * Buttons allow users to perform an action or to navigate to another page.\n * They have multiple styles for various needs, and are ideal for calling attention to\n * where a user needs to do something in order to move forward in a flow.\n */\nlet _Button = React.forwardRef(Button) as <T extends ElementType = 'button'>(props: SpectrumButtonProps<T> & {ref?: FocusableRef<HTMLElement>}) => ReactElement;\nexport {_Button as Button};\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","/*\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 {classNames, SlotProvider, useFocusableRef, useSlotProps, useStyleProps} from '@react-spectrum/utils';\nimport CornerTriangle from '@spectrum-icons/ui/CornerTriangle';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React from 'react';\nimport {SpectrumActionButtonProps} from '@react-types/button';\nimport styles from '@adobe/spectrum-css-temp/components/button/vars.css';\nimport {Text} from '@react-spectrum/text';\nimport {useButton} from '@react-aria/button';\nimport {useHover} from '@react-aria/interactions';\nimport {useProviderProps} from '@react-spectrum/provider';\n\nfunction ActionButton(props: SpectrumActionButtonProps, ref: FocusableRef<HTMLButtonElement>) {\n props = useProviderProps(props);\n props = useSlotProps(props, 'actionButton');\n let {\n isQuiet,\n isDisabled,\n staticColor,\n children,\n autoFocus,\n // @ts-ignore (private)\n holdAffordance,\n ...otherProps\n } = props;\n\n let domRef = useFocusableRef(ref);\n let {buttonProps, isPressed} = useButton(props, domRef);\n let {hoverProps, isHovered} = useHover({isDisabled});\n let {styleProps} = useStyleProps(otherProps);\n let isTextOnly = React.Children.toArray(props.children).every(c => !React.isValidElement(c));\n\n return (\n <FocusRing focusRingClass={classNames(styles, 'focus-ring')} autoFocus={autoFocus}>\n <button\n {...styleProps}\n {...mergeProps(buttonProps, hoverProps)}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-ActionButton',\n {\n 'spectrum-ActionButton--quiet': isQuiet,\n 'spectrum-ActionButton--staticColor': !!staticColor,\n 'spectrum-ActionButton--staticWhite': staticColor === 'white',\n 'spectrum-ActionButton--staticBlack': staticColor === 'black',\n 'is-active': isPressed,\n 'is-disabled': isDisabled,\n 'is-hovered': isHovered\n },\n styleProps.className\n )\n }>\n {holdAffordance &&\n <CornerTriangle UNSAFE_className={classNames(styles, 'spectrum-ActionButton-hold')} />\n }\n <SlotProvider\n slots={{\n icon: {\n size: 'S',\n UNSAFE_className: classNames(styles, 'spectrum-Icon')\n },\n text: {\n UNSAFE_className: classNames(styles, 'spectrum-ActionButton-label')\n }\n }}>\n {typeof children === 'string' || isTextOnly\n ? <Text>{children}</Text>\n : children}\n </SlotProvider>\n </button>\n </FocusRing>\n );\n}\n\n/**\n * ActionButtons allow users to perform an action.\n * They’re used for similar, task-based options within a workflow, and are ideal for interfaces where buttons aren’t meant to draw a lot of attention.\n */\nlet _ActionButton = React.forwardRef(ActionButton);\nexport {_ActionButton as ActionButton};\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 {ButtonProps} from '@react-types/button';\nimport {classNames, SlotProvider, useFocusableRef, useSlotProps, useStyleProps} from '@react-spectrum/utils';\nimport {DOMProps, FocusableRef, StyleProps} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {RefObject} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/button/vars.css';\nimport {useButton} from '@react-aria/button';\nimport {useHover} from '@react-aria/interactions';\n\ninterface FieldButtonProps extends ButtonProps, DOMProps, StyleProps {\n isQuiet?: boolean,\n isActive?: boolean,\n validationState?: 'valid' | 'invalid',\n focusRingClass?: string\n}\n\n// @private\nfunction FieldButton(props: FieldButtonProps, ref: FocusableRef) {\n props = useSlotProps(props, 'button');\n let {\n isQuiet,\n isDisabled,\n validationState,\n children,\n autoFocus,\n isActive,\n focusRingClass,\n ...otherProps\n } = props;\n let domRef = useFocusableRef(ref) as RefObject<HTMLButtonElement>;\n let {buttonProps, isPressed} = useButton(props, domRef);\n let {hoverProps, isHovered} = useHover({isDisabled});\n let {styleProps} = useStyleProps(otherProps);\n\n return (\n <FocusRing focusRingClass={classNames(styles, 'focus-ring', focusRingClass)} autoFocus={autoFocus}>\n <button\n {...mergeProps(buttonProps, hoverProps)}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-FieldButton',\n {\n 'spectrum-FieldButton--quiet': isQuiet,\n 'is-active': isActive || isPressed,\n 'is-disabled': isDisabled,\n 'spectrum-FieldButton--invalid': validationState === 'invalid',\n 'is-hovered': isHovered\n },\n styleProps.className\n )\n }>\n <SlotProvider\n slots={{\n icon: {\n size: 'S',\n UNSAFE_className: classNames(styles, 'spectrum-Icon')\n }\n }}>\n {children}\n </SlotProvider>\n </button>\n </FocusRing>\n );\n}\n\nlet _FieldButton = React.forwardRef(FieldButton);\nexport {_FieldButton as FieldButton};\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 {classNames, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React from 'react';\nimport {SpectrumLogicButtonProps} from '@react-types/button';\nimport styles from '@adobe/spectrum-css-temp/components/button/vars.css';\nimport {useButton} from '@react-aria/button';\nimport {useHover} from '@react-aria/interactions';\nimport {useProviderProps} from '@react-spectrum/provider';\n\nfunction LogicButton(props: SpectrumLogicButtonProps, ref: FocusableRef<HTMLButtonElement>) {\n props = useProviderProps(props);\n let {\n variant,\n children,\n isDisabled,\n autoFocus,\n ...otherProps\n } = props;\n let domRef = useFocusableRef(ref);\n let {buttonProps, isPressed} = useButton(props, domRef);\n let {hoverProps, isHovered} = useHover({isDisabled});\n let {styleProps} = useStyleProps(otherProps);\n\n return (\n <FocusRing focusRingClass={classNames(styles, 'focus-ring')} autoFocus={autoFocus}>\n <button\n {...styleProps}\n {...mergeProps(buttonProps, hoverProps)}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-LogicButton',\n {\n [`spectrum-LogicButton--${variant}`]: variant,\n 'is-disabled': isDisabled,\n 'is-active': isPressed,\n 'is-hovered': isHovered\n },\n styleProps.className\n )\n }>\n <span className={classNames(styles, 'spectrum-Button-label')}>{children}</span>\n </button>\n </FocusRing>\n );\n}\n\n/**\n * A LogicButton displays an operator within a boolean logic sequence.\n */\nlet _LogicButton = React.forwardRef(LogicButton);\nexport {_LogicButton as LogicButton};\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 {AriaButtonElementTypeProps, ButtonProps} from '@react-types/button';\nimport {classNames, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport CrossSmall from '@spectrum-icons/ui/CrossSmall';\nimport {DOMProps, FocusableRef, StyleProps} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {ElementType} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/button/vars.css';\nimport {useButton} from '@react-aria/button';\nimport {useHover} from '@react-aria/interactions';\n\ninterface ClearButtonProps<T extends ElementType = 'button'> extends ButtonProps, AriaButtonElementTypeProps<T>, DOMProps, StyleProps {\n focusClassName?: string,\n variant?: 'overBackground',\n excludeFromTabOrder?: boolean,\n preventFocus?: boolean\n}\n\nfunction ClearButton(props: ClearButtonProps, ref: FocusableRef<HTMLButtonElement>) {\n let {\n children = <CrossSmall UNSAFE_className={styles['spectrum-Icon']} />,\n focusClassName,\n variant,\n autoFocus,\n isDisabled,\n preventFocus,\n elementType = preventFocus ? 'div' : 'button' as ElementType,\n ...otherProps\n } = props;\n let domRef = useFocusableRef(ref);\n let {buttonProps, isPressed} = useButton({...props, elementType}, domRef);\n let {hoverProps, isHovered} = useHover({isDisabled});\n let {styleProps} = useStyleProps(otherProps);\n\n // For cases like the clear button in a search field, remove the tabIndex so\n // iOS 14 with VoiceOver doesn't focus the button and hide the keyboard when\n // moving the cursor over the clear button.\n if (preventFocus) {\n delete buttonProps.tabIndex;\n }\n\n let ElementType = elementType;\n return (\n <FocusRing focusRingClass={classNames(styles, 'focus-ring', focusClassName)} autoFocus={autoFocus}>\n <ElementType\n {...styleProps}\n {...mergeProps(buttonProps, hoverProps)}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-ClearButton',\n {\n [`spectrum-ClearButton--${variant}`]: variant,\n 'is-disabled': isDisabled,\n 'is-active': isPressed,\n 'is-hovered': isHovered\n },\n styleProps.className\n )\n }>\n {children}\n </ElementType>\n </FocusRing>\n );\n}\n\nlet _ClearButton = React.forwardRef(ClearButton);\nexport {_ClearButton as ClearButton};\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 {classNames, SlotProvider, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React from 'react';\nimport {SpectrumToggleButtonProps} from '@react-types/button';\nimport styles from '@adobe/spectrum-css-temp/components/button/vars.css';\nimport {Text} from '@react-spectrum/text';\nimport {useHover} from '@react-aria/interactions';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useToggleButton} from '@react-aria/button';\nimport {useToggleState} from '@react-stately/toggle';\n\nfunction ToggleButton(props: SpectrumToggleButtonProps, ref: FocusableRef<HTMLButtonElement>) {\n props = useProviderProps(props);\n let {\n isQuiet,\n isDisabled,\n isEmphasized,\n staticColor,\n children,\n autoFocus,\n ...otherProps\n } = props;\n\n let domRef = useFocusableRef(ref);\n let state = useToggleState(props);\n let {buttonProps, isPressed} = useToggleButton(props, state, domRef);\n let {hoverProps, isHovered} = useHover({isDisabled});\n let {styleProps} = useStyleProps(otherProps);\n let isTextOnly = React.Children.toArray(props.children).every(c => !React.isValidElement(c));\n\n return (\n <FocusRing focusRingClass={classNames(styles, 'focus-ring')} autoFocus={autoFocus}>\n <button\n {...styleProps}\n {...mergeProps(buttonProps, hoverProps)}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-ActionButton',\n {\n 'spectrum-ActionButton--quiet': isQuiet,\n 'spectrum-ActionButton--emphasized': isEmphasized,\n 'spectrum-ActionButton--staticColor': !!staticColor,\n 'spectrum-ActionButton--staticWhite': staticColor === 'white',\n 'spectrum-ActionButton--staticBlack': staticColor === 'black',\n 'is-active': isPressed,\n 'is-disabled': isDisabled,\n 'is-hovered': isHovered,\n 'is-selected': state.isSelected\n },\n styleProps.className\n )\n }>\n <SlotProvider\n slots={{\n icon: {\n size: 'S',\n UNSAFE_className: classNames(styles, 'spectrum-Icon')\n },\n text: {\n UNSAFE_className: classNames(styles, 'spectrum-ActionButton-label')\n }\n }}>\n {typeof children === 'string' || isTextOnly\n ? <Text>{children}</Text>\n : children}\n </SlotProvider>\n </button>\n </FocusRing>\n );\n}\n\n/**\n * ToggleButtons allow users to toggle a selection on or off, for example\n * switching between two states or modes.\n */\nlet _ToggleButton = React.forwardRef(ToggleButton);\nexport {_ToggleButton as ToggleButton};\n"],"names":[],"version":3,"file":"module.js.map"}
|
package/dist/types.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"mappings":";;;
|
1
|
+
{"mappings":";;;AAoGA;;;;GAIG;AACH,OAAA,IAAI;UAAgH,aAAa,WAAW,CAAC;MAAM,YAAY,CAAC;AChBhK;;;GAGG;AACH,OAAA,IAAI,qLAA8C,CAAC;ACvEnD,0BAA2B,SAAQ,WAAW,EAAE,QAAQ,EAAE,UAAU;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAqDD,OAAA,IAAI,+JAA4C,CAAC;AClBjD;;GAEG;AACH,OAAA,IAAI,mLAA4C,CAAC;AC1CjD,2BAA2B,CAAC,SAAS,WAAW,GAAG,QAAQ,CAAE,SAAQ,WAAW,EAAE,2BAA2B,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAU;IACnI,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAmDD,OAAA,IAAI,qLAA4C,CAAC;ACQjD;;;GAGG;AACH,OAAA,IAAI,qLAA8C,CAAC;ACzEnD,YAAY,EAAC,yBAAyB,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,yBAAyB,EAAC,MAAM,qBAAqB,CAAC","sources":["packages/@react-spectrum/button/src/packages/@react-spectrum/button/src/Button.tsx","packages/@react-spectrum/button/src/packages/@react-spectrum/button/src/ActionButton.tsx","packages/@react-spectrum/button/src/packages/@react-spectrum/button/src/FieldButton.tsx","packages/@react-spectrum/button/src/packages/@react-spectrum/button/src/LogicButton.tsx","packages/@react-spectrum/button/src/packages/@react-spectrum/button/src/ClearButton.tsx","packages/@react-spectrum/button/src/packages/@react-spectrum/button/src/ToggleButton.tsx","packages/@react-spectrum/button/src/packages/@react-spectrum/button/src/index.ts","packages/@react-spectrum/button/src/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,"/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/// <reference types=\"css-module-types\" />\nexport {Button} from './Button';\nexport {ActionButton} from './ActionButton';\nexport {FieldButton} from './FieldButton';\nexport {LogicButton} from './LogicButton';\nexport {ClearButton} from './ClearButton';\nexport {ToggleButton} from './ToggleButton';\nexport type {SpectrumActionButtonProps, SpectrumButtonProps, SpectrumLogicButtonProps, SpectrumToggleButtonProps} from '@react-types/button';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@react-spectrum/button",
|
3
|
-
"version": "3.
|
3
|
+
"version": "3.10.0",
|
4
4
|
"description": "Spectrum UI components in React",
|
5
5
|
"license": "Apache-2.0",
|
6
6
|
"main": "dist/main.js",
|
@@ -32,16 +32,16 @@
|
|
32
32
|
},
|
33
33
|
"dependencies": {
|
34
34
|
"@babel/runtime": "^7.6.2",
|
35
|
-
"@react-aria/button": "^3.6.
|
36
|
-
"@react-aria/focus": "^3.
|
37
|
-
"@react-aria/interactions": "^3.
|
38
|
-
"@react-aria/utils": "^3.
|
39
|
-
"@react-spectrum/text": "^3.3.
|
40
|
-
"@react-spectrum/utils": "^3.7.
|
41
|
-
"@react-stately/toggle": "^3.4.
|
42
|
-
"@react-types/button": "^3.6.
|
43
|
-
"@react-types/shared": "^3.
|
44
|
-
"@spectrum-icons/ui": "^3.3.
|
35
|
+
"@react-aria/button": "^3.6.2",
|
36
|
+
"@react-aria/focus": "^3.9.0",
|
37
|
+
"@react-aria/interactions": "^3.12.0",
|
38
|
+
"@react-aria/utils": "^3.14.0",
|
39
|
+
"@react-spectrum/text": "^3.3.2",
|
40
|
+
"@react-spectrum/utils": "^3.7.4",
|
41
|
+
"@react-stately/toggle": "^3.4.2",
|
42
|
+
"@react-types/button": "^3.6.2",
|
43
|
+
"@react-types/shared": "^3.15.0",
|
44
|
+
"@spectrum-icons/ui": "^3.3.3"
|
45
45
|
},
|
46
46
|
"devDependencies": {
|
47
47
|
"@adobe/spectrum-css-temp": "3.0.0-alpha.1",
|
@@ -54,5 +54,5 @@
|
|
54
54
|
"publishConfig": {
|
55
55
|
"access": "public"
|
56
56
|
},
|
57
|
-
"gitHead": "
|
57
|
+
"gitHead": "9202ef59e8c104dd06ffe33148445ef7932a5d1b"
|
58
58
|
}
|
package/src/Button.tsx
CHANGED
@@ -10,7 +10,14 @@
|
|
10
10
|
* governing permissions and limitations under the License.
|
11
11
|
*/
|
12
12
|
|
13
|
-
import {
|
13
|
+
import {
|
14
|
+
classNames,
|
15
|
+
SlotProvider,
|
16
|
+
useFocusableRef,
|
17
|
+
useHasChild,
|
18
|
+
useSlotProps,
|
19
|
+
useStyleProps
|
20
|
+
} from '@react-spectrum/utils';
|
14
21
|
import {FocusableRef} from '@react-types/shared';
|
15
22
|
import {FocusRing} from '@react-aria/focus';
|
16
23
|
import {mergeProps} from '@react-aria/utils';
|
@@ -43,6 +50,8 @@ function Button<T extends ElementType = 'button'>(props: SpectrumButtonProps<T>,
|
|
43
50
|
let {buttonProps, isPressed} = useButton(props, domRef);
|
44
51
|
let {hoverProps, isHovered} = useHover({isDisabled});
|
45
52
|
let {styleProps} = useStyleProps(otherProps);
|
53
|
+
let hasLabel = useHasChild(`.${styles['spectrum-Button-label']}`, domRef);
|
54
|
+
let hasIcon = useHasChild(`.${styles['spectrum-Icon']}`, domRef);
|
46
55
|
|
47
56
|
let buttonVariant = variant;
|
48
57
|
if (VARIANT_MAPPING[variant]) {
|
@@ -62,6 +71,7 @@ function Button<T extends ElementType = 'button'>(props: SpectrumButtonProps<T>,
|
|
62
71
|
`spectrum-Button--${buttonVariant}`,
|
63
72
|
{
|
64
73
|
'spectrum-Button--quiet': isQuiet,
|
74
|
+
'spectrum-Button--iconOnly': hasIcon && !hasLabel,
|
65
75
|
'is-disabled': isDisabled,
|
66
76
|
'is-active': isPressed,
|
67
77
|
'is-hovered': isHovered
|