@react-spectrum/button 3.10.0 → 3.11.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 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))}.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))}}
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{--spectrum-focus-ring-border-radius:var(--spectrum-textfield-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-focus-ring-gap:var(--spectrum-alias-input-focusring-gap);--spectrum-focus-ring-size:var(--spectrum-alias-input-focusring-size);--spectrum-focus-ring-border-size:0px;--spectrum-focus-ring-color:var(--spectrum-high-contrast-focus-ring-color,var(--spectrum-alias-focus-ring-color,var(--spectrum-alias-focus-color)))}.spectrum-Button_e2d99e:after,.spectrum-ActionButton_e2d99e:after,.spectrum-LogicButton_e2d99e:after,.spectrum-FieldButton_e2d99e:after,.spectrum-ClearButton_e2d99e:after{border-radius:calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));content:"";margin:calc(-1*var(--spectrum-focus-ring-border-size));pointer-events:none;transition:box-shadow var(--spectrum-global-animation-duration-100,130ms)ease-out,margin var(--spectrum-global-animation-duration-100,130ms)ease-out;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.spectrum-Button_e2d99e.focus-ring_e2d99e:after,.spectrum-ActionButton_e2d99e.focus-ring_e2d99e:after,.spectrum-LogicButton_e2d99e.focus-ring_e2d99e:after,.spectrum-FieldButton_e2d99e.focus-ring_e2d99e:after,.spectrum-ClearButton_e2d99e.focus-ring_e2d99e:after{margin:calc(var(--spectrum-focus-ring-gap)*-1 - var(--spectrum-focus-ring-border-size));box-shadow:0 0 0 var(--spectrum-focus-ring-size)var(--spectrum-focus-ring-color)}.spectrum-FieldButton--quiet_e2d99e:after{border-radius:0}.spectrum-FieldButton--quiet_e2d99e.focus-ring_e2d99e:after{margin:0 0 calc(var(--spectrum-focus-ring-gap)*-1 - var(--spectrum-focus-ring-border-size))0;box-shadow:0 var(--spectrum-focus-ring-size)0 var(--spectrum-focus-ring-color)}.spectrum-Button_e2d99e,.spectrum-ActionButton_e2d99e,.spectrum-LogicButton_e2d99e,.spectrum-FieldButton_e2d99e,.spectrum-ClearButton_e2d99e{box-sizing:border-box;border-radius:var(--spectrum-button-border-radius);border-style:solid;border-width:var(--spectrum-button-border-width);--spectrum-focus-ring-border-radius:var(--spectrum-button-border-radius);--spectrum-focus-ring-border-size:var(--spectrum-button-border-width);--spectrum-focus-ring-gap:var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25));--spectrum-focus-ring-size:var(--spectrum-button-primary-focus-ring-size-key-focus,var(--spectrum-alias-focus-ring-size));text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:top;transition:background var(--spectrum-global-animation-duration-100,130ms)ease-out,border-color var(--spectrum-global-animation-duration-100,130ms)ease-out,color var(--spectrum-global-animation-duration-100,130ms)ease-out,box-shadow var(--spectrum-global-animation-duration-100,130ms)ease-out;-webkit-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;cursor:default;isolation:isolate;justify-content:center;align-items:center;margin:0;line-height:1.3;text-decoration:none;display:inline-flex;position:relative;overflow:visible}button.spectrum-Button_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{--spectrum-button-border-radius:var(--spectrum-button-primary-border-radius,var(--spectrum-alias-border-radius-large));--spectrum-button-border-width:var(--spectrum-button-primary-border-size,var(--spectrum-alias-border-size-thick));min-height:var(--spectrum-button-primary-height,var(--spectrum-alias-single-line-height));height:0%;min-width:var(--spectrum-button-primary-min-width);padding:var(--spectrum-global-dimension-size-50)calc(var(--spectrum-button-primary-padding-x,var(--spectrum-global-dimension-size-200)) - var(--spectrum-button-primary-border-size,var(--spectrum-alias-border-size-thick)));padding-bottom:calc(var(--spectrum-global-dimension-size-50) + 1px);padding-top:calc(var(--spectrum-global-dimension-size-50) - 1px);font-size:var(--spectrum-button-primary-text-size,var(--spectrum-alias-pill-button-text-size));font-weight:var(--spectrum-button-primary-text-font-weight,var(--spectrum-global-font-weight-bold));border-style:solid}.spectrum-Button_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));--spectrum-button-border-radius:var(--spectrum-actionbutton-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-button-border-width:var(--spectrum-actionbutton-border-size,var(--spectrum-alias-border-size-thin));font-size:var(--spectrum-actionbutton-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-actionbutton-text-font-weight,var(--spectrum-alias-body-text-font-weight));padding:0;position:relative}[dir=ltr] .spectrum-ActionButton_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-LogicButton_e2d99e{height:var(--spectrum-logicbutton-and-height,24px);padding:var(--spectrum-logicbutton-and-padding-x,var(--spectrum-global-dimension-size-100));--spectrum-button-border-width:var(--spectrum-logicbutton-and-border-size,var(--spectrum-alias-border-size-thick));--spectrum-button-border-radius:var(--spectrum-logicbutton-and-border-radius,var(--spectrum-alias-border-radius-regular));font-size:var(--spectrum-logicbutton-and-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-logicbutton-and-text-font-weight,var(--spectrum-global-font-weight-bold));line-height:0}.spectrum-FieldButton_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;--spectrum-focus-ring-gap:var(--spectrum-alias-input-focusring-gap);--spectrum-focus-ring-size:var(--spectrum-alias-input-focusring-size);padding-top:0;padding-bottom:0;padding-left:var(--spectrum-dropdown-padding-x,var(--spectrum-global-dimension-size-150));padding-right:var(--spectrum-dropdown-padding-x,var(--spectrum-global-dimension-size-150));--spectrum-button-border-width:var(--spectrum-dropdown-border-size,var(--spectrum-alias-border-size-thin));--spectrum-button-border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));transition:background-color var(--spectrum-global-animation-duration-100,130ms),box-shadow var(--spectrum-global-animation-duration-100,130ms),border-color var(--spectrum-global-animation-duration-100,130ms);border-style:solid;outline:0;margin:0;line-height:normal;position:relative}.spectrum-FieldButton_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{--spectrum-button-border-width:0;--spectrum-button-border-radius:var(--spectrum-fieldbutton-quiet-border-radius,0px);--spectrum-focus-ring-size:var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25));margin:0;padding:0}.spectrum-FieldButton--quiet_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));--spectrum-button-border-radius:100%;--spectrum-button-border-width:0px;border:0;margin:0;padding:0}.spectrum-ClearButton_e2d99e>.spectrum-Icon_e2d99e{margin:0 auto}@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-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_e2d99e[data-style=fill]{--spectrum-button-text-color:white;--spectrum-button-text-color-hover:var(--spectrum-button-text-color);--spectrum-button-text-color-down:var(--spectrum-button-text-color);--spectrum-button-text-color-key-focus:var(--spectrum-button-text-color);--spectrum-button-text-color-disabled:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500));--spectrum-button-color-disabled:var(--spectrum-alias-background-color-disabled);background-color:var(--spectrum-high-contrast-button-text,var(--spectrum-button-color));color:var(--spectrum-high-contrast-button-face,var(--spectrum-button-text-color));border-color:#0000}.spectrum-Button_e2d99e[data-style=fill].is-hovered_e2d99e{background-color:var(--spectrum-high-contrast-highlight,var(--spectrum-button-color-hover));color:var(--spectrum-high-contrast-button-face,var(--spectrum-button-text-color-hover))}.spectrum-Button_e2d99e[data-style=fill].focus-ring_e2d99e{background-color:var(--spectrum-high-contrast-highlight,var(--spectrum-button-color-key-focus));color:var(--spectrum-high-contrast-button-face,var(--spectrum-button-text-color-key-focus))}.spectrum-Button_e2d99e[data-style=fill].is-active_e2d99e{background-color:var(--spectrum-high-contrast-highlight,var(--spectrum-button-color-down));color:var(--spectrum-high-contrast-button-face,var(--spectrum-button-text-color-down))}.spectrum-Button_e2d99e[data-style=fill]:disabled,.spectrum-Button_e2d99e[data-style=fill].is-disabled_e2d99e{background-color:var(--spectrum-high-contrast-button-face,var(--spectrum-button-color-disabled));color:var(--spectrum-high-contrast-gray-text,var(--spectrum-button-text-color-disabled))}.spectrum-Button_e2d99e[data-style=outline]{--spectrum-button-text-color:var(--spectrum-button-color);--spectrum-button-text-color-hover:var(--spectrum-button-color-hover);--spectrum-button-text-color-down:var(--spectrum-button-color-down);--spectrum-button-text-color-key-focus:var(--spectrum-button-color-key-focus);--spectrum-button-text-color-disabled:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500));--spectrum-button-color-disabled:var(--spectrum-alias-background-color-disabled);border-color:var(--spectrum-high-contrast-button-text,var(--spectrum-button-color));color:var(--spectrum-high-contrast-button-text,var(--spectrum-button-text-color));background-color:#0000}.spectrum-Button_e2d99e[data-style=outline].is-hovered_e2d99e{background-color:var(--spectrum-high-contrast-transparent,var(--spectrum-button-background-color-hover));border-color:var(--spectrum-high-contrast-highlight,var(--spectrum-button-color-hover));color:var(--spectrum-high-contrast-button-text,var(--spectrum-button-text-color-hover))}.spectrum-Button_e2d99e[data-style=outline].focus-ring_e2d99e{background-color:var(--spectrum-high-contrast-transparent,var(--spectrum-button-background-color-key-focus));border-color:var(--spectrum-high-contrast-highlight,var(--spectrum-button-color-key-focus));color:var(--spectrum-high-contrast-button-text,var(--spectrum-button-text-color-key-focus))}.spectrum-Button_e2d99e[data-style=outline].is-active_e2d99e{background-color:var(--spectrum-high-contrast-transparent,var(--spectrum-button-background-color-down));border-color:var(--spectrum-high-contrast-highlight,var(--spectrum-button-color-down));color:var(--spectrum-high-contrast-button-text,var(--spectrum-button-text-color-down))}.spectrum-Button_e2d99e[data-style=outline]:disabled,.spectrum-Button_e2d99e[data-style=outline].is-disabled_e2d99e{border-color:var(--spectrum-high-contrast-gray-text,var(--spectrum-button-color-disabled));color:var(--spectrum-high-contrast-gray-text,var(--spectrum-button-text-color-disabled));background-color:#0000}.spectrum-Button_e2d99e[data-static-color=white]{--spectrum-focus-ring-color:white}.spectrum-Button_e2d99e[data-static-color=white][data-variant=accent][data-style=fill],.spectrum-Button_e2d99e[data-static-color=white][data-variant=negative][data-style=fill],.spectrum-Button_e2d99e[data-static-color=white][data-variant=primary][data-style=fill]{--spectrum-button-color:#ffffffe6;--spectrum-button-color-hover:white;--spectrum-button-color-down:white;--spectrum-button-color-key-focus:white;--spectrum-button-color-disabled:#ffffff1a;--spectrum-button-text-color:black;--spectrum-button-text-color-disabled:#ffffff8c}.spectrum-Button_e2d99e[data-static-color=white][data-variant=accent][data-style=outline],.spectrum-Button_e2d99e[data-static-color=white][data-variant=negative][data-style=outline],.spectrum-Button_e2d99e[data-static-color=white][data-variant=primary][data-style=outline]{--spectrum-button-color:#ffffffe6;--spectrum-button-color-hover:white;--spectrum-button-color-down:white;--spectrum-button-color-key-focus:white;--spectrum-button-color-disabled:#ffffff40;--spectrum-button-text-color:white;--spectrum-button-text-color-hover:white;--spectrum-button-text-color-down:white;--spectrum-button-text-color-key-focus:white;--spectrum-button-text-color-disabled:#ffffff8c;--spectrum-button-background-color-hover:#ffffff1a;--spectrum-button-background-color-down:#ffffff26;--spectrum-button-background-color-key-focus:#ffffff1a}.spectrum-Button_e2d99e[data-static-color=white][data-variant=secondary][data-style=fill]{--spectrum-button-color:#ffffff12;--spectrum-button-color-hover:#ffffff1a;--spectrum-button-color-down:#ffffff26;--spectrum-button-color-key-focus:#ffffff1a;--spectrum-button-color-disabled:#ffffff1a;--spectrum-button-text-color:white;--spectrum-button-text-color-disabled:#ffffff8c}.spectrum-Button_e2d99e[data-static-color=white][data-variant=secondary][data-style=outline]{--spectrum-button-color:#ffffff40;--spectrum-button-color-hover:#fff6;--spectrum-button-color-down:#ffffff8c;--spectrum-button-color-key-focus:#fff6;--spectrum-button-color-disabled:#ffffff40;--spectrum-button-text-color:white;--spectrum-button-text-color-hover:white;--spectrum-button-text-color-down:white;--spectrum-button-text-color-key-focus:white;--spectrum-button-text-color-disabled:#ffffff8c;--spectrum-button-background-color-hover:#ffffff1a;--spectrum-button-background-color-down:#ffffff26;--spectrum-button-background-color-key-focus:#ffffff1a}.spectrum-Button_e2d99e[data-static-color=black]{--spectrum-focus-ring-color:black}.spectrum-Button_e2d99e[data-static-color=black][data-variant=accent][data-style=fill],.spectrum-Button_e2d99e[data-static-color=black][data-variant=negative][data-style=fill],.spectrum-Button_e2d99e[data-static-color=black][data-variant=primary][data-style=fill]{--spectrum-button-color:#000000e6;--spectrum-button-color-hover:black;--spectrum-button-color-down:black;--spectrum-button-color-key-focus:black;--spectrum-button-color-disabled:#0000001a;--spectrum-button-text-color:white;--spectrum-button-text-color-disabled:#0000008c}.spectrum-Button_e2d99e[data-static-color=black][data-variant=accent][data-style=outline],.spectrum-Button_e2d99e[data-static-color=black][data-variant=negative][data-style=outline],.spectrum-Button_e2d99e[data-static-color=black][data-variant=primary][data-style=outline]{--spectrum-button-color:#000000e6;--spectrum-button-color-hover:black;--spectrum-button-color-down:black;--spectrum-button-color-key-focus:black;--spectrum-button-color-disabled:#00000040;--spectrum-button-text-color:black;--spectrum-button-text-color-hover:black;--spectrum-button-text-color-down:black;--spectrum-button-text-color-key-focus:black;--spectrum-button-text-color-disabled:#0000008c;--spectrum-button-background-color-hover:#0000001a;--spectrum-button-background-color-down:#00000026;--spectrum-button-background-color-key-focus:#0000001a}.spectrum-Button_e2d99e[data-static-color=black][data-variant=secondary][data-style=fill]{--spectrum-button-color:#00000012;--spectrum-button-color-hover:#0000001a;--spectrum-button-color-down:#00000026;--spectrum-button-color-key-focus:#0000001a;--spectrum-button-color-disabled:#0000001a;--spectrum-button-text-color:black;--spectrum-button-text-color-disabled:#0000008c}.spectrum-Button_e2d99e[data-static-color=black][data-variant=secondary][data-style=outline]{--spectrum-button-color:#00000040;--spectrum-button-color-hover:#0006;--spectrum-button-color-down:#0000008c;--spectrum-button-color-key-focus:#0006;--spectrum-button-color-disabled:#00000040;--spectrum-button-text-color:black;--spectrum-button-text-color-hover:black;--spectrum-button-text-color-down:black;--spectrum-button-text-color-key-focus:black;--spectrum-button-text-color-disabled:#0000008c;--spectrum-button-background-color-hover:#0000001a;--spectrum-button-background-color-down:#00000026;--spectrum-button-background-color-key-focus:#0000001a}.spectrum-Button_e2d99e:not([data-static-color])[data-variant=accent][data-style=fill]{--spectrum-button-color:var(--spectrum-accent-background-color-default);--spectrum-button-color-hover:var(--spectrum-accent-background-color-hover);--spectrum-button-color-down:var(--spectrum-accent-background-color-down);--spectrum-button-color-key-focus:var(--spectrum-accent-background-color-key-focus)}.spectrum-Button_e2d99e:not([data-static-color])[data-variant=accent][data-style=outline]{--spectrum-button-color:var(--spectrum-accent-color-900);--spectrum-button-color-hover:var(--spectrum-accent-color-1000);--spectrum-button-color-down:var(--spectrum-accent-color-1100);--spectrum-button-color-key-focus:var(--spectrum-accent-color-1000);--spectrum-button-background-color-hover:var(--spectrum-accent-color-200);--spectrum-button-background-color-down:var(--spectrum-accent-color-300);--spectrum-button-background-color-key-focus:var(--spectrum-accent-color-200)}.spectrum-Button_e2d99e:not([data-static-color])[data-variant=negative][data-style=fill]{--spectrum-button-color:var(--spectrum-negative-background-color-default);--spectrum-button-color-hover:var(--spectrum-negative-background-color-hover);--spectrum-button-color-down:var(--spectrum-negative-background-color-down);--spectrum-button-color-key-focus:var(--spectrum-negative-background-color-key-focus)}.spectrum-Button_e2d99e:not([data-static-color])[data-variant=negative][data-style=outline]{--spectrum-button-color:var(--spectrum-red-900);--spectrum-button-color-hover:var(--spectrum-red-1000);--spectrum-button-color-down:var(--spectrum-red-1100);--spectrum-button-color-key-focus:var(--spectrum-red-1000);--spectrum-button-background-color-hover:var(--spectrum-red-200);--spectrum-button-background-color-down:var(--spectrum-red-300);--spectrum-button-background-color-key-focus:var(--spectrum-red-200)}.spectrum-Button_e2d99e:not([data-static-color])[data-variant=primary][data-style=fill]{--spectrum-button-color:var(--spectrum-neutral-background-color-default);--spectrum-button-color-hover:var(--spectrum-neutral-background-color-hover);--spectrum-button-color-down:var(--spectrum-neutral-background-color-down);--spectrum-button-color-key-focus:var(--spectrum-neutral-background-color-key-focus)}.spectrum-Button_e2d99e:not([data-static-color])[data-variant=primary][data-style=outline]{--spectrum-button-color:var(--spectrum-gray-800);--spectrum-button-color-hover:var(--spectrum-gray-900);--spectrum-button-color-down:var(--spectrum-gray-900);--spectrum-button-color-key-focus:var(--spectrum-gray-900);--spectrum-button-background-color-hover:var(--spectrum-gray-300);--spectrum-button-background-color-down:var(--spectrum-gray-400);--spectrum-button-background-color-key-focus:var(--spectrum-gray-300)}.spectrum-Button_e2d99e:not([data-static-color])[data-variant=secondary]{--spectrum-button-text-color:var(--spectrum-gray-800);--spectrum-button-text-color-hover:var(--spectrum-gray-900);--spectrum-button-text-color-down:var(--spectrum-gray-900);--spectrum-button-text-color-key-focus:var(--spectrum-gray-900)}.spectrum-Button_e2d99e:not([data-static-color])[data-variant=secondary][data-style=fill]{--spectrum-button-color:var(--spectrum-gray-200);--spectrum-button-color-hover:var(--spectrum-gray-300);--spectrum-button-color-down:var(--spectrum-gray-400);--spectrum-button-color-key-focus:var(--spectrum-gray-300)}.spectrum-Button_e2d99e:not([data-static-color])[data-variant=secondary][data-style=outline]{--spectrum-button-color:var(--spectrum-gray-300);--spectrum-button-color-hover:var(--spectrum-gray-400);--spectrum-button-color-down:var(--spectrum-gray-500);--spectrum-button-color-key-focus:var(--spectrum-gray-400);--spectrum-button-background-color-hover:var(--spectrum-gray-300);--spectrum-button-background-color-down:var(--spectrum-gray-400);--spectrum-button-background-color-key-focus:var(--spectrum-gray-300)}@media (forced-colors:active){.spectrum-Button_e2d99e,.spectrum-ActionButton_e2d99e{forced-color-adjust:none;--spectrum-high-contrast-transparent:transparent;--spectrum-high-contrast-button-face:ButtonFace;--spectrum-high-contrast-button-text:ButtonText;--spectrum-high-contrast-highlight:Highlight;--spectrum-high-contrast-highlight-text:HighlightText;--spectrum-high-contrast-gray-text:GrayText;--spectrum-high-contrast-focus-ring-color:var(--spectrum-high-contrast-button-text)}}.spectrum-ActionButton_e2d99e{background-color:var(--spectrum-high-contrast-button-face,var(--spectrum-actionbutton-background-color,var(--spectrum-global-color-gray-75)));border-color:var(--spectrum-high-contrast-button-text,var(--spectrum-actionbutton-border-color,var(--spectrum-alias-border-color)));color:var(--spectrum-high-contrast-button-text,var(--spectrum-actionbutton-text-color,var(--spectrum-alias-text-color)))}.spectrum-ActionButton_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-high-contrast-button-text,var(--spectrum-actionbutton-icon-color,var(--spectrum-alias-icon-color)))}.spectrum-ActionButton_e2d99e .spectrum-ActionButton-hold_e2d99e{fill:var(--spectrum-high-contrast-button-text,var(--spectrum-actionbutton-hold-icon-color,var(--spectrum-alias-icon-color)))}.spectrum-ActionButton_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-high-contrast-button-face,var(--spectrum-actionbutton-background-color-hover,var(--spectrum-global-color-gray-50)));border-color:var(--spectrum-high-contrast-highlight,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-high-contrast-button-text,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-high-contrast-button-face,var(--spectrum-actionbutton-background-color-key-focus,var(--spectrum-global-color-gray-50)));border-color:var(--spectrum-high-contrast-highlight,var(--spectrum-actionbutton-border-color-hover,var(--spectrum-alias-border-color-hover)));color:var(--spectrum-high-contrast-button-text,var(--spectrum-actionbutton-text-color-key-focus,var(--spectrum-alias-text-color-hover)))}.spectrum-ActionButton_e2d99e.focus-ring_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-high-contrast-button-text,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-high-contrast-button-text,var(--spectrum-actionbutton-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover)))}.spectrum-ActionButton_e2d99e.is-active_e2d99e{background-color:var(--spectrum-high-contrast-button-face,var(--spectrum-actionbutton-background-color-down,var(--spectrum-global-color-gray-200)));border-color:var(--spectrum-high-contrast-highlight,var(--spectrum-actionbutton-border-color-down,var(--spectrum-alias-border-color-down)));color:var(--spectrum-high-contrast-button-text,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-high-contrast-button-text,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-high-contrast-button-face,var(--spectrum-actionbutton-background-color-disabled,var(--spectrum-global-color-gray-200)));border-color:var(--spectrum-high-contrast-gray-text,var(--spectrum-actionbutton-border-color-disabled,var(--spectrum-alias-border-color-disabled)));color:var(--spectrum-high-contrast-gray-text,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-high-contrast-gray-text,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-high-contrast-gray-text,var(--spectrum-actionbutton-hold-icon-color-disabled,var(--spectrum-alias-icon-color-disabled)))}.spectrum-ActionButton_e2d99e.is-selected_e2d99e{background-color:var(--spectrum-high-contrast-highlight,var(--spectrum-alias-toggle-color-selected));border-color:var(--spectrum-high-contrast-highlight-text,var(--spectrum-alias-toggle-color-selected));color:var(--spectrum-high-contrast-highlight-text,var(--spectrum-gray-50))}.spectrum-ActionButton_e2d99e.is-selected_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-high-contrast-highlight-text,var(--spectrum-gray-50))}.spectrum-ActionButton_e2d99e.is-selected_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-high-contrast-highlight,var(--spectrum-alias-toggle-color-selected-hover));border-color:var(--spectrum-high-contrast-highlight-text,var(--spectrum-alias-toggle-color-selected-hover));color:var(--spectrum-high-contrast-highlight-text,var(--spectrum-gray-50))}.spectrum-ActionButton_e2d99e.is-selected_e2d99e.is-hovered_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-high-contrast-highlight-text,var(--spectrum-gray-50))}.spectrum-ActionButton_e2d99e.is-selected_e2d99e.focus-ring_e2d99e{background-color:var(--spectrum-high-contrast-highlight,var(--spectrum-alias-toggle-color-selected-key-focus));border-color:var(--spectrum-high-contrast-highlight-text,var(--spectrum-alias-toggle-color-selected-key-focus));color:var(--spectrum-high-contrast-highlight-text,var(--spectrum-gray-50))}.spectrum-ActionButton_e2d99e.is-selected_e2d99e.focus-ring_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-high-contrast-highlight-text,var(--spectrum-gray-50))}.spectrum-ActionButton_e2d99e.is-selected_e2d99e.is-active_e2d99e{background-color:var(--spectrum-high-contrast-highlight,var(--spectrum-alias-toggle-color-selected-down));border-color:var(--spectrum-high-contrast-highlight-text,var(--spectrum-alias-toggle-color-selected-down));color:var(--spectrum-high-contrast-highlight-text,var(--spectrum-gray-50))}.spectrum-ActionButton_e2d99e.is-selected_e2d99e.is-active_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-high-contrast-highlight-text,var(--spectrum-gray-50))}.spectrum-ActionButton_e2d99e.is-selected_e2d99e:disabled,.spectrum-ActionButton_e2d99e.is-selected_e2d99e.is-disabled_e2d99e{background-color:var(--spectrum-high-contrast-button-face,var(--spectrum-actionbutton-background-color-selected-disabled,var(--spectrum-global-color-gray-200)));border-color:var(--spectrum-high-contrast-gray-text,var(--spectrum-actionbutton-border-color-selected-disabled,var(--spectrum-alias-border-color-disabled)));color:var(--spectrum-high-contrast-gray-text,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-high-contrast-gray-text,var(--spectrum-actionbutton-icon-color-selected-disabled,var(--spectrum-alias-icon-color-disabled)))}.spectrum-ActionButton--emphasized_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e,.spectrum-ActionButton--emphasized_e2d99e.is-selected_e2d99e{background-color:var(--spectrum-high-contrast-highlight,var(--spectrum-accent-background-color-default));border-color:var(--spectrum-high-contrast-highlight-text,var(--spectrum-accent-background-color-default));color:var(--spectrum-high-contrast-highlight-text,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-high-contrast-highlight-text,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-high-contrast-highlight,var(--spectrum-accent-background-color-key-focus));border-color:var(--spectrum-high-contrast-highlight-text,var(--spectrum-accent-background-color-hover));color:var(--spectrum-high-contrast-highlight-text,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 .spectrum-Icon_e2d99e,.spectrum-ActionButton--emphasized_e2d99e.is-selected_e2d99e.focus-ring_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-high-contrast-highlight-text,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-high-contrast-highlight,var(--spectrum-accent-background-color-hover));border-color:var(--spectrum-high-contrast-highlight-text,var(--spectrum-accent-background-color-hover));color:var(--spectrum-high-contrast-highlight-text,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-high-contrast-highlight-text,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-high-contrast-highlight,var(--spectrum-accent-background-color-down));border-color:var(--spectrum-high-contrast-highlight-text,var(--spectrum-accent-background-color-down));color:var(--spectrum-high-contrast-highlight-text,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-high-contrast-highlight-text,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-high-contrast-button-face,var(--spectrum-actionbutton-emphasized-background-color-selected-disabled,var(--spectrum-global-color-gray-200)));border-color:var(--spectrum-high-contrast-gray-text,var(--spectrum-actionbutton-emphasized-border-color-selected-disabled,var(--spectrum-alias-border-color-disabled)));color:var(--spectrum-high-contrast-gray-text,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-high-contrast-gray-text,var(--spectrum-actionbutton-emphasized-icon-color-selected-disabled,var(--spectrum-alias-icon-color-disabled)))}.spectrum-ActionButton--quiet_e2d99e{background-color:var(--spectrum-high-contrast-button-face,var(--spectrum-actionbutton-quiet-background-color,var(--spectrum-alias-background-color-transparent)));border-color:var(--spectrum-high-contrast-button-face,var(--spectrum-actionbutton-quiet-border-color,var(--spectrum-alias-border-color-transparent)));color:var(--spectrum-high-contrast-button-text,var(--spectrum-actionbutton-quiet-text-color,var(--spectrum-alias-text-color)))}.spectrum-ActionButton--quiet_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-high-contrast-button-face,var(--spectrum-actionbutton-quiet-background-color-hover,var(--spectrum-alias-background-color-transparent)));border-color:var(--spectrum-high-contrast-highlight,var(--spectrum-actionbutton-quiet-border-color-hover,var(--spectrum-alias-border-color-transparent)));color:var(--spectrum-high-contrast-button-text,var(--spectrum-actionbutton-quiet-text-color-hover,var(--spectrum-alias-text-color-hover)))}.spectrum-ActionButton--quiet_e2d99e.focus-ring_e2d99e{background-color:var(--spectrum-high-contrast-button-face,var(--spectrum-actionbutton-quiet-background-color-key-focus,var(--spectrum-alias-background-color-transparent)));border-color:var(--spectrum-high-contrast-highlight,var(--spectrum-actionbutton-quiet-border-color-hover,var(--spectrum-alias-border-color-transparent)));color:var(--spectrum-high-contrast-button-text,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-high-contrast-button-face,var(--spectrum-actionbutton-quiet-background-color-down,var(--spectrum-global-color-gray-300)));border-color:var(--spectrum-high-contrast-highlight,var(--spectrum-actionbutton-quiet-border-color-down,var(--spectrum-global-color-gray-300)));color:var(--spectrum-high-contrast-button-text,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-high-contrast-button-face,var(--spectrum-actionbutton-quiet-background-color-disabled,var(--spectrum-alias-background-color-transparent)));border-color:var(--spectrum-high-contrast-gray-text,var(--spectrum-actionbutton-quiet-border-color-disabled,var(--spectrum-alias-border-color-transparent)));color:var(--spectrum-high-contrast-gray-text,var(--spectrum-actionbutton-quiet-text-color-disabled,var(--spectrum-alias-text-color-disabled)))}.spectrum-ActionButton--staticWhite_e2d99e{mix-blend-mode:screen;--spectrum-actionbutton-static-background-color:var(--spectrum-actionbutton-static-white-background-color);--spectrum-actionbutton-static-background-color-hover:#ffffff1a;--spectrum-actionbutton-static-background-color-focus:#ffffff1a;--spectrum-actionbutton-static-background-color-active:#ffffff26;--spectrum-actionbutton-static-background-color-disabled:var(--spectrum-actionbutton-static-white-background-color-disabled);--spectrum-actionbutton-static-background-color-selected:#ffffffe6;--spectrum-actionbutton-static-background-color-selected-hover:white;--spectrum-actionbutton-static-background-color-selected-focus:white;--spectrum-actionbutton-static-background-color-selected-active:white;--spectrum-actionbutton-static-background-color-selected-disabled:#ffffff1a;--spectrum-actionbutton-static-border-color:var(--spectrum-actionbutton-static-white-border-color);--spectrum-actionbutton-static-border-color-hover:var(--spectrum-actionbutton-static-white-border-color-hover);--spectrum-actionbutton-static-border-color-active:var(--spectrum-actionbutton-static-white-border-color-down);--spectrum-actionbutton-static-border-color-focus:var(--spectrum-actionbutton-static-white-border-color-key-focus);--spectrum-actionbutton-static-border-disabled:var(--spectrum-actionbutton-static-white-border-color-disabled);--spectrum-actionbutton-static-border-color-selected-disabled:var(--spectrum-actionbutton-static-white-border-color-selected-disabled);--spectrum-actionbutton-static-color:white;--spectrum-actionbutton-static-color-selected:black;--spectrum-actionbutton-static-color-disabled:#ffffff8c}.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:var(--spectrum-actionbutton-static-black-background-color);--spectrum-actionbutton-static-background-color-hover:#0000001a;--spectrum-actionbutton-static-background-color-focus:#0000001a;--spectrum-actionbutton-static-background-color-active:#00000026;--spectrum-actionbutton-static-background-color-selected:#000000e6;--spectrum-actionbutton-static-background-color-disabled:var(--spectrum-actionbutton-static-black-background-color-disabled);--spectrum-actionbutton-static-background-color-selected-hover:black;--spectrum-actionbutton-static-background-color-selected-focus:black;--spectrum-actionbutton-static-background-color-selected-active:black;--spectrum-actionbutton-static-background-color-selected-disabled:#0000001a;--spectrum-actionbutton-static-border-color:var(--spectrum-actionbutton-static-black-border-color);--spectrum-actionbutton-static-border-color-hover:var(--spectrum-actionbutton-static-black-border-color-hover);--spectrum-actionbutton-static-border-color-active:var(--spectrum-actionbutton-static-black-border-color-down);--spectrum-actionbutton-static-border-color-focus:var(--spectrum-actionbutton-static-black-border-color-key-focus);--spectrum-actionbutton-static-border-disabled:var(--spectrum-actionbutton-static-black-border-color-disabled);--spectrum-actionbutton-static-border-color-selected-disabled:var(--spectrum-actionbutton-static-black-border-color-selected-disabled);--spectrum-actionbutton-static-color:black;--spectrum-actionbutton-static-color-selected:white;--spectrum-actionbutton-static-color-disabled:#0000008c}.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{background-color:var(--spectrum-actionbutton-static-background-color);border-color:var(--spectrum-actionbutton-static-border-color);color:var(--spectrum-actionbutton-static-color);--spectrum-focus-ring-color:var(--spectrum-actionbutton-static-color)}.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,.spectrum-ActionButton--staticColor_e2d99e.focus-ring_e2d99e.is-active_e2d99e{border-color:var(--spectrum-actionbutton-static-border-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.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{background-color:var(--spectrum-actionbutton-static-background-color-disabled);border-color:var(--spectrum-actionbutton-static-border-disabled);color:var(--spectrum-actionbutton-static-color-disabled)}.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-background-color-selected);border-color:var(--spectrum-actionbutton-static-background-color-selected);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-background-color-selected-focus);border-color:var(--spectrum-actionbutton-static-background-color-selected-focus);color:var(--spectrum-actionbutton-static-color-selected);box-shadow:none}.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-background-color-selected-hover);border-color:var(--spectrum-actionbutton-static-background-color-selected-hover);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{background-color:var(--spectrum-actionbutton-static-background-color-selected-disabled);border-color:var(--spectrum-actionbutton-static-border-color-selected-disabled);color:var(--spectrum-actionbutton-static-color-disabled)}.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-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e{--spectrum-actionbutton-static-background-color:transparent;--spectrum-actionbutton-static-background-color-disabled:transparent}.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-selected_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-hovered_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-hovered_e2d99e.is-selected_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-active_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-active_e2d99e.is-selected_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e:disabled,.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e:disabled.is-selected_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-disabled_e2d99e,.spectrum-ActionButton--staticColor_e2d99e.spectrum-ActionButton--quiet_e2d99e.is-disabled_e2d99e.is-selected_e2d99e{border-color:#0000}.spectrum-LogicButton--and_e2d99e{background-color:var(--spectrum-global-color-static-blue-600,#1473e6);border-color:var(--spectrum-global-color-static-blue-600,#1473e6);color:var(--spectrum-logicbutton-and-text-color,var(--spectrum-global-color-static-white))}.spectrum-LogicButton--and_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-global-color-static-blue-700,#0d66d0);border-color:var(--spectrum-global-color-static-blue-700,#0d66d0);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-global-color-static-magenta-500,#d83790);border-color:var(--spectrum-global-color-static-magenta-500,#d83790);color:var(--spectrum-logicbutton-or-text-color,var(--spectrum-global-color-static-white))}.spectrum-LogicButton--or_e2d99e.is-hovered_e2d99e{background-color:var(--spectrum-global-color-static-magenta-600,#ca2982);border-color:var(--spectrum-global-color-static-magenta-600,#ca2982);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 .spectrum-Icon_e2d99e{fill:var(--spectrum-fieldbutton-icon-color,var(--spectrum-alias-icon-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-hovered_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-fieldbutton-icon-color-hover,var(--spectrum-alias-icon-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.is-active_e2d99e .spectrum-Icon_e2d99e,.spectrum-FieldButton_e2d99e.is-selected_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-fieldbutton-icon-color-down,var(--spectrum-alias-icon-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));color:var(--spectrum-fieldbutton-text-color-key-focus,var(--spectrum-alias-text-color-hover))}.spectrum-FieldButton_e2d99e.focus-ring_e2d99e .spectrum-Icon_e2d99e,.spectrum-FieldButton_e2d99e.is-focused_e2d99e .spectrum-Icon_e2d99e{fill:var(--spectrum-fieldbutton-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}.spectrum-FieldButton_e2d99e.focus-ring_e2d99e.is-placeholder_e2d99e,.spectrum-FieldButton_e2d99e.is-focused_e2d99e.is-placeholder_e2d99e{fill: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))}.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))}.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))}.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-ClearButton_e2d99e,.spectrum-LogicButton_e2d99e,.spectrum-FieldButton_e2d99e{forced-color-adjust:none;--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-background-color-selected:Highlight;--spectrum-actionbutton-static-background-color-selected-hover:Highlight;--spectrum-actionbutton-static-background-color-selected-focus:Highlight;--spectrum-actionbutton-static-background-color-selected-active:Highlight;--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-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
@@ -36,9 +36,8 @@ $parcel$export($afc5a4514aca2340$exports, "spectrum-LogicButton", () => $afc5a45
36
36
  $parcel$export($afc5a4514aca2340$exports, "spectrum-FieldButton", () => $afc5a4514aca2340$export$a024c99ecf6b5741, (v) => $afc5a4514aca2340$export$a024c99ecf6b5741 = v);
37
37
  $parcel$export($afc5a4514aca2340$exports, "spectrum-ClearButton", () => $afc5a4514aca2340$export$b752ce409e5660c, (v) => $afc5a4514aca2340$export$b752ce409e5660c = v);
38
38
  $parcel$export($afc5a4514aca2340$exports, "focus-ring", () => $afc5a4514aca2340$export$f39a09f249340e2a, (v) => $afc5a4514aca2340$export$f39a09f249340e2a = v);
39
+ $parcel$export($afc5a4514aca2340$exports, "spectrum-FieldButton--quiet", () => $afc5a4514aca2340$export$5ca7b274e4fff9fc, (v) => $afc5a4514aca2340$export$5ca7b274e4fff9fc = v);
39
40
  $parcel$export($afc5a4514aca2340$exports, "spectrum-Icon", () => $afc5a4514aca2340$export$d374b04f30360026, (v) => $afc5a4514aca2340$export$d374b04f30360026 = v);
40
- $parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--emphasized", () => $afc5a4514aca2340$export$5aabb61a966e266f, (v) => $afc5a4514aca2340$export$5aabb61a966e266f = v);
41
- $parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--staticColor", () => $afc5a4514aca2340$export$29b7b5d6a5a497c5, (v) => $afc5a4514aca2340$export$29b7b5d6a5a497c5 = v);
42
41
  $parcel$export($afc5a4514aca2340$exports, "is-hovered", () => $afc5a4514aca2340$export$b8813cd5d7824ce7, (v) => $afc5a4514aca2340$export$b8813cd5d7824ce7 = v);
43
42
  $parcel$export($afc5a4514aca2340$exports, "spectrum-Button-label", () => $afc5a4514aca2340$export$c081ba562e204942, (v) => $afc5a4514aca2340$export$c081ba562e204942 = v);
44
43
  $parcel$export($afc5a4514aca2340$exports, "spectrum-Button--iconOnly", () => $afc5a4514aca2340$export$c1d306ec0fae3838, (v) => $afc5a4514aca2340$export$c1d306ec0fae3838 = v);
@@ -47,33 +46,27 @@ $parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton-hold", () => $a
47
46
  $parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--quiet", () => $afc5a4514aca2340$export$40e1f009544bacf3, (v) => $afc5a4514aca2340$export$40e1f009544bacf3 = v);
48
47
  $parcel$export($afc5a4514aca2340$exports, "is-disabled", () => $afc5a4514aca2340$export$d35bc1e505d1ebbf, (v) => $afc5a4514aca2340$export$d35bc1e505d1ebbf = v);
49
48
  $parcel$export($afc5a4514aca2340$exports, "is-open", () => $afc5a4514aca2340$export$a9781837241c946d, (v) => $afc5a4514aca2340$export$a9781837241c946d = v);
50
- $parcel$export($afc5a4514aca2340$exports, "spectrum-FieldButton--quiet", () => $afc5a4514aca2340$export$5ca7b274e4fff9fc, (v) => $afc5a4514aca2340$export$5ca7b274e4fff9fc = v);
51
- $parcel$export($afc5a4514aca2340$exports, "spectrum-ClearButton--overBackground", () => $afc5a4514aca2340$export$116f2fccf941d34d, (v) => $afc5a4514aca2340$export$116f2fccf941d34d = v);
52
49
  $parcel$export($afc5a4514aca2340$exports, "spectrum-ClearButton--small", () => $afc5a4514aca2340$export$49280ffa5236ba8b, (v) => $afc5a4514aca2340$export$49280ffa5236ba8b = v);
53
- $parcel$export($afc5a4514aca2340$exports, "is-focused", () => $afc5a4514aca2340$export$e7dc768d35940237, (v) => $afc5a4514aca2340$export$e7dc768d35940237 = v);
54
50
  $parcel$export($afc5a4514aca2340$exports, "is-active", () => $afc5a4514aca2340$export$20fd0f7cd4e6112f, (v) => $afc5a4514aca2340$export$20fd0f7cd4e6112f = v);
55
- $parcel$export($afc5a4514aca2340$exports, "spectrum-Button--cta", () => $afc5a4514aca2340$export$b818fdf0052a2cab, (v) => $afc5a4514aca2340$export$b818fdf0052a2cab = v);
56
- $parcel$export($afc5a4514aca2340$exports, "spectrum-Button--primary", () => $afc5a4514aca2340$export$c1c3511f5e96e926, (v) => $afc5a4514aca2340$export$c1c3511f5e96e926 = v);
57
- $parcel$export($afc5a4514aca2340$exports, "spectrum-Button--secondary", () => $afc5a4514aca2340$export$4f1b75526afd8ff3, (v) => $afc5a4514aca2340$export$4f1b75526afd8ff3 = v);
58
- $parcel$export($afc5a4514aca2340$exports, "spectrum-Button--warning", () => $afc5a4514aca2340$export$6f97cef817ff1cac, (v) => $afc5a4514aca2340$export$6f97cef817ff1cac = v);
59
- $parcel$export($afc5a4514aca2340$exports, "spectrum-Button--overBackground", () => $afc5a4514aca2340$export$5cda1128f9112d2e, (v) => $afc5a4514aca2340$export$5cda1128f9112d2e = v);
60
- $parcel$export($afc5a4514aca2340$exports, "spectrum-Button--quiet", () => $afc5a4514aca2340$export$25f049c049371040, (v) => $afc5a4514aca2340$export$25f049c049371040 = v);
61
51
  $parcel$export($afc5a4514aca2340$exports, "is-selected", () => $afc5a4514aca2340$export$1e0fb04f31d3c22a, (v) => $afc5a4514aca2340$export$1e0fb04f31d3c22a = v);
52
+ $parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--emphasized", () => $afc5a4514aca2340$export$5aabb61a966e266f, (v) => $afc5a4514aca2340$export$5aabb61a966e266f = v);
62
53
  $parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--staticWhite", () => $afc5a4514aca2340$export$ccc536e1adbdc059, (v) => $afc5a4514aca2340$export$ccc536e1adbdc059 = v);
63
54
  $parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--staticBlack", () => $afc5a4514aca2340$export$8f7c9db66978d20f, (v) => $afc5a4514aca2340$export$8f7c9db66978d20f = v);
55
+ $parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--staticColor", () => $afc5a4514aca2340$export$29b7b5d6a5a497c5, (v) => $afc5a4514aca2340$export$29b7b5d6a5a497c5 = v);
64
56
  $parcel$export($afc5a4514aca2340$exports, "spectrum-LogicButton--and", () => $afc5a4514aca2340$export$e52daab43a62c528, (v) => $afc5a4514aca2340$export$e52daab43a62c528 = v);
65
57
  $parcel$export($afc5a4514aca2340$exports, "spectrum-LogicButton--or", () => $afc5a4514aca2340$export$da76be6126aaa633, (v) => $afc5a4514aca2340$export$da76be6126aaa633 = v);
58
+ $parcel$export($afc5a4514aca2340$exports, "is-focused", () => $afc5a4514aca2340$export$e7dc768d35940237, (v) => $afc5a4514aca2340$export$e7dc768d35940237 = v);
66
59
  $parcel$export($afc5a4514aca2340$exports, "is-placeholder", () => $afc5a4514aca2340$export$e5b2f5233e4e5194, (v) => $afc5a4514aca2340$export$e5b2f5233e4e5194 = v);
67
60
  $parcel$export($afc5a4514aca2340$exports, "spectrum-FieldButton--invalid", () => $afc5a4514aca2340$export$c9f503f672e8a3c1, (v) => $afc5a4514aca2340$export$c9f503f672e8a3c1 = v);
61
+ $parcel$export($afc5a4514aca2340$exports, "spectrum-Button--overBackground", () => $afc5a4514aca2340$export$5cda1128f9112d2e, (v) => $afc5a4514aca2340$export$5cda1128f9112d2e = v);
68
62
  var $afc5a4514aca2340$export$1db4cca5b4ade39a;
69
63
  var $afc5a4514aca2340$export$53da69f51b770d3;
70
64
  var $afc5a4514aca2340$export$36ae67a131730482;
71
65
  var $afc5a4514aca2340$export$a024c99ecf6b5741;
72
66
  var $afc5a4514aca2340$export$b752ce409e5660c;
73
67
  var $afc5a4514aca2340$export$f39a09f249340e2a;
68
+ var $afc5a4514aca2340$export$5ca7b274e4fff9fc;
74
69
  var $afc5a4514aca2340$export$d374b04f30360026;
75
- var $afc5a4514aca2340$export$5aabb61a966e266f;
76
- var $afc5a4514aca2340$export$29b7b5d6a5a497c5;
77
70
  var $afc5a4514aca2340$export$b8813cd5d7824ce7;
78
71
  var $afc5a4514aca2340$export$c081ba562e204942;
79
72
  var $afc5a4514aca2340$export$c1d306ec0fae3838;
@@ -82,33 +75,27 @@ var $afc5a4514aca2340$export$4a4f01c443eff992;
82
75
  var $afc5a4514aca2340$export$40e1f009544bacf3;
83
76
  var $afc5a4514aca2340$export$d35bc1e505d1ebbf;
84
77
  var $afc5a4514aca2340$export$a9781837241c946d;
85
- var $afc5a4514aca2340$export$5ca7b274e4fff9fc;
86
- var $afc5a4514aca2340$export$116f2fccf941d34d;
87
78
  var $afc5a4514aca2340$export$49280ffa5236ba8b;
88
- var $afc5a4514aca2340$export$e7dc768d35940237;
89
79
  var $afc5a4514aca2340$export$20fd0f7cd4e6112f;
90
- var $afc5a4514aca2340$export$b818fdf0052a2cab;
91
- var $afc5a4514aca2340$export$c1c3511f5e96e926;
92
- var $afc5a4514aca2340$export$4f1b75526afd8ff3;
93
- var $afc5a4514aca2340$export$6f97cef817ff1cac;
94
- var $afc5a4514aca2340$export$5cda1128f9112d2e;
95
- var $afc5a4514aca2340$export$25f049c049371040;
96
80
  var $afc5a4514aca2340$export$1e0fb04f31d3c22a;
81
+ var $afc5a4514aca2340$export$5aabb61a966e266f;
97
82
  var $afc5a4514aca2340$export$ccc536e1adbdc059;
98
83
  var $afc5a4514aca2340$export$8f7c9db66978d20f;
84
+ var $afc5a4514aca2340$export$29b7b5d6a5a497c5;
99
85
  var $afc5a4514aca2340$export$e52daab43a62c528;
100
86
  var $afc5a4514aca2340$export$da76be6126aaa633;
87
+ var $afc5a4514aca2340$export$e7dc768d35940237;
101
88
  var $afc5a4514aca2340$export$e5b2f5233e4e5194;
102
89
  var $afc5a4514aca2340$export$c9f503f672e8a3c1;
90
+ var $afc5a4514aca2340$export$5cda1128f9112d2e;
103
91
  $afc5a4514aca2340$export$1db4cca5b4ade39a = "spectrum-Button_e2d99e";
104
92
  $afc5a4514aca2340$export$53da69f51b770d3 = "spectrum-ActionButton_e2d99e";
105
93
  $afc5a4514aca2340$export$36ae67a131730482 = "spectrum-LogicButton_e2d99e";
106
94
  $afc5a4514aca2340$export$a024c99ecf6b5741 = "spectrum-FieldButton_e2d99e";
107
95
  $afc5a4514aca2340$export$b752ce409e5660c = "spectrum-ClearButton_e2d99e";
108
96
  $afc5a4514aca2340$export$f39a09f249340e2a = "focus-ring_e2d99e";
97
+ $afc5a4514aca2340$export$5ca7b274e4fff9fc = "spectrum-FieldButton--quiet_e2d99e";
109
98
  $afc5a4514aca2340$export$d374b04f30360026 = "spectrum-Icon_e2d99e";
110
- $afc5a4514aca2340$export$5aabb61a966e266f = "spectrum-ActionButton--emphasized_e2d99e";
111
- $afc5a4514aca2340$export$29b7b5d6a5a497c5 = "spectrum-ActionButton--staticColor_e2d99e";
112
99
  $afc5a4514aca2340$export$b8813cd5d7824ce7 = "is-hovered_e2d99e";
113
100
  $afc5a4514aca2340$export$c081ba562e204942 = "spectrum-Button-label_e2d99e";
114
101
  $afc5a4514aca2340$export$c1d306ec0fae3838 = "spectrum-Button--iconOnly_e2d99e";
@@ -117,38 +104,29 @@ $afc5a4514aca2340$export$4a4f01c443eff992 = "spectrum-ActionButton-hold_e2d99e";
117
104
  $afc5a4514aca2340$export$40e1f009544bacf3 = "spectrum-ActionButton--quiet_e2d99e";
118
105
  $afc5a4514aca2340$export$d35bc1e505d1ebbf = "is-disabled_e2d99e";
119
106
  $afc5a4514aca2340$export$a9781837241c946d = "is-open_e2d99e";
120
- $afc5a4514aca2340$export$5ca7b274e4fff9fc = "spectrum-FieldButton--quiet_e2d99e";
121
- $afc5a4514aca2340$export$116f2fccf941d34d = "spectrum-ClearButton--overBackground_e2d99e";
122
107
  $afc5a4514aca2340$export$49280ffa5236ba8b = "spectrum-ClearButton--small_e2d99e";
123
- $afc5a4514aca2340$export$e7dc768d35940237 = "is-focused_e2d99e";
124
108
  $afc5a4514aca2340$export$20fd0f7cd4e6112f = "is-active_e2d99e";
125
- $afc5a4514aca2340$export$b818fdf0052a2cab = "spectrum-Button--cta_e2d99e";
126
- $afc5a4514aca2340$export$c1c3511f5e96e926 = "spectrum-Button--primary_e2d99e";
127
- $afc5a4514aca2340$export$4f1b75526afd8ff3 = "spectrum-Button--secondary_e2d99e";
128
- $afc5a4514aca2340$export$6f97cef817ff1cac = "spectrum-Button--warning_e2d99e";
129
- $afc5a4514aca2340$export$5cda1128f9112d2e = "spectrum-Button--overBackground_e2d99e";
130
- $afc5a4514aca2340$export$25f049c049371040 = "spectrum-Button--quiet_e2d99e";
131
109
  $afc5a4514aca2340$export$1e0fb04f31d3c22a = "is-selected_e2d99e";
110
+ $afc5a4514aca2340$export$5aabb61a966e266f = "spectrum-ActionButton--emphasized_e2d99e";
132
111
  $afc5a4514aca2340$export$ccc536e1adbdc059 = "spectrum-ActionButton--staticWhite_e2d99e";
133
112
  $afc5a4514aca2340$export$8f7c9db66978d20f = "spectrum-ActionButton--staticBlack_e2d99e";
113
+ $afc5a4514aca2340$export$29b7b5d6a5a497c5 = "spectrum-ActionButton--staticColor_e2d99e";
134
114
  $afc5a4514aca2340$export$e52daab43a62c528 = "spectrum-LogicButton--and_e2d99e";
135
115
  $afc5a4514aca2340$export$da76be6126aaa633 = "spectrum-LogicButton--or_e2d99e";
116
+ $afc5a4514aca2340$export$e7dc768d35940237 = "is-focused_e2d99e";
136
117
  $afc5a4514aca2340$export$e5b2f5233e4e5194 = "is-placeholder_e2d99e";
137
118
  $afc5a4514aca2340$export$c9f503f672e8a3c1 = "spectrum-FieldButton--invalid_e2d99e";
119
+ $afc5a4514aca2340$export$5cda1128f9112d2e = "spectrum-Button--overBackground_e2d99e";
138
120
 
139
121
 
140
122
 
141
123
 
142
124
 
143
125
 
144
- // todo: CSS hasn't caught up yet, map
145
- let $842a195ed1671b15$var$VARIANT_MAPPING = {
146
- negative: 'warning'
147
- };
148
126
  function $842a195ed1671b15$var$Button(props, ref) {
149
127
  props = $IPaYO$reactspectrumprovider.useProviderProps(props);
150
128
  props = $IPaYO$reactspectrumutils.useSlotProps(props, 'button');
151
- let { elementType: ElementType = 'button' , children: children , variant: variant , isQuiet: isQuiet , isDisabled: isDisabled , autoFocus: autoFocus , ...otherProps } = props;
129
+ let { elementType: ElementType = 'button' , children: children , variant: variant , style: style = variant === 'accent' || variant === 'cta' ? 'fill' : 'outline' , staticColor: staticColor , isDisabled: isDisabled , autoFocus: autoFocus , ...otherProps } = props;
152
130
  let domRef = $IPaYO$reactspectrumutils.useFocusableRef(ref);
153
131
  let { buttonProps: buttonProps , isPressed: isPressed } = $IPaYO$reactariabutton.useButton(props, domRef);
154
132
  let { hoverProps: hoverProps , isHovered: isHovered } = $IPaYO$reactariainteractions.useHover({
@@ -157,8 +135,11 @@ function $842a195ed1671b15$var$Button(props, ref) {
157
135
  let { styleProps: styleProps } = $IPaYO$reactspectrumutils.useStyleProps(otherProps);
158
136
  let hasLabel = $IPaYO$reactspectrumutils.useHasChild(`.${(/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports))['spectrum-Button-label']}`, domRef);
159
137
  let hasIcon = $IPaYO$reactspectrumutils.useHasChild(`.${(/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports))['spectrum-Icon']}`, domRef);
160
- let buttonVariant = variant;
161
- if ($842a195ed1671b15$var$VARIANT_MAPPING[variant]) buttonVariant = $842a195ed1671b15$var$VARIANT_MAPPING[variant];
138
+ if (variant === 'cta') variant = 'accent';
139
+ else if (variant === 'overBackground') {
140
+ variant = 'primary';
141
+ staticColor = 'white';
142
+ }
162
143
  return(/*#__PURE__*/ ($parcel$interopDefault($IPaYO$react)).createElement($IPaYO$reactariafocus.FocusRing, {
163
144
  focusRingClass: $IPaYO$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports)), 'focus-ring'),
164
145
  autoFocus: autoFocus
@@ -166,8 +147,10 @@ function $842a195ed1671b15$var$Button(props, ref) {
166
147
  ...styleProps,
167
148
  ...$IPaYO$reactariautils.mergeProps(buttonProps, hoverProps),
168
149
  ref: domRef,
169
- className: $IPaYO$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports)), 'spectrum-Button', `spectrum-Button--${buttonVariant}`, {
170
- 'spectrum-Button--quiet': isQuiet,
150
+ "data-variant": variant,
151
+ "data-style": style,
152
+ "data-static-color": staticColor || undefined,
153
+ className: $IPaYO$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports)), 'spectrum-Button', {
171
154
  'spectrum-Button--iconOnly': hasIcon && !hasLabel,
172
155
  'is-disabled': isDisabled,
173
156
  'is-active': isPressed,
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 {\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"}
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\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 style = variant === 'accent' || variant === 'cta' ? 'fill' : 'outline',\n staticColor,\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 if (variant === 'cta') {\n variant = 'accent';\n } else if (variant === 'overBackground') {\n variant = 'primary';\n staticColor = 'white';\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 data-variant={variant}\n data-style={style}\n data-static-color={staticColor || undefined}\n className={\n classNames(\n styles,\n 'spectrum-Button',\n {\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
@@ -29,9 +29,8 @@ $parcel$export($086e93d2352a4536$exports, "spectrum-LogicButton", () => $086e93d
29
29
  $parcel$export($086e93d2352a4536$exports, "spectrum-FieldButton", () => $086e93d2352a4536$export$a024c99ecf6b5741, (v) => $086e93d2352a4536$export$a024c99ecf6b5741 = v);
30
30
  $parcel$export($086e93d2352a4536$exports, "spectrum-ClearButton", () => $086e93d2352a4536$export$b752ce409e5660c, (v) => $086e93d2352a4536$export$b752ce409e5660c = v);
31
31
  $parcel$export($086e93d2352a4536$exports, "focus-ring", () => $086e93d2352a4536$export$f39a09f249340e2a, (v) => $086e93d2352a4536$export$f39a09f249340e2a = v);
32
+ $parcel$export($086e93d2352a4536$exports, "spectrum-FieldButton--quiet", () => $086e93d2352a4536$export$5ca7b274e4fff9fc, (v) => $086e93d2352a4536$export$5ca7b274e4fff9fc = v);
32
33
  $parcel$export($086e93d2352a4536$exports, "spectrum-Icon", () => $086e93d2352a4536$export$d374b04f30360026, (v) => $086e93d2352a4536$export$d374b04f30360026 = v);
33
- $parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton--emphasized", () => $086e93d2352a4536$export$5aabb61a966e266f, (v) => $086e93d2352a4536$export$5aabb61a966e266f = v);
34
- $parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton--staticColor", () => $086e93d2352a4536$export$29b7b5d6a5a497c5, (v) => $086e93d2352a4536$export$29b7b5d6a5a497c5 = v);
35
34
  $parcel$export($086e93d2352a4536$exports, "is-hovered", () => $086e93d2352a4536$export$b8813cd5d7824ce7, (v) => $086e93d2352a4536$export$b8813cd5d7824ce7 = v);
36
35
  $parcel$export($086e93d2352a4536$exports, "spectrum-Button-label", () => $086e93d2352a4536$export$c081ba562e204942, (v) => $086e93d2352a4536$export$c081ba562e204942 = v);
37
36
  $parcel$export($086e93d2352a4536$exports, "spectrum-Button--iconOnly", () => $086e93d2352a4536$export$c1d306ec0fae3838, (v) => $086e93d2352a4536$export$c1d306ec0fae3838 = v);
@@ -40,33 +39,27 @@ $parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton-hold", () => $0
40
39
  $parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton--quiet", () => $086e93d2352a4536$export$40e1f009544bacf3, (v) => $086e93d2352a4536$export$40e1f009544bacf3 = v);
41
40
  $parcel$export($086e93d2352a4536$exports, "is-disabled", () => $086e93d2352a4536$export$d35bc1e505d1ebbf, (v) => $086e93d2352a4536$export$d35bc1e505d1ebbf = v);
42
41
  $parcel$export($086e93d2352a4536$exports, "is-open", () => $086e93d2352a4536$export$a9781837241c946d, (v) => $086e93d2352a4536$export$a9781837241c946d = v);
43
- $parcel$export($086e93d2352a4536$exports, "spectrum-FieldButton--quiet", () => $086e93d2352a4536$export$5ca7b274e4fff9fc, (v) => $086e93d2352a4536$export$5ca7b274e4fff9fc = v);
44
- $parcel$export($086e93d2352a4536$exports, "spectrum-ClearButton--overBackground", () => $086e93d2352a4536$export$116f2fccf941d34d, (v) => $086e93d2352a4536$export$116f2fccf941d34d = v);
45
42
  $parcel$export($086e93d2352a4536$exports, "spectrum-ClearButton--small", () => $086e93d2352a4536$export$49280ffa5236ba8b, (v) => $086e93d2352a4536$export$49280ffa5236ba8b = v);
46
- $parcel$export($086e93d2352a4536$exports, "is-focused", () => $086e93d2352a4536$export$e7dc768d35940237, (v) => $086e93d2352a4536$export$e7dc768d35940237 = v);
47
43
  $parcel$export($086e93d2352a4536$exports, "is-active", () => $086e93d2352a4536$export$20fd0f7cd4e6112f, (v) => $086e93d2352a4536$export$20fd0f7cd4e6112f = v);
48
- $parcel$export($086e93d2352a4536$exports, "spectrum-Button--cta", () => $086e93d2352a4536$export$b818fdf0052a2cab, (v) => $086e93d2352a4536$export$b818fdf0052a2cab = v);
49
- $parcel$export($086e93d2352a4536$exports, "spectrum-Button--primary", () => $086e93d2352a4536$export$c1c3511f5e96e926, (v) => $086e93d2352a4536$export$c1c3511f5e96e926 = v);
50
- $parcel$export($086e93d2352a4536$exports, "spectrum-Button--secondary", () => $086e93d2352a4536$export$4f1b75526afd8ff3, (v) => $086e93d2352a4536$export$4f1b75526afd8ff3 = v);
51
- $parcel$export($086e93d2352a4536$exports, "spectrum-Button--warning", () => $086e93d2352a4536$export$6f97cef817ff1cac, (v) => $086e93d2352a4536$export$6f97cef817ff1cac = v);
52
- $parcel$export($086e93d2352a4536$exports, "spectrum-Button--overBackground", () => $086e93d2352a4536$export$5cda1128f9112d2e, (v) => $086e93d2352a4536$export$5cda1128f9112d2e = v);
53
- $parcel$export($086e93d2352a4536$exports, "spectrum-Button--quiet", () => $086e93d2352a4536$export$25f049c049371040, (v) => $086e93d2352a4536$export$25f049c049371040 = v);
54
44
  $parcel$export($086e93d2352a4536$exports, "is-selected", () => $086e93d2352a4536$export$1e0fb04f31d3c22a, (v) => $086e93d2352a4536$export$1e0fb04f31d3c22a = v);
45
+ $parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton--emphasized", () => $086e93d2352a4536$export$5aabb61a966e266f, (v) => $086e93d2352a4536$export$5aabb61a966e266f = v);
55
46
  $parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton--staticWhite", () => $086e93d2352a4536$export$ccc536e1adbdc059, (v) => $086e93d2352a4536$export$ccc536e1adbdc059 = v);
56
47
  $parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton--staticBlack", () => $086e93d2352a4536$export$8f7c9db66978d20f, (v) => $086e93d2352a4536$export$8f7c9db66978d20f = v);
48
+ $parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton--staticColor", () => $086e93d2352a4536$export$29b7b5d6a5a497c5, (v) => $086e93d2352a4536$export$29b7b5d6a5a497c5 = v);
57
49
  $parcel$export($086e93d2352a4536$exports, "spectrum-LogicButton--and", () => $086e93d2352a4536$export$e52daab43a62c528, (v) => $086e93d2352a4536$export$e52daab43a62c528 = v);
58
50
  $parcel$export($086e93d2352a4536$exports, "spectrum-LogicButton--or", () => $086e93d2352a4536$export$da76be6126aaa633, (v) => $086e93d2352a4536$export$da76be6126aaa633 = v);
51
+ $parcel$export($086e93d2352a4536$exports, "is-focused", () => $086e93d2352a4536$export$e7dc768d35940237, (v) => $086e93d2352a4536$export$e7dc768d35940237 = v);
59
52
  $parcel$export($086e93d2352a4536$exports, "is-placeholder", () => $086e93d2352a4536$export$e5b2f5233e4e5194, (v) => $086e93d2352a4536$export$e5b2f5233e4e5194 = v);
60
53
  $parcel$export($086e93d2352a4536$exports, "spectrum-FieldButton--invalid", () => $086e93d2352a4536$export$c9f503f672e8a3c1, (v) => $086e93d2352a4536$export$c9f503f672e8a3c1 = v);
54
+ $parcel$export($086e93d2352a4536$exports, "spectrum-Button--overBackground", () => $086e93d2352a4536$export$5cda1128f9112d2e, (v) => $086e93d2352a4536$export$5cda1128f9112d2e = v);
61
55
  var $086e93d2352a4536$export$1db4cca5b4ade39a;
62
56
  var $086e93d2352a4536$export$53da69f51b770d3;
63
57
  var $086e93d2352a4536$export$36ae67a131730482;
64
58
  var $086e93d2352a4536$export$a024c99ecf6b5741;
65
59
  var $086e93d2352a4536$export$b752ce409e5660c;
66
60
  var $086e93d2352a4536$export$f39a09f249340e2a;
61
+ var $086e93d2352a4536$export$5ca7b274e4fff9fc;
67
62
  var $086e93d2352a4536$export$d374b04f30360026;
68
- var $086e93d2352a4536$export$5aabb61a966e266f;
69
- var $086e93d2352a4536$export$29b7b5d6a5a497c5;
70
63
  var $086e93d2352a4536$export$b8813cd5d7824ce7;
71
64
  var $086e93d2352a4536$export$c081ba562e204942;
72
65
  var $086e93d2352a4536$export$c1d306ec0fae3838;
@@ -75,33 +68,27 @@ var $086e93d2352a4536$export$4a4f01c443eff992;
75
68
  var $086e93d2352a4536$export$40e1f009544bacf3;
76
69
  var $086e93d2352a4536$export$d35bc1e505d1ebbf;
77
70
  var $086e93d2352a4536$export$a9781837241c946d;
78
- var $086e93d2352a4536$export$5ca7b274e4fff9fc;
79
- var $086e93d2352a4536$export$116f2fccf941d34d;
80
71
  var $086e93d2352a4536$export$49280ffa5236ba8b;
81
- var $086e93d2352a4536$export$e7dc768d35940237;
82
72
  var $086e93d2352a4536$export$20fd0f7cd4e6112f;
83
- var $086e93d2352a4536$export$b818fdf0052a2cab;
84
- var $086e93d2352a4536$export$c1c3511f5e96e926;
85
- var $086e93d2352a4536$export$4f1b75526afd8ff3;
86
- var $086e93d2352a4536$export$6f97cef817ff1cac;
87
- var $086e93d2352a4536$export$5cda1128f9112d2e;
88
- var $086e93d2352a4536$export$25f049c049371040;
89
73
  var $086e93d2352a4536$export$1e0fb04f31d3c22a;
74
+ var $086e93d2352a4536$export$5aabb61a966e266f;
90
75
  var $086e93d2352a4536$export$ccc536e1adbdc059;
91
76
  var $086e93d2352a4536$export$8f7c9db66978d20f;
77
+ var $086e93d2352a4536$export$29b7b5d6a5a497c5;
92
78
  var $086e93d2352a4536$export$e52daab43a62c528;
93
79
  var $086e93d2352a4536$export$da76be6126aaa633;
80
+ var $086e93d2352a4536$export$e7dc768d35940237;
94
81
  var $086e93d2352a4536$export$e5b2f5233e4e5194;
95
82
  var $086e93d2352a4536$export$c9f503f672e8a3c1;
83
+ var $086e93d2352a4536$export$5cda1128f9112d2e;
96
84
  $086e93d2352a4536$export$1db4cca5b4ade39a = "spectrum-Button_e2d99e";
97
85
  $086e93d2352a4536$export$53da69f51b770d3 = "spectrum-ActionButton_e2d99e";
98
86
  $086e93d2352a4536$export$36ae67a131730482 = "spectrum-LogicButton_e2d99e";
99
87
  $086e93d2352a4536$export$a024c99ecf6b5741 = "spectrum-FieldButton_e2d99e";
100
88
  $086e93d2352a4536$export$b752ce409e5660c = "spectrum-ClearButton_e2d99e";
101
89
  $086e93d2352a4536$export$f39a09f249340e2a = "focus-ring_e2d99e";
90
+ $086e93d2352a4536$export$5ca7b274e4fff9fc = "spectrum-FieldButton--quiet_e2d99e";
102
91
  $086e93d2352a4536$export$d374b04f30360026 = "spectrum-Icon_e2d99e";
103
- $086e93d2352a4536$export$5aabb61a966e266f = "spectrum-ActionButton--emphasized_e2d99e";
104
- $086e93d2352a4536$export$29b7b5d6a5a497c5 = "spectrum-ActionButton--staticColor_e2d99e";
105
92
  $086e93d2352a4536$export$b8813cd5d7824ce7 = "is-hovered_e2d99e";
106
93
  $086e93d2352a4536$export$c081ba562e204942 = "spectrum-Button-label_e2d99e";
107
94
  $086e93d2352a4536$export$c1d306ec0fae3838 = "spectrum-Button--iconOnly_e2d99e";
@@ -110,38 +97,29 @@ $086e93d2352a4536$export$4a4f01c443eff992 = "spectrum-ActionButton-hold_e2d99e";
110
97
  $086e93d2352a4536$export$40e1f009544bacf3 = "spectrum-ActionButton--quiet_e2d99e";
111
98
  $086e93d2352a4536$export$d35bc1e505d1ebbf = "is-disabled_e2d99e";
112
99
  $086e93d2352a4536$export$a9781837241c946d = "is-open_e2d99e";
113
- $086e93d2352a4536$export$5ca7b274e4fff9fc = "spectrum-FieldButton--quiet_e2d99e";
114
- $086e93d2352a4536$export$116f2fccf941d34d = "spectrum-ClearButton--overBackground_e2d99e";
115
100
  $086e93d2352a4536$export$49280ffa5236ba8b = "spectrum-ClearButton--small_e2d99e";
116
- $086e93d2352a4536$export$e7dc768d35940237 = "is-focused_e2d99e";
117
101
  $086e93d2352a4536$export$20fd0f7cd4e6112f = "is-active_e2d99e";
118
- $086e93d2352a4536$export$b818fdf0052a2cab = "spectrum-Button--cta_e2d99e";
119
- $086e93d2352a4536$export$c1c3511f5e96e926 = "spectrum-Button--primary_e2d99e";
120
- $086e93d2352a4536$export$4f1b75526afd8ff3 = "spectrum-Button--secondary_e2d99e";
121
- $086e93d2352a4536$export$6f97cef817ff1cac = "spectrum-Button--warning_e2d99e";
122
- $086e93d2352a4536$export$5cda1128f9112d2e = "spectrum-Button--overBackground_e2d99e";
123
- $086e93d2352a4536$export$25f049c049371040 = "spectrum-Button--quiet_e2d99e";
124
102
  $086e93d2352a4536$export$1e0fb04f31d3c22a = "is-selected_e2d99e";
103
+ $086e93d2352a4536$export$5aabb61a966e266f = "spectrum-ActionButton--emphasized_e2d99e";
125
104
  $086e93d2352a4536$export$ccc536e1adbdc059 = "spectrum-ActionButton--staticWhite_e2d99e";
126
105
  $086e93d2352a4536$export$8f7c9db66978d20f = "spectrum-ActionButton--staticBlack_e2d99e";
106
+ $086e93d2352a4536$export$29b7b5d6a5a497c5 = "spectrum-ActionButton--staticColor_e2d99e";
127
107
  $086e93d2352a4536$export$e52daab43a62c528 = "spectrum-LogicButton--and_e2d99e";
128
108
  $086e93d2352a4536$export$da76be6126aaa633 = "spectrum-LogicButton--or_e2d99e";
109
+ $086e93d2352a4536$export$e7dc768d35940237 = "is-focused_e2d99e";
129
110
  $086e93d2352a4536$export$e5b2f5233e4e5194 = "is-placeholder_e2d99e";
130
111
  $086e93d2352a4536$export$c9f503f672e8a3c1 = "spectrum-FieldButton--invalid_e2d99e";
112
+ $086e93d2352a4536$export$5cda1128f9112d2e = "spectrum-Button--overBackground_e2d99e";
131
113
 
132
114
 
133
115
 
134
116
 
135
117
 
136
118
 
137
- // todo: CSS hasn't caught up yet, map
138
- let $b865a6f0049e2d66$var$VARIANT_MAPPING = {
139
- negative: 'warning'
140
- };
141
119
  function $b865a6f0049e2d66$var$Button(props, ref) {
142
120
  props = $d7FTw$useProviderProps(props);
143
121
  props = $d7FTw$useSlotProps(props, 'button');
144
- let { elementType: ElementType = 'button' , children: children , variant: variant , isQuiet: isQuiet , isDisabled: isDisabled , autoFocus: autoFocus , ...otherProps } = props;
122
+ let { elementType: ElementType = 'button' , children: children , variant: variant , style: style = variant === 'accent' || variant === 'cta' ? 'fill' : 'outline' , staticColor: staticColor , isDisabled: isDisabled , autoFocus: autoFocus , ...otherProps } = props;
145
123
  let domRef = $d7FTw$useFocusableRef(ref);
146
124
  let { buttonProps: buttonProps , isPressed: isPressed } = $d7FTw$useButton(props, domRef);
147
125
  let { hoverProps: hoverProps , isHovered: isHovered } = $d7FTw$useHover({
@@ -150,8 +128,11 @@ function $b865a6f0049e2d66$var$Button(props, ref) {
150
128
  let { styleProps: styleProps } = $d7FTw$useStyleProps(otherProps);
151
129
  let hasLabel = $d7FTw$useHasChild(`.${(/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))['spectrum-Button-label']}`, domRef);
152
130
  let hasIcon = $d7FTw$useHasChild(`.${(/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))['spectrum-Icon']}`, domRef);
153
- let buttonVariant = variant;
154
- if ($b865a6f0049e2d66$var$VARIANT_MAPPING[variant]) buttonVariant = $b865a6f0049e2d66$var$VARIANT_MAPPING[variant];
131
+ if (variant === 'cta') variant = 'accent';
132
+ else if (variant === 'overBackground') {
133
+ variant = 'primary';
134
+ staticColor = 'white';
135
+ }
155
136
  return(/*#__PURE__*/ $d7FTw$react.createElement($d7FTw$FocusRing, {
156
137
  focusRingClass: $d7FTw$classNames((/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)), 'focus-ring'),
157
138
  autoFocus: autoFocus
@@ -159,8 +140,10 @@ function $b865a6f0049e2d66$var$Button(props, ref) {
159
140
  ...styleProps,
160
141
  ...$d7FTw$mergeProps(buttonProps, hoverProps),
161
142
  ref: domRef,
162
- className: $d7FTw$classNames((/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)), 'spectrum-Button', `spectrum-Button--${buttonVariant}`, {
163
- 'spectrum-Button--quiet': isQuiet,
143
+ "data-variant": variant,
144
+ "data-style": style,
145
+ "data-static-color": staticColor || undefined,
146
+ className: $d7FTw$classNames((/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)), 'spectrum-Button', {
164
147
  'spectrum-Button--iconOnly': hasIcon && !hasLabel,
165
148
  'is-disabled': isDisabled,
166
149
  'is-active': isPressed,
@@ -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 {\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"}
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\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 style = variant === 'accent' || variant === 'cta' ? 'fill' : 'outline',\n staticColor,\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 if (variant === 'cta') {\n variant = 'accent';\n } else if (variant === 'overBackground') {\n variant = 'primary';\n staticColor = 'white';\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 data-variant={variant}\n data-style={style}\n data-static-color={staticColor || undefined}\n className={\n classNames(\n styles,\n 'spectrum-Button',\n {\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"}
@@ -1 +1 @@
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"}
1
+ {"mappings":";;;AAmGA;;;;GAIG;AACH,OAAA,IAAI;UAAgH,aAAa,WAAW,CAAC;MAAM,YAAY,CAAC;ACfhK;;;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.10.0",
3
+ "version": "3.11.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.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"
35
+ "@react-aria/button": "^3.6.3",
36
+ "@react-aria/focus": "^3.10.0",
37
+ "@react-aria/interactions": "^3.13.0",
38
+ "@react-aria/utils": "^3.14.1",
39
+ "@react-spectrum/text": "^3.3.3",
40
+ "@react-spectrum/utils": "^3.8.0",
41
+ "@react-stately/toggle": "^3.4.3",
42
+ "@react-types/button": "^3.7.0",
43
+ "@react-types/shared": "^3.16.0",
44
+ "@spectrum-icons/ui": "^3.4.0"
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": "9202ef59e8c104dd06ffe33148445ef7932a5d1b"
57
+ "gitHead": "2954307ddbefe149241685440c81f80ece6b2c83"
58
58
  }
package/src/Button.tsx CHANGED
@@ -29,11 +29,6 @@ import {useButton} from '@react-aria/button';
29
29
  import {useHover} from '@react-aria/interactions';
30
30
  import {useProviderProps} from '@react-spectrum/provider';
31
31
 
32
- // todo: CSS hasn't caught up yet, map
33
- let VARIANT_MAPPING = {
34
- negative: 'warning'
35
- };
36
-
37
32
  function Button<T extends ElementType = 'button'>(props: SpectrumButtonProps<T>, ref: FocusableRef<HTMLElement>) {
38
33
  props = useProviderProps(props);
39
34
  props = useSlotProps(props, 'button');
@@ -41,7 +36,8 @@ function Button<T extends ElementType = 'button'>(props: SpectrumButtonProps<T>,
41
36
  elementType: ElementType = 'button',
42
37
  children,
43
38
  variant,
44
- isQuiet,
39
+ style = variant === 'accent' || variant === 'cta' ? 'fill' : 'outline',
40
+ staticColor,
45
41
  isDisabled,
46
42
  autoFocus,
47
43
  ...otherProps
@@ -53,9 +49,11 @@ function Button<T extends ElementType = 'button'>(props: SpectrumButtonProps<T>,
53
49
  let hasLabel = useHasChild(`.${styles['spectrum-Button-label']}`, domRef);
54
50
  let hasIcon = useHasChild(`.${styles['spectrum-Icon']}`, domRef);
55
51
 
56
- let buttonVariant = variant;
57
- if (VARIANT_MAPPING[variant]) {
58
- buttonVariant = VARIANT_MAPPING[variant];
52
+ if (variant === 'cta') {
53
+ variant = 'accent';
54
+ } else if (variant === 'overBackground') {
55
+ variant = 'primary';
56
+ staticColor = 'white';
59
57
  }
60
58
 
61
59
  return (
@@ -64,13 +62,14 @@ function Button<T extends ElementType = 'button'>(props: SpectrumButtonProps<T>,
64
62
  {...styleProps}
65
63
  {...mergeProps(buttonProps, hoverProps)}
66
64
  ref={domRef}
65
+ data-variant={variant}
66
+ data-style={style}
67
+ data-static-color={staticColor || undefined}
67
68
  className={
68
69
  classNames(
69
70
  styles,
70
71
  'spectrum-Button',
71
- `spectrum-Button--${buttonVariant}`,
72
72
  {
73
- 'spectrum-Button--quiet': isQuiet,
74
73
  'spectrum-Button--iconOnly': hasIcon && !hasLabel,
75
74
  'is-disabled': isDisabled,
76
75
  'is-active': isPressed,